.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em; }
  .flag-icon:before {
    content: '\00a0'; }
  .flag-icon.flag-icon-squared {
    width: 1em; }

.flag-icon-ad {
  background-image: url(../images/flags/4x3/ad.svg); }
  .flag-icon-ad.flag-icon-squared {
    background-image: url(../images/flags/1x1/ad.svg); }

.flag-icon-ae {
  background-image: url(../images/flags/4x3/ae.svg); }
  .flag-icon-ae.flag-icon-squared {
    background-image: url(../images/flags/1x1/ae.svg); }

.flag-icon-af {
  background-image: url(../images/flags/4x3/af.svg); }
  .flag-icon-af.flag-icon-squared {
    background-image: url(../images/flags/1x1/af.svg); }

.flag-icon-ag {
  background-image: url(../images/flags/4x3/ag.svg); }
  .flag-icon-ag.flag-icon-squared {
    background-image: url(../images/flags/1x1/ag.svg); }

.flag-icon-ai {
  background-image: url(../images/flags/4x3/ai.svg); }
  .flag-icon-ai.flag-icon-squared {
    background-image: url(../images/flags/1x1/ai.svg); }

.flag-icon-al {
  background-image: url(../images/flags/4x3/al.svg); }
  .flag-icon-al.flag-icon-squared {
    background-image: url(../images/flags/1x1/al.svg); }

.flag-icon-am {
  background-image: url(../images/flags/4x3/am.svg); }
  .flag-icon-am.flag-icon-squared {
    background-image: url(../images/flags/1x1/am.svg); }

.flag-icon-ao {
  background-image: url(../images/flags/4x3/ao.svg); }
  .flag-icon-ao.flag-icon-squared {
    background-image: url(../images/flags/1x1/ao.svg); }

.flag-icon-aq {
  background-image: url(../images/flags/4x3/aq.svg); }
  .flag-icon-aq.flag-icon-squared {
    background-image: url(../images/flags/1x1/aq.svg); }

.flag-icon-ar {
  background-image: url(../images/flags/4x3/ar.svg); }
  .flag-icon-ar.flag-icon-squared {
    background-image: url(../images/flags/1x1/ar.svg); }

.flag-icon-as {
  background-image: url(../images/flags/4x3/as.svg); }
  .flag-icon-as.flag-icon-squared {
    background-image: url(../images/flags/1x1/as.svg); }

.flag-icon-at {
  background-image: url(../images/flags/4x3/at.svg); }
  .flag-icon-at.flag-icon-squared {
    background-image: url(../images/flags/1x1/at.svg); }

.flag-icon-au {
  background-image: url(../images/flags/4x3/au.svg); }
  .flag-icon-au.flag-icon-squared {
    background-image: url(../images/flags/1x1/au.svg); }

.flag-icon-aw {
  background-image: url(../images/flags/4x3/aw.svg); }
  .flag-icon-aw.flag-icon-squared {
    background-image: url(../images/flags/1x1/aw.svg); }

.flag-icon-ax {
  background-image: url(../images/flags/4x3/ax.svg); }
  .flag-icon-ax.flag-icon-squared {
    background-image: url(../images/flags/1x1/ax.svg); }

.flag-icon-az {
  background-image: url(../images/flags/4x3/az.svg); }
  .flag-icon-az.flag-icon-squared {
    background-image: url(../images/flags/1x1/az.svg); }

.flag-icon-ba {
  background-image: url(../images/flags/4x3/ba.svg); }
  .flag-icon-ba.flag-icon-squared {
    background-image: url(../images/flags/1x1/ba.svg); }

.flag-icon-bb {
  background-image: url(../images/flags/4x3/bb.svg); }
  .flag-icon-bb.flag-icon-squared {
    background-image: url(../images/flags/1x1/bb.svg); }

.flag-icon-bd {
  background-image: url(../images/flags/4x3/bd.svg); }
  .flag-icon-bd.flag-icon-squared {
    background-image: url(../images/flags/1x1/bd.svg); }

.flag-icon-be {
  background-image: url(../images/flags/4x3/be.svg); }
  .flag-icon-be.flag-icon-squared {
    background-image: url(../images/flags/1x1/be.svg); }

.flag-icon-bf {
  background-image: url(../images/flags/4x3/bf.svg); }
  .flag-icon-bf.flag-icon-squared {
    background-image: url(../images/flags/1x1/bf.svg); }

.flag-icon-bg {
  background-image: url(../images/flags/4x3/bg.svg); }
  .flag-icon-bg.flag-icon-squared {
    background-image: url(../images/flags/1x1/bg.svg); }

.flag-icon-bh {
  background-image: url(../images/flags/4x3/bh.svg); }
  .flag-icon-bh.flag-icon-squared {
    background-image: url(../images/flags/1x1/bh.svg); }

.flag-icon-bi {
  background-image: url(../images/flags/4x3/bi.svg); }
  .flag-icon-bi.flag-icon-squared {
    background-image: url(../images/flags/1x1/bi.svg); }

.flag-icon-bj {
  background-image: url(../images/flags/4x3/bj.svg); }
  .flag-icon-bj.flag-icon-squared {
    background-image: url(../images/flags/1x1/bj.svg); }

.flag-icon-bl {
  background-image: url(../images/flags/4x3/bl.svg); }
  .flag-icon-bl.flag-icon-squared {
    background-image: url(../images/flags/1x1/bl.svg); }

.flag-icon-bm {
  background-image: url(../images/flags/4x3/bm.svg); }
  .flag-icon-bm.flag-icon-squared {
    background-image: url(../images/flags/1x1/bm.svg); }

.flag-icon-bn {
  background-image: url(../images/flags/4x3/bn.svg); }
  .flag-icon-bn.flag-icon-squared {
    background-image: url(../images/flags/1x1/bn.svg); }

.flag-icon-bo {
  background-image: url(../images/flags/4x3/bo.svg); }
  .flag-icon-bo.flag-icon-squared {
    background-image: url(../images/flags/1x1/bo.svg); }

.flag-icon-bq {
  background-image: url(../images/flags/4x3/bq.svg); }
  .flag-icon-bq.flag-icon-squared {
    background-image: url(../images/flags/1x1/bq.svg); }

.flag-icon-br {
  background-image: url(../images/flags/4x3/br.svg); }
  .flag-icon-br.flag-icon-squared {
    background-image: url(../images/flags/1x1/br.svg); }

.flag-icon-bs {
  background-image: url(../images/flags/4x3/bs.svg); }
  .flag-icon-bs.flag-icon-squared {
    background-image: url(../images/flags/1x1/bs.svg); }

.flag-icon-bt {
  background-image: url(../images/flags/4x3/bt.svg); }
  .flag-icon-bt.flag-icon-squared {
    background-image: url(../images/flags/1x1/bt.svg); }

.flag-icon-bv {
  background-image: url(../images/flags/4x3/bv.svg); }
  .flag-icon-bv.flag-icon-squared {
    background-image: url(../images/flags/1x1/bv.svg); }

.flag-icon-bw {
  background-image: url(../images/flags/4x3/bw.svg); }
  .flag-icon-bw.flag-icon-squared {
    background-image: url(../images/flags/1x1/bw.svg); }

.flag-icon-by {
  background-image: url(../images/flags/4x3/by.svg); }
  .flag-icon-by.flag-icon-squared {
    background-image: url(../images/flags/1x1/by.svg); }

.flag-icon-bz {
  background-image: url(../images/flags/4x3/bz.svg); }
  .flag-icon-bz.flag-icon-squared {
    background-image: url(../images/flags/1x1/bz.svg); }

.flag-icon-ca {
  background-image: url(../images/flags/4x3/ca.svg); }
  .flag-icon-ca.flag-icon-squared {
    background-image: url(../images/flags/1x1/ca.svg); }

.flag-icon-cc {
  background-image: url(../images/flags/4x3/cc.svg); }
  .flag-icon-cc.flag-icon-squared {
    background-image: url(../images/flags/1x1/cc.svg); }

.flag-icon-cd {
  background-image: url(../images/flags/4x3/cd.svg); }
  .flag-icon-cd.flag-icon-squared {
    background-image: url(../images/flags/1x1/cd.svg); }

.flag-icon-cf {
  background-image: url(../images/flags/4x3/cf.svg); }
  .flag-icon-cf.flag-icon-squared {
    background-image: url(../images/flags/1x1/cf.svg); }

.flag-icon-cg {
  background-image: url(../images/flags/4x3/cg.svg); }
  .flag-icon-cg.flag-icon-squared {
    background-image: url(../images/flags/1x1/cg.svg); }

.flag-icon-ch {
  background-image: url(../images/flags/4x3/ch.svg); }
  .flag-icon-ch.flag-icon-squared {
    background-image: url(../images/flags/1x1/ch.svg); }

.flag-icon-ci {
  background-image: url(../images/flags/4x3/ci.svg); }
  .flag-icon-ci.flag-icon-squared {
    background-image: url(../images/flags/1x1/ci.svg); }

.flag-icon-ck {
  background-image: url(../images/flags/4x3/ck.svg); }
  .flag-icon-ck.flag-icon-squared {
    background-image: url(../images/flags/1x1/ck.svg); }

.flag-icon-cl {
  background-image: url(../images/flags/4x3/cl.svg); }
  .flag-icon-cl.flag-icon-squared {
    background-image: url(../images/flags/1x1/cl.svg); }

.flag-icon-cm {
  background-image: url(../images/flags/4x3/cm.svg); }
  .flag-icon-cm.flag-icon-squared {
    background-image: url(../images/flags/1x1/cm.svg); }

.flag-icon-cn {
  background-image: url(../images/flags/4x3/cn.svg); }
  .flag-icon-cn.flag-icon-squared {
    background-image: url(../images/flags/1x1/cn.svg); }

.flag-icon-co {
  background-image: url(../images/flags/4x3/co.svg); }
  .flag-icon-co.flag-icon-squared {
    background-image: url(../images/flags/1x1/co.svg); }

.flag-icon-cr {
  background-image: url(../images/flags/4x3/cr.svg); }
  .flag-icon-cr.flag-icon-squared {
    background-image: url(../images/flags/1x1/cr.svg); }

.flag-icon-cu {
  background-image: url(../images/flags/4x3/cu.svg); }
  .flag-icon-cu.flag-icon-squared {
    background-image: url(../images/flags/1x1/cu.svg); }

.flag-icon-cv {
  background-image: url(../images/flags/4x3/cv.svg); }
  .flag-icon-cv.flag-icon-squared {
    background-image: url(../images/flags/1x1/cv.svg); }

.flag-icon-cw {
  background-image: url(../images/flags/4x3/cw.svg); }
  .flag-icon-cw.flag-icon-squared {
    background-image: url(../images/flags/1x1/cw.svg); }

.flag-icon-cx {
  background-image: url(../images/flags/4x3/cx.svg); }
  .flag-icon-cx.flag-icon-squared {
    background-image: url(../images/flags/1x1/cx.svg); }

.flag-icon-cy {
  background-image: url(../images/flags/4x3/cy.svg); }
  .flag-icon-cy.flag-icon-squared {
    background-image: url(../images/flags/1x1/cy.svg); }

.flag-icon-cz {
  background-image: url(../images/flags/4x3/cz.svg); }
  .flag-icon-cz.flag-icon-squared {
    background-image: url(../images/flags/1x1/cz.svg); }

.flag-icon-de {
  background-image: url(../images/flags/4x3/de.svg); }
  .flag-icon-de.flag-icon-squared {
    background-image: url(../images/flags/1x1/de.svg); }

.flag-icon-dj {
  background-image: url(../images/flags/4x3/dj.svg); }
  .flag-icon-dj.flag-icon-squared {
    background-image: url(../images/flags/1x1/dj.svg); }

.flag-icon-dk {
  background-image: url(../images/flags/4x3/dk.svg); }
  .flag-icon-dk.flag-icon-squared {
    background-image: url(../images/flags/1x1/dk.svg); }

.flag-icon-dm {
  background-image: url(../images/flags/4x3/dm.svg); }
  .flag-icon-dm.flag-icon-squared {
    background-image: url(../images/flags/1x1/dm.svg); }

.flag-icon-do {
  background-image: url(../images/flags/4x3/do.svg); }
  .flag-icon-do.flag-icon-squared {
    background-image: url(../images/flags/1x1/do.svg); }

.flag-icon-dz {
  background-image: url(../images/flags/4x3/dz.svg); }
  .flag-icon-dz.flag-icon-squared {
    background-image: url(../images/flags/1x1/dz.svg); }

.flag-icon-ec {
  background-image: url(../images/flags/4x3/ec.svg); }
  .flag-icon-ec.flag-icon-squared {
    background-image: url(../images/flags/1x1/ec.svg); }

.flag-icon-ee {
  background-image: url(../images/flags/4x3/ee.svg); }
  .flag-icon-ee.flag-icon-squared {
    background-image: url(../images/flags/1x1/ee.svg); }

.flag-icon-eg {
  background-image: url(../images/flags/4x3/eg.svg); }
  .flag-icon-eg.flag-icon-squared {
    background-image: url(../images/flags/1x1/eg.svg); }

.flag-icon-eh {
  background-image: url(../images/flags/4x3/eh.svg); }
  .flag-icon-eh.flag-icon-squared {
    background-image: url(../images/flags/1x1/eh.svg); }

.flag-icon-er {
  background-image: url(../images/flags/4x3/er.svg); }
  .flag-icon-er.flag-icon-squared {
    background-image: url(../images/flags/1x1/er.svg); }

.flag-icon-es {
  background-image: url(../images/flags/4x3/es.svg); }
  .flag-icon-es.flag-icon-squared {
    background-image: url(../images/flags/1x1/es.svg); }

.flag-icon-et {
  background-image: url(../images/flags/4x3/et.svg); }
  .flag-icon-et.flag-icon-squared {
    background-image: url(../images/flags/1x1/et.svg); }

.flag-icon-fi {
  background-image: url(../images/flags/4x3/fi.svg); }
  .flag-icon-fi.flag-icon-squared {
    background-image: url(../images/flags/1x1/fi.svg); }

.flag-icon-fj {
  background-image: url(../images/flags/4x3/fj.svg); }
  .flag-icon-fj.flag-icon-squared {
    background-image: url(../images/flags/1x1/fj.svg); }

.flag-icon-fk {
  background-image: url(../images/flags/4x3/fk.svg); }
  .flag-icon-fk.flag-icon-squared {
    background-image: url(../images/flags/1x1/fk.svg); }

.flag-icon-fm {
  background-image: url(../images/flags/4x3/fm.svg); }
  .flag-icon-fm.flag-icon-squared {
    background-image: url(../images/flags/1x1/fm.svg); }

.flag-icon-fo {
  background-image: url(../images/flags/4x3/fo.svg); }
  .flag-icon-fo.flag-icon-squared {
    background-image: url(../images/flags/1x1/fo.svg); }

.flag-icon-fr {
  background-image: url(../images/flags/4x3/fr.svg); }
  .flag-icon-fr.flag-icon-squared {
    background-image: url(../images/flags/1x1/fr.svg); }

.flag-icon-ga {
  background-image: url(../images/flags/4x3/ga.svg); }
  .flag-icon-ga.flag-icon-squared {
    background-image: url(../images/flags/1x1/ga.svg); }

.flag-icon-gb {
  background-image: url(../images/flags/4x3/gb.svg); }
  .flag-icon-gb.flag-icon-squared {
    background-image: url(../images/flags/1x1/gb.svg); }

.flag-icon-gd {
  background-image: url(../images/flags/4x3/gd.svg); }
  .flag-icon-gd.flag-icon-squared {
    background-image: url(../images/flags/1x1/gd.svg); }

.flag-icon-ge {
  background-image: url(../images/flags/4x3/ge.svg); }
  .flag-icon-ge.flag-icon-squared {
    background-image: url(../images/flags/1x1/ge.svg); }

.flag-icon-gf {
  background-image: url(../images/flags/4x3/gf.svg); }
  .flag-icon-gf.flag-icon-squared {
    background-image: url(../images/flags/1x1/gf.svg); }

.flag-icon-gg {
  background-image: url(../images/flags/4x3/gg.svg); }
  .flag-icon-gg.flag-icon-squared {
    background-image: url(../images/flags/1x1/gg.svg); }

.flag-icon-gh {
  background-image: url(../images/flags/4x3/gh.svg); }
  .flag-icon-gh.flag-icon-squared {
    background-image: url(../images/flags/1x1/gh.svg); }

.flag-icon-gi {
  background-image: url(../images/flags/4x3/gi.svg); }
  .flag-icon-gi.flag-icon-squared {
    background-image: url(../images/flags/1x1/gi.svg); }

.flag-icon-gl {
  background-image: url(../images/flags/4x3/gl.svg); }
  .flag-icon-gl.flag-icon-squared {
    background-image: url(../images/flags/1x1/gl.svg); }

.flag-icon-gm {
  background-image: url(../images/flags/4x3/gm.svg); }
  .flag-icon-gm.flag-icon-squared {
    background-image: url(../images/flags/1x1/gm.svg); }

.flag-icon-gn {
  background-image: url(../images/flags/4x3/gn.svg); }
  .flag-icon-gn.flag-icon-squared {
    background-image: url(../images/flags/1x1/gn.svg); }

.flag-icon-gp {
  background-image: url(../images/flags/4x3/gp.svg); }
  .flag-icon-gp.flag-icon-squared {
    background-image: url(../images/flags/1x1/gp.svg); }

.flag-icon-gq {
  background-image: url(../images/flags/4x3/gq.svg); }
  .flag-icon-gq.flag-icon-squared {
    background-image: url(../images/flags/1x1/gq.svg); }

.flag-icon-gr {
  background-image: url(../images/flags/4x3/gr.svg); }
  .flag-icon-gr.flag-icon-squared {
    background-image: url(../images/flags/1x1/gr.svg); }

.flag-icon-gs {
  background-image: url(../images/flags/4x3/gs.svg); }
  .flag-icon-gs.flag-icon-squared {
    background-image: url(../images/flags/1x1/gs.svg); }

.flag-icon-gt {
  background-image: url(../images/flags/4x3/gt.svg); }
  .flag-icon-gt.flag-icon-squared {
    background-image: url(../images/flags/1x1/gt.svg); }

.flag-icon-gu {
  background-image: url(../images/flags/4x3/gu.svg); }
  .flag-icon-gu.flag-icon-squared {
    background-image: url(../images/flags/1x1/gu.svg); }

.flag-icon-gw {
  background-image: url(../images/flags/4x3/gw.svg); }
  .flag-icon-gw.flag-icon-squared {
    background-image: url(../images/flags/1x1/gw.svg); }

.flag-icon-gy {
  background-image: url(../images/flags/4x3/gy.svg); }
  .flag-icon-gy.flag-icon-squared {
    background-image: url(../images/flags/1x1/gy.svg); }

.flag-icon-hk {
  background-image: url(../images/flags/4x3/hk.svg); }
  .flag-icon-hk.flag-icon-squared {
    background-image: url(../images/flags/1x1/hk.svg); }

.flag-icon-hm {
  background-image: url(../images/flags/4x3/hm.svg); }
  .flag-icon-hm.flag-icon-squared {
    background-image: url(../images/flags/1x1/hm.svg); }

.flag-icon-hn {
  background-image: url(../images/flags/4x3/hn.svg); }
  .flag-icon-hn.flag-icon-squared {
    background-image: url(../images/flags/1x1/hn.svg); }

.flag-icon-hr {
  background-image: url(../images/flags/4x3/hr.svg); }
  .flag-icon-hr.flag-icon-squared {
    background-image: url(../images/flags/1x1/hr.svg); }

.flag-icon-ht {
  background-image: url(../images/flags/4x3/ht.svg); }
  .flag-icon-ht.flag-icon-squared {
    background-image: url(../images/flags/1x1/ht.svg); }

.flag-icon-hu {
  background-image: url(../images/flags/4x3/hu.svg); }
  .flag-icon-hu.flag-icon-squared {
    background-image: url(../images/flags/1x1/hu.svg); }

.flag-icon-id {
  background-image: url(../images/flags/4x3/id.svg); }
  .flag-icon-id.flag-icon-squared {
    background-image: url(../images/flags/1x1/id.svg); }

.flag-icon-ie {
  background-image: url(../images/flags/4x3/ie.svg); }
  .flag-icon-ie.flag-icon-squared {
    background-image: url(../images/flags/1x1/ie.svg); }

.flag-icon-il {
  background-image: url(../images/flags/4x3/il.svg); }
  .flag-icon-il.flag-icon-squared {
    background-image: url(../images/flags/1x1/il.svg); }

.flag-icon-im {
  background-image: url(../images/flags/4x3/im.svg); }
  .flag-icon-im.flag-icon-squared {
    background-image: url(../images/flags/1x1/im.svg); }

.flag-icon-in {
  background-image: url(../images/flags/4x3/in.svg); }
  .flag-icon-in.flag-icon-squared {
    background-image: url(../images/flags/1x1/in.svg); }

.flag-icon-io {
  background-image: url(../images/flags/4x3/io.svg); }
  .flag-icon-io.flag-icon-squared {
    background-image: url(../images/flags/1x1/io.svg); }

.flag-icon-iq {
  background-image: url(../images/flags/4x3/iq.svg); }
  .flag-icon-iq.flag-icon-squared {
    background-image: url(../images/flags/1x1/iq.svg); }

.flag-icon-ir {
  background-image: url(../images/flags/4x3/ir.svg); }
  .flag-icon-ir.flag-icon-squared {
    background-image: url(../images/flags/1x1/ir.svg); }

.flag-icon-is {
  background-image: url(../images/flags/4x3/is.svg); }
  .flag-icon-is.flag-icon-squared {
    background-image: url(../images/flags/1x1/is.svg); }

.flag-icon-it {
  background-image: url(../images/flags/4x3/it.svg); }
  .flag-icon-it.flag-icon-squared {
    background-image: url(../images/flags/1x1/it.svg); }

.flag-icon-je {
  background-image: url(../images/flags/4x3/je.svg); }
  .flag-icon-je.flag-icon-squared {
    background-image: url(../images/flags/1x1/je.svg); }

.flag-icon-jm {
  background-image: url(../images/flags/4x3/jm.svg); }
  .flag-icon-jm.flag-icon-squared {
    background-image: url(../images/flags/1x1/jm.svg); }

.flag-icon-jo {
  background-image: url(../images/flags/4x3/jo.svg); }
  .flag-icon-jo.flag-icon-squared {
    background-image: url(../images/flags/1x1/jo.svg); }

.flag-icon-jp {
  background-image: url(../images/flags/4x3/jp.svg); }
  .flag-icon-jp.flag-icon-squared {
    background-image: url(../images/flags/1x1/jp.svg); }

.flag-icon-ke {
  background-image: url(../images/flags/4x3/ke.svg); }
  .flag-icon-ke.flag-icon-squared {
    background-image: url(../images/flags/1x1/ke.svg); }

.flag-icon-kg {
  background-image: url(../images/flags/4x3/kg.svg); }
  .flag-icon-kg.flag-icon-squared {
    background-image: url(../images/flags/1x1/kg.svg); }

.flag-icon-kh {
  background-image: url(../images/flags/4x3/kh.svg); }
  .flag-icon-kh.flag-icon-squared {
    background-image: url(../images/flags/1x1/kh.svg); }

.flag-icon-ki {
  background-image: url(../images/flags/4x3/ki.svg); }
  .flag-icon-ki.flag-icon-squared {
    background-image: url(../images/flags/1x1/ki.svg); }

.flag-icon-km {
  background-image: url(../images/flags/4x3/km.svg); }
  .flag-icon-km.flag-icon-squared {
    background-image: url(../images/flags/1x1/km.svg); }

.flag-icon-kn {
  background-image: url(../images/flags/4x3/kn.svg); }
  .flag-icon-kn.flag-icon-squared {
    background-image: url(../images/flags/1x1/kn.svg); }

.flag-icon-kp {
  background-image: url(../images/flags/4x3/kp.svg); }
  .flag-icon-kp.flag-icon-squared {
    background-image: url(../images/flags/1x1/kp.svg); }

.flag-icon-kr {
  background-image: url(../images/flags/4x3/kr.svg); }
  .flag-icon-kr.flag-icon-squared {
    background-image: url(../images/flags/1x1/kr.svg); }

.flag-icon-kw {
  background-image: url(../images/flags/4x3/kw.svg); }
  .flag-icon-kw.flag-icon-squared {
    background-image: url(../images/flags/1x1/kw.svg); }

.flag-icon-ky {
  background-image: url(../images/flags/4x3/ky.svg); }
  .flag-icon-ky.flag-icon-squared {
    background-image: url(../images/flags/1x1/ky.svg); }

.flag-icon-kz {
  background-image: url(../images/flags/4x3/kz.svg); }
  .flag-icon-kz.flag-icon-squared {
    background-image: url(../images/flags/1x1/kz.svg); }

.flag-icon-la {
  background-image: url(../images/flags/4x3/la.svg); }
  .flag-icon-la.flag-icon-squared {
    background-image: url(../images/flags/1x1/la.svg); }

.flag-icon-lb {
  background-image: url(../images/flags/4x3/lb.svg); }
  .flag-icon-lb.flag-icon-squared {
    background-image: url(../images/flags/1x1/lb.svg); }

.flag-icon-lc {
  background-image: url(../images/flags/4x3/lc.svg); }
  .flag-icon-lc.flag-icon-squared {
    background-image: url(../images/flags/1x1/lc.svg); }

.flag-icon-li {
  background-image: url(../images/flags/4x3/li.svg); }
  .flag-icon-li.flag-icon-squared {
    background-image: url(../images/flags/1x1/li.svg); }

.flag-icon-lk {
  background-image: url(../images/flags/4x3/lk.svg); }
  .flag-icon-lk.flag-icon-squared {
    background-image: url(../images/flags/1x1/lk.svg); }

.flag-icon-lr {
  background-image: url(../images/flags/4x3/lr.svg); }
  .flag-icon-lr.flag-icon-squared {
    background-image: url(../images/flags/1x1/lr.svg); }

.flag-icon-ls {
  background-image: url(../images/flags/4x3/ls.svg); }
  .flag-icon-ls.flag-icon-squared {
    background-image: url(../images/flags/1x1/ls.svg); }

.flag-icon-lt {
  background-image: url(../images/flags/4x3/lt.svg); }
  .flag-icon-lt.flag-icon-squared {
    background-image: url(../images/flags/1x1/lt.svg); }

.flag-icon-lu {
  background-image: url(../images/flags/4x3/lu.svg); }
  .flag-icon-lu.flag-icon-squared {
    background-image: url(../images/flags/1x1/lu.svg); }

.flag-icon-lv {
  background-image: url(../images/flags/4x3/lv.svg); }
  .flag-icon-lv.flag-icon-squared {
    background-image: url(../images/flags/1x1/lv.svg); }

.flag-icon-ly {
  background-image: url(../images/flags/4x3/ly.svg); }
  .flag-icon-ly.flag-icon-squared {
    background-image: url(../images/flags/1x1/ly.svg); }

.flag-icon-ma {
  background-image: url(../images/flags/4x3/ma.svg); }
  .flag-icon-ma.flag-icon-squared {
    background-image: url(../images/flags/1x1/ma.svg); }

.flag-icon-mc {
  background-image: url(../images/flags/4x3/mc.svg); }
  .flag-icon-mc.flag-icon-squared {
    background-image: url(../images/flags/1x1/mc.svg); }

.flag-icon-md {
  background-image: url(../images/flags/4x3/md.svg); }
  .flag-icon-md.flag-icon-squared {
    background-image: url(../images/flags/1x1/md.svg); }

.flag-icon-me {
  background-image: url(../images/flags/4x3/me.svg); }
  .flag-icon-me.flag-icon-squared {
    background-image: url(../images/flags/1x1/me.svg); }

.flag-icon-mf {
  background-image: url(../images/flags/4x3/mf.svg); }
  .flag-icon-mf.flag-icon-squared {
    background-image: url(../images/flags/1x1/mf.svg); }

.flag-icon-mg {
  background-image: url(../images/flags/4x3/mg.svg); }
  .flag-icon-mg.flag-icon-squared {
    background-image: url(../images/flags/1x1/mg.svg); }

.flag-icon-mh {
  background-image: url(../images/flags/4x3/mh.svg); }
  .flag-icon-mh.flag-icon-squared {
    background-image: url(../images/flags/1x1/mh.svg); }

.flag-icon-mk {
  background-image: url(../images/flags/4x3/mk.svg); }
  .flag-icon-mk.flag-icon-squared {
    background-image: url(../images/flags/1x1/mk.svg); }

.flag-icon-ml {
  background-image: url(../images/flags/4x3/ml.svg); }
  .flag-icon-ml.flag-icon-squared {
    background-image: url(../images/flags/1x1/ml.svg); }

.flag-icon-mm {
  background-image: url(../images/flags/4x3/mm.svg); }
  .flag-icon-mm.flag-icon-squared {
    background-image: url(../images/flags/1x1/mm.svg); }

.flag-icon-mn {
  background-image: url(../images/flags/4x3/mn.svg); }
  .flag-icon-mn.flag-icon-squared {
    background-image: url(../images/flags/1x1/mn.svg); }

.flag-icon-mo {
  background-image: url(../images/flags/4x3/mo.svg); }
  .flag-icon-mo.flag-icon-squared {
    background-image: url(../images/flags/1x1/mo.svg); }

.flag-icon-mp {
  background-image: url(../images/flags/4x3/mp.svg); }
  .flag-icon-mp.flag-icon-squared {
    background-image: url(../images/flags/1x1/mp.svg); }

.flag-icon-mq {
  background-image: url(../images/flags/4x3/mq.svg); }
  .flag-icon-mq.flag-icon-squared {
    background-image: url(../images/flags/1x1/mq.svg); }

.flag-icon-mr {
  background-image: url(../images/flags/4x3/mr.svg); }
  .flag-icon-mr.flag-icon-squared {
    background-image: url(../images/flags/1x1/mr.svg); }

.flag-icon-ms {
  background-image: url(../images/flags/4x3/ms.svg); }
  .flag-icon-ms.flag-icon-squared {
    background-image: url(../images/flags/1x1/ms.svg); }

.flag-icon-mt {
  background-image: url(../images/flags/4x3/mt.svg); }
  .flag-icon-mt.flag-icon-squared {
    background-image: url(../images/flags/1x1/mt.svg); }

.flag-icon-mu {
  background-image: url(../images/flags/4x3/mu.svg); }
  .flag-icon-mu.flag-icon-squared {
    background-image: url(../images/flags/1x1/mu.svg); }

.flag-icon-mv {
  background-image: url(../images/flags/4x3/mv.svg); }
  .flag-icon-mv.flag-icon-squared {
    background-image: url(../images/flags/1x1/mv.svg); }

.flag-icon-mw {
  background-image: url(../images/flags/4x3/mw.svg); }
  .flag-icon-mw.flag-icon-squared {
    background-image: url(../images/flags/1x1/mw.svg); }

.flag-icon-mx {
  background-image: url(../images/flags/4x3/mx.svg); }
  .flag-icon-mx.flag-icon-squared {
    background-image: url(../images/flags/1x1/mx.svg); }

.flag-icon-my {
  background-image: url(../images/flags/4x3/my.svg); }
  .flag-icon-my.flag-icon-squared {
    background-image: url(../images/flags/1x1/my.svg); }

.flag-icon-mz {
  background-image: url(../images/flags/4x3/mz.svg); }
  .flag-icon-mz.flag-icon-squared {
    background-image: url(../images/flags/1x1/mz.svg); }

.flag-icon-na {
  background-image: url(../images/flags/4x3/na.svg); }
  .flag-icon-na.flag-icon-squared {
    background-image: url(../images/flags/1x1/na.svg); }

.flag-icon-nc {
  background-image: url(../images/flags/4x3/nc.svg); }
  .flag-icon-nc.flag-icon-squared {
    background-image: url(../images/flags/1x1/nc.svg); }

.flag-icon-ne {
  background-image: url(../images/flags/4x3/ne.svg); }
  .flag-icon-ne.flag-icon-squared {
    background-image: url(../images/flags/1x1/ne.svg); }

.flag-icon-nf {
  background-image: url(../images/flags/4x3/nf.svg); }
  .flag-icon-nf.flag-icon-squared {
    background-image: url(../images/flags/1x1/nf.svg); }

.flag-icon-ng {
  background-image: url(../images/flags/4x3/ng.svg); }
  .flag-icon-ng.flag-icon-squared {
    background-image: url(../images/flags/1x1/ng.svg); }

.flag-icon-ni {
  background-image: url(../images/flags/4x3/ni.svg); }
  .flag-icon-ni.flag-icon-squared {
    background-image: url(../images/flags/1x1/ni.svg); }

.flag-icon-nl {
  background-image: url(../images/flags/4x3/nl.svg); }
  .flag-icon-nl.flag-icon-squared {
    background-image: url(../images/flags/1x1/nl.svg); }

.flag-icon-no {
  background-image: url(../images/flags/4x3/no.svg); }
  .flag-icon-no.flag-icon-squared {
    background-image: url(../images/flags/1x1/no.svg); }

.flag-icon-np {
  background-image: url(../images/flags/4x3/np.svg); }
  .flag-icon-np.flag-icon-squared {
    background-image: url(../images/flags/1x1/np.svg); }

.flag-icon-nr {
  background-image: url(../images/flags/4x3/nr.svg); }
  .flag-icon-nr.flag-icon-squared {
    background-image: url(../images/flags/1x1/nr.svg); }

.flag-icon-nu {
  background-image: url(../images/flags/4x3/nu.svg); }
  .flag-icon-nu.flag-icon-squared {
    background-image: url(../images/flags/1x1/nu.svg); }

.flag-icon-nz {
  background-image: url(../images/flags/4x3/nz.svg); }
  .flag-icon-nz.flag-icon-squared {
    background-image: url(../images/flags/1x1/nz.svg); }

.flag-icon-om {
  background-image: url(../images/flags/4x3/om.svg); }
  .flag-icon-om.flag-icon-squared {
    background-image: url(../images/flags/1x1/om.svg); }

.flag-icon-pa {
  background-image: url(../images/flags/4x3/pa.svg); }
  .flag-icon-pa.flag-icon-squared {
    background-image: url(../images/flags/1x1/pa.svg); }

.flag-icon-pe {
  background-image: url(../images/flags/4x3/pe.svg); }
  .flag-icon-pe.flag-icon-squared {
    background-image: url(../images/flags/1x1/pe.svg); }

.flag-icon-pf {
  background-image: url(../images/flags/4x3/pf.svg); }
  .flag-icon-pf.flag-icon-squared {
    background-image: url(../images/flags/1x1/pf.svg); }

.flag-icon-pg {
  background-image: url(../images/flags/4x3/pg.svg); }
  .flag-icon-pg.flag-icon-squared {
    background-image: url(../images/flags/1x1/pg.svg); }

.flag-icon-ph {
  background-image: url(../images/flags/4x3/ph.svg); }
  .flag-icon-ph.flag-icon-squared {
    background-image: url(../images/flags/1x1/ph.svg); }

.flag-icon-pk {
  background-image: url(../images/flags/4x3/pk.svg); }
  .flag-icon-pk.flag-icon-squared {
    background-image: url(../images/flags/1x1/pk.svg); }

.flag-icon-pl {
  background-image: url(../images/flags/4x3/pl.svg); }
  .flag-icon-pl.flag-icon-squared {
    background-image: url(../images/flags/1x1/pl.svg); }

.flag-icon-pm {
  background-image: url(../images/flags/4x3/pm.svg); }
  .flag-icon-pm.flag-icon-squared {
    background-image: url(../images/flags/1x1/pm.svg); }

.flag-icon-pn {
  background-image: url(../images/flags/4x3/pn.svg); }
  .flag-icon-pn.flag-icon-squared {
    background-image: url(../images/flags/1x1/pn.svg); }

.flag-icon-pr {
  background-image: url(../images/flags/4x3/pr.svg); }
  .flag-icon-pr.flag-icon-squared {
    background-image: url(../images/flags/1x1/pr.svg); }

.flag-icon-ps {
  background-image: url(../images/flags/4x3/ps.svg); }
  .flag-icon-ps.flag-icon-squared {
    background-image: url(../images/flags/1x1/ps.svg); }

.flag-icon-pt {
  background-image: url(../images/flags/4x3/pt.svg); }
  .flag-icon-pt.flag-icon-squared {
    background-image: url(../images/flags/1x1/pt.svg); }

.flag-icon-pw {
  background-image: url(../images/flags/4x3/pw.svg); }
  .flag-icon-pw.flag-icon-squared {
    background-image: url(../images/flags/1x1/pw.svg); }

.flag-icon-py {
  background-image: url(../images/flags/4x3/py.svg); }
  .flag-icon-py.flag-icon-squared {
    background-image: url(../images/flags/1x1/py.svg); }

.flag-icon-qa {
  background-image: url(../images/flags/4x3/qa.svg); }
  .flag-icon-qa.flag-icon-squared {
    background-image: url(../images/flags/1x1/qa.svg); }

.flag-icon-re {
  background-image: url(../images/flags/4x3/re.svg); }
  .flag-icon-re.flag-icon-squared {
    background-image: url(../images/flags/1x1/re.svg); }

.flag-icon-ro {
  background-image: url(../images/flags/4x3/ro.svg); }
  .flag-icon-ro.flag-icon-squared {
    background-image: url(../images/flags/1x1/ro.svg); }

.flag-icon-rs {
  background-image: url(../images/flags/4x3/rs.svg); }
  .flag-icon-rs.flag-icon-squared {
    background-image: url(../images/flags/1x1/rs.svg); }

.flag-icon-ru {
  background-image: url(../images/flags/4x3/ru.svg); }
  .flag-icon-ru.flag-icon-squared {
    background-image: url(../images/flags/1x1/ru.svg); }

.flag-icon-rw {
  background-image: url(../images/flags/4x3/rw.svg); }
  .flag-icon-rw.flag-icon-squared {
    background-image: url(../images/flags/1x1/rw.svg); }

.flag-icon-sa {
  background-image: url(../images/flags/4x3/sa.svg); }
  .flag-icon-sa.flag-icon-squared {
    background-image: url(../images/flags/1x1/sa.svg); }

.flag-icon-sb {
  background-image: url(../images/flags/4x3/sb.svg); }
  .flag-icon-sb.flag-icon-squared {
    background-image: url(../images/flags/1x1/sb.svg); }

.flag-icon-sc {
  background-image: url(../images/flags/4x3/sc.svg); }
  .flag-icon-sc.flag-icon-squared {
    background-image: url(../images/flags/1x1/sc.svg); }

.flag-icon-sd {
  background-image: url(../images/flags/4x3/sd.svg); }
  .flag-icon-sd.flag-icon-squared {
    background-image: url(../images/flags/1x1/sd.svg); }

.flag-icon-se {
  background-image: url(../images/flags/4x3/se.svg); }
  .flag-icon-se.flag-icon-squared {
    background-image: url(../images/flags/1x1/se.svg); }

.flag-icon-sg {
  background-image: url(../images/flags/4x3/sg.svg); }
  .flag-icon-sg.flag-icon-squared {
    background-image: url(../images/flags/1x1/sg.svg); }

.flag-icon-sh {
  background-image: url(../images/flags/4x3/sh.svg); }
  .flag-icon-sh.flag-icon-squared {
    background-image: url(../images/flags/1x1/sh.svg); }

.flag-icon-si {
  background-image: url(../images/flags/4x3/si.svg); }
  .flag-icon-si.flag-icon-squared {
    background-image: url(../images/flags/1x1/si.svg); }

.flag-icon-sj {
  background-image: url(../images/flags/4x3/sj.svg); }
  .flag-icon-sj.flag-icon-squared {
    background-image: url(../images/flags/1x1/sj.svg); }

.flag-icon-sk {
  background-image: url(../images/flags/4x3/sk.svg); }
  .flag-icon-sk.flag-icon-squared {
    background-image: url(../images/flags/1x1/sk.svg); }

.flag-icon-sl {
  background-image: url(../images/flags/4x3/sl.svg); }
  .flag-icon-sl.flag-icon-squared {
    background-image: url(../images/flags/1x1/sl.svg); }

.flag-icon-sm {
  background-image: url(../images/flags/4x3/sm.svg); }
  .flag-icon-sm.flag-icon-squared {
    background-image: url(../images/flags/1x1/sm.svg); }

.flag-icon-sn {
  background-image: url(../images/flags/4x3/sn.svg); }
  .flag-icon-sn.flag-icon-squared {
    background-image: url(../images/flags/1x1/sn.svg); }

.flag-icon-so {
  background-image: url(../images/flags/4x3/so.svg); }
  .flag-icon-so.flag-icon-squared {
    background-image: url(../images/flags/1x1/so.svg); }

.flag-icon-sr {
  background-image: url(../images/flags/4x3/sr.svg); }
  .flag-icon-sr.flag-icon-squared {
    background-image: url(../images/flags/1x1/sr.svg); }

.flag-icon-ss {
  background-image: url(../images/flags/4x3/ss.svg); }
  .flag-icon-ss.flag-icon-squared {
    background-image: url(../images/flags/1x1/ss.svg); }

.flag-icon-st {
  background-image: url(../images/flags/4x3/st.svg); }
  .flag-icon-st.flag-icon-squared {
    background-image: url(../images/flags/1x1/st.svg); }

.flag-icon-sv {
  background-image: url(../images/flags/4x3/sv.svg); }
  .flag-icon-sv.flag-icon-squared {
    background-image: url(../images/flags/1x1/sv.svg); }

.flag-icon-sx {
  background-image: url(../images/flags/4x3/sx.svg); }
  .flag-icon-sx.flag-icon-squared {
    background-image: url(../images/flags/1x1/sx.svg); }

.flag-icon-sy {
  background-image: url(../images/flags/4x3/sy.svg); }
  .flag-icon-sy.flag-icon-squared {
    background-image: url(../images/flags/1x1/sy.svg); }

.flag-icon-sz {
  background-image: url(../images/flags/4x3/sz.svg); }
  .flag-icon-sz.flag-icon-squared {
    background-image: url(../images/flags/1x1/sz.svg); }

.flag-icon-tc {
  background-image: url(../images/flags/4x3/tc.svg); }
  .flag-icon-tc.flag-icon-squared {
    background-image: url(../images/flags/1x1/tc.svg); }

.flag-icon-td {
  background-image: url(../images/flags/4x3/td.svg); }
  .flag-icon-td.flag-icon-squared {
    background-image: url(../images/flags/1x1/td.svg); }

.flag-icon-tf {
  background-image: url(../images/flags/4x3/tf.svg); }
  .flag-icon-tf.flag-icon-squared {
    background-image: url(../images/flags/1x1/tf.svg); }

.flag-icon-tg {
  background-image: url(../images/flags/4x3/tg.svg); }
  .flag-icon-tg.flag-icon-squared {
    background-image: url(../images/flags/1x1/tg.svg); }

.flag-icon-th {
  background-image: url(../images/flags/4x3/th.svg); }
  .flag-icon-th.flag-icon-squared {
    background-image: url(../images/flags/1x1/th.svg); }

.flag-icon-tj {
  background-image: url(../images/flags/4x3/tj.svg); }
  .flag-icon-tj.flag-icon-squared {
    background-image: url(../images/flags/1x1/tj.svg); }

.flag-icon-tk {
  background-image: url(../images/flags/4x3/tk.svg); }
  .flag-icon-tk.flag-icon-squared {
    background-image: url(../images/flags/1x1/tk.svg); }

.flag-icon-tl {
  background-image: url(../images/flags/4x3/tl.svg); }
  .flag-icon-tl.flag-icon-squared {
    background-image: url(../images/flags/1x1/tl.svg); }

.flag-icon-tm {
  background-image: url(../images/flags/4x3/tm.svg); }
  .flag-icon-tm.flag-icon-squared {
    background-image: url(../images/flags/1x1/tm.svg); }

.flag-icon-tn {
  background-image: url(../images/flags/4x3/tn.svg); }
  .flag-icon-tn.flag-icon-squared {
    background-image: url(../images/flags/1x1/tn.svg); }

.flag-icon-to {
  background-image: url(../images/flags/4x3/to.svg); }
  .flag-icon-to.flag-icon-squared {
    background-image: url(../images/flags/1x1/to.svg); }

.flag-icon-tr {
  background-image: url(../images/flags/4x3/tr.svg); }
  .flag-icon-tr.flag-icon-squared {
    background-image: url(../images/flags/1x1/tr.svg); }

.flag-icon-tt {
  background-image: url(../images/flags/4x3/tt.svg); }
  .flag-icon-tt.flag-icon-squared {
    background-image: url(../images/flags/1x1/tt.svg); }

.flag-icon-tv {
  background-image: url(../images/flags/4x3/tv.svg); }
  .flag-icon-tv.flag-icon-squared {
    background-image: url(../images/flags/1x1/tv.svg); }

.flag-icon-tw {
  background-image: url(../images/flags/4x3/tw.svg); }
  .flag-icon-tw.flag-icon-squared {
    background-image: url(../images/flags/1x1/tw.svg); }

.flag-icon-tz {
  background-image: url(../images/flags/4x3/tz.svg); }
  .flag-icon-tz.flag-icon-squared {
    background-image: url(../images/flags/1x1/tz.svg); }

.flag-icon-ua {
  background-image: url(../images/flags/4x3/ua.svg); }
  .flag-icon-ua.flag-icon-squared {
    background-image: url(../images/flags/1x1/ua.svg); }

.flag-icon-ug {
  background-image: url(../images/flags/4x3/ug.svg); }
  .flag-icon-ug.flag-icon-squared {
    background-image: url(../images/flags/1x1/ug.svg); }

.flag-icon-um {
  background-image: url(../images/flags/4x3/um.svg); }
  .flag-icon-um.flag-icon-squared {
    background-image: url(../images/flags/1x1/um.svg); }

.flag-icon-us {
  background-image: url(../images/flags/4x3/us.svg); }
  .flag-icon-us.flag-icon-squared {
    background-image: url(../images/flags/1x1/us.svg); }

.flag-icon-uy {
  background-image: url(../images/flags/4x3/uy.svg); }
  .flag-icon-uy.flag-icon-squared {
    background-image: url(../images/flags/1x1/uy.svg); }

.flag-icon-uz {
  background-image: url(../images/flags/4x3/uz.svg); }
  .flag-icon-uz.flag-icon-squared {
    background-image: url(../images/flags/1x1/uz.svg); }

.flag-icon-va {
  background-image: url(../images/flags/4x3/va.svg); }
  .flag-icon-va.flag-icon-squared {
    background-image: url(../images/flags/1x1/va.svg); }

.flag-icon-vc {
  background-image: url(../images/flags/4x3/vc.svg); }
  .flag-icon-vc.flag-icon-squared {
    background-image: url(../images/flags/1x1/vc.svg); }

.flag-icon-ve {
  background-image: url(../images/flags/4x3/ve.svg); }
  .flag-icon-ve.flag-icon-squared {
    background-image: url(../images/flags/1x1/ve.svg); }

.flag-icon-vg {
  background-image: url(../images/flags/4x3/vg.svg); }
  .flag-icon-vg.flag-icon-squared {
    background-image: url(../images/flags/1x1/vg.svg); }

.flag-icon-vi {
  background-image: url(../images/flags/4x3/vi.svg); }
  .flag-icon-vi.flag-icon-squared {
    background-image: url(../images/flags/1x1/vi.svg); }

.flag-icon-vn {
  background-image: url(../images/flags/4x3/vn.svg); }
  .flag-icon-vn.flag-icon-squared {
    background-image: url(../images/flags/1x1/vn.svg); }

.flag-icon-vu {
  background-image: url(../images/flags/4x3/vu.svg); }
  .flag-icon-vu.flag-icon-squared {
    background-image: url(../images/flags/1x1/vu.svg); }

.flag-icon-wf {
  background-image: url(../images/flags/4x3/wf.svg); }
  .flag-icon-wf.flag-icon-squared {
    background-image: url(../images/flags/1x1/wf.svg); }

.flag-icon-ws {
  background-image: url(../images/flags/4x3/ws.svg); }
  .flag-icon-ws.flag-icon-squared {
    background-image: url(../images/flags/1x1/ws.svg); }

.flag-icon-ye {
  background-image: url(../images/flags/4x3/ye.svg); }
  .flag-icon-ye.flag-icon-squared {
    background-image: url(../images/flags/1x1/ye.svg); }

.flag-icon-yt {
  background-image: url(../images/flags/4x3/yt.svg); }
  .flag-icon-yt.flag-icon-squared {
    background-image: url(../images/flags/1x1/yt.svg); }

.flag-icon-za {
  background-image: url(../images/flags/4x3/za.svg); }
  .flag-icon-za.flag-icon-squared {
    background-image: url(../images/flags/1x1/za.svg); }

.flag-icon-zh {
  background-image: url(../images/flags/4x3/zh.svg); }
  .flag-icon-zh.flag-icon-squared {
    background-image: url(../images/flags/1x1/zh.svg); }

.flag-icon-zm {
  background-image: url(../images/flags/4x3/zm.svg); }
  .flag-icon-zm.flag-icon-squared {
    background-image: url(../images/flags/1x1/zm.svg); }

.flag-icon-zw {
  background-image: url(../images/flags/4x3/zw.svg); }
  .flag-icon-zw.flag-icon-squared {
    background-image: url(../images/flags/1x1/zw.svg); }

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
	 ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
	 ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
	 ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
	 ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  height: 0;
  margni-bottom: 15px; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
	 ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: none;
  margin: 0;
  padding: 0; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
	 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0;
  font-weight: 400; }

/* Lists

	==============================================================================*/
ul li {
  list-style-type: none; }

ol li {
  list-style-type: decimal; }

@font-face {
  font-family: 'futuralight';
  src: url("../fonts/futuralight.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*futuramedium*/
@font-face {
  font-family: 'futuramedium';
  src: url("../fonts/futuramedium.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*futurabook*/
@font-face {
  font-family: 'futurabook';
  src: url("../fonts/futurabook.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*HelveticaNeueLT*/
@font-face {
  font-family: 'HelveticaNeueLT';
  src: url("../fonts/HelveticaNeueLT.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor; }

/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */
.icon-twitter {
  width: 0.927734375em; }

.icon-facebook {
  width: 0.5712890625em; }

.icon-pinterest-circled {
  width: 0.857421875em; }

.icon-gplus {
  width: 1.28515625em; }

.icon-youtube {
  width: 0.857421875em; }

.icon-instagram {
  width: 0.857421875em; }

/* Button
    
    background: black;
         color: white;
         
   Hover
   
    background: gray;
         color: black;
               
*/
/* Button
    
    background: green;
         color: white;
         
   Hover
   
    background: lighter_green;
         color: white;
               
*/
/* Button
    
    background: white;
         color: black;
         
   Hover
   
    background: white;
         color: gray;
               
*/
/* Button
    
    background: white;
         color: black;
         
   Hover
   
    background: white;
         color: red;
               
*/
/* Button
    
    background: gray;
         color: black;
    decoration: underline
         
   Hover
   
    background: dark gray;
         color: black;
    decoration: underline
    
    Disabled
    
    background: light gray;
         color: light gray;
    decoration: underline        
               
*/
/* Button
    
    background: gray;
         color: white;
         
   Hover
   
    background: dark gray;
         color: white;   
               
*/
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.tooltip {
  cursor: help;
  position: relative; }
  .tooltip.product-tile {
    cursor: pointer; }

.tooltip-content {
  display: none;
  color: #ffffff; }

.ui-tooltip.ui-widget-content {
  background: #424242;
  border-radius: 3px;
  box-shadow: 2px 3px 3px 0 #999999;
  color: #ffffff; }

.ui-tooltip-content {
  padding: 0.3em; }
  .ui-tooltip-content .recommendation-tooltip-header {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em; }
    .ui-tooltip-content .recommendation-tooltip-header .product-price {
      font-weight: 400; }
      .ui-tooltip-content .recommendation-tooltip-header .product-price .price-standard {
        color: #999999;
        text-decoration: line-through; }
  .ui-tooltip-content .recommendation-tooltip-description,
  .ui-tooltip-content .recommendation-tooltip-attributes {
    padding: 0.8em; }
  .ui-tooltip-content .shipping-method-cost,
  .ui-tooltip-content .surcharge-product,
  .ui-tooltip-content .promo {
    text-align: right;
    padding-bottom: .3rem; }
  .ui-tooltip-content .shippingtotal {
    clear: right;
    text-align: right;
    margin-top: .3rem; }
    .ui-tooltip-content .shippingtotal .value {
      border-top: 1px solid #424242;
      padding-top: .3rem; }
  .ui-tooltip-content .content-asset p {
    color: #ffffff; }

.slick-slider {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: manipulation;
  -ms-touch-action: manipulation;
  display: block; }
  .slick-slider:not(.slick-initialized) {
    display: none; }

.slick-list {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  clear: both;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:after {
    content: "";
    display: table;
    clear: both; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .slick-loading .slick-list {
    background: url("../images/icons/ajax-loader.gif") no-repeat center; }

.slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  left: 0;
  right: auto;
  bottom: auto;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  cursor: pointer; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-prev, .slick-next {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  left: auto;
  right: auto;
  bottom: auto;
  top: 50%;
  border: none;
  height: 19px;
  margin-top: -15px;
  text-indent: -99999px;
  width: 12px;
  z-index: 2;
  padding: 16px; }
  .slick-prev:hover, .slick-next:hover {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75; }

.slick-prev {
  background: url("../images/icons/arrow-slider-left.png") no-repeat center;
  left: 3px; }

.slick-next {
  background: url("../images/icons/arrow-slider-right.png") no-repeat center;
  right: 3px; }

.slick-dots {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
  top: auto;
  text-align: center;
  width: 100%; }
  .slick-dots li {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    height: 10px;
    margin: 0 5px;
    width: 10px; }
    .slick-dots li.slick-active button {
      background: #5a5a5a; }
  .slick-dots button {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -khtml-border-radius: 100%;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    border: 1px solid #5a5a5a;
    background: #d7d7d7;
    cursor: pointer;
    height: 100%;
    display: block;
    padding: 5px;
    text-indent: -9999999px;
    width: 100%; }

.landing-mat {
  display: none;
  text-align: center;
  text-transform: uppercase;
  padding: 50px 15px !important;
  /*
	Restyling of country selector
*/ }
  .landing-mat-title {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 28px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin-bottom: 40px; }
    .landing-mat-title--secondary {
      margin-bottom: 15px; }
  .landing-mat-countries, .landing-mat-selector {
    background: url(../images/gradient.png) no-repeat bottom center;
    padding-bottom: 45px;
    margin: 0 auto 20px;
    width: 490px; }
  .landing-mat-uk, .landing-mat-us {
    display: inline-block;
    vertical-align: top;
    width: 49%; }
    .landing-mat-uk img, .landing-mat-us img {
      display: block;
      margin: 0 auto 20px; }
  .landing-mat-country {
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 26px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin-bottom: 0; }
  .landing-mat-cookies {
    margin: 0 auto;
    width: 60%; }
    .landing-mat-cookies p {
      text-transform: none; }
  .landing-mat .menu-level2 {
    position: static;
    height: auto; }
  .landing-mat .menu-level1_link,
  .landing-mat .js-go_back {
    display: none; }
  .landing-mat .menu-level2_item {
    border: none; }
  .landing-mat .country-selector_title, .landing-mat .country-selector_current, .landing-mat .country-selector_left, .landing-mat .country-selector_toggle {
    display: none; }
  .landing-mat .country-selector_flyout, .landing-mat .country-selector_content {
    border: 0;
    display: block !important;
    padding: 0;
    position: static;
    text-align: center; }
  .landing-mat .country-selector_right {
    border: 0;
    display: block;
    padding: 0; }
  .landing-mat .country-selector_lang, .landing-mat .country-selector_lang.hidden {
    display: inline-block;
    vertical-align: top;
    width: 49%; }
  .landing-mat .country-selector_select.hidden {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    display: block;
    margin-bottom: 15px; }
  .landing-mat .country-selector_item {
    padding: 2px 0; }
  .landing-mat .country-selector_name {
    color: #5a5a5a; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
          animation-duration: .75s; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom; }

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
          animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand; }

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
          animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
          animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
          animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
            transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
            transform: none; } }
@keyframes wobble {
  from {
    -webkit-transform: none;
            transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
            transform: none; } }

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble; }

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
            transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
            transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

.jello {
  -webkit-animation-name: jello;
          animation-name: jello;
  -webkit-transform-origin: center;
          transform-origin: center; }

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge; }

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
          animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }
  .slick-slider * {
    transition: none 0.3s linear; }

body {
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  background: #ffffff;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }
  body > img {
    position: absolute;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    height: 0;
    visibility: hidden;
    width: 0; }
  body.no-scroll {
    height: 100vh;
    overflow-y: hidden !important; }

a {
  color: #000000;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

b, strong {
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  line-height: 20px;
  font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: inherit; }

img {
  max-width: 100%;
  height: auto; }

h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin: 0 0 20px; }
  .pt_account h1, .pt_wish-list h1, .pt_order h1 {
    text-transform: uppercase;
    margin-bottom: 30px; }

h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin: 0 0 15px; }

h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 10px; }

h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin: 0 0 10px; }

.browser-compatibility-alert {
  transition: none 0.3s linear;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  background-color: #959595;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center; }

.check-cookie {
  display: none; }

.check-javascript {
  display: block; }

.wrapper {
  width: 100%; }
  .menu-active .wrapper {
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0);
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    z-index: 3; }

.main {
  width: 980px;
  margin: 0 auto;
  /*padding-bottom: 75px;*/
  padding-top: 20px; }
  @media only screen and (min-width: 767px) and (max-width: 1024px) {
    .main {
      width: 100%;
      padding: 0 10px; } }
  @media only screen and (min-width: 480px) and (max-width: 766px) {
    .main {
      width: 100%;
      padding: 0 10px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .main {
      width: 100%;
      padding: 0 10px; } }
  .pt_homepage .main {
    overflow: hidden;
    padding-top: 0; }
  .pt_product-search-result .main {
    padding-top: 0; }
  .main:after {
    content: "";
    display: table;
    clear: both; }
  .main-sidebar {
    float: left;
    width: 17%;
    border: 1px solid white;
    padding: 3px; }
    @media only screen and (min-width: calc(1024px + 1px)) {
      .main-sidebar {
        width: 210px; } }
    .full-width .main-sidebar {
      display: none; }
    .primary-focus .main-sidebar {
      float: right; }
  .main-content {
    float: right;
    padding-bottom: 75px;
    width: 79%;
    padding-top: 10px; }
    @media only screen and (min-width: calc(1024px + 1px)) {
      .main-content {
        width: 750px; } }
    .full-width .main-content {
      border: 0;
      float: none;
      width: 100%; }
    .primary-focus .main-content {
      float: left; }
    .pt_categorylanding .main-content {
      padding-bottom: 20px; }

.main-sidebar_level_2 {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px; }
  .main-sidebar_level_2.fix {
    position: fixed;
    top: 155px; }

.visually-hidden, .ui-loader {
  display: none; }

.coversParentContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer; }

.ui-dialog *:focus {
  outline: none; }

.ui-widget-overlay {
  background: #000000;
  opacity: 0.6; }

.ui-widget-header {
  background: none;
  border: 0;
  text-transform: uppercase; }

.ui-dialog {
  transition: none 0.3s linear;
  box-shadow: 0 0 4px #999999;
  padding: 0;
  background-color: #ffffff; }
  .ui-dialog-content {
    overflow-x: hidden;
    padding: 15px; }
  .ui-dialog-title {
    display: none; }
  .ui-dialog .ui-icon-closethick {
    left: 0;
    margin-left: 0;
    margin-top: 0;
    top: 0; }
  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -khtml-border-radius: 0;
    background: #999999 url("../images/icons/close-icon-gray.png") center center no-repeat;
    border: 1px solid transparent;
    height: 13px;
    margin: 0;
    padding: 15px;
    width: 13px; }
    .ui-dialog .ui-dialog-titlebar-close:hover {
      background: #ffffff url("../images/icons/close-icon-black.png") center center no-repeat;
      border: 1px solid #d7d7d7;
      color: #d7d7d7; }
  .ui-dialog .dialog-required {
    font-weight: 400;
    position: relative;
    text-transform: none; }

.no-close .ui-dialog-titlebar-close {
  display: none; }

.ui-accordion .ui-accordion-content {
  padding: 0; }

.ui-tabs {
  clear: both;
  margin-bottom: 30px;
  padding: 0; }
  .ui-tabs:before, .ui-tabs:after {
    position: absolute;
    left: auto;
    right: auto;
    bottom: auto;
    top: 36px;
    background: url("../images/icons/gray-line.png") 0 0 repeat-x;
    content: '';
    display: inline-block;
    height: 1px;
    width: 700px; }
  .ui-tabs:before {
    left: -697px; }
  .ui-tabs:after {
    right: -697px; }
  .ui-tabs-boxed:after, .ui-tabs-boxed:before {
    display: none; }
  .ui-tabs-nav {
    clear: both;
    overflow: hidden;
    overflow: visible; }
    .ui-tabs-nav:after {
      content: "";
      display: table;
      clear: both; }
  .ui-tabs-element {
    border-width: 1px 1px 0;
    border: 1px solid #d7d7d7;
    float: left;
    margin: 0 6px -1px 0;
    position: relative;
    text-align: center;
    z-index: 1; }
    .ui-tabs-element.ui-tabs-active {
      border-bottom: 1px solid #ffffff; }
      .ui-tabs-element.ui-tabs-active .ui-tabs-link {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000000; }
  .ui-tabs-panel {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    transition: none 0.3s linear;
    border-top: 1px solid #d7d7d7;
    margin: 0;
    padding: 20px 0;
    /* 
		   fix for slick carousel to avoid hidden blocks in order 
		   to let carousel calculate dimensions of block
		*/ }
    .ui-tabs-boxed .ui-tabs-panel {
      border: 1px solid #d7d7d7; }
    .ui-tabs-panel[aria-hidden="true"] {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
      -moz-opacity: 0;
      -khtml-opacity: 0;
      border: none;
      display: block !important;
      height: 0px;
      overflow: hidden;
      padding: 0 !important;
      visibility: hidden; }
  .ui-tabs-link {
    display: inline-block;
    vertical-align: top;
    transition: none 0.3s linear;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #5a5a5a;
    color: #000000;
    cursor: pointer;
    padding: 7px 19px 8px;
    text-transform: uppercase;
    width: 100%; }
    .ui-tabs-link:hover {
      text-decoration: none; }
    .ui-state-active .ui-tabs-link {
      color: #000000;
      font-weight: 700; }

.pdp-accordion {
  width: 85%; }
  .pt_content .pdp-accordion {
    width: 100%; }
  .pdp-accordion .quick-view {
    display: none; }
  .pdp-accordion .accordion-wrapper {
    border-bottom: 1px solid #c2c2c2;
    position: relative; }
  .pdp-accordion .ui-accordion-header {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    background: url("../images/icons/plus.png") 95% 20px no-repeat;
    padding: 15px 0;
    text-transform: uppercase; }
    .pdp-accordion .ui-accordion-header.ui-state-active {
      background: url("../images/icons/minus.png") 95% 20px no-repeat; }
      .pdp-accordion .ui-accordion-header.ui-state-active .pdp-accordion-text {
        max-height: none;
        overflow: visible; }
        .pdp-accordion .ui-accordion-header.ui-state-active .pdp-accordion-text:after {
          content: '';
          display: none; }
  .pdp-accordion-text {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    max-height: 30px;
    overflow: hidden;
    padding-right: 45px;
    text-transform: none; }
    .pdp-accordion-text:after {
      position: absolute;
      left: 0;
      right: auto;
      bottom: auto;
      top: 32px;
      background: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 80%, #ffffff 100%);
      content: '';
      height: 35px;
      width: 100%; }
  .pdp-accordion .ui-accordion-content {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    height: auto !important;
    padding-bottom: 15px; }

.product-popup .product-image img {
  display: block;
  margin: 0 auto; }

.product-popup .product-iframe {
  height: 300px;
  width: 100%; }

.product-popup .product-enlarge {
  display: none; }

.product-popup .product-slick_slide {
  margin: 0 5px; }

.product-popup .product-thumbnails {
  float: none;
  position: static;
  padding: 50px 0 10px;
  width: 100%; }
  .product-popup .product-thumbnails .slick-prev, .product-popup .product-thumbnails .slick-next {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
    -moz-opacity: 0;
    -khtml-opacity: 0; }
  .product-popup .product-thumbnails .slick-slide {
    margin: 0 5px; }
  .product-popup .product-thumbnails .slick-slide img, .product-popup .product-thumbnails .slick-track {
    margin: 0 auto; }

.product-popup .product-main-image {
  float: none;
  width: auto;
  width: 400px; }
  .product-popup .product-main-image .slick-prev, .product-popup .product-main-image .slick-next {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    z-index: 2; }
  .product-popup .product-main-image .slick-prev {
    left: -15px; }
  .product-popup .product-main-image .slick-next {
    right: -15px; }

.store-accordion {
  width: 45%; }

.breadcrumb {
  font-size: 12px;
  margin: 0 0 25px; }
  .breadcrumb-element {
    color: #000000;
    text-decoration: underline;
    text-transform: uppercase; }
    .breadcrumb-element:after {
      font-style: normal;
      font-weight: 400;
      font-size: 8px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      content: '>';
      display: inline-block;
      margin: 0 5px;
      text-decoration: none; }
    .breadcrumb-element:last-child {
      text-decoration: none; }
      .breadcrumb-element:last-child:after {
        content: ''; }
    .breadcrumb-element.underlined {
      text-decoration: underline; }
      .breadcrumb-element.underlined:hover {
        text-decoration: none; }
      .breadcrumb-element.underlined:after {
        display: none; }
  .breadcrumb-arrow {
    font-size: 19px; }
  .breadcrumb-refinement-value {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    margin: 0 .42em .42em 0;
    padding: 0 .42em; }
  .breadcrumb-relax {
    background: none;
    font-style: normal;
    padding: 0 0 0 .4em; }
  .breadcrumb .back-link {
    color: #000000;
    text-decoration: underline;
    text-transform: uppercase; }
    .breadcrumb .back-link:before {
      font-style: normal;
      font-weight: 400;
      font-size: 8px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #5a5a5a;
      content: '<';
      display: inline-block;
      margin-right: 5px;
      text-decoration: none; }
  .pt_content .breadcrumb {
    display: none; }

.paging-current-page {
  left: -999em;
  position: absolute; }

.breadcrumb-result-text a,
.breadcrumb .searchphraselink {
  background: none;
  padding: 0; }

.js .simple-submit, .required-indicator, .hidden {
  display: none; }

legend, .legend {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: block;
  margin-bottom: 15px; }

.error-message, .error, .error-form {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ac3a39; }
  .error-message.form-caption, .error.form-caption, .error-form.form-caption {
    color: #ac3a39; }

.error-form {
  text-align: center;
  line-height: 14px;
  margin-bottom: 10px; }

.field-wrapper, .form-row-customized .form-row, .form-row-customized .form-row-customized {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  width: 75%; }
  .extra_components .field-wrapper, .extra_components .form-row-customized .form-row, .form-row-customized .extra_components .form-row, .extra_components .form-row-customized .form-row-customized, .form-row-customized .extra_components .form-row-customized {
    width: 50%; }

.form-row, .form-row-customized {
  clear: both;
  overflow: hidden;
  font-size: 0;
  margin: 0 0 15px; }
  .form-row:after, .form-row-customized:after {
    content: "";
    display: table;
    clear: both; }
  .form-row-button {
    text-align: right; }
  .form-row label, .form-row-customized label, .form-row-customized_label {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    padding-right: 1%;
    width: 25%; }
  .form-row.required label:after, .required.form-row-customized label:after {
    content: " *"; }
  .form-row input[type="text"], .form-row-customized input[type="text"],
  .form-row input[type="number"], .form-row-customized input[type="number"],
  .form-row input[type="password"], .form-row-customized input[type="password"],
  .form-row input[type="date"], .form-row-customized input[type="date"],
  .form-row input[type="email"], .form-row-customized input[type="email"],
  .form-row input[type="tel"], .form-row-customized input[type="tel"],
  .form-row .input-select, .form-row-customized .input-select {
    height: 26px;
    border-color: #000000; }
    .form-row input[type="text"][disabled], .form-row-customized input[type="text"][disabled],
    .form-row input[type="number"][disabled], .form-row-customized input[type="number"][disabled],
    .form-row input[type="password"][disabled], .form-row-customized input[type="password"][disabled],
    .form-row input[type="date"][disabled], .form-row-customized input[type="date"][disabled],
    .form-row input[type="email"][disabled], .form-row-customized input[type="email"][disabled],
    .form-row input[type="tel"][disabled], .form-row-customized input[type="tel"][disabled],
    .form-row .input-select[disabled], .form-row-customized .input-select[disabled] {
      border: 1px solid #000000;
      background: #ebebeb; }
  .form-row textarea, .form-row-customized textarea {
    border-color: #000000; }
  .form-row button, .form-row-customized button {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 38px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    background: #000000;
    border: 1px solid #d7d7d7;
    padding: 0 25px;
    text-transform: uppercase;
    width: auto; }
    .form-row button:hover, .form-row-customized button:hover, .form-row button.active, .form-row-customized button.active, .form-row button:focus, .form-row-customized button:focus {
      transition: none 0.3s linear;
      background: #707070;
      text-decoration: none; }
    .form-row button[disabled=disabled]:hover, .form-row-customized button[disabled=disabled]:hover {
      background: #000000; }
    .form-row button.cart-button, .form-row-customized button.cart-button {
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 38px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #ffffff;
      display: inline-block;
      vertical-align: top;
      background: #029e56;
      border: 1px solid #d7d7d7;
      padding: 0 25px;
      text-transform: uppercase; }
      .form-row button.cart-button:hover, .form-row-customized button.cart-button:hover, .form-row button.cart-button.active, .form-row-customized button.cart-button.active, .form-row button.cart-button:focus, .form-row-customized button.cart-button:focus {
        transition: none 0.3s linear;
        background: #30bb79;
        text-decoration: none; }
      .form-row button.cart-button[disabled=disabled]:hover, .form-row-customized button.cart-button[disabled=disabled]:hover {
        background: #ffffff; }
  .form-row.select-wrapper:before, .select-wrapper.form-row-customized:before {
    height: 22px; }
  .form-row.select-wrapper:after, .select-wrapper.form-row-customized:after {
    top: 11px; }
  .form-row.select-wrapper .input-select, .select-wrapper.form-row-customized .input-select {
    padding-left: 5px; }
  .form-row.triple, .triple.form-row-customized {
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    width: 30%; }
  .form-row.last, .last.form-row-customized {
    margin-right: 0; }
  .form-row.error, .error.form-row-customized {
    font-size: 0; }
    .form-row.error .input-text, .error.form-row-customized .input-text {
      background-color: #faeded;
      border-color: #990000;
      color: #990000; }
      .form-row.error .input-text::-webkit-input-placeholder, .error.form-row-customized .input-text::-webkit-input-placeholder {
        color: #990000; }
      .form-row.error .input-text:-moz-placeholder, .error.form-row-customized .input-text:-moz-placeholder {
        color: #990000;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
        -moz-opacity: 1;
        -khtml-opacity: 1; }
      .form-row.error .input-text::-moz-placeholder, .error.form-row-customized .input-text::-moz-placeholder {
        color: #990000;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
        -moz-opacity: 1;
        -khtml-opacity: 1; }
      .form-row.error .input-text:-ms-input-placeholder, .error.form-row-customized .input-text:-ms-input-placeholder {
        color: #990000; }
  .form-row-customized .form-row, .form-row-customized .form-row-customized {
    margin-bottom: 0; }
    .form-row-customized .form-row .field-wrapper, .form-row-customized .form-row-customized .field-wrapper, .form-row-customized .form-row .form-row, .form-row-customized .form-row-customized .form-row, .form-row-customized .form-row .form-row-customized, .form-row-customized .form-row-customized .form-row-customized {
      width: 100%; }

.form-caption {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  padding-left: 25%;
  width: auto; }

.char-count {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

.form-field-tooltip {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 28px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  width: 25%; }

input[type="text"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="email"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #707070;
  height: 32px;
  padding: 0 8px;
  text-indent: 0;
  width: 100%; }
  input[type="text"].error,
  input[type="number"].error,
  input[type="password"].error,
  input[type="date"].error,
  input[type="email"].error,
  input[type="tel"].error,
  textarea.error {
    background-color: #faeded;
    border-color: #990000;
    color: #990000; }
    input[type="text"].error::-webkit-input-placeholder,
    input[type="number"].error::-webkit-input-placeholder,
    input[type="password"].error::-webkit-input-placeholder,
    input[type="date"].error::-webkit-input-placeholder,
    input[type="email"].error::-webkit-input-placeholder,
    input[type="tel"].error::-webkit-input-placeholder,
    textarea.error::-webkit-input-placeholder {
      color: #990000; }
    input[type="text"].error:-moz-placeholder,
    input[type="number"].error:-moz-placeholder,
    input[type="password"].error:-moz-placeholder,
    input[type="date"].error:-moz-placeholder,
    input[type="email"].error:-moz-placeholder,
    input[type="tel"].error:-moz-placeholder,
    textarea.error:-moz-placeholder {
      color: #990000;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
      -moz-opacity: 1;
      -khtml-opacity: 1; }
    input[type="text"].error::-moz-placeholder,
    input[type="number"].error::-moz-placeholder,
    input[type="password"].error::-moz-placeholder,
    input[type="date"].error::-moz-placeholder,
    input[type="email"].error::-moz-placeholder,
    input[type="tel"].error::-moz-placeholder,
    textarea.error::-moz-placeholder {
      color: #990000;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
      -moz-opacity: 1;
      -khtml-opacity: 1; }
    input[type="text"].error:-ms-input-placeholder,
    input[type="number"].error:-ms-input-placeholder,
    input[type="password"].error:-ms-input-placeholder,
    input[type="date"].error:-ms-input-placeholder,
    input[type="email"].error:-ms-input-placeholder,
    input[type="tel"].error:-ms-input-placeholder,
    textarea.error:-ms-input-placeholder {
      color: #990000; }

textarea {
  height: 200px;
  overflow: auto;
  resize: none; }

/*
	SELECT CUSTOMIZATION
*/
.select-wrapper {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto; }
  .select-wrapper:before {
    position: absolute;
    left: auto;
    right: 2px;
    bottom: auto;
    top: 2px;
    background: #ffffff;
    content: "";
    height: 29px;
    pointer-events: none;
    width: 30px;
    z-index: 1; }
  .select-wrapper.disabled:before {
    background: #ebebeb; }
  .select-wrapper:after {
    position: absolute;
    left: auto;
    right: 14px;
    bottom: auto;
    top: 13px;
    border: 6px solid transparent;
    border-top: 6px solid #707070;
    content: "";
    display: block;
    pointer-events: none;
    z-index: 2; }
  .ie .select-wrapper:after, .ie .select-wrapper:before {
    display: none; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -khtml-border-radius: 0;
  text-indent: 0;
  background-color: #ffffff;
  height: 32px;
  padding: 0 5px;
  pointer-events: auto;
  width: 100%; }
  .ie select {
    padding: 0; }

/*
	CHECKBOX & RADIO
*/
input[type=checkbox], input[type=radio] {
  display: none; }

input#bv-checkbox-agreedtotermsandconditions {
  -webkit-appearance: checkbox; }

.checkbox-wrapper {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin-bottom: 0; }
  .checkbox-wrapper .field-wrapper, .checkbox-wrapper .form-row-customized .form-row, .form-row-customized .checkbox-wrapper .form-row, .checkbox-wrapper .form-row-customized .form-row-customized, .form-row-customized .checkbox-wrapper .form-row-customized {
    display: block;
    width: auto; }
  .checkbox-wrapper label {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    font-style: normal;
    font-weight: 400;
    font-size: inherit;
    line-height: 18px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    cursor: pointer;
    margin-bottom: 4px;
    padding-left: 27px;
    color: #000000;
    display: block;
    line-height: 22px;
    width: auto; }
    .checkbox-wrapper label:before {
      position: absolute;
      left: 0;
      right: auto;
      bottom: auto;
      top: 0;
      background: #ffffff;
      border: 1px solid #707070;
      content: "";
      height: 18px;
      width: 18px; }
    .checkbox-wrapper label.checked:after, .checkbox-wrapper.checked label:after, .checkbox-wrapper .field-variant.checked label:after, .field-variant.checked .checkbox-wrapper label:after, .checkbox-wrapper label.selected:after {
      position: absolute;
      left: 3px;
      right: auto;
      bottom: auto;
      top: 3px;
      content: "";
      background: url("../images/icons/checkbox-checked.png");
      height: 14px;
      width: 14px;
      z-index: 2; }
    .checkbox-wrapper label.disabled {
      color: #ebebeb;
      cursor: default; }
      .checkbox-wrapper label.disabled:hover {
        text-decoration: none; }
      .checkbox-wrapper label.disabled:before {
        background: #ebebeb;
        border-color: #707070; }
      .checkbox-wrapper label.disabled.selected:after {
        position: absolute;
        left: 3px;
        right: auto;
        bottom: auto;
        top: 3px;
        content: "";
        background: url("../images/icons/checkbox-disabled.png");
        height: 14px;
        width: 14px;
        z-index: 1; }
    .checkbox-wrapper label:focus {
      outline: #4d90fe auto 1px !important; }
  .checkbox-wrapper.nowrap label {
    white-space: nowrap; }

.field-variant {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin-right: 15px; }
  .field-variant label {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    font-style: normal;
    font-weight: 400;
    font-size: inherit;
    line-height: 30px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    cursor: pointer;
    margin-bottom: 4px;
    padding-left: 29px;
    color: #000000;
    display: block;
    line-height: 22px;
    width: auto; }
    .field-variant label:before {
      position: absolute;
      left: 0;
      right: auto;
      bottom: auto;
      top: 1px;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      -khtml-border-radius: 100%;
      background: #ffffff;
      border: 2px solid #000000;
      content: "";
      height: 16px;
      width: 16px; }
    .field-variant label.checked:after, .field-variant .checkbox-wrapper.checked label:after, .checkbox-wrapper.checked .field-variant label:after, .field-variant.checked label:after {
      position: absolute;
      left: 4px;
      right: auto;
      bottom: auto;
      top: 5px;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      -khtml-border-radius: 100%;
      content: "";
      background: #000000;
      height: 12px;
      width: 12px;
      z-index: 1; }
    .field-variant label.disabled {
      color: #959595;
      cursor: default; }
      .field-variant label.disabled:before {
        background: #d7d7d7;
        border-color: #d7d7d7; }
      .field-variant label.disabled:after {
        background: #d7d7d7; }

@media (min-width: 767px) {
  .egiftcard .field-wrapper, .egiftcard .form-row-customized .form-row, .form-row-customized .egiftcard .form-row, .egiftcard .form-row-customized .form-row-customized, .form-row-customized .egiftcard .form-row-customized {
    width: calc(85% + 4px); } }

.menu {
  clear: both;
  overflow: hidden;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  overflow: visible; }
  .menu:after {
    content: "";
    display: table;
    clear: both; }
  .menu-toggle {
    display: none; }
  .menu-level1 {
    text-align: center; }
    .menu-level1_item {
      display: inline-block;
      vertical-align: top;
      margin-left: 63px;
      padding-bottom: 65px; }
      .menu-level1_item:first-child {
        margin-left: 0; }
      .header-sticky .menu-level1_item {
        margin-top: -19px;
        padding-bottom: 0; }
        .header-sticky .menu-level1_item:first-child {
          margin-left: 63px; }
    .menu-level1_link {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000; }
      .menu-level1_link:hover, .selected .menu-level1_link {
        border-bottom: 1px solid #000000;
        text-decoration: none; }
  .menu-level2 {
    white-space: nowrap;
    position: absolute;
    left: 0;
    right: auto;
    bottom: auto;
    top: 48px;
    display: none;
    text-align: center;
    width: 100%; }
    .menu-level2.active {
      display: block;
      font-size: 0; }
    .header-sticky .menu-level2.active {
      top: 20px; }
    .menu-level2_item {
      display: inline-block;
      vertical-align: top;
      transition: none 0.3s linear;
      padding: 0 44px 0 0; }
      .menu-level2_item:hover {
        padding-bottom: 23px; }
        .menu-level2_item:hover > .menu-level3_wrapper {
          display: block; }
      .pt_homepage .menu-level2_item:hover {
        padding-bottom: 14px; }
      .menu-level2_item.last {
        padding-right: 0; }
    .menu-level2_item.active > .menu-level2_link, .menu-level2_item.active > .menu-level2_link:hover {
      border-bottom: 1px solid #000000;
      color: #000000;
      text-decoration: none; }
    .menu-level2_link {
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #5a5a5a;
      text-transform: uppercase; }
  .menu-level3 {
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    white-space: normal;
    width: 980px; }
    .menu-level3:after {
      content: "";
      display: table;
      clear: both; }
    .menu-level3_wrapper {
      position: absolute;
      left: 50%;
      right: 0;
      bottom: auto;
      top: 100%;
      background: rgba(255, 255, 255, 0.97);
      border-bottom: 1px solid #d7d7d7;
      display: none;
      margin-left: -960px;
      padding: 25px 0;
      width: 1920px;
      z-index: 3; }
    .menu-level3_item {
      float: left;
      text-align: center;
      width: 25%; }
    .menu-level3_link {
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      display: inline-block;
      vertical-align: top;
      text-transform: uppercase;
      margin-bottom: 6px; }
      .menu-level3_link:hover {
        text-decoration: underline; }
    .menu-level3_flyout {
      border-bottom: 0;
      left: 0;
      margin-left: 0;
      padding: 15px 0 0;
      width: 300px; }
    .menu-level3_brands {
      height: 500px;
      overflow-y: auto;
      text-align: left;
      padding-right: 12px;
      width: 220px; }
    .menu-level3_brandlist {
      position: relative; }
    .menu-level3_alphabet {
      float: left;
      width: 80px; }
    .menu-level3_letter {
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 17px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      text-transform: uppercase;
      cursor: pointer; }
      .menu-level3_letter:hover {
        transition: none 0.3s linear;
        color: #868686; }
    .menu-level3_title {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      background: #d7d7d7;
      padding: 5px 10px 6px;
      margin-bottom: 8px; }
    .menu-level3_group {
      padding-left: 20px;
      margin-bottom: 10px; }
    .menu-level3_row {
      margin-bottom: 6px; }
  .menu-level4 {
    margin-bottom: 30px; }
    .menu-level4_link {
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #868686; }
      .menu-level4_link:hover {
        text-decoration: underline; }
  .menu-banner {
    clear: both;
    overflow: hidden;
    margin: 15px 0 0; }
    .menu-banner:after {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .menu-banner {
        display: none; } }

.header-menu {
  float: right;
  margin-bottom: 14px;
  min-width: 500px;
  text-align: right; }
  .header-sticky .header-menu {
    min-width: auto;
    padding-top: 5px;
    margin-bottom: 0; }
  .header-menu_item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: none; }
    .header-menu_item + .header-menu_item {
      margin-left: 15px; }
    .header-sticky .header-menu_item.header-menu_login, .header-sticky .header-menu_item.header-menu_signup, .header-sticky .header-menu_item.header-menu_ndulge {
      display: none; }
    .header-sticky .header-menu_item.header-menu_cart {
      background-color: #000000;
      margin-left: 0;
      padding: 19px 5px;
      text-align: center;
      width: 60px;
      z-index: 60000; }
  .header-menu_search {
    display: none; }
  .header-menu_link {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    cursor: pointer;
    text-transform: uppercase; }
    .header-menu_link:hover {
      text-decoration: underline; }
    .header-menu_link--wishlist:before {
      background: url("../images/ic_favorite_border_black_24px.svg") no-repeat;
      background-size: contain;
      background-position: 0 -2px;
      content: "";
      display: inline-block;
      height: 16px;
      vertical-align: middle;
      width: 20px; }
  .header-sticky .header-menu_icon {
    font-style: normal;
    font-weight: 400;
    font-size: 0;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    background: url("../images/icons/search-submit.png") no-repeat 0 1px;
    display: block;
    height: 20px;
    text-indent: -9999999px;
    width: 16px; }

@media screen and (-ms-high-contrast: active) {
  .header-menu_link--wishlist:before {
    filter: invert(100%);
    -webkit-filter: invert(100%); } }

.country-selector:focus {
  outline: #4d90fe auto 1px !important; }

.header .country-selector {
  position: relative;
  text-transform: none;
  z-index: 11;
  cursor: pointer; }

.country-selector .class {
  background-color: transparent; }

.country-selector_flag, .country-selector_title, .country-selector_toggle {
  display: inline-block;
  vertical-align: middle; }
  .header .country-selector_flag, .header .country-selector_title, .header .country-selector_toggle {
    position: relative;
    z-index: 2; }

.country-selector_flag i {
  display: block;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  height: 20px;
  width: 24px; }

.country-selector_title {
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  line-height: 20px;
  font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }
  .header .country-selector_title {
    text-transform: uppercase; }

.country-selector_title_secondary {
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  line-height: 20px;
  font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin-bottom: 5px; }

.country-selector_content {
  margin-left: 5px; }
  .header .country-selector_content {
    margin-left: 0; }

.country-selector_toggle:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  content: '';
  background: url("../images/icons/arrow-top-black.png") no-repeat center;
  background-size: contain;
  display: inline-block;
  height: 20px;
  width: 10px;
  vertical-align: middle; }

.country-selector_toggle:hover {
  transition: none 0.3s linear;
  cursor: pointer;
  text-decoration: underline; }

.country-selector_flyout {
  position: absolute;
  left: 0;
  right: auto;
  bottom: auto;
  top: 25px;
  display: none;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  min-width: 155px;
  padding: 15px 20px;
  white-space: nowrap;
  z-index: 11; }
  .country-selector_flyout.active {
    display: block; }
  .header .country-selector_flyout {
    position: absolute;
    left: -20px;
    right: -10px;
    bottom: auto;
    top: -10px;
    box-shadow: 0 0 7px -3px;
    min-width: 0;
    padding: 40px 15px 10px;
    z-index: 1; }

.country-selector_left {
  display: inline-block;
  vertical-align: top;
  width: 45px; }

.country-selector_right {
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #C1C1C1;
  padding-left: 30px; }

.country-selector_language {
  margin-top: 15px; }

.country-selector_item {
  white-space: nowrap; }
  .header .country-selector_item {
    padding: 2px 0;
    text-transform: capitalize; }

.country-selector_option {
  font-size: 13px;
  line-height: 12px; }
  .country-selector_option:first-child {
    border-right: 1px solid #C1C1C1; }
    .header .country-selector_option:first-child {
      padding-right: 2px;
      margin-right: 4px; }

.country-selector_codelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.country-selector_code, .country-selector_name {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  cursor: pointer; }
  .country-selector_code:hover, .country-selector_name:hover {
    transition: none 0.3s linear;
    cursor: poniter;
    text-decoration: underline; }
  .country-selector_code.selected, .country-selector_name.selected {
    text-decoration: underline; }

.header .country-selector_code {
  border: 1px solid #000000;
  display: inline-block;
  font-weight: bold;
  padding: 2px 10px;
  text-decoration: none;
  vertical-align: top;
  width: 48%;
  margin: 2px 0px; }

.header .country-selector_code.selected {
  background-color: #000000;
  color: #ffffff; }

@media screen and (-ms-high-contrast: active) {
  .country-selector_toggle:after {
    filter: invert(100%);
    -webkit-filter: invert(100%); } }

.mini-cart {
  position: relative; }
  .header-sticky .mini-cart {
    display: inline-block; }
  .mini-cart-link {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    display: block;
    padding-left: 23px; }
    .mini-cart-link:before {
      position: absolute;
      left: 0;
      right: auto;
      bottom: 3px;
      top: auto;
      background: url("../images/bag_black_24px.svg") no-repeat bottom center;
      content: "";
      height: 21px;
      width: 17px; }
    @media only screen and (min-width: 767px) {
      .header-sticky .mini-cart-link {
        color: #ffffff; } }
    @media only screen and (min-width: 767px) {
      .header-sticky .mini-cart-link:before {
        background: url("../images/bag_white_24px.svg") no-repeat bottom center; } }
  .mini-cart-content {
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: 20px;
    background: #ffffff;
    border: 1px solid #d7d7d7;
    display: none;
    -webkit-filter: invert(0);
            filter: invert(0);
    padding: 15px;
    white-space: normal;
    width: 300px;
    z-index: 12; }
    @media only screen and (max-width: 767px) {
      .mini-cart-content {
        position: fixed; } }
  .mini-cart-header {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    padding: 0 50px 10px; }
  .mini-cart-toggle {
    display: none; }
  .mini-cart-product {
    clear: both;
    overflow: hidden;
    margin-top: 10px; }
    .mini-cart-product:after {
      content: "";
      display: table;
      clear: both; }
  .mini-cart-image {
    float: left;
    width: 46%; }
    .mini-cart-image img {
      width: 100%;
      height: auto;
      border: 1px solid #d7d7d7; }
  .mini-cart-name, .mini-cart-attributes, .mini-cart-pricing, .mini-cart-brand, .mini-cart-shoprunner_icon, .mini-cart .product-availability-list {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    float: right;
    text-align: left;
    margin-bottom: 12px;
    width: 49%; }
  .mini-cart-pricing {
    clear: right; }
  .mini-cart-attributes_size {
    display: none; }
  .mini-cart-attributes_color {
    font-style: normal;
    font-weight: 400;
    font-size: inherit;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }
  .mini-cart-brand {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 4px; }
  .mini-cart_link {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #5a5a5a;
    display: block;
    text-transform: uppercase; }
    .mini-cart_link:hover {
      text-decoration: underline; }
  .mini-cart_text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #5a5a5a;
    display: block;
    text-transform: uppercase; }
  .mini-cart-price {
    display: block; }
  .mini-cart-quantity {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #868686; }
  .mini-cart-totals {
    margin-top: 10px; }
  .mini-cart-subtotals {
    clear: both;
    overflow: hidden;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    border-top: 1px solid #d7d7d7;
    color: #000000;
    padding: 10px 0;
    text-align: left; }
    .mini-cart-subtotals:after {
      content: "";
      display: table;
      clear: both; }
    .mini-cart-subtotals-label {
      float: left;
      width: 46%; }
    .mini-cart-subtotals-value {
      float: right;
      width: 49%; }
  .mini-cart-buttons {
    margin-bottom: 15px;
    white-space: nowrap; }
  .mini-cart-gotocart {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 38px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    background: #029e56;
    border: 1px solid #d7d7d7;
    padding: 0 25px;
    text-transform: uppercase;
    display: block;
    text-align: center; }
    .mini-cart-gotocart:hover, .mini-cart-gotocart.active, .mini-cart-gotocart:focus {
      transition: none 0.3s linear;
      background: #30bb79;
      text-decoration: none; }
    .mini-cart-gotocart[disabled=disabled]:hover {
      background: #ffffff; }
  .mini-cart-slot {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    text-align: center;
    text-transform: uppercase; }
  .mini-cart-close {
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
    background: url("../images/icons/close-gray.png") no-repeat center;
    height: 11px;
    width: 11px;
    padding: 0.5em 0.5em 3em 3em; }
    .mini-cart-close:hover {
      opacity: 0.6;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
      -moz-opacity: 0.6;
      -khtml-opacity: 0.6; }
  .mini-cart .on-order {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ac3a39; }

@media screen and (-ms-high-contrast: active) {
  .mini-cart-link:before {
    filter: invert(100%);
    -webkit-filter: invert(100%); } }

.suggestion {
  position: absolute;
  left: -100%;
  right: auto;
  bottom: auto;
  top: 100%;
  display: none;
  z-index: 10;
  background-color: #FFFFFF;
  margin: 0;
  left: auto;
  right: 0;
  width: 100%;
  min-width: 700px;
  border: 1px solid #EFEFEF;
  border-top: none;
  box-sizing: border-box; }
  .suggestion.js-show-suggestion {
    display: block; }
  .header-sticky .suggestion {
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: 100%;
    width: 700px; }
  .suggestion-close {
    display: none; }
  .suggestion-wrapper {
    clear: both;
    overflow: hidden;
    padding: 2%; }
    .suggestion-wrapper:after {
      content: "";
      display: table;
      clear: both; }
  .suggestion-phrase {
    border-right: 1px solid #d7d7d7;
    float: left;
    padding: 5px;
    width: 33%; }
    .suggestion-phrase_item {
      margin-bottom: 5px; }
    .suggestion-phrase_title {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      text-transform: uppercase;
      margin-bottom: 5px; }
    .suggestion-phrase_link {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #5a5a5a;
      text-decoration: none;
      text-transform: capitalize; }
      .suggestion-phrase_link:hover {
        text-decoration: underline; }
  .suggestion-products {
    float: right;
    padding: 2% 0;
    width: 63%; }
    .suggestion-products_item {
      clear: left;
      float: left;
      margin-bottom: 2%;
      width: 49%;
      position: relative; }
      .suggestion-products_item.even {
        float: right;
        clear: right; }
    .suggestion-products_element {
      clear: both;
      overflow: hidden;
      display: block;
      text-decoration: none; }
      .suggestion-products_element:after {
        content: "";
        display: table;
        clear: both; }
      .suggestion-products_element:hover {
        text-decoration: none; }
    .suggestion-products_image {
      display: inline-block;
      vertical-align: middle;
      width: 30%;
      float: left; }
      .suggestion-products_image img {
        display: block; }
    .suggestion-products_details {
      display: inline-block;
      vertical-align: middle;
      padding-left: 0;
      width: 68%;
      float: right;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .suggestion-products_vendor {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      text-transform: uppercase; }
      .suggestion-products_vendor:hover {
        text-decoration: underline; }
    .suggestion-products_box_title {
      display: none; }
    .suggestion-products_title {
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #5a5a5a;
      text-transform: uppercase; }
      .suggestion-products_title:hover {
        text-decoration: underline; }
  .suggestion-content {
    float: right;
    background: #F8F8F8;
    margin: -2%;
    padding: 2%; }
    .suggestion-content_box_heading {
      display: block;
      float: left;
      width: 34%; }
    .suggestion-content_box_logo {
      width: 66%; }
    .suggestion-content_box_title {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      text-transform: uppercase;
      margin-bottom: 5px; }
    .suggestion-content_item {
      width: 32%;
      display: inline-block;
      vertical-align: top; }
    .suggestion-content_image {
      width: 40%;
      float: left; }
    .suggestion-content_title {
      width: 60%;
      float: left;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      text-transform: uppercase;
      padding: 0px 2%; }
      .suggestion-content_title:hover {
        text-decoration: underline; }

.header-popup {
  position: absolute;
  left: 0;
  right: auto;
  bottom: auto;
  top: 20px;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  min-width: 220px;
  padding: 40px 10px 20px;
  text-align: center;
  z-index: 11; }
  .header-menu_signup .header-popup {
    left: auto;
    right: 0; }
  .header-popup-header {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin-bottom: 5px; }
  .header-popup-primary_btn {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 40px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    background: #000000;
    border: 1px solid #d7d7d7;
    padding: 0;
    text-transform: uppercase;
    width: auto;
    margin-bottom: 10px;
    min-width: 160px; }
    .header-popup-primary_btn:hover, .header-popup-primary_btn.active, .header-popup-primary_btn:focus {
      transition: none 0.3s linear;
      background: #707070;
      text-decoration: none; }
    .header-popup-primary_btn[disabled=disabled]:hover {
      background: #000000; }
  .header-popup-secondary_btn {
    margin: 2px auto;
    text-decoration: underline; }
  .header-popup-or {
    margin: 0 0 10px;
    text-transform: uppercase; }
  .header-popup-content {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin-top: 5px;
    padding-left: 39%;
    text-align: right; }
  .header-popup-container {
    padding: 0 20px; }
  .header-popup-close {
    position: absolute;
    left: 0;
    right: auto;
    bottom: auto;
    top: 0;
    background: url("../images/icons/close-gray.png") no-repeat center;
    height: 40px;
    width: 40px; }
    .header-popup-close:hover {
      opacity: 0.6;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
      -moz-opacity: 0.6;
      -khtml-opacity: 0.6; }
    .header-popup-close.right {
      left: auto;
      right: 0; }

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-basis: auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  z-index: 3;
  font-size: 14px;
  line-height: 1em; }
  nav:hover + #z-overlay {
    display: block; }
  nav .menutab {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    color: #000000;
    text-transform: uppercase;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    nav .menutab.has-link:hover {
      cursor: pointer; }
    nav .menutab > span {
      padding: 0;
      margin: 0 auto;
      position: relative;
      z-index: -1;
      width: 100%;
      text-align: center;
      line-height: 40px; }
      nav .menutab > span a {
        text-decoration: none;
        color: #000000;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%; }
    nav .menutab:hover, nav .menutab.active {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mPs6Z34HwAGAgKrIr/gaAAAAABJRU5ErkJggg==);
      background-size: 70% 5px;
      background-position: center bottom;
      background-repeat: no-repeat;
      transition: none; }
      nav .menutab:hover > span, nav .menutab.active > span {
        z-index: 0;
        cursor: default; }
    nav .menutab#megamenu-shop .subcontent ul br {
      display: none; }
    nav .menutab#megamenu-shop .subcontent ul li.list-heading {
      padding: 11px 15px 11px 40px; }
    nav .menutab#megamenu-newin .subsection .subtab:hover a:after {
      content: ""; }
    nav .menutab#megamenu-newin .subsection.active .subtab a:after {
      content: ""; }
    nav .menutab#megamenu-newin .section_1 {
      background-color: #F8F8F8; }
    nav .menutab#megamenu-newin .section_2 {
      -webkit-align-self: center;
      -ms-align-self: center;
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
      width: calc(100% - 640px); }
      @media only screen and (min-width: 1920px) {
        nav .menutab#megamenu-newin .section_2 {
          width: calc(100% - 920px); } }
      @media only screen and (max-width: 1279px) {
        nav .menutab#megamenu-newin .section_2 {
          width: calc(100% - 294px); } }
      @media only screen and (max-width: 1023px) {
        nav .menutab#megamenu-newin .section_2 {
          width: calc(100% - 228px); } }
    nav .menutab#megamenu-newin .section_3 {
      width: 380px; }
      @media only screen and (min-width: 1920px) {
        nav .menutab#megamenu-newin .section_3 {
          width: 570px; } }
      @media only screen and (max-width: 1279px) {
        nav .menutab#megamenu-newin .section_3 {
          display: none; } }
    nav .menutab#megamenu-gifts .subsection .subtab:hover a:after {
      content: ""; }
    nav .menutab#megamenu-gifts .subsection.active .subtab a:after {
      content: ""; }
  nav .menucontent {
    display: none;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: absolute;
    left: 0;
    background: white;
    height: 25em;
    top: 40px;
    width: 100vw;
    height: 472px; }
    nav .menucontent .section {
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    nav .menucontent .subsection {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
      nav .menucontent .subsection .subtab {
        width: 350px;
        background-color: #F8F8F8;
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        padding: 0 15px 0 0; }
        @media only screen and (max-width: 1919px) {
          nav .menucontent .subsection .subtab {
            width: 260px; } }
        @media only screen and (max-width: 1279px) {
          nav .menucontent .subsection .subtab {
            width: 294px; } }
        @media only screen and (max-width: 1023px) {
          nav .menucontent .subsection .subtab {
            width: 228px; } }
        nav .menucontent .subsection .subtab:hover {
          background-color: #000000; }
          nav .menucontent .subsection .subtab:hover a:after {
            content: "\003e";
            font-weight: bold;
            font-size: 16px;
            color: #ffffff;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
        nav .menucontent .subsection .subtab a {
          display: block;
          margin: 0;
          padding: 20px 0 20px 40px;
          text-decoration: none;
          position: relative;
          color: #8C8D91; }
      nav .menucontent .subsection:hover .subcontent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      nav .menucontent .subsection.active .subtab {
        background-color: #000000; }
        nav .menucontent .subsection.active .subtab a {
          color: #FFFFFF; }
          nav .menucontent .subsection.active .subtab a:after {
            content: "\003e";
            font-weight: bold;
            font-size: 16px;
            color: #ffffff;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
      nav .menucontent .subsection.active .subcontent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      nav .menucontent .subsection .subcontent {
        display: none;
        position: absolute;
        top: 0;
        width: calc(100% - 350px);
        left: 350px;
        display: none;
        height: 472px;
        /*.has-lists-# will be given by JS > app.js*/
        /*if JS wouldn't work width of ULs will fall back to the following*/ }
        @media only screen and (max-width: 1919px) {
          nav .menucontent .subsection .subcontent {
            width: calc(100% - 260px);
            left: 260px; } }
        @media only screen and (max-width: 1279px) {
          nav .menucontent .subsection .subcontent {
            width: calc(100% - 294px);
            left: 294px; } }
        @media only screen and (max-width: 1023px) {
          nav .menucontent .subsection .subcontent {
            width: calc(100% - 228px);
            left: 228px; } }
        nav .menucontent .subsection .subcontent.has-lists-1 ul {
          width: calc(100% - 820px); }
          nav .menucontent .subsection .subcontent.has-lists-1 ul + .mm-category-banner {
            width: 820px; }
          @media only screen and (min-width: 1920px) {
            nav .menucontent .subsection .subcontent.has-lists-1 ul {
              width: calc(100% - 1230px); }
              nav .menucontent .subsection .subcontent.has-lists-1 ul + .mm-category-banner {
                width: 1230px; } }
          @media only screen and (max-width: 1279px) {
            nav .menucontent .subsection .subcontent.has-lists-1 ul {
              width: calc(100%); } }
        nav .menucontent .subsection .subcontent.has-lists-2 ul {
          width: calc((100% - 600px) / 2); }
          nav .menucontent .subsection .subcontent.has-lists-2 ul + .mm-category-banner {
            width: 600px; }
          @media only screen and (min-width: 1920px) {
            nav .menucontent .subsection .subcontent.has-lists-2 ul {
              width: calc((100% - 900px) / 2); }
              nav .menucontent .subsection .subcontent.has-lists-2 ul + .mm-category-banner {
                width: 900px; } }
          @media only screen and (max-width: 1279px) {
            nav .menucontent .subsection .subcontent.has-lists-2 ul {
              width: calc((100%) / 2); } }
        nav .menucontent .subsection .subcontent.has-lists-3 ul {
          width: calc((100% - 380px) / 3); }
          nav .menucontent .subsection .subcontent.has-lists-3 ul + .mm-category-banner {
            width: 380px; }
          @media only screen and (min-width: 1920px) {
            nav .menucontent .subsection .subcontent.has-lists-3 ul {
              width: calc((100% - 570px) / 3); }
              nav .menucontent .subsection .subcontent.has-lists-3 ul + .mm-category-banner {
                width: 570px; } }
          @media only screen and (max-width: 1279px) {
            nav .menucontent .subsection .subcontent.has-lists-3 ul {
              width: calc((100%) / 3); } }
        nav .menucontent .subsection .subcontent ul {
          width: calc((100% - 380px) / 3);
          box-sizing: border-box;
          margin: 0;
          background-color: #ffffff; }
          @media only screen and (min-width: 1920px) {
            nav .menucontent .subsection .subcontent ul nav .menucontent .subsection .subcontent ul {
              width: calc((100% - 570px) / 3); } }
          @media only screen and (max-width: 1279px) {
            nav .menucontent .subsection .subcontent ul {
              width: calc((100%) / 3); } }
          nav .menucontent .subsection .subcontent ul li {
            display: block;
            padding: 0 15px 0 40px;
            margin: 0; }
            nav .menucontent .subsection .subcontent ul li:hover a {
              color: #000000;
              text-decoration: underline; }
            nav .menucontent .subsection .subcontent ul li.active a {
              color: #000000;
              text-decoration: underline; }
            nav .menucontent .subsection .subcontent ul li a {
              text-decoration: none;
              display: block;
              padding: 11px 0;
              color: #000000;
              text-transform: none; }
    nav .menucontent .newin-links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      width: 350px; }
      @media only screen and (max-width: 1919px) {
        nav .menucontent .newin-links {
          width: 260px; } }
      @media only screen and (max-width: 1279px) {
        nav .menucontent .newin-links {
          width: 294px; } }
      @media only screen and (max-width: 1023px) {
        nav .menucontent .newin-links {
          width: 228px; } }
      nav .menucontent .newin-links .newin-link {
        background-color: #F8F8F8;
        padding: 0 15px 0 40px; }
        nav .menucontent .newin-links .newin-link a {
          display: block;
          margin: 0;
          padding: 20px 0;
          text-decoration: none;
          position: relative;
          color: #8C8D91; }
        nav .menucontent .newin-links .newin-link:hover {
          background-color: #000000; }
          nav .menucontent .newin-links .newin-link:hover a {
            color: #FFFFFF; }
    nav .menucontent .newin-products {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      nav .menucontent .newin-products li.product_3 {
        display: none; }
        @media only screen and (min-width: 1366px) {
          nav .menucontent .newin-products li.product_3 {
            display: block; } }
      nav .menucontent .newin-products li.product_4 {
        display: none; }
        @media only screen and (min-width: 1920px) {
          nav .menucontent .newin-products li.product_4 {
            display: block; } }
        @media only screen and (max-width: 1279px) {
          nav .menucontent .newin-products li.product_4 {
            display: block; } }
        @media only screen and (max-width: 1023px) {
          nav .menucontent .newin-products li.product_4 {
            display: none; } }
    nav .menucontent .newin-banner {
      position: relative;
      width: 380px;
      height: 472px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
      @media only screen and (min-width: 1920px) {
        nav .menucontent .newin-banner {
          width: 570px; } }
      @media only screen and (max-width: 1279px) {
        nav .menucontent .newin-banner {
          display: none; } }
      nav .menucontent .newin-banner .coversParentContainer {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        cursor: pointer; }
    nav .menucontent ul.productlist {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -moz-justify-content: space-around;
      -ms-justify-content: space-around;
      justify-content: space-around;
      -ms-flex-pack: space-around; }
      nav .menucontent ul.productlist li {
        -ms-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
        width: 20%; }
      nav .menucontent ul.productlist a.mm_product_cta {
        display: inline-block;
        font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000000;
        border: 1px solid #8C8D91;
        box-sizing: border-box;
        font-size: 12px;
        padding: 2px 15px;
        margin: 7px auto;
        background-color: #FFFFFF;
        position: relative;
        z-index: 2;
        text-decoration: none; }
        nav .menucontent ul.productlist a.mm_product_cta:hover {
          color: #FFFFFF;
          background-color: #000000;
          border: 1px solid #000000; }
    nav .menucontent.brandsindex {
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      height: 472px; }
    nav .menucontent ul.brands_alphabet {
      width: 350px;
      height: 472px;
      background-color: #F8F8F8;
      padding: 54px 65px;
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media only screen and (max-width: 1919px) {
        nav .menucontent ul.brands_alphabet {
          width: 260px;
          padding: 54px 20px; } }
      @media only screen and (max-width: 1279px) {
        nav .menucontent ul.brands_alphabet {
          width: 294px;
          padding: 54px 37px; } }
      @media only screen and (max-width: 1023px) {
        nav .menucontent ul.brands_alphabet {
          width: 228px;
          padding: 54px 28px; } }
      nav .menucontent ul.brands_alphabet li {
        position: relative;
        border: 1px solid #EFEFEF;
        box-sizing: border-box;
        background-color: #FFFFFF;
        width: 40px;
        height: 40px;
        padding: 0;
        margin: 0 20px 12px 0;
        cursor: pointer; }
        @media only screen and (max-width: 1023px) {
          nav .menucontent ul.brands_alphabet li {
            margin: 0 4px 12px 0; } }
        nav .menucontent ul.brands_alphabet li:nth-child(4n) {
          margin-right: 0; }
        nav .menucontent ul.brands_alphabet li:hover {
          border: 1px solid #8C8D91; }
        nav .menucontent ul.brands_alphabet li.active {
          border: 1px solid #8C8D91; }
        nav .menucontent ul.brands_alphabet li span {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 16px;
          color: #000000; }
    nav .menucontent ul.brands {
      width: calc(100% - 640px);
      left: 350px;
      margin: 0;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      position: absolute;
      height: 472px;
      overflow-y: scroll;
      background-color: #FFFFFF; }
      @media only screen and (min-width: 1920px) {
        nav .menucontent ul.brands {
          width: calc(100% - 920px); } }
      @media only screen and (max-width: 1919px) {
        nav .menucontent ul.brands {
          left: 260px; } }
      @media only screen and (max-width: 1279px) {
        nav .menucontent ul.brands {
          width: calc(100% - 294px);
          left: 294px; } }
      @media only screen and (max-width: 1023px) {
        nav .menucontent ul.brands {
          width: calc(100% - 228px);
          left: 228px; } }
      nav .menucontent ul.brands li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        width: 100%; }
        nav .menucontent ul.brands li .brands_group_title {
          text-align: center;
          padding: 20px 0;
          font-size: 16px;
          font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
          border-bottom: 2px solid #F8F8F8;
          width: 100%; }
        nav .menucontent ul.brands li ul.brands_group {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -moz-flex-direction: row;
          -ms-flex-direction: row;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
                  flex-direction: row;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin-bottom: 0;
          width: 100%; }
          nav .menucontent ul.brands li ul.brands_group li {
            -ms-flex-basis: calc(25% - 1px);
            -ms-flex-preferred-size: calc(25% - 1px);
                flex-basis: calc(25% - 1px);
            height: 60px;
            position: relative;
            border-right: 1px solid #F8F8F8;
            border-bottom: 1px solid #F8F8F8;
            box-sizing: border-box;
            cursor: pointer;
            text-align: center; }
            nav .menucontent ul.brands li ul.brands_group li:hover {
              background-color: #F8F8F8; }
              nav .menucontent ul.brands li ul.brands_group li:hover a {
                color: #000000;
                font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
            nav .menucontent ul.brands li ul.brands_group li.active {
              background-color: #F8F8F8; }
              nav .menucontent ul.brands li ul.brands_group li.active a {
                color: #000000;
                font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
            nav .menucontent ul.brands li ul.brands_group li:nth-child(4n) {
              border-right: none; }
            nav .menucontent ul.brands li ul.brands_group li a {
              text-decoration: none;
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 13px;
              color: #8C8D91;
              display: block;
              width: 100%;
              padding: 10px 0; }
    nav .menucontent .content-asset ul li:not(.ui-tabs-element) {
      list-style: none; }
    nav .menucontent.coversParentContainer {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1;
      cursor: pointer; }
    nav .menucontent .mm-category-banner {
      position: absolute;
      top: 0;
      right: 0;
      left: auto;
      bottom: auto;
      width: 380px;
      height: 472px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
      @media only screen and (min-width: 1920px) {
        nav .menucontent .mm-category-banner {
          width: 570px; } }
      @media only screen and (max-width: 1279px) {
        nav .menucontent .mm-category-banner {
          display: none; } }
    nav .menucontent .mm-newin-banner {
      position: absolute;
      top: 0;
      right: 0;
      left: auto;
      bottom: auto;
      width: 380px;
      height: 472px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
      @media only screen and (min-width: 1920px) {
        nav .menucontent .mm-newin-banner {
          width: 570px; } }
      @media only screen and (max-width: 1279px) {
        nav .menucontent .mm-newin-banner {
          display: none; } }
    nav .menucontent .mm-brands-banner {
      position: absolute;
      top: 0;
      right: 0;
      left: auto;
      bottom: auto;
      width: 380px;
      height: 472px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
      @media only screen and (min-width: 1920px) {
        nav .menucontent .mm-brands-banner {
          width: 570px; } }
      @media only screen and (max-width: 1279px) {
        nav .menucontent .mm-brands-banner {
          display: none; } }
    nav .menucontent .mm-gifts-banner {
      position: absolute;
      top: 0;
      right: 0;
      left: auto;
      bottom: auto;
      width: 380px;
      height: 472px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
      @media only screen and (min-width: 1920px) {
        nav .menucontent .mm-gifts-banner {
          width: 570px; } }
      @media only screen and (max-width: 1279px) {
        nav .menucontent .mm-gifts-banner {
          display: none; } }
  nav .menutab:hover .menucontent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  nav .menutab.active .menucontent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.widebanner-link {
  height: 100%;
  width: 100%;
  display: block; }
  .widebanner-link .cta {
    width: 100%;
    text-align: center;
    bottom: 0px;
    position: absolute; }
    .widebanner-link .cta p {
      color: black;
      font-size: large; }

.header {
  transition: none 0.3s linear;
  box-shadow: 1px 4px 2px #d7d7d7;
  z-index: 10;
  position: relative; }
  .pt_homepage .header:not(.header-sticky) {
    margin-bottom: 0; }
  .header-main {
    transition: none 0.3s linear;
    background-color: #ffffff; }
  .header #z-overlay {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    height: 100vh;
    width: 100vw; }
  .header.header-sticky #z-overlay {
    top: 58px;
    left: -130px; }
  .header-sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: auto;
    top: 0;
    transition: none 0.3s linear;
    background: #ffffff;
    width: 100%;
    z-index: 10; }
    .header-sticky .menu-level2_item:hover {
      padding-bottom: 9px; }
    .header-sticky nav .menucontent {
      top: 58px;
      left: -130px; }
    @media only screen and (max-width: 1023px) {
      .header-sticky .header-navigation .header-search {
        width: 60px; } }
    @media only screen and (max-width: 1023px) {
      .header-sticky .header-search_form {
        width: 60px;
        height: 58px;
        box-sizing: border-box; }
      .header-sticky .header-search_input[type=text] {
        position: absolute;
        right: 60px;
        top: 0;
        height: 57px;
        width: 0;
        padding: 0; }
        .header-sticky .header-search_input[type=text].active {
          padding: 0 35px;
          width: calc(100vw - 120px);
          transition: width .2s ease-out; }
      .header-sticky .header-search_submit {
        width: 60px; }
        .header-sticky .header-search_submit_overlay {
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          width: 60px;
          height: 58px;
          z-index: 21; } }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .header-sticky #fr_slidedown_banner_ndulge-web-header-banner .bottom.open {
        position: absolute;
        height: 100vh; } }
  .header-banner {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    background: #000000;
    padding: 0;
    text-align: center;
    text-transform: uppercase; }
    .header-banner .slot-container {
      margin-bottom: 0;
      height: 40px;
      position: relative;
      z-index: 12; }
      @media only screen and (min-width: 320px) and (max-width: 766px) {
        .header-banner .slot-container {
          height: 60px; } }
    .header-banner .banner-rotation-item {
      display: inline-block;
      vertical-align: middle; }
      .header-banner .banner-rotation-item + .banner-rotation-item {
        border-left: 1px solid #000000;
        margin-left: 4px;
        padding-left: 8px; }
    .header-banner strong {
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #ffffff; }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .header-banner {
        overflow: visible; } }
  .header-top {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    width: 100%; }
  .header-top_inner {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    padding: 10px 15px; }
  .header-top_menu {
    position: absolute;
    left: auto;
    right: 15px;
    bottom: auto;
    top: 10px; }
    .header-sticky .header-top_menu {
      top: 0;
      right: 0;
      bottom: 0; }
  .header-top_menu_item {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle; }
    .header-top_menu_item + .header-top_menu_item {
      margin-left: 15px; }
    .header-sticky .header-top_menu_item {
      margin-left: 0; }
      .header-sticky .header-top_menu_item.header-country_selector, .header-sticky .header-top_menu_item.header-store_finder {
        display: none; }
  .header-logo img {
    width: 165px;
    height: 54px; }
  .header-sticky .header-logo img {
    width: 100px;
    height: 33px; }
  .header-navigation {
    position: relative;
    height: 40px;
    background-color: #F8F8F8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .header-sticky .header-navigation {
      /*
			 * left 130px - sticky logo, right 60px - shopping bag icon. investigate for better solution is needed
			 */ }
      @media only screen and (min-width: 767px) {
        .header-sticky .header-navigation {
          position: absolute;
          left: 130px;
          right: 60px;
          bottom: auto;
          top: 0;
          background-color: #ffffff;
          height: 57px; } }
  .header-store_link {
    color: #000000;
    text-transform: uppercase; }
  .header-search {
    transition: none 0.3s linear;
    -webkit-box-ordinal-group: 3;
            order: 2;
    position: relative;
    top: 0;
    width: 380px;
    z-index: 10;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
    /* removing clear field icon in IE */ }
    .header-search.visible {
      display: block; }
    .header-sticky .header-search {
      transition: all 0.3s linear;
      display: block;
      margin: 0;
      position: relative;
      top: 0;
      width: 380px;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      z-index: 10; }
      .header-sticky .header-search.visible {
        right: 52px; }
    .header-search_form {
      position: relative;
      left: auto;
      right: auto;
      bottom: auto;
      top: auto; }
    .header-search_input[type=text] {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      border-radius: none;
      -webkit-border-radius: none;
      -moz-border-radius: none;
      -ms-border-radius: none;
      -o-border-radius: none;
      -khtml-border-radius: none;
      background-color: #EFEFEF;
      box-sizing: border-box;
      border: none;
      height: 40px;
      padding: 0 35px 0 8px; }
      .header-sticky .header-search_input[type=text] {
        height: 57px; }
    .header-search_input[type=text]::-ms-clear {
      display: none; }
    .header-search_submit {
      position: absolute;
      left: auto;
      right: 0px;
      bottom: auto;
      top: 50%;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background: url("../images/ic_search_black_24px.svg") no-repeat center center;
      border: none;
      height: 100%;
      width: 60px; }
      .header-sticky .header-search_submit {
        width: 60px; }
      @media only screen and (max-width: 1023px) {
        .header-search_submit {
          z-index: 20; }
          .header-search_submit_overlay {
            z-index: 19; } }
    @media only screen and (min-width: 1920px) {
      .header-search {
        width: 720px; } }

@media screen and (-ms-high-contrast: active) {
  .header-search_submit {
    filter: invert(100%);
    -webkit-filter: invert(100%); } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .search {
    transition: none 0.3s linear;
    will-change: transform;
    padding: 5px 10px 10px;
    width: 100%; }
    .header_mobile-all_pages ~ .search,
    .header-sticky .search {
      display: none; }
    .search.show_layout {
      background: rgba(35, 30, 31, 0.7);
      bottom: 0;
      display: block;
      height: 100vh;
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 102; }
    .search-input_wrapper {
      background-color: #ebebeb;
      height: 32px;
      padding: 8px 8px 8px 34px;
      position: relative;
      white-space: nowrap; }
      .search-input_wrapper:before {
        content: attr(data-placeholder);
        background-image: url("../images/magnifier.svg");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 12px 12px;
        font-size: 13px;
        left: 50%;
        padding-left: 16px;
        position: absolute;
        top: 50%;
        transition: all 0.2s;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .show_layout .search-input_wrapper:before {
        left: 16px;
        padding-left: 20px;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
      .show_layout .search-input_wrapper:focus:before {
        content: ''; }
    .search-input {
      opacity: 0; }
      .show_layout .search-input {
        opacity: 1; }
    .search input[type="text"] {
      background: #ebebeb;
      border: none;
      border-radius: 0;
      display: block;
      font-size: 13px;
      height: auto;
      padding-left: 6px;
      position: relative;
      -ms-touch-action: none;
          touch-action: none;
      z-index: 1; }
      .search input[type="text"]:focus {
        outline: none; }
    .search-form {
      background-color: #ebebeb;
      white-space: nowrap; }
      .show_layout .search-form {
        left: 10px;
        position: absolute;
        top: 100px;
        right: 10px; }
    .search-submit {
      display: none; }
    .search-wrapper {
      height: 32px;
      padding: 8px 8px 8px 34px;
      position: relative; }
      .search-wrapper:before {
        content: attr(data-placeholder);
        background-image: url("../images/magnifier.svg");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 12px 12px;
        font-size: 13px;
        left: 50%;
        padding-left: 16px;
        position: absolute;
        top: 50%;
        transition: all 0.2s;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
  .suggestion {
    min-width: 0;
    top: 142px; }
    .header-sticky .suggestion {
      width: 100%; }
    .suggestion-close {
      position: absolute;
      left: auto;
      right: 0;
      bottom: auto;
      top: 0;
      background: url("../images/icons/close-gray.png") no-repeat center;
      display: block;
      height: 40px;
      width: 40px;
      z-index: 1; }
    .suggestion-products_box_title {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      display: block;
      padding: 15px 25px 0;
      text-transform: uppercase; }
    .suggestion-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
      overflow-y: auto;
      padding: 0; }
    .suggestion-phrase, .suggestion-products {
      -webkit-box-flex: 1;
          -ms-flex: 1 100%;
              flex: 1 100%;
      float: none;
      padding: 0;
      width: auto; }
    .suggestion-phrase {
      border-right: none;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
      .suggestion-phrase_item {
        margin: 10px 0;
        padding: 0 25px; }
      .suggestion-phrase_title {
        margin-bottom: 0; }
    .suggestion-products {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
      .suggestion-products_item {
        float: none;
        clear: none;
        margin: 10px 0;
        width: auto; }
        .suggestion-products_item.even {
          clear: none;
          float: none; }
      .suggestion-products_image {
        width: 20%; }
      .suggestion-products_details {
        width: 78%; }
    .suggestion-content {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      padding: 3% 2% 3% 7%;
      margin-top: 3%; }
      .suggestion-content_item {
        width: 60%;
        float: right; }
      .suggestion-content_box_logo {
        width: 100%; } }

.footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: -340px;
  top: auto;
  background: #262626;
  clear: both;
  padding-bottom: 15px;
  width: 100%;
  z-index: 3; }
  .footer-container {
    width: 980px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    font-size: 0;
    overflow: visible; }
    @media only screen and (min-width: 767px) and (max-width: 1024px) {
      .footer-container {
        width: 767px;
        padding: 0 10px; } }
    @media only screen and (min-width: 480px) and (max-width: 766px) {
      .footer-container {
        width: 480px;
        padding: 0 10px; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .footer-container {
        width: 320px;
        padding: 0 10px; } }
    .footer-container:after {
      content: "";
      display: table;
      clear: both; }
  .footer-left {
    float: left;
    width: 630px; }
  .footer-right {
    float: right;
    width: 350px; }
  .footer-item {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    padding: 40px 10px 0;
    text-align: center;
    width: 207px; }
    .footer-item:first-child {
      padding-left: 0; }
    .footer-item_last {
      text-align: left;
      padding: 40px 0 0 10px;
      width: 100%; }
  .footer-menu {
    margin-bottom: 65px; }
    .footer-menu ~ ul, .footer-menu_nomargin {
      margin-bottom: 23px; }
    .footer-menu_title {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #ffffff;
      margin: 0 0 25px;
      text-transform: uppercase;
      letter-spacing: 1px; }
      .footer-menu_title.newsletter_heading {
        margin-bottom: 10px; }
    .footer-menu_item {
      list-style-type: none; }
    .footer-menu_link {
      font-style: normal;
      font-weight: 400;
      font-size: inherit;
      line-height: 22px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #ffffff;
      letter-spacing: 1px; }
      .footer-menu_link:hover {
        transition: none 0.3s linear;
        color: #C1C1C1;
        text-decoration: underline; }
  .footer-social {
    margin-bottom: 80px; }
    .footer-social_item {
      display: inline-block;
      vertical-align: top;
      margin-left: 36px; }
      .footer-social_item:first-child {
        margin-left: 0; }
    .footer-social_link {
      font-style: normal;
      font-weight: 400;
      font-size: 25px;
      line-height: 30px;
      font-family: FontAwesome;
      color: #ffffff; }
      .footer-social_link:hover {
        color: #C1C1C1;
        text-decoration: none; }
  .footer-newsletter {
    white-space: nowrap; }
    .footer-newsletter_input[type=text] {
      font-style: normal;
      font-weight: 400;
      font-size: inherit;
      line-height: 27px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      border: none;
      border-radius: 0;
      height: 29px;
      margin-right: 6px;
      width: 220px;
      padding: 0 8px; }
      .footer-newsletter_input[type=text].m-short {
        font-size: 12px;
        padding: 0 10px;
        width: 190px; }
    .footer-newsletter_submit {
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 28px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #ffffff;
      display: inline-block;
      vertical-align: top;
      background: #000000;
      border: 1px solid #d7d7d7;
      padding: 0 15px;
      text-transform: uppercase;
      width: auto; }
      .footer-newsletter_submit:hover, .footer-newsletter_submit.active, .footer-newsletter_submit:focus {
        transition: none 0.3s linear;
        background: #707070;
        text-decoration: none; }
      .footer-newsletter_submit[disabled=disabled]:hover {
        background: #000000; }
      .footer-newsletter_submit.m-short {
        font-size: 12px; }
    .footer-newsletter_agreement {
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 19px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #ffffff;
      margin-top: 12px; }
  .footer-up {
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: -45px;
    background: #262626;
    padding: 10px 30px 10px 10px;
    text-transform: uppercase;
    z-index: 2; }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .footer-up {
        display: none; } }
    .footer-up:hover {
      background: #000000; }
    .footer-expanded .footer-up {
      position: absolute;
      left: auto;
      right: 0;
      bottom: auto;
      top: 0;
      font-size: 0;
      padding: 0; }
      .footer-expanded .footer-up:hover {
        background: transparent; }
  .footer-subscribe-short {
    display: inline-block;
    vertical-align: middle; }
    .footer-expanded .footer-subscribe-short {
      display: none; }
  .footer-toggler {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    margin-left: 30px;
    vertical-align: middle; }
    .footer-toggler:after {
      background: url("../images/icons/arrow-top-white.png") no-repeat center;
      content: "";
      display: inline-block;
      height: 8px;
      margin-left: 10px;
      width: 15px; }
    .footer-toggler:hover {
      transition: none 0.3s linear; }
    .footer-expanded .footer-toggler {
      font-size: 0;
      width: 60px;
      display: block;
      margin-left: 0;
      line-height: 60px;
      text-align: center; }
      .footer-expanded .footer-toggler:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-left: 10px; }
  .fixfixed .footer {
    position: static; }

/*Non Sticky footer*/
@media (min-width: 768px) {
  body:not(.pt_product-search-result) .footer {
    position: relative;
    bottom: 0 !important; } }

/*ipad portrait*/
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-newsletter_agreement {
    white-space: normal; } }

/*Non Sticky footer*/
@media print {
  .pt_order-confirmation #mini-cart,
  .pt_order-confirmation .menu-utility-user,
  .pt_order-confirmation .menu-utility,
  .pt_order-confirmation .header-banner,
  .pt_order-confirmation #navigation {
    display: none; } }

.product-tile {
  clear: both;
  overflow: hidden;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  position: relative;
  text-align: center; }
  .product-tile:after {
    content: "";
    display: table;
    clear: both; }
  .product-tile_quickview {
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
    background: url("../images/icons/quickview.png") no-repeat center;
    display: block;
    height: 34px;
    text-indent: -9999999px;
    width: 29px; }
  .product-tile_image {
    display: block;
    text-align: center; }
  .product-tile_pic {
    margin: 0 auto; }
  .product-tile_vendor, .product-tile_title {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    display: block; }
  .product-tile_pricing .product-price {
    font-size: 13px; }
  .product-tile .product-review {
    margin: 6px 0 0; }
    .product-tile .product-review .fa {
      font-size: 15px; }
  .product-tile_labels {
    text-align: center; }
  .product-tile_exclusive, .product-tile_online {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 23px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #5a5a5a;
    border: 1px solid #d7d7d7;
    height: 23px;
    margin-top: 6px;
    text-transform: uppercase; }
    .product-tile_exclusive.inline, .product-tile_online.inline {
      display: inline-block;
      vertical-align: top;
      width: 49%; }
  .product-tile-shoprunner_icon {
    position: absolute;
    left: 0;
    right: auto;
    bottom: auto;
    top: 0; }
  .product-tile_link--vendor, .product-tile_link--productprice, .product-tile_link--bazaarvoice, .product-tile_link--badge {
    display: block; }
    .product-tile_link--vendor:hover, .product-tile_link--productprice:hover, .product-tile_link--bazaarvoice:hover, .product-tile_link--badge:hover {
      text-decoration: none; }
  .product-tile_link--productprice {
    color: #000000;
    padding-top: 10px; }
    .product-tile_link--productprice:hover {
      color: #000000; }
    .product-tile_link--productprice .product-standard-price {
      text-decoration: line-through; }
  .product-tile_link--vendor {
    color: #000000;
    padding-bottom: 6px;
    text-transform: uppercase; }
    .product-tile_link--vendor:hover {
      color: #000000; }
  .product-tile_link--image {
    display: block;
    padding-bottom: 10px;
    text-align: center; }
  .product-tile_link--swatches {
    display: block;
    height: 32px;
    width: 100%; }
  .product-tile div[id^='BVRRInline'] {
    width: 78px;
    margin: 5px auto; }

.swatch-item {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  -khtml-border-radius: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 2px;
  border: 1px solid transparent; }
  .swatch-item:hover {
    border: 1px solid #d7d7d7; }
  .swatch-item .variation-select-label {
    display: none; }
  .swatch-item .variation-select-swatch {
    display: block;
    height: 16px;
    width: 16px; }
  .swatch-item-all {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #d7d7d7; }

.product-swatches {
  margin: 5px 0; }
  .grid-tile .product-swatches {
    margin: 0;
    min-height: 32px; }
  .product-swatches-all {
    display: block;
    line-height: 16px;
    width: 16px; }
    .product-swatches-all:hover {
      text-decoration: none; }

.bv-rating {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  margin-top: 20px;
  position: relative; }
  .product-quickview_rating .bv-rating {
    margin: 0 0 6px; }
  .bv-rating_empty {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap; }
  .bv-rating_value {
    position: absolute;
    left: 0;
    right: auto;
    bottom: auto;
    top: 0;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap; }
  .bv-rating_item {
    display: inline-block;
    vertical-align: top;
    background: url("../images/icons/bv-icon-black.png") no-repeat center;
    height: 18px;
    margin: 0 1px;
    width: 16px; }
  .bv-rating_empty .bv-rating_item {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2; }

.refinement-category, .refinement-list .refinement, .refinement-list .refinement-heading {
  display: none; }

.refinement-list .refinement-category, .refinement-values .refinement-category, .refinement-heading {
  display: block; }

.refinement-list .refinement-clear_block {
  display: none; }

.refinement-header {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  white-space: pre;
  margin: 0;
  padding: 5px 0;
  background-color: #F8F8F8;
  text-align: center; }
  .refinement-header + div.refinement-block:nth-of-type(1) {
    border-top: none; }
  .refinement-header + div.refinement-block:nth-of-type(1) + div.refinement-block {
    border-top: none; }

.refinement-link {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: inline-block;
  vertical-align: top;
  padding: 5px 0;
  width: 100%;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto; }

.refinement-element:not(:first-of-type) {
  border-top: 1px solid #f2f2f2; }

.refinement-level_1 > .refinement-expandable > .refinement-link:after {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  position: absolute;
  left: auto;
  right: 10px;
  bottom: auto;
  top: 5px;
  content: "v";
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.refinement-level_1 > .refinement-expandable > .refinement-link.active:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.refinement-level_2 {
  height: 0;
  overflow: hidden;
  border: none;
  padding: 0; }
  .refinement-level_2.expanded-true {
    height: auto;
    padding: 5px 0 0 20px; }

.refinement-level_2 .refinement-element {
  border: none; }

.refinement-clear {
  text-align: right;
  padding-bottom: 8px; }
  .refinement-clear_link {
    font-style: normal;
    font-weight: 400;
    font-size: inherit;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    text-decoration: underline;
    text-transform: lowercase; }
    .refinement-clear_link:hover {
      text-decoration: none; }
  .refinement-clear_block-label {
    text-transform: uppercase;
    font-size: 14px; }

.refinement-block {
  border-top: 1px solid #f2f2f2;
  padding-top: 15px; }
  .refinement-block:first-child {
    border-top-width: 0;
    padding-top: 0; }
  .refinement-list .refinement-block {
    border: none;
    padding-top: 0; }

.refinement-title {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  max-width: unset; }
  .refinement-title:after {
    content: '+';
    position: absolute;
    right: 1px; }
  .refinement-title.expanded::after {
    content: '-';
    position: absolute;
    right: 3px; }

.refinement-options {
  clear: both;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 12px;
  max-height: 170px;
  padding-left: 5px;
  display: none; }
  .refinement-options::-webkit-scrollbar {
    width: 7px; }
  .refinement-options::-webkit-scrollbar-track {
    background: #d7d7d7; }
  .refinement-options::-webkit-scrollbar-thumb {
    background: #000000; }
  .refinement-options.full-list {
    max-height: none; }
  .refinement-options.scrollable + .refinement-show_all {
    display: none; }

.refinement-value {
  margin-bottom: 8px; }
  .refinement-value .refinement-link {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    font-style: normal;
    font-weight: 400;
    font-size: inherit;
    line-height: 18px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    cursor: pointer;
    margin-bottom: 4px;
    padding-left: 27px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    padding: 0 0 0 31px; }
    .refinement-value .refinement-link:before {
      position: absolute;
      left: 0;
      right: auto;
      bottom: auto;
      top: 0;
      background: #ffffff;
      border: 1px solid #707070;
      content: "";
      height: 18px;
      width: 18px; }
    .refinement-value .refinement-link.checked:after, .refinement-value .checkbox-wrapper.checked label.refinement-link:after, .checkbox-wrapper.checked .refinement-value label.refinement-link:after, .refinement-value .field-variant.checked label.refinement-link:after, .field-variant.checked .refinement-value label.refinement-link:after, .refinement-value .refinement-link.selected:after {
      position: absolute;
      left: 3px;
      right: auto;
      bottom: auto;
      top: 3px;
      content: "";
      background: url("../images/icons/checkbox-checked.png");
      height: 14px;
      width: 14px;
      z-index: 2; }
    .refinement-value .refinement-link.disabled {
      color: #ebebeb;
      cursor: default; }
      .refinement-value .refinement-link.disabled:hover {
        text-decoration: none; }
      .refinement-value .refinement-link.disabled:before {
        background: #ebebeb;
        border-color: #707070; }
      .refinement-value .refinement-link.disabled.selected:after {
        position: absolute;
        left: 3px;
        right: auto;
        bottom: auto;
        top: 3px;
        content: "";
        background: url("../images/icons/checkbox-disabled.png");
        height: 14px;
        width: 14px;
        z-index: 1; }

.refinement-show_all {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: none;
  margin-bottom: 8px;
  text-align: right;
  text-decoration: underline; }
  .refinement-show_all:hover {
    cursor: pointer;
    text-decoration: none; }

.refinement-clear_block {
  margin: 20px 0 0 0;
  padding: 5px 0;
  background-color: #F8F8F8;
  text-align: center; }
  .refinement-clear_block-link {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    text-transform: uppercase; }
    .refinement-clear_block-link:hover {
      text-decoration: underline; }
  .refinement-clear_block.showit {
    position: fixed;
    top: 80px;
    text-align: center; }

.widget {
  font-size: 10px;
  background-color: #f9f9f9;
  margin: 0 auto 10px;
  max-width: 1024px; }
  .widget-toggle {
    position: relative; }
    .widget-toggle > div {
      position: absolute;
      right: 0;
      bottom: 0; }
      .widget-toggle > div > div {
        position: relative;
        text-align: right; }
        .widget-toggle > div > div > span {
          display: inline-block;
          color: #ffffff;
          font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
          text-transform: uppercase;
          text-decoration: underline;
          cursor: pointer;
          font-size: 12px;
          line-height: 12px;
          padding: 0 0 16px;
          margin: 0;
          visibility: hidden; }
          @media (max-width: 767px) {
            .widget-toggle > div > div > span {
              color: #818181;
              padding: 0 0 6px; } }
          .widget-toggle > div > div > span::after {
            content: '';
            display: block;
            position: absolute;
            bottom: -10px;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 10px solid rgba(0, 0, 0, 0.6);
            border-bottom: none;
            bottom: -10px;
            z-index: 1; }
            @media (max-width: 767px) {
              .widget-toggle > div > div > span::after {
                border-top-color: #f9f9f9; } }
          .widget-toggle > div > div > span.widget-open::after {
            display: none;
            border-top: none;
            border-bottom: 10px solid #ffffff;
            bottom: 0; }
    .widget-toggle-content {
      display: none; }
  .widget-clearall {
    display: block;
    text-align: right;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: underline;
    padding-right: 30px;
    margin: 0;
    color: #818181; }
    @media (max-width: 767px) {
      .widget-clearall {
        width: 98%;
        margin: 0 auto;
        padding: 0; } }
  .widget-description {
    position: relative; }
    .widget-description-image {
      padding-top: 25.6%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
    .widget-description-copy {
      position: absolute;
      width: calc(70% - 60px);
      padding: 30px 30px 0;
      right: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.6); }
      @media (max-width: 767px) {
        .widget-description-copy {
          position: relative;
          right: 0;
          background-color: transparent;
          width: 98%;
          margin: 0 auto;
          padding: 0; } }
    .widget-description-title {
      display: block;
      font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      font-size: 3em;
      line-height: 1em;
      text-align: left;
      color: inherit;
      padding-bottom: .5em;
      color: #ffffff; }
      @media (max-width: 767px) {
        .widget-description-title {
          text-align: center;
          color: #000000;
          padding: 1em 0 .5em;
          font-size: 2.5em; } }
    .widget-description-text {
      font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.6em;
      line-height: 1.2em;
      text-align: left;
      color: inherit;
      display: block;
      margin: 0 auto;
      color: #ffffff;
      padding-bottom: 30px; }
      @media (max-width: 767px) {
        .widget-description-text {
          text-align: center;
          color: #000000; } }
  .widget-refine {
    display: block;
    text-align: center;
    width: calc(50% - 5px);
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      .widget-refine {
        width: 100%; } }
    .widget-refine:nth-of-type(odd) {
      margin-right: 10px; }
      @media (max-width: 767px) {
        .widget-refine:nth-of-type(odd) {
          margin-right: 0; } }
    .widget-refine:last-of-type {
      margin-right: 0; }
    .widget-refine-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -moz-align-items: stretch;
      -ms-align-items: stretch;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -webkit-box-pack: center;
              justify-content: center;
      -ms-flex-pack: center;
      color: #818181;
      text-transform: uppercase;
      padding-top: 10px; }
    .widget-refine-title {
      font-size: 2em;
      font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding: 0.5em;
      display: block; }
    .widget-refine-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -webkit-box-pack: center;
              justify-content: center;
      -ms-flex-pack: center;
      text-transform: none;
      font-size: 13px;
      color: #818181;
      background: #818181;
      background: linear-gradient(to bottom, #818181 0%, #818181 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
      background-size: 90% 1px;
      background-position: center top;
      background-repeat: no-repeat;
      padding-top: 10px; }
    .widget-refine-value {
      text-align: center;
      width: 20%;
      max-width: 90px; }
      .widget-refine-value img {
        width: 100%;
        height: auto;
        display: block;
        -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.1));
        filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.1)); }
      .widget-refine-value-link {
        color: #818181;
        text-decoration: none;
        position: relative;
        display: block; }
        .widget-refine-value-link:hover {
          text-decoration: none; }
        .widget-refine-value-link-selected::before {
          content: '';
          display: block;
          position: absolute;
          top: -10px;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 12px solid #818181;
          z-index: 1; }
        .widget-refine-value-link-selected::after {
          content: '';
          display: block;
          position: absolute;
          top: -10px;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          width: 0;
          height: 0;
          border-left: 9px solid transparent;
          border-right: 9px solid transparent;
          border-top: 11px solid #f9f9f9;
          z-index: 2; }
        .widget-refine-value-link-selected .widget-refine-value-name::after {
          content: 'x';
          position: absolute;
          right: -15px;
          top: -15px;
          font-size: 16px;
          color: inherit; }
        .widget-refine-value-link-no-results {
          cursor: default; }
          .widget-refine-value-link-no-results img {
            -webkit-filter: grayscale(1) opacity(0.2) drop-shadow(0 0 2px rgba(0, 0, 0, 0.1));
            filter: grayscale(1) opacity(0.2) drop-shadow(0 0 2px rgba(0, 0, 0, 0.1)); }
      .widget-refine-value-name {
        color: inherit;
        font-size: .9em;
        text-decoration: none;
        position: relative; }
    .widget-refine-selected-triangle-bigger {
      position: absolute;
      top: -10px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 12px solid #818181; }
    .widget-refine-selected-triangle-smaller {
      position: absolute;
      top: -10px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      width: 0;
      height: 0;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      border-top: 11px solid #f9f9f9; }

.clp-heading {
  color: #000000;
  text-transform: uppercase;
  border: 1px solid #d7d7d7;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  text-align: center;
  padding: 20px 0;
  margin: 20px auto 8px;
  z-index: 2;
  position: relative; }
  .clp-heading ~ div.search-result-slot .category-slot .catlanding-autoheader {
    margin: -100px auto 0;
    padding: 92px 0 20px; }
  .clp-heading ~ div.search-result-slot .catlanding-autoheader .title {
    display: none; }
  .clp-heading ~ div.search-result-slot .catlanding-autoheader .subcatlinks .subcatlink {
    border: 1px solid #d7d7d7; }

.clp-slot {
  clear: both;
  overflow: hidden;
  display: none;
  margin-bottom: 35px; }
  .clp-slot:after {
    content: "";
    display: table;
    clear: both; }
  .clp-slot_left, .clp-slot_right {
    background: #ffffff;
    border: 1px solid #f2f2f2;
    min-height: 300px; }
  .clp-slot_left {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    float: left;
    width: 500px; }
  .clp-slot_right {
    float: right;
    min-height: auto;
    text-align: center;
    text-transform: uppercase;
    width: 230px; }
    .clp-slot_right img {
      display: block; }
  .clp-slot-wrap {
    padding: 30px 20px 0 180px; }
  .clp-slot-top {
    margin-top: -2px; }
  .clp-slot_title {
    font-style: normal;
    font-weight: 400;
    font-size: 27px;
    line-height: 30px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin-bottom: 20px; }
  .clp-slot_background {
    position: absolute;
    left: 0;
    right: auto;
    bottom: auto;
    top: 0; }
  .clp-slot_text {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin-bottom: 20px; }
  .clp-slot_link, .clp-item_shopnow {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    margin-right: 7px;
    padding-right: 20px;
    text-transform: uppercase; }
    .clp-slot_link:after, .clp-item_shopnow:after {
      position: absolute;
      left: auto;
      right: 6px;
      bottom: auto;
      top: 5px;
      content: "";
      border: 4px solid transparent;
      border-left: 4px solid #000000; }
    .clp-slot_link:hover, .clp-item_shopnow:hover {
      transition: none 0.3s linear;
      color: #000000;
      text-decoration: none; }
    .clp-slot_link:hover:after, .clp-item_shopnow:hover:after {
      border-left-color: #000000; }
  .clp-slot_line1 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    letter-spacing: 2px;
    margin: 0; }
  .clp-slot_line2 {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 23px;
    font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #d8bb81;
    margin: 0 0 10px;
    letter-spacing: 4px; }
  .clp-slot_image {
    display: block;
    margin-bottom: 5px; }
  .clp-slot_shopnow {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }
    .clp-slot_shopnow:hover {
      text-decoration: none; }
      .clp-slot_shopnow:hover .clp-slot_shoplink {
        text-decoration: underline; }
  .clp-slot_shoplink {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }

.clp-list {
  clear: both;
  overflow: hidden;
  font-size: 0; }
  .clp-list:after {
    content: "";
    display: table;
    clear: both; }

.clp-item {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 55px;
  padding-left: 36px;
  width: 255px; }
  .clp-item:hover {
    text-decoration: none; }
  .clp-item.third, .clp-item:first-child {
    padding-left: 0; }
  .clp-item_image {
    margin-top: -85px;
    text-align: right; }
  .clp-item_title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    margin-bottom: 7px; }
    .clp-item_title:hover {
      color: #000000; }
  .clp-item_text {
    margin-bottom: 12px; }

.clp-tabs .slick-prev {
  left: 5px; }

.clp-tabs .slick-next {
  right: 5px; }

.clp-tabs .slick-slider {
  padding-right: 1px; }

.blp-alphabet {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 35px;
  padding-bottom: 10px;
  text-align: center; }

.blp-letter {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 32px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  transition: none 0.3s linear;
  display: inline-block;
  vertical-align: top;
  height: 32px;
  width: 32px; }
  .blp-letter:hover, .blp-letter.active {
    background: #000000;
    color: #ffffff;
    cursor: pointer; }

.blp-list {
  font-size: 0; }

.blp-item {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin-bottom: 25px;
  width: 190px; }

.blp-view_all {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: none;
  margin: -15px 0 20px; }
  .brand_selected .blp-view_all {
    display: inline-block;
    vertical-align: top; }

.blp-grand_letter {
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  line-height: 30px;
  font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }
  .blp-grand_letter.empty {
    color: #d7d7d7; }

.blp-brands {
  padding-left: 40px; }

.blp-element {
  padding-right: 25px; }

.blp-link {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  text-transform: uppercase; }

.pagination {
  display: none; }

.search-result-bookmarks, .search-result-value, .search-result-hidden {
  display: none; }

.search-result-statement, .search-result-slot, .search-result-image {
  margin-bottom: 20px; }

.search-result-content {
  font-size: 0;
  text-align: center;
  position: relative; }

.search-result-description {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

.search-result-message {
  text-transform: none; }

.search-result-items_first {
  display: inline-block;
  vertical-align: top;
  width: 67%; }
  .search-result-items_first .grid-tile {
    width: 49%; }

.search-result-grid_slot {
  display: inline-block;
  vertical-align: top;
  width: 32%; }

.search-result-slot {
  text-align: center; }
  .search-result-slot .search-result-title,
  .search-result-slot .search-result-description,
  .search-result-slot .search-result-image {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 32%; }
  .search-result-slot .search-result-description {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    padding: 15px 10px;
    text-align: right;
    min-height: 105px; }
    .search-result-slot .search-result-description a {
      color: #000000;
      display: inline-block;
      font-size: 10px;
      margin: 20px 0 5px;
      text-decoration: none;
      text-transform: uppercase; }
      .search-result-slot .search-result-description a span {
        font-size: 13px;
        text-decoration: underline; }
  .search-result-slot .search-result-title {
    border: 1px solid #000000;
    border-width: 0 1px;
    font-size: 24px;
    margin-bottom: 0;
    min-height: 105px;
    padding: 35px 0;
    text-transform: uppercase; }
  .search-result-slot .search-result-image {
    padding-left: 10px;
    margin-bottom: 0; }
  .search-result-slot .search-result-link {
    color: #000000;
    display: inline-block;
    font-size: 10px;
    margin: 20px 0 5px;
    text-decoration: none;
    text-transform: uppercase; }
  .search-result-slot .search-result-link_text {
    font-size: 13px;
    text-decoration: underline; }

.slot-container {
  margin-bottom: 10px; }

.grid-tile {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 40px;
  padding: 0;
  text-align: center;
  width: 33%; }
  @media only screen and (min-width: calc(1024px + 1px)) {
    .grid-tile {
      width: 250px; } }
  .grid-tile-width-1 {
    width: 33%; }
    @media only screen and (min-width: calc(1024px + 1px)) {
      .grid-tile-width-1 {
        width: 250px; } }
  .grid-tile-width-2 {
    width: 66%; }
    @media only screen and (min-width: calc(1024px + 1px)) {
      .grid-tile-width-2 {
        width: 500px; } }
  .grid-tile-width-3 {
    width: 100%; }
    @media only screen and (min-width: calc(1024px + 1px)) {
      .grid-tile-width-3 {
        width: 750px; } }
  .grid-tile-banner {
    background: coral;
    height: 400px; }

.grid-sort_label, .grid-sort_select {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  width: auto; }

.grid-sort_wrapper {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
  margin-bottom: 30px; }

.grid-sort_select {
  min-width: 180px; }

.infinite-scroll-loading {
  background: url("../images/icons/ajax-loader.gif") no-repeat center center;
  display: block;
  height: 45px;
  width: 100%; }

.no-hits-search {
  margin-bottom: 15px; }

.no-hits-input {
  display: inline-block;
  vertical-align: top;
  width: 45%; }
  .no-hits-input .input-text {
    padding: 0 8px; }

.no-hits-submit {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 30px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  background: #000000;
  border: 1px solid #d7d7d7;
  padding: 0 25px;
  text-transform: uppercase;
  width: auto; }
  .no-hits-submit:hover, .no-hits-submit.active, .no-hits-submit:focus {
    transition: none 0.3s linear;
    background: #707070;
    text-decoration: none; }
  .no-hits-submit[disabled=disabled]:hover {
    background: #000000; }

.no-hits-form {
  text-align: left; }

.promotional-label:after {
  position: absolute;
  left: auto;
  right: 5px;
  bottom: auto;
  top: 0;
  content: '+';
  cursor: pointer;
  font-size: 13px;
  pointer-events: none; }

.promotional-message {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  background: #d7d7d7;
  height: 22px;
  margin: 10px auto 0;
  width: 100%; }
  .promotional-message-label {
    cursor: pointer;
    display: block;
    width: 100%; }
  .promotional-message.collapse .promotional-details {
    display: block; }
  .promotional-message.collapse .promotional-message-label {
    color: transparent; }
  .promotional-message.collapse .promotional-label:after {
    content: '-';
    cursor: pointer;
    font-size: 25px;
    pointer-events: none; }

.promotional-details {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  top: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  background: #d7d7d7;
  display: none;
  padding: 5px;
  max-height: 200px;
  overflow-y: auto;
  width: 100%; }

.back-to-top {
  position: fixed;
  left: auto;
  right: 0;
  bottom: 15%;
  top: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 17px;
  font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  background: #959595;
  display: none;
  letter-spacing: 1px;
  padding: 13px 7px;
  text-align: center;
  text-transform: uppercase;
  width: 60px; }

.product-image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 450px; }

.product-primary-image {
  margin: 0 auto;
  max-width: 100%; }

.product-main-image {
  float: right;
  width: 375px;
  margin: 0 auto; }
  .product-main-image .slick-prev,
  .product-main-image .slick-next {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
    -moz-opacity: 0;
    -khtml-opacity: 0; }
  .product-popup .product-main-image {
    float: none;
    width: 75%; }
    .product-popup .product-main-image .slick-prev {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      left: -15px;
      z-index: 1; }
    .product-popup .product-main-image .slick-next {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      right: -15px;
      z-index: 1; }

.product-images {
  clear: both;
  overflow: hidden; }
  .product-images:after {
    content: "";
    display: table;
    clear: both; }

.product-enlarge {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  float: right;
  text-decoration: underline;
  background: url("../images/icons/image-zoom.png") 90% 50% no-repeat;
  padding-right: 35px;
  margin: 10px; }
  .product-enlarge:hover {
    text-decoration: none; }

.product-iframe {
  margin-top: 85px;
  z-index: 10;
  position: relative; }

.product-thumbnails {
  float: left;
  padding: 50px 0;
  width: 72px; }
  .product-thumbnails_video {
    padding: 10px 0; }
  .product-thumbnails .slick-slide {
    border: 1px solid #ffffff;
    cursor: pointer;
    height: 78px;
    overflow: hidden;
    margin-bottom: 3px; }
  .product-thumbnails .slick-current {
    border-color: #d7d7d7; }
  .product-thumbnails .slick-next {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    left: 30px;
    right: auto;
    bottom: 15px;
    top: auto; }
  .product-thumbnails .slick-prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    left: 38px;
    right: auto;
    bottom: auto;
    top: 25px; }
  .product-thumbnails.not-inited_carousel {
    text-align: center; }
    .product-thumbnails.not-inited_carousel .slick-track {
      width: auto !important; }
    .product-thumbnails.not-inited_carousel .slick-slide {
      display: inline-block;
      vertical-align: top;
      height: auto;
      float: none;
      width: auto !important; }
      .product-thumbnails.not-inited_carousel .slick-slide img {
        max-height: 76px; }
    .product-thumbnails.not-inited_carousel .slick-current {
      border-color: #d7d7d7; }

.pdp-notships-product {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px; }

.notships-product_label {
  background: url("../images/icons/hazmat-icon.png") 0 0 no-repeat;
  height: 25px;
  width: 26px; }

.notships-product_content .content-asset, .notships-product_content .content-asset p {
  color: #ffffff; }

.promotion {
  margin-bottom: 35px;
  padding: 10px 0;
  width: 85%; }
  .quick-view .promotion {
    display: none; }
  .promotion-title {
    font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase; }
  .promotion-callout {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }
  .promotion-details {
    color: #000000;
    text-decoration: underline; }
    .promotion-details:hover {
      text-decoration: none; }

.add-to-cart, .product-notify_me, .notify-me {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  background: #029e56;
  border: 1px solid #d7d7d7;
  padding: 0 25px;
  text-transform: uppercase;
  height: 40px;
  width: 100%; }
  .add-to-cart:hover, .product-notify_me:hover, .add-to-cart.active, .active.product-notify_me, .add-to-cart:focus, .product-notify_me:focus, .notify-me:hover, .notify-me.active, .notify-me:focus {
    transition: none 0.3s linear;
    background: #30bb79;
    text-decoration: none; }
  .add-to-cart[disabled=disabled]:hover, [disabled=disabled].product-notify_me:hover, .notify-me[disabled=disabled]:hover {
    background: #ffffff; }
  .add-to-cart-disabled, .notify-me-disabled {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 38px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    display: inline-block;
    vertical-align: top;
    background: #ffffff;
    border: 1px solid #d7d7d7;
    padding: 0 25px;
    text-transform: uppercase;
    width: auto;
    width: 100%; }
    .add-to-cart-disabled:hover, .add-to-cart-disabled.selected, .add-to-cart-disabled:focus, .notify-me-disabled:hover, .notify-me-disabled.selected, .notify-me-disabled:focus {
      transition: none 0.3s linear;
      background: #ffffff;
      color: #5a5a5a;
      text-decoration: none; }

.product-detail {
  width: 520px;
  margin-left: 460px; }
  .product-detail-wrapper {
    position: relative;
    width: 100%;
    min-height: 420px; }
  .product-detail-headline {
    width: 520px;
    margin-left: 460px; }

.product-bv_title {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 23px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin-bottom: 20px;
  text-align: center; }

.product-information {
  margin-bottom: 10px; }

.product-content {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto; }

.product-review {
  clear: both;
  overflow: hidden;
  margin: 0 0 15px; }
  .product-review:after {
    content: "";
    display: table;
    clear: both; }

.product-set {
  display: block; }

.product-info {
  clear: both;
  padding-top: 50px; }

.product-price {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px; }
  .product-price .price-standard {
    color: #000000;
    text-decoration: line-through; }
  .product-price .price-tiered {
    font-style: normal;
    font-weight: 400;
    font-size: 0.6em;
    line-height: 1.5em;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }

.product-brand {
  font-size: 30px;
  margin: 0 0 5px;
  text-transform: uppercase; }
  .product-brand_link {
    color: #000000; }
    .product-brand_link:hover {
      text-decoration: none; }

.product-name {
  font-size: 16px;
  margin: 5px 0; }

.product-number {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin: 10px 0; }

.product-main-attributes .attribute {
  padding: .2em 0; }

.product-main-attributes .label {
  padding: 0; }

.product-overlay_button {
  position: absolute;
  left: 0;
  right: auto;
  bottom: auto;
  top: 0;
  background: transparent url("../images/icons/ajax-loader.gif") no-repeat 97% center;
  height: 40px;
  width: 100%; }
  .product-overlay_button + .add-to-cart, .product-overlay_button + .product-notify_me {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 38px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    display: inline-block;
    vertical-align: top;
    background: #ffffff;
    border: 1px solid #d7d7d7;
    padding: 0 25px;
    text-transform: uppercase;
    width: auto;
    width: 100%; }
    .product-overlay_button + .add-to-cart:hover, .product-overlay_button + .product-notify_me:hover, .product-overlay_button + .add-to-cart.selected, .product-overlay_button + .selected.product-notify_me, .product-overlay_button + .add-to-cart:focus, .product-overlay_button + .product-notify_me:focus {
      transition: none 0.3s linear;
      background: #ffffff;
      color: #5a5a5a;
      text-decoration: none; }
    .product-overlay_button + .add-to-cart:hover, .product-overlay_button + .product-notify_me:hover, .product-overlay_button + .add-to-cart:focus, .product-overlay_button + .product-notify_me:focus, .product-overlay_button + .add-to-cart:active, .product-overlay_button + .product-notify_me:active {
      color: #000000; }

.product-add-to-cart {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  display: inline-block;
  vertical-align: top;
  margin-right: 4%;
  width: 63%; }

.product-actions {
  display: inline-block;
  vertical-align: top;
  background: url("../images/icons/add-to-wishlist.png") center center no-repeat;
  border: 1px solid #d7d7d7;
  height: 40px;
  margin-bottom: 20px;
  width: 18%; }
  .product-actions.hide-desktop {
    display: none; }
  .product-actions .add-to-wishlist {
    color: transparent;
    display: inline-block;
    height: 40px;
    width: 100%; }
  .product-actions.active:hover, .product-actions.added-product {
    background: url("../images/icons/add-to-wishlist-added.png") center center no-repeat; }
  .product-actions .add-to-gift-registry {
    display: none; }

.product-variations {
  display: inline-block;
  vertical-align: top;
  margin: 0 4% 20px 0;
  width: 63%; }
  .product-variations .size-label {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 31px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    padding: 0 30px 0 10px;
    background: url("../images/icons/arrow-bottom.png") 95% 50% no-repeat;
    cursor: pointer;
    line-height: 39px;
    padding-left: 7px; }
    .product-variations .size-label:before {
      position: absolute;
      left: auto;
      right: 2px;
      bottom: auto;
      top: 1px;
      background: #ffffff;
      content: "";
      height: 30px;
      width: 30px;
      z-index: 1; }
    .product-variations .size-label:after {
      position: absolute;
      left: auto;
      right: 13px;
      bottom: auto;
      top: 13px;
      border: 6px solid transparent;
      border-top: 6px solid #707070;
      content: "";
      z-index: 2; }
    .product-variations .size-label:before, .product-variations .size-label:after {
      display: none; }
    .product-variations .size-label.onlyone {
      background: none;
      cursor: default; }
  .product-variations .size-selector {
    cursor: pointer; }
  .product-variations .attribute {
    position: relative; }
    .product-variations .attribute a {
      text-decoration: none; }

.product-content_asset {
  margin: 30px 20px 0 0; }

.product-notify_wrapper {
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase; }

.product-notify_title {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 32px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin: 20px 0; }

.product-notify_text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  padding: 0px 85px; }

.product-notify_form {
  text-align: center; }
  .product-notify_form label {
    display: none; }
  .product-notify_form .field-wrapper, .product-notify_form .form-row-customized .form-row, .form-row-customized .product-notify_form .form-row, .product-notify_form .form-row-customized .form-row-customized, .form-row-customized .product-notify_form .form-row-customized {
    width: 60%; }
  .product-notify_form .form-row, .product-notify_form .form-row-customized {
    margin-bottom: 25px; }
    .product-notify_form .form-row input[type="email"], .product-notify_form .form-row-customized input[type="email"] {
      border-color: #c2c2c2;
      height: 35px;
      line-height: 35px; }
      .product-notify_form .form-row input[type="email"].error + label, .product-notify_form .form-row-customized input[type="email"].error + label {
        color: #ac3a39; }
        .product-notify_form .form-row input[type="email"].error + label:after, .product-notify_form .form-row-customized input[type="email"].error + label:after {
          display: none; }
    .product-notify_form .form-row-button {
      text-align: center; }
    .product-notify_form .form-row button, .product-notify_form .form-row-customized button {
      padding: 0 50px; }
      .product-notify_form .form-row button[disabled], .product-notify_form .form-row-customized button[disabled] {
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 38px;
        font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000000;
        display: inline-block;
        vertical-align: top;
        background: #ffffff;
        border: 1px solid #d7d7d7;
        padding: 0 25px;
        text-transform: uppercase;
        width: auto;
        padding: 0 50px; }
        .product-notify_form .form-row button[disabled]:hover, .product-notify_form .form-row-customized button[disabled]:hover, .product-notify_form .form-row button[disabled].selected, .product-notify_form .form-row-customized button[disabled].selected, .product-notify_form .form-row button[disabled]:focus, .product-notify_form .form-row-customized button[disabled]:focus {
          transition: none 0.3s linear;
          background: #ffffff;
          color: #5a5a5a;
          text-decoration: none; }

.rating {
  color: #c83569; }
  .rating .fa {
    margin-right: 5px; }

.variation-select {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  position: absolute;
  left: auto;
  right: auto;
  bottom: auto;
  top: 41px;
  background: #ffffff;
  border-width: 0 1px 1px;
  border: 1px solid #d7d7d7;
  display: none;
  max-height: 208px;
  overflow-y: auto;
  width: 100%;
  z-index: 2; }
  .variation-select.active {
    display: block; }
  .variation-select-item {
    padding: 5px; }
    .variation-select-item:hover {
      background: #ebebeb; }
    .variation-select-item.not-available:hover {
      background: none; }
    .variation-select-item .swatchanchor {
      text-decoration: none; }
  .variation-select-swatch {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -khtml-border-radius: 100%;
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle; }
  .variation-select-label {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    padding-left: 5px;
    text-transform: uppercase; }
    .variation-select-label.label {
      display: block; }
    .variation-select-label_disabled, .not-available .variation-select-label {
      color: #a7a7a7; }

.inventory {
  display: inline-block;
  vertical-align: top;
  width: 18%; }

.shade-guide {
  margin-bottom: 20px; }
  .shade-guide-link {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    text-decoration: underline; }

.empty-text {
  display: none; }

.price-standard {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #000000;
  padding-right: 10px;
  margin-right: 10px; }

.social-sharing {
  padding: 30px 0 0;
  margin: 20px 0 0;
  position: relative;
  text-align: center; }
  .social-sharing .share-icon {
    color: #000000;
    margin: 0 15px; }
  .social-sharing .share-icon-wrapper {
    display: none; }
    .social-sharing .share-icon-wrapper.active {
      transition: all 5s ease-in-out;
      display: block; }
    .social-sharing .share-icon-wrapper:before, .social-sharing .share-icon-wrapper:after {
      position: absolute;
      left: auto;
      right: auto;
      bottom: auto;
      top: 0;
      content: '';
      height: 90px;
      width: 5px; }
    .social-sharing .share-icon-wrapper:before {
      background: url("../images/icons/left-line.png") 0 0 no-repeat;
      left: 5%; }
    .social-sharing .share-icon-wrapper:after {
      background: url("../images/icons/right-line.png") 0 0 no-repeat;
      right: 5%; }
  .social-sharing .share-icon-title {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #5a5a5a;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-transform: uppercase; }
    .social-sharing .share-icon-title.active:before, .social-sharing .share-icon-title.active:after {
      content: '';
      display: none; }
    .social-sharing .share-icon-title:before, .social-sharing .share-icon-title:after {
      content: '';
      display: inline-block;
      height: 40px;
      margin: 0 10px -15px;
      width: 5px; }
    .social-sharing .share-icon-title:before {
      background: url("../images/icons/left-line-small.png") 0 0 no-repeat; }
    .social-sharing .share-icon-title:after {
      background: url("../images/icons/right-line-small.png") 0 0 no-repeat; }
  .social-sharing .fa {
    font-size: 17px; }

.quantity-container {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 31px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  border: 1px solid #d7d7d7;
  cursor: pointer;
  padding: 0 30px 0 10px;
  padding: 0; }
  .quantity-container:before {
    position: absolute;
    left: auto;
    right: 2px;
    bottom: auto;
    top: 1px;
    background: #ffffff;
    content: "";
    height: 30px;
    width: 30px;
    z-index: 1; }
  .quantity-container:after {
    position: absolute;
    left: auto;
    right: 13px;
    bottom: auto;
    top: 13px;
    border: 6px solid transparent;
    border-top: 6px solid #707070;
    content: "";
    z-index: 2; }
  .quantity-container:before {
    height: 40px;
    pointer-events: none;
    right: 0;
    top: 0; }
  .quantity-container:after {
    pointer-events: none;
    top: 18px; }
  .ie .quantity-container:after, .ie .quantity-container:before {
    display: none; }
  .ie .quantity-container select {
    padding-right: 0; }

.quantity-label {
  display: none; }

.quantity-select {
  border: 0;
  cursor: pointer;
  height: 40px;
  padding: 0 0 0 10px;
  width: 100%; }

.size {
  margin-top: 20px; }
  .size-item {
    display: inline-block;
    vertical-align: top;
    padding: 0.2em 0; }
    .size-item.selected .variation-select-label {
      color: #ffffff; }
    .size-item.selected .swatchanchor {
      background: #707070; }
  .size .swatchanchor {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 38px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    display: inline-block;
    vertical-align: top;
    background: #ebebeb;
    border: 1px solid #ebebeb;
    padding: 0 25px;
    text-decoration: underline;
    text-transform: uppercase;
    width: auto;
    font-size: 12px;
    margin-right: 5px;
    padding: 0 15px;
    color: #000000;
    text-decoration: underline;
    min-width: 67px;
    text-align: center; }
    .size .swatchanchor:hover, .size .swatchanchor.selected, .size .swatchanchor:focus {
      transition: none 0.3s linear;
      background: #707070;
      border-color: #707070;
      color: #ffffff; }
    .size .swatchanchor.out_of_stock {
      background: #ffffff;
      color: #d7d7d7;
      border-color: #d7d7d7; }
    .size .swatchanchor:hover {
      text-decoration: none; }

.color {
  margin-top: 20px;
  width: 420px; }
  .color-item {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -khtml-border-radius: 100%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid transparent;
    padding: 2px; }
    .color-item:hover, .color-item.selected {
      border-color: #d7d7d7; }
    .color-item.not-available:hover, .color-item.not-available {
      border-color: #ffffff; }
    .color-item .variation-select-label {
      display: none; }

.product-availability {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  padding-left: 10px; }
  .product-availability-label, .product-availability-novariation {
    display: none; }
  .product-availability-instore {
    margin-bottom: 5px; }
  .product-availability-novariation {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a7a7a7; }

.in-stock-msg,
.is-in-stock {
  color: #2eb100; }

.on-order,
.preorder-msg,
.backorder-msg,
.not-available-msg,
.low-stock-msg {
  color: #ff7e00; }

.in-stock-date-msg,
.not-available,
.out-of-stock,
.store-error {
  color: #f71f2f; }

.BVRRRootElement {
  margin-bottom: 10px; }

.BVRRRatingSummaryLinks .BVRRRatingSummaryLink:first-child {
  border-right: 1px solid #000000;
  margin-right: 8px;
  padding-right: 8px; }

.BVRRRatingSummaryLinks .BVRRRatingSummaryLink a {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  text-decoration: underline; }

.pdp-accordion-text p {
  margin-bottom: 1em;
  text-align: justify; }

.pdp-accordion-description,
.pdp-accordion-description p,
.pdp-accordion-description li {
  text-align: justify; }

.pdp-accordion-description span[itemprop="description"] {
  display: none; }

.pdp-accordion-short-desc {
  display: none; }

.pdp-accordion-keybenefits .title {
  font-weight: bold; }

.pdp-accordion-keybenefits ul, .pdp-accordion-keybenefits ul li {
  list-style: disc;
  margin-left: 10px; }

.pdp-feature {
  color: #000000;
  margin-bottom: 5px;
  text-align: left; }
  .pdp-feature-title {
    font-weight: bold; }
  .pdp-feature-item {
    display: inline-block;
    text-decoration: underline;
    margin-bottom: 4px; }
    .pdp-feature-item + .pdp-feature-item {
      margin-left: 20px; }

.pdp-attributes-container {
  margin-top: 20px;
  text-align: left; }

.pdp-attributes-title {
  font-weight: bold;
  margin-bottom: 10px; }

.pdp-attributes-item {
  background-color: #f2f2f2;
  display: inline-block;
  margin-bottom: 10px;
  padding: 8px 20px;
  vertical-align: top; }
  .pdp-attributes-item:hover {
    background-color: #e4e4e4;
    text-decoration: none; }
  .pdp-attributes-item:not(:last-child) {
    margin-right: 5px; }

.egiftcard .field-wrapper, .egiftcard .form-row-customized .form-row, .form-row-customized .egiftcard .form-row, .egiftcard .form-row-customized .form-row-customized, .form-row-customized .egiftcard .form-row-customized {
  display: block; }

.egiftcard .form-row label, .egiftcard .form-row-customized label {
  width: 30%;
  font-weight: 500;
  color: #000; }

.wishlist-success-dialog {
  background-color: rgba(0, 0, 0, 0.8);
  color: white; }
  .wishlist-success-dialog .ui-dialog-titlebar {
    display: none; }

.wishlist-success-link {
  float: right; }
  .wishlist-success-link a {
    color: white;
    text-decoration: underline; }

.wishlist-success-overlay {
  background: none; }

.dw_recomm_products {
  width: 100%;
  max-width: 980px;
  margin: 10px auto;
  position: relative; }

h2.dw_recomm_callout {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  text-align: left;
  text-transform: capitalize; }

.quick-view .ui-dialog-content {
  padding: 35px 15px; }

.quick-view .product-detail {
  width: 50%;
  margin-left: 50%; }
  .quick-view .product-detail-headline {
    width: 50%;
    margin-left: 50%; }

.quick-view .product-image-container {
  width: 48%; }

.quick-view .product-main-image {
  width: 79%; }
  .quick-view .product-main-image .slick-slider .slick-prev,
  .quick-view .product-main-image .slick-slider .slick-next {
    display: none !important; }

.quick-view .product-thumbnails {
  width: 16%; }
  .quick-view .product-thumbnails_video {
    padding: 13px 0; }
  .quick-view .product-thumbnails .slick-slide {
    height: 80px; }
  .quick-view .product-thumbnails .slick-prev,
  .quick-view .product-thumbnails .slick-next {
    display: block !important;
    z-index: 2; }
  .quick-view .product-thumbnails_item {
    overflow: hidden; }

.quick-view .product-add-to-cart, .quick-view .product-variations {
  width: 71%; }

.quick-view .product-iframe {
  margin-top: 15px;
  width: 90%; }

.quick-view .view-details {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  float: right;
  margin-right: 4%;
  text-align: right;
  text-decoration: underline;
  text-transform: uppercase; }
  .quick-view .view-details:hover {
    text-decoration: none; }

.quick-view .product-actions, .quick-view .inventory {
  width: 21%; }

.quick-view .variation-select {
  max-height: 140px; }

.findinstore.product-actions {
  width: 86%;
  background: none; }
  .findinstore.product-actions a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-transform: uppercase; }
  .findinstore.product-actions a:hover {
    text-decoration: none;
    background: black;
    color: white;
    cursor: pointer; }

.stocklookup_overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 30000;
  top: 0;
  left: 0;
  display: none; }

.stocklookup_lightbox {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 750px;
  height: 442px;
  border: 1px solid #000000;
  background: white; }
  .stocklookup_lightbox .close {
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -khtml-border-radius: 0;
    background: #999 url(../images/icons/close-icon-gray.png) center center no-repeat;
    border: 1px solid transparent;
    height: 13px;
    margin: 0;
    padding: 15px;
    width: 13px; }
  .stocklookup_lightbox .close:hover {
    background: #fff url(../images/icons/close-icon-black.png) center center no-repeat;
    border: 1px solid #d7d7d7;
    color: #d7d7d7; }

.stocklookup_left {
  float: left;
  margin: 20px 0 10px 15px;
  width: 280px; }

.stocklookup_search {
  width: 100%;
  margin-bottom: 10px; }

.stocklookup_search h2 {
  text-transform: uppercase;
  margin-bottom: 5px; }

.stocklookup_searchbox {
  width: 100%;
  position: relative;
  margin-bottom: 5px; }
  .stocklookup_searchbox input#stockpostcode {
    width: 100%; }
  .stocklookup_searchbox a#stocksearchbutton {
    position: absolute;
    left: auto;
    right: 0px;
    bottom: auto;
    top: 0px;
    display: block;
    width: 30px;
    height: 100%;
    background: url("../images/ic_search_black_24px.svg") no-repeat center center; }

.stocklookup_text {
  display: block;
  font-size: 14px;
  margin-bottom: 5px; }

.stocklookup_stores {
  display: none;
  float: left;
  height: 300px;
  width: 100%;
  overflow-y: auto;
  border: 1px solid #000000;
  clear: left; }
  .stocklookup_stores::-webkit-scrollbar {
    width: 7px; }
  .stocklookup_stores::-webkit-scrollbar-track {
    background: #d7d7d7; }
  .stocklookup_stores::-webkit-scrollbar-thumb {
    background: #000000; }
  .stocklookup_stores .error {
    display: block;
    width: 100%;
    text-align: center; }
  .stocklookup_stores .storesummary {
    border-bottom: 1px solid #000000;
    background: url(../images/icons/mobile-storelocator.png) 4% 50% no-repeat;
    padding: 10px 10px 10px 40px; }
    .stocklookup_stores .storesummary .storeheader {
      width: 100%;
      background: url(../images/icons/plus.png) 100% 7px no-repeat; }
    .stocklookup_stores .storesummary .storeavailability {
      font-size: 14px; }
    .stocklookup_stores .storesummary .storeavailability.store-global\.instock {
      color: #2eb100; }
    .stocklookup_stores .storesummary .storeavailability.store-global\.allnotavailable {
      color: #cc0808; }
  .stocklookup_stores .storesummary.active .storeheader {
    width: 100%;
    background: url(../images/icons/minus.png) 100% 7px no-repeat; }
  .stocklookup_stores .storedetails {
    display: none;
    padding: 10px 0 10px 40px;
    border-bottom: 1px solid #000000;
    background: #e8e8e8; }
    .stocklookup_stores .storedetails .storeaddress {
      font-size: 14px; }
    .stocklookup_stores .storedetails .storehours {
      font-size: 14px; }

.stocklookup_maps {
  float: right; }
  .stocklookup_maps .stocklookup_storemap {
    display: none; }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .findinstore.product-actions {
    width: 100%;
    margin-top: -30px;
    float: none; }
  .stocklookup_lightbox {
    width: 98%;
    overflow-y: auto; }
  .stocklookup_left {
    float: none;
    margin: 20px 10px 10px 15px;
    width: auto; }
  .stocklookup_stores {
    overflow-y: unset;
    float: none;
    height: auto; } }

.css-6h4nt2 {
  max-width: 100% !important; }

.css-orgr8c {
  background-color: #ffffff !important; }

.css-5j5vrg {
  display: none !important; }

.css-18o1hlj {
  display: none !important; }

.css-1mwnewl {
  text-align: center !important; }

.pt_product-details .main {
  overflow: visible;
  padding-top: 20px; }

.product-nav-container {
  display: none; }

.pdp-main {
  clear: both;
  overflow: hidden;
  overflow: visible; }
  .pdp-main:after {
    content: "";
    display: table;
    clear: both; }

.section-header .address-create {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 38px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  background: #000000;
  border: 1px solid #d7d7d7;
  padding: 0 25px;
  text-transform: uppercase;
  width: auto;
  text-decoration: none;
  margin-bottom: 20px; }
  .section-header .address-create:hover, .section-header .address-create.active, .section-header .address-create:focus {
    transition: none 0.3s linear;
    background: #707070;
    text-decoration: none; }
  .section-header .address-create[disabled=disabled]:hover {
    background: #000000; }

.section-header-title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: block;
  margin-bottom: 20px; }

.address-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px;
  width: 33%; }

.address-item_title {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  line-height: 30px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  cursor: pointer;
  margin-bottom: 4px;
  padding-left: 29px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: block;
  margin-bottom: 10px;
  text-transform: none; }
  .address-item_title:before {
    position: absolute;
    left: 0;
    right: auto;
    bottom: auto;
    top: 1px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -khtml-border-radius: 100%;
    background: #ffffff;
    border: 2px solid #000000;
    content: "";
    height: 16px;
    width: 16px; }
  .address-item_title.checked:after, .checkbox-wrapper.checked label.address-item_title:after, .field-variant.checked label.address-item_title:after {
    position: absolute;
    left: 4px;
    right: auto;
    bottom: auto;
    top: 5px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -khtml-border-radius: 100%;
    content: "";
    background: #000000;
    height: 12px;
    width: 12px;
    z-index: 1; }
  .address-item_title.disabled {
    color: #959595;
    cursor: default; }
    .address-item_title.disabled:before {
      background: #d7d7d7;
      border-color: #d7d7d7; }
    .address-item_title.disabled:after {
      background: #d7d7d7; }

.address-edit {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 38px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  background: #000000;
  border: 1px solid #d7d7d7;
  padding: 0 25px;
  text-transform: uppercase;
  width: auto;
  line-height: 28px;
  margin: 10px 0 0;
  padding: 0 25px; }
  .address-edit:hover, .address-edit.active, .address-edit:focus {
    transition: none 0.3s linear;
    background: #707070;
    text-decoration: none; }
  .address-edit[disabled=disabled]:hover {
    background: #000000; }

.address-delete {
  display: block;
  font-size: 14px;
  margin-top: 30px;
  text-decoration: underline; }
  .address-delete:hover {
    text-decoration: none; }

.address-block {
  min-height: 145px; }

.address-edit_form {
  padding: 0 40px; }
  .address-edit_form legend {
    display: none; }

.mini-address-title, .mini-address-name, .mini-address-location {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

.mini-address-city, .mini-address-post_code, .mini-address-state_code {
  display: inline-block;
  vertical-align: top; }

.mini-address-country {
  font-style: italic; }

.mini-address-phone {
  margin-top: 10px; }

.wishlist-result, .wishlist-main_title {
  margin-bottom: 30px; }

.wishlist-form {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 30px;
  padding-bottom: 30px; }
  .wishlist-form .form-row, .wishlist-form .form-row-customized {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    width: 30%; }
  .wishlist-form .form-row-button {
    float: right;
    padding: 0;
    width: 9%; }
    .wishlist-form .form-row-button button {
      line-height: 24px;
      padding: 0;
      width: 100%; }

.wishlist-heading {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  text-align: left;
  text-transform: uppercase; }

.wishlist-table .wishlist-cell {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  border-bottom: 1px solid #d7d7d7;
  padding: 30px; }

.wishlist-image {
  max-width: 117px;
  width: 12%; }

.wishlist-details {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  width: 24%;
  padding-left: 2%;
  padding-right: 2%; }

.wishlist-add_to_bag {
  display: none;
  padding: 0;
  width: 100%; }
  .wishlist-add_to_bag .form-row-button {
    margin: 0;
    text-align: left; }
  .wishlist-add_to_bag button {
    font-size: 13px;
    line-height: 26px;
    padding: 0;
    width: 100%; }

.wishlist-status {
  padding-left: 2%;
  width: 18%; }
  .wishlist-status .is-in-stock {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }

.wishlist-date_added {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  padding-left: 2%;
  width: 18%; }

.wishlist-quantity_added {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  width: 11%; }
  .wishlist-table .wishlist-quantity_added {
    padding: 30px 0; }
  .wishlist-quantity_added input[type="text"] {
    display: inline-block;
    vertical-align: top;
    border-color: #d7d7d7;
    text-align: center;
    width: 33px; }
  .wishlist-quantity_added .cart-content-minus, .wishlist-quantity_added .cart-content-plus {
    height: 32px;
    line-height: 30px;
    width: 32px; }

.wishlist-actions {
  text-align: center;
  width: 20%; }

.wishlist-priority label {
  display: none; }

.wishlist-priority .field-wrapper, .wishlist-priority .form-row-customized .form-row, .form-row-customized .wishlist-priority .form-row, .wishlist-priority .form-row-customized .form-row-customized, .form-row-customized .wishlist-priority .form-row-customized {
  width: 100%; }

.wishlist-priority_select {
  display: block; }

.wishlist-dashboard {
  padding: 0 4%; }
  .wishlist-dashboard button {
    font-size: 13px;
    line-height: 26px;
    padding: 0;
    width: 100%; }
  .wishlist-dashboard .update-item {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    background: none;
    border: 0;
    text-align: right;
    text-decoration: underline;
    text-transform: none; }
    .wishlist-dashboard .update-item:hover {
      background: none;
      text-decoration: underline; }
  .wishlist-dashboard .delete-item {
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: 15px;
    background: url("../images/icons/close-icon-black.png") 0 0 no-repeat;
    border: 0;
    color: transparent;
    height: 13px;
    width: 13px; }
    .wishlist-dashboard .delete-item:hover {
      background: url("../images/icons/close-icon-black.png") 0 0 no-repeat; }

.wishlist-products_status {
  display: inline-block;
  vertical-align: top;
  text-align: left; }
  .wishlist-products_status button {
    padding: 0 30px; }

.wishlist-share_options {
  display: inline-block;
  vertical-align: top; }

.wishlist-address_select {
  width: 209px; }
  .wishlist-address_select .field-wrapper, .wishlist-address_select .form-row-customized .form-row, .form-row-customized .wishlist-address_select .form-row, .wishlist-address_select .form-row-customized .form-row-customized, .form-row-customized .wishlist-address_select .form-row-customized {
    width: 100%; }

.wishlist-share_icon {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 38px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  background: #000000;
  border: 1px solid #d7d7d7;
  padding: 0 25px;
  text-transform: uppercase;
  width: auto; }
  .wishlist-share_icon:hover, .wishlist-share_icon.active, .wishlist-share_icon:focus {
    transition: none 0.3s linear;
    background: #707070;
    text-decoration: none; }
  .wishlist-share_icon[disabled=disabled]:hover {
    background: #000000; }

.wishlist-link-content {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: inline-block;
  vertical-align: top;
  margin-top: -13px;
  padding-left: 15px;
  max-width: 54%; }

.wishlist-link-text {
  text-transform: uppercase; }

.wishlist-no_results {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

.wishlist-empty {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 20px; }

.pt_order .order-summary-title {
  display: none; }

.pt_order .pagination {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: block;
  margin: 10px 0;
  text-transform: uppercase; }
  .pt_order .pagination-list, .pt_order .pagination-item {
    display: inline-block;
    vertical-align: top; }
  .pt_order .pagination .current-page {
    color: #000000;
    text-decoration: underline; }

.order-main-title {
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: uppercase; }

.order-history-header {
  border-bottom: 1px solid #d7d7d7; }

.order-history-title {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6f6f6f;
  display: inline-block;
  vertical-align: top;
  padding: 2px 10px;
  text-transform: uppercase;
  width: 19%; }

.order-item {
  border-bottom: 1px solid #d7d7d7; }

.order-description {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6f6f6f;
  padding: 20px 10px 10px;
  text-transform: uppercase;
  width: 19%; }
  .order-description .order-status .label {
    display: none; }

.order-details-button {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  background: #000000;
  border: 1px solid #d7d7d7;
  padding: 0 25px;
  text-transform: uppercase;
  width: auto;
  min-width: 110px;
  padding: 5px 10px; }
  .order-details-button:hover, .order-details-button.active, .order-details-button:focus {
    transition: none 0.3s linear;
    background: #707070;
    text-decoration: none; }
  .order-details-button[disabled=disabled]:hover {
    background: #000000; }

.order-details .shipping-status {
  margin-top: 8px; }

.item-list {
  margin-bottom: 50px;
  width: 100%; }
  .item-list .order-information, .item-list .order-billing, .item-list .order-payment-instruments, .item-list .order-payment-summary {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }
  .item-list .order-subtotal, .item-list .order-total {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }
  .item-list .order-total {
    padding-top: 10px; }
  .item-list .order-totals-table {
    width: 100%; }

.item-row {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

.item-cell {
  padding: 10px 10px 0 0;
  vertical-align: top; }

.order-shipment-table {
  width: 100%; }
  .order-shipment-table .product-list-item {
    margin-bottom: 15px;
    padding-bottom: 15px; }

.order-shipment-row {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

.order-shipment-cell {
  padding: 8px 10px 0 0;
  vertical-align: top; }
  .order-shipment-cell .error {
    display: none; }

.item-list .section-header,
.order-shipment-table .section-header {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 10px;
  text-align: left;
  text-transform: uppercase;
  width: 25%; }

.results-hits,
.page-list {
  display: inline-block;
  vertical-align: top; }

.section-header-title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: block;
  margin-bottom: 20px; }

.card_info-item {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin-bottom: 40px;
  width: 33%; }

.card_info-delete {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 38px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  background: #000000;
  border: 1px solid #d7d7d7;
  padding: 0 25px;
  text-transform: uppercase;
  width: auto;
  line-height: 28px;
  margin: 10px 0 0;
  padding: 0 25px; }
  .card_info-delete:hover, .card_info-delete.active, .card_info-delete:focus {
    transition: none 0.3s linear;
    background: #707070;
    text-decoration: none; }
  .card_info-delete[disabled=disabled]:hover {
    background: #000000; }

.account-user_name {
  font-size: 20px;
  text-transform: none; }

.account-logout {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #c2c2c2;
  text-transform: none; }

.account-required_field {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 26px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  padding-right: 1%;
  margin-bottom: 10px; }

.account-options {
  text-align: center; }

.account-options-title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: block;
  margin: 10px 0;
  text-transform: uppercase; }

.account-options-description {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6f6f6f;
  text-transform: uppercase; }

.account-section {
  display: inline-block;
  vertical-align: top;
  box-shadow: 0 0 4px #999999;
  margin: 0 35px 30px 0;
  min-height: 200px;
  padding: 45px 0;
  width: 47%; }
  .account-section:nth-child(even) {
    margin: 0 0 30px 0; }
  .account-section.full-width {
    margin: 5px auto 0;
    width: 98%; }

.account-slot {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }
  .account-slot p {
    margin-bottom: 20px; }

.reset-password-form, .reset-password-wrapper {
  width: 60%; }

.reset-password_form .error-message {
  color: #ac3a39; }

.reset-password-button {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 38px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  background: #000000;
  border: 1px solid #d7d7d7;
  padding: 0 25px;
  text-transform: uppercase;
  width: auto; }
  .reset-password-button:hover, .reset-password-button.active, .reset-password-button:focus {
    transition: none 0.3s linear;
    background: #707070;
    text-decoration: none; }
  .reset-password-button[disabled=disabled]:hover {
    background: #000000; }

.reset-password-confirm {
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

.reset-password_title {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  text-transform: uppercase; }

.reset-password_text {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin-bottom: 15px; }

.reset-password .form-row-button {
  text-align: right; }

.password-confirm-message {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

.password-confirm-link {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: block;
  margin: 10px 0;
  text-decoration: underline; }
  .password-confirm-link:hover {
    text-decoration: none; }

.login {
  clear: both;
  overflow: hidden;
  padding: 0 3px; }
  .login:after {
    content: "";
    display: table;
    clear: both; }
  .login-left {
    float: left;
    width: 47%; }
  .login-right {
    float: right;
    width: 47%; }
  .login-review {
    padding: 0 3px; }
  .login-box {
    box-shadow: 0 0 4px #999999;
    margin-bottom: 40px; }
    .login-box_title {
      font-style: normal;
      font-weight: 400;
      font-size: 20px;
      line-height: 37px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #ffffff;
      background: #000000;
      height: 40px;
      text-align: center;
      margin: 0; }
    .login-box_wishlist {
      padding: 15px; }
    .login-box-paragraph {
      margin-bottom: 20px; }
    .login-box label {
      font-size: 12px; }
  .login-returning_customers {
    padding: 35px 15px 20px; }
  .login-form {
    padding: 0 45px; }
  .login-submit {
    clear: both;
    overflow: hidden;
    padding-left: 25%;
    text-align: left; }
    .login-submit:after {
      content: "";
      display: table;
      clear: both; }
    .login-submit button {
      float: right;
      line-height: 24px;
      margin-left: 15px;
      padding: 0 38px; }
  .login-forgot_pass {
    font-size: 13px;
    text-decoration: underline; }
    .login-forgot_pass:hover {
      text-decoration: none; }
  .login-order_track {
    padding: 20px 45px 0; }
    .login-order_track .form-row-button {
      text-align: right; }
  .login-order_text, .login-wishlist_text {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin-bottom: 20px;
    padding: 0 30px;
    text-align: center; }
  .login-create_account {
    text-align: center;
    padding: 20px 50px; }
    .login-create_account .content-asset p {
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .login-create_account strong {
      font-style: normal;
      font-weight: 400;
      font-size: 20px;
      line-height: 23px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      display: block;
      text-transform: uppercase; }
    .login-create_account .form-row-button {
      margin: 5px 0 30px;
      text-align: center; }
  .login-create_text {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    background: url("../images/icons/login-ndulge-icon.png") center 0 no-repeat;
    margin-bottom: 20px;
    padding-top: 90px; }
  .login-general legend {
    display: none; }

.register-form {
  clear: both;
  overflow: hidden; }
  .register-form:after {
    content: "";
    display: table;
    clear: both; }
  .register-form .form-row-button {
    text-align: right; }

.register-email {
  display: block; }

.register-block {
  display: block;
  margin-bottom: 30px; }

input#dwfrm_profile_customer_ndulgepromocode {
  width: 60%; }

.form-row.form-row-button.login-submit, .form-row-button.login-submit.form-row-customized {
  position: relative;
  height: 28px;
  overflow: visible; }

button#promocodeapplybutton,
button#promocodecancelbutton {
  position: absolute;
  top: -41px;
  right: 0; }

span.promocodeerror.error {
  position: relative;
  top: -45px;
  margin-left: 25%; }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  span.promocodeerror.error {
    margin-left: 0; } }

.storelocator-back, .storelocator-top, .storelocator-noresults, .storelocator-store {
  margin-bottom: 30px; }

.storelocator-form {
  overflow: hidden;
  width: 75%; }
  @media screen and (max-width: 767px) {
    .storelocator-form {
      width: 100%; } }

.storelocator-back_link {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: inline-block;
  vertical-align: middle; }

.storelocator-back_arrow {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: inline-block;
  vertical-align: middle; }

.storelocator-noresults {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ac3a39;
  text-align: center; }

.storelocator-select, .storelocator-input, .storelocator-submit {
  float: left;
  width: 100%;
  margin-bottom: 25px; }
  .storelocator-select input[type="text"], .storelocator-select .input-select, .storelocator-input input[type="text"], .storelocator-input .input-select, .storelocator-submit input[type="text"], .storelocator-submit .input-select {
    color: #000000;
    line-height: 45px;
    height: 45px; }
  .storelocator-select label, .storelocator-input label, .storelocator-submit label {
    line-height: 45px;
    text-transform: uppercase;
    width: 40%; }
  .storelocator-select .field-wrapper, .storelocator-select .form-row-customized .form-row, .form-row-customized .storelocator-select .form-row, .storelocator-select .form-row-customized .form-row-customized, .form-row-customized .storelocator-select .form-row-customized, .storelocator-input .field-wrapper, .storelocator-input .form-row-customized .form-row, .form-row-customized .storelocator-input .form-row, .storelocator-input .form-row-customized .form-row-customized, .form-row-customized .storelocator-input .form-row-customized, .storelocator-submit .field-wrapper, .storelocator-submit .form-row-customized .form-row, .form-row-customized .storelocator-submit .form-row, .storelocator-submit .form-row-customized .form-row-customized, .form-row-customized .storelocator-submit .form-row-customized {
    width: 60%; }
  .storelocator-select .select-wrapper:after, .storelocator-input .select-wrapper:after, .storelocator-submit .select-wrapper:after {
    top: 20px; }

.storelocator-input {
  padding-left: 0; }
  .storelocator-input .input#dwfrm_storelocator_address::-webkit-input-placeholder {
    color: #000000; }
  .storelocator-input .input#dwfrm_storelocator_address:-ms-input-placeholder {
    color: #000000; }
  .storelocator-input .input#dwfrm_storelocator_address::placeholder {
    color: #000000; }

.storelocator-submit {
  clear: none;
  float: right;
  width: 60%; }
  .storelocator-submit button {
    height: 45px;
    width: 100%; }

.storelocator-content {
  clear: both;
  overflow: hidden; }
  .storelocator-content:after {
    content: "";
    display: table;
    clear: both; }

.storelocator-list {
  float: left;
  width: 42%; }

.storelocator-map {
  width: 100%; }

.storelocator-list + .storelocator-map {
  float: right;
  width: 55% !important; }

.storelocator-store {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  padding-left: 35px;
  position: relative; }
  .storelocator-store_number {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    position: absolute;
    left: 0;
    right: auto;
    bottom: auto;
    top: 0;
    background: url("../images/icons/map-icon-black.png") no-repeat top center;
    height: 30px;
    text-align: center;
    width: 19px; }
  .storelocator-store_name {
    margin-bottom: 8px; }
  .storelocator-store_link {
    font-size: 16px; }
  .storelocator-store_info {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin-bottom: 30px; }

.storelocator-openhours {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }
  .storelocator-openhours table {
    width: 100%; }
    .storelocator-openhours table td {
      border-bottom: 1px solid #000000;
      padding: 4px 4px 4px 0; }

.search-title {
  color: #000000;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase; }

.search-store, .browse-store {
  width: 50%;
  box-sizing: border-box;
  float: left;
  padding: 20px; }
  @media screen and (max-width: 767px) {
    .search-store, .browse-store {
      width: 100%;
      padding: 0; } }

.search-store {
  border-right: 1px solid #ECECEC; }

.store-accordion {
  width: 100%; }

.storelocator-content #storeImage {
  margin-bottom: 20px; }

.storelocator-content #storeImage img {
  display: block;
  width: 100%; }

.pt_error .menu-level2_item:hover {
  padding-bottom: 14px; }

.error-page {
  background: url(../images/errorbg.png) no-repeat top center;
  background-size: 100%;
  min-height: 400px;
  padding-top: 145px;
  text-align: center; }
  .error-page-content {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin: 0 auto;
    width: 470px; }
  .error-page-title {
    margin-bottom: 55px;
    text-transform: uppercase; }
  .error-page-text {
    margin-bottom: 30px; }
  .error-page-search {
    transition: none 0.3s linear;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    margin: 0 auto;
    width: 260px; }
  .error-page-input[type=text] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
    -khtml-border-radius: none;
    border: 1px solid #C1C1C1;
    height: 29px;
    padding: 0 35px 0 8px; }
  .error-page-button {
    position: absolute;
    left: auto;
    right: 4px;
    bottom: auto;
    top: 3px;
    background: url("../images/icons/search-submit.png") no-repeat center;
    border: none;
    color: transparent;
    height: 25px;
    width: 25px; }

.steps {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  font-size: 14px;
  padding: 10px;
  text-align: center;
  width: 22%; }
  .steps-indicator {
    display: block; }
  .steps + .steps {
    margin-left: 20px; }
  .steps.active {
    background: #000000;
    border: 1px solid #ffffff;
    color: #ffffff; }

.pt_checkout input[type='number'],
.pt_checkout input[type='tel'] {
  -moz-appearance: textfield; }

.pt_checkout input[type=number]::-webkit-inner-spin-button,
.pt_checkout input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.checkout-progress-indicator {
  margin: 20px 0 45px;
  text-align: center; }

.checkout-billing-address {
  border: 1px solid #d7d7d7;
  margin-bottom: 20px;
  padding: 20px 10px; }

.checkout-address-address, .checkout-address-city, .checkout-address-post_code, .checkout-address-state_code {
  display: block; }

.checkout-address-country {
  font-style: italic; }

.checkout-billing .field-variant {
  display: block;
  margin: 0 0 15px; }
  .checkout-billing .field-variant label {
    display: inline-block;
    vertical-align: top; }

.delivery-address,
.checkout-billing,
.delivery-store-details {
  border: 1px solid #d7d7d7;
  padding: 20px 10px; }

.delivery-address,
.delivery-store-details {
  margin-top: 20px; }

.delivery-store, .delivery-store-hours, .delivery-store-content {
  display: inline-block;
  vertical-align: top; }

.delivery-store-button {
  margin-right: 25px; }

.delivery-store {
  width: 25%; }

.delivery-store-hours {
  width: 35%; }

.delivery-store-content {
  width: 35%; }

.delivery-store-title {
  margin: 0 0 5px; }

.delivery-section, .delivery-store-hours, .delivery-store-content {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

.delivery-value {
  color: #000000; }

.shipping-method-list {
  margin-top: 20px;
  border: 1px solid #d7d7d7;
  padding: 20px 10px; }
  .shipping-method-list .form-row, .shipping-method-list .form-row-customized {
    display: inline-block;
    vertical-align: top;
    width: 49%; }
    .shipping-method-list .form-row-button {
      width: 100%; }
      .shipping-method-list .form-row-button .button-fancy-large {
        float: right;
        margin-right: 25px; }
  .shipping-method-list .field-variant {
    color: #000000;
    display: block; }
  .shipping-method-list .standard-shipping {
    text-decoration: line-through; }
  .shipping-method-list .discount-shipping {
    color: #990000; }

.shipping-description {
  padding-left: 28px; }

.shipping-method .label {
  color: #000000; }

.shipping-status .label {
  color: #000000; }

.summary-box-phone {
  margin-top: 10px; }

.login-checkout .login-box-content {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  padding: 15px; }

.login-checkout .login-box-create_text {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin-bottom: 20px;
  text-align: center; }

.login-checkout .form-row.form-row-button.login-submit, .login-checkout .form-row-button.login-submit.form-row-customized {
  height: auto; }

.login-checkout .login-submit {
  padding-left: 0; }
  .login-checkout .login-submit button {
    line-height: 38px; }

.pt_checkout .pdp-accordion {
  margin: 0 auto; }

.pt_checkout .pdp-accordion-text {
  position: relative;
  max-height: 125px; }

.pt_checkout .pdp-accordion-text:after {
  top: 75px;
  height: 50px; }

.pt_checkout .ndulgeloyalty {
  padding: 25px 0 0; }

.pt_checkout .termsandconditions {
  padding: 15px 0; }

.pt_checkout .birthday {
  padding: 0 0 15px; }

.pt_checkout .ndulgesignupwrapper {
  display: none; }

.delivery-store-details .delivery-store-button {
  display: none; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .delivery-store-details .delivery-store-button {
    display: inline; } }

.dw-apple-pay-button, .dw-apple-pay-button:hover, .dw-apple-pay-button:active {
  background-color: black !important;
  background-image: -webkit-named-image(apple-pay-logo-white) !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-size: 75% 60% !important;
  border-radius: 0;
  margin: 5px auto !important;
  min-height: 30px !important;
  min-width: 100px !important; }

.dw-apple-pay-button:after {
  content: 'Apple Pay' !important;
  visibility: hidden !important; }

.dw-apple-pay-button.dw-apple-pay-logo-white {
  background-color: white !important;
  border-color: white !important;
  background-image: -webkit-named-image(apple-pay-logo-black) !important;
  color: black !important; }

.dw-apple-pay-button.dw-apple-pay-logo-white.dw-apple-pay-border {
  border-color: black !important; }

.shoppingbagsummary .ndulgepointsearned {
  border-top: 1px solid #c2c2c2;
  position: relative;
  text-align: center;
  padding: 15px 15px; }

.shoppingbagsummary .giftcardimg img {
  width: 50px;
  height: 50px;
  vertical-align: middle; }

.shoppingbagsummary .pointstobeearned {
  font-weight: bolder; }

.pt_checkout .ndulgeloyalty .checkbox-wrapper {
  width: 75%;
  margin-left: 25%;
  overflow: visible; }

.pt_checkout .ndulgeloyalty .checkbox-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -100px;
  width: 100px;
  height: 100px;
  background-image: url("../images/GiftCard_100px.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

@media (max-width: 767px) {
  .pt_checkout .ndulgeloyalty .checkbox-wrapper::before {
    left: -80px;
    width: 80px;
    height: 80px; } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .pt_checkout .ndulgeloyalty .checkbox-wrapper::before {
    background-image: url("../images/GiftCard_200px.png"); } }

.cart-table .cart-content-color .label {
  display: none; }

.cart-title {
  text-transform: uppercase; }
  .cart-empty .cart-title {
    font-size: 19px;
    text-align: center; }

.cart-button {
  float: right; }

.cart-items-form {
  clear: both;
  margin-top: 30px; }

.cart-actions {
  margin: 10px 0 15px; }

.cart-promo_adjustment {
  display: none; }

.cart-header-label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 10px;
  text-align: left;
  text-transform: uppercase;
  width: 18%; }

.cart-header-product {
  width: 46%; }

.cart-content-image {
  padding: 10px; }

.cart-content-data {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }
  .cart-content-data .name {
    color: #000000; }

.cart-content-quantity input {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #d7d7d7;
  font-size: 12px;
  height: 18px;
  max-width: 31px;
  min-width: 18px;
  padding: 0 5px;
  text-align: center; }

.cart-content-quantity .label {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #a6a6a6; }

.cart-content-minus, .cart-content-plus {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #d7d7d7;
  height: 18px;
  text-align: center;
  line-height: 1;
  padding: 0 3px;
  width: 18px; }
  .cart-content-minus:hover, .cart-content-plus:hover {
    text-decoration: none;
    border-color: #000000; }

.cart-add-to-wishlist {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: block;
  margin-top: 10px;
  text-decoration: underline;
  text-transform: uppercase; }
  .cart-add-to-wishlist:hover {
    text-decoration: none; }

.cart-row {
  border-bottom: 1px solid #d7d7d7; }

.cart-content-amount {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }
  .cart-content-amount-wrapper {
    width: 75%;
    text-align: right; }
  .cart-content-amount .cart-price_total .cart-label {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a6a6a6; }
  .cart-content-amount .price-basic,
  .cart-content-amount .price-total,
  .cart-content-amount .promo-message,
  .cart-content-amount .cart-price_unadjusted,
  .cart-content-amount .cart-price_total {
    margin-right: 40px; }
  .cart-content-amount .cart-price_total {
    border-top: 1px solid #d7d7d7; }
  .cart-content-amount .price-basic {
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid #d7d7d7;
    padding: 0 0 0 20px; }
  .cart-content-amount .amount-label {
    font-size: 10px; }
  .cart-content-amount .cart-bonus_item {
    display: block;
    text-align: left; }

.cart-content-remove {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto; }
  .cart-content-remove .button-text {
    position: absolute;
    left: auto;
    right: 10px;
    bottom: auto;
    top: 10px;
    background: url("../images/icons/close-icon-black.png") 0 0 no-repeat;
    border: 0;
    color: transparent;
    height: 13px;
    width: 13px; }
    .cart-content-remove .button-text:hover {
      background: url("../images/icons/close-icon-black.png") 0 0 no-repeat; }

.cart-update {
  margin: 20px 0 0; }

.cart-coupon-code .cart-coupon-input {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  border: 1px solid #d7d7d7;
  height: 35px;
  width: 170px; }

.cart-coupon-code .error {
  padding-top: 5px; }

.cart-coupon-title {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin-bottom: 10px; }

.cart-coupon-button {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 38px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: inline-block;
  vertical-align: top;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  padding: 0 25px;
  text-transform: uppercase;
  width: auto;
  line-height: 33px; }
  .cart-coupon-button:hover, .cart-coupon-button.selected, .cart-coupon-button:focus {
    transition: none 0.3s linear;
    background: #ffffff;
    color: #5a5a5a;
    text-decoration: none; }

.cart-order-totals {
  border: 1px solid #d7d7d7;
  margin: 30px 0 0;
  padding: 10px 10px 30px; }
  .cart-order-totals .order-subtotal-label,
  .cart-order-totals .order-shipping-label,
  .cart-order-totals .order-total-label,
  .cart-order-totals .order-sales-tax-label {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    padding-bottom: 10px; }
  .cart-order-totals .order-subtotal-value,
  .cart-order-totals .order-shipping-value,
  .cart-order-totals .order-total-value,
  .cart-order-totals .order-sales-tax-value {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    padding-bottom: 10px; }
  .cart-order-totals .order-discount-label {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ac3a39;
    padding-bottom: 10px; }
  .cart-order-totals .order-discount-value {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ac3a39;
    padding-bottom: 10px; }

.cart-promo {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ac3a39;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 10px 0; }
  @media screen and (min-width: 481px) {
    .cart-promo {
      border-top: 0;
      border-bottom: 1px solid #d7d7d7; } }

.cart-promo-approaching {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: block;
  text-align: center; }
  .main-content .cart-promo-approaching {
    text-align: left; }

.cart-content-size + .cart-content-dash {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: block; }

.cart-content-color {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

.cart-bonus_item {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ac3a39;
  text-transform: uppercase; }

.cart-footer {
  clear: both;
  overflow: hidden; }
  .cart-footer:after {
    content: "";
    display: table;
    clear: both; }
  .cart-footer_left {
    float: left;
    margin-bottom: 30px;
    width: 40%; }
  .cart-footer_right {
    float: right;
    width: 40%; }

.cart-shoprunner_icon {
  margin: 12px 0; }

@media only screen and (max-width: 1024px) {
  .cart-tabs::before {
    display: none; }
  .cart-tabs::after {
    display: none; } }

.header-checkout {
  padding: 20px 0; }

.header-checkout_secure {
  position: absolute;
  left: auto;
  right: 0;
  bottom: -15px;
  top: auto; }

.product-list-item .name {
  color: #000000; }

.product-list-item .sku .label {
  display: none; }

.row-coupons {
  border-bottom: 1px solid #d7d7d7; }
  .row-coupons .item-total {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ac3a39;
    text-transform: uppercase; }
  .row-coupons .item-details {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    padding: 15px 0; }
    .row-coupons .item-details .name {
      text-transform: uppercase; }
    .row-coupons .item-details .cartcoupon .value {
      color: #ac3a39; }
    .row-coupons .item-details .discount {
      color: #ac3a39; }
  .row-coupons .item-quantity-details {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto; }
    .row-coupons .item-quantity-details button {
      position: absolute;
      left: auto;
      right: 10px;
      bottom: auto;
      top: 10px;
      background: url("../images/icons/close-icon-black.png") 0 0 no-repeat;
      border: 0;
      color: transparent;
      height: 13px;
      width: 13px; }
      .row-coupons .item-quantity-details button:hover {
        background: url("../images/icons/close-icon-black.png") 0 0 no-repeat; }

.promo-message {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ac3a39; }

#sampling-widget {
  /*background: deeppink;*/
  width: 100%;
  box-sizing: border-box;
  font-size: 10px;
  padding: 2em 0;
  margin: 0 auto;
  position: relative; }

#sampling-widget h2 {
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 0.9em;
  margin: 0;
  padding: 0; }

#sampling-widget h3 {
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  line-height: 0.9em;
  color: #000000;
  margin: 0;
  padding: .5em 0 0; }

#sampling-widget > h1 {
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 0.9em;
  margin: 0;
  padding: 0;
  font-size: 3em; }

#sampling-widget #sampling-widget-h2 span {
  font-size: 1.6em;
  color: #000000; }

#sampling-widget p {
  font-size: 1.1em;
  line-height: 0.9em;
  color: #000000;
  display: inline-block; }

#sampling-widget .samples-group {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 1em auto;
  /*background: deepskyblue;*/
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*border: 1px solid deepskyblue;*/
  box-sizing: border-box; }

#sampling-widget .samples-group:after {
  content: '';
  display: block;
  clear: both; }

#sampling-widget-content {
  width: 98%;
  max-width: 350px;
  margin: 2em auto;
  height: 0;
  overflow: hidden; }

#sampling-widget .sampling-widget-samples {
  /*background: darkorange;*/
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  margin: 1px;
  width: 30%;
  height: 180px;
  float: left;
  text-align: center;
  position: relative; }

#sampling-widget .sampling-widget-samples img {
  width: 100%;
  height: auto; }

#sampling-widget .sampling-widget-samples a.tooltip {
  display: inline-block; }

#sampling-widget input[type="checkbox"], #sampling-widget input[type="radio"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
  -o-appearance: checkbox;
  appearance: checkbox;
  display: block;
  position: absolute;
  bottom: 5px;
  right: 5px; }

#sampling-widget .slick-slide {
  cursor: inherit; }

#sampling-widget .slick-slide input[type="checkbox"] {
  cursor: pointer; }

#sampling-widget .slick-slide input[type="checkbox"][disabled] {
  cursor: default; }

#sampling-widget .slick-prev {
  left: 0; }

#sampling-widget .slick-next {
  right: 0; }

#sampling-widget .slick-dots {
  top: auto;
  bottom: -15px; }

@media (max-width: 479px) {
  #sampling-widget .slick-prev, #sampling-widget .slick-next {
    display: none; }
  #sampling-widget .slick-dots {
    bottom: auto;
    top: -5px; } }

@media (max-width: 350px) {
  #sampling-widget-content {
    max-width: 320px;
    width: 100%;
    margin: 2em 0; } }

#sampling-widget-loader {
  display: block; }

.loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .loader.hide {
    display: none; }

.loader-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.7; }

.sampling-widget-loader-indicator {
  z-index: 100;
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  height: 100px;
  background-image: none; }

@media only screen and (max-width: 766px) and (min-width: 320px) {
  .only-desktop {
    display: none; }
  .only-mobile {
    display: block; }
  .only-mobile button {
    float: none;
    width: 100%; }
  #sampling-widget {
    border-top: 1px solid #d7d7d7; }
  .cart-footer_left {
    margin-bottom: 0; }
  .only-mobile .simple.cart-update {
    margin-top: 0; } }

@media only screen and (min-width: 767px) {
  .only-desktop {
    display: block; }
  .only-mobile {
    display: none; } }

.address-col-1, .address-col-2 {
  display: inline-block;
  vertical-align: top;
  width: 42%; }
  .address-col-1 .form-row, .address-col-1 .form-row-customized, .address-col-2 .form-row, .address-col-2 .form-row-customized {
    margin: 0 0 5px; }
  .address-col-1 .extra_components .form-field-tooltip, .address-col-2 .extra_components .form-field-tooltip {
    display: none; }
  .address-col-1 .extra_components .field-wrapper, .address-col-1 .extra_components .form-row-customized .form-row, .form-row-customized .address-col-1 .extra_components .form-row, .address-col-1 .extra_components .form-row-customized .form-row-customized, .form-row-customized .address-col-1 .extra_components .form-row-customized, .address-col-2 .extra_components .field-wrapper, .address-col-2 .extra_components .form-row-customized .form-row, .form-row-customized .address-col-2 .extra_components .form-row, .address-col-2 .extra_components .form-row-customized .form-row-customized, .form-row-customized .address-col-2 .extra_components .form-row-customized {
    width: 75%; }
  .address-col-1 .gift-wrap-my-order-wrapper, .address-col-2 .gift-wrap-my-order-wrapper {
    cursor: pointer;
    line-height: 22px;
    margin-bottom: 9px; }
  .address-col-1 .checkout-billing-gift, .address-col-2 .checkout-billing-gift {
    float: left;
    height: 20px;
    margin-right: 7px;
    width: 20px; }
  .address-col-1 .gift-message-text label, .address-col-2 .gift-message-text label {
    display: block;
    width: 100%; }
  .address-col-1 .gift-message-text .field-wrapper, .address-col-1 .gift-message-text .form-row-customized .form-row, .form-row-customized .address-col-1 .gift-message-text .form-row, .address-col-1 .gift-message-text .form-row-customized .form-row-customized, .form-row-customized .address-col-1 .gift-message-text .form-row-customized, .address-col-2 .gift-message-text .field-wrapper, .address-col-2 .gift-message-text .form-row-customized .form-row, .form-row-customized .address-col-2 .gift-message-text .form-row, .address-col-2 .gift-message-text .form-row-customized .form-row-customized, .form-row-customized .address-col-2 .gift-message-text .form-row-customized {
    width: 100%; }
  .address-col-1 .select-boxes, .address-col-2 .select-boxes {
    margin-top: 25px; }

.address-col-1 {
  margin-right: 10%; }
  .address-col-1 .form-field-tooltip {
    display: none; }

.store-list .field-wrapper, .store-list .form-row-customized .form-row, .form-row-customized .store-list .form-row, .store-list .form-row-customized .form-row-customized, .form-row-customized .store-list .form-row-customized {
  width: 100%; }

.store-list label {
  display: none; }

.order-totals-table {
  width: 100%; }
  .order-totals-table .order-subtotal-label,
  .order-totals-table .order-shipping-label,
  .order-totals-table .order-total-label,
  .order-totals-table .order-discount-label,
  .order-totals-table .order-sales-tax-label {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }
  .order-totals-table .order-subtotal-value,
  .order-totals-table .order-shipping-value,
  .order-totals-table .order-total-value,
  .order-totals-table .order-discount-value,
  .order-totals-table .order-sales-tax-value {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    text-align: right;
    white-space: nowrap; }
  .order-totals-table tr td:first-child {
    padding-bottom: 5px; }
  .order-totals-table .order-discount-label, .order-totals-table .order-discount-value {
    color: #ac3a39; }

.checkout-billing-gift.checked + .checkout-billing-message, .checkbox-wrapper.checked label.checkout-billing-gift + .checkout-billing-message, .field-variant.checked label.checkout-billing-gift + .checkout-billing-message {
  display: block !important; }

.payment-order-totals {
  float: right;
  width: 30%;
  margin: 35px 0; }

.payment-order-button {
  margin-right: 25px; }

.payment-method-options {
  float: left;
  padding-right: 20%;
  width: 68%; }
  .payment-method-options .field-variant label {
    margin: 10px 0;
    vertical-align: middle; }
  .payment-method-options .form-row, .payment-method-options .form-row-customized {
    margin: 0 0 5px; }
  .payment-method-options .month,
  .payment-method-options .year {
    display: inline-block;
    vertical-align: top;
    width: 36%; }
    .payment-method-options .month label,
    .payment-method-options .year label {
      display: none; }
    .payment-method-options .month .field-wrapper, .payment-method-options .month .form-row-customized .form-row, .form-row-customized .payment-method-options .month .form-row, .payment-method-options .month .form-row-customized .form-row-customized, .form-row-customized .payment-method-options .month .form-row-customized,
    .payment-method-options .year .field-wrapper,
    .payment-method-options .year .form-row-customized .form-row, .form-row-customized
    .payment-method-options .year .form-row,
    .payment-method-options .year .form-row-customized .form-row-customized, .form-row-customized
    .payment-method-options .year .form-row-customized {
      width: 100%; }
    .payment-method-options .month + .error,
    .payment-method-options .year + .error {
      display: block;
      padding-left: 25%; }
  .payment-method-options .month {
    margin-right: 11px; }
  .payment-method-options .cvn .field-wrapper, .payment-method-options .cvn .form-row-customized .form-row, .form-row-customized .payment-method-options .cvn .form-row, .payment-method-options .cvn .form-row-customized .form-row-customized, .form-row-customized .payment-method-options .cvn .form-row-customized {
    width: 50%; }
  .payment-method-options .select-wrapper:before {
    height: 23px; }

.payment-method-image {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  max-width: 300px; }

.payment-submit-wrapper {
  float: right;
  margin-right: 12px;
  text-align: right;
  width: 240px; }
  .payment-submit-wrapper .payment-order-button {
    margin-bottom: 12px;
    margin-right: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 38px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    background: #000000;
    border: 1px solid #d7d7d7;
    padding: 0 25px;
    text-transform: uppercase;
    width: auto; }
    .payment-submit-wrapper .payment-order-button:hover, .payment-submit-wrapper .payment-order-button.active, .payment-submit-wrapper .payment-order-button:focus {
      transition: none 0.3s linear;
      background: #707070;
      text-decoration: none; }
    .payment-submit-wrapper .payment-order-button[disabled=disabled]:hover {
      background: #000000; }
  .payment-submit-wrapper .terms-conditions-text-wrapper {
    color: #000000;
    font-size: 11px;
    line-height: 14px; }
  .payment-submit-wrapper .iagree-terms-link {
    text-decoration: underline; }
    .payment-submit-wrapper .iagree-terms-link:hover {
      text-decoration: none; }

.payment-help_tooltip {
  font-size: 16px; }

.payment-tooltip_icon {
  display: inline-block;
  vertical-align: middle;
  background: url(../images/tooltip-info.png) no-repeat center;
  background-size: cover;
  cursor: pointer;
  height: 16px;
  width: 16px; }

.confirmation-message {
  margin-bottom: 25px; }

.order-confirmation-details.m-ndulge {
  max-height: 180px;
  overflow: hidden;
  position: relative; }
  @media only screen and (min-width: 320px) and (max-width: 766px) {
    .order-confirmation-details.m-ndulge {
      max-height: 220px; } }

.order-confirmation-details.m-expanded {
  max-height: 100%; }

.show-more {
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  top: auto;
  background: linear-gradient(rgba(255, 255, 255, 0.61) 0%, #ffffff 20%, #ffffff 100%);
  height: 100px;
  padding: 40px 0 25px;
  text-align: center;
  width: 100%; }
  .m-expanded .show-more {
    background: none;
    height: auto;
    padding: 5px 0 20px;
    position: static; }
  @media only screen and (min-width: 320px) and (max-width: 766px) {
    .show-more {
      background: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%);
      height: 110px;
      padding: 60px 0 25px; } }
  .show-more-button {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 38px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    background: #000000;
    border: 1px solid #d7d7d7;
    padding: 0 25px;
    text-transform: uppercase;
    width: auto;
    display: inline-block; }
    .show-more-button:hover, .show-more-button.active, .show-more-button:focus {
      transition: none 0.3s linear;
      background: #707070;
      text-decoration: none; }
    .show-more-button[disabled=disabled]:hover {
      background: #000000; }
  .show-more-text:after {
    display: inline-block;
    margin-left: 4px; }
  .show-more-text.m-close {
    display: none; }
    .show-more-text.m-close:after {
      content: '-'; }
    .m-expanded .show-more-text.m-close {
      display: block; }
  .show-more-text.m-read:after {
    content: '+'; }
  .m-expanded .show-more-text.m-read {
    display: none; }

.ndulge-section {
  margin: 20px 0;
  width: 68%; }
  @media only screen and (min-width: 767px) and (max-width: 1024px) {
    .ndulge-section {
      min-width: 600px; } }
  .ndulge-section-inner {
    position: relative; }
    .ndulge-section-inner .ndulge-number {
      line-height: 1.6;
      min-width: 200px;
      text-decoration: underline !important; }
    .ndulge-section-inner .asset-ndulge-url {
      bottom: 15px;
      left: 180px;
      position: absolute; }
      @media only screen and (min-width: 320px) and (max-width: 766px) {
        .ndulge-section-inner .asset-ndulge-url {
          bottom: auto;
          left: auto;
          right: 0;
          text-align: right;
          top: 26px; } }
  .ndulge-section-block {
    display: inline-block;
    vertical-align: middle; }
  .ndulge-section--card {
    background: url(../images/card-ndulge.png) no-repeat left top;
    line-height: 60px;
    padding-left: 60px; }
  .ndulge-section--givex {
    background: url(../images/card-givex.png) no-repeat left top;
    line-height: 65px;
    padding-left: 60px; }
  @media only screen and (min-width: 767px) and (max-width: 1024px) {
    .ndulge-section .ndulge-amount-wrapper,
    .ndulge-section .ndulge-number-wrapper {
      min-width: 450px; } }
  .ndulge-section .form-row, .ndulge-section .form-row-customized {
    display: inline-block;
    vertical-align: top;
    width: 70%; }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .ndulge-section .form-row label, .ndulge-section .form-row-customized label {
        width: 40%; } }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .ndulge-section .form-row .field-wrapper, .ndulge-section .form-row-customized .field-wrapper, .form-row-customized .ndulge-section .form-row .form-row, .ndulge-section .form-row-customized .form-row, .form-row-customized .ndulge-section .form-row .form-row-customized, .ndulge-section .form-row-customized .form-row-customized {
        width: 60%; } }
    .ndulge-section .form-row button, .ndulge-section .form-row-customized button {
      min-width: 110px;
      line-height: 26px; }
      @media only screen and (min-width: 320px) and (max-width: 766px) {
        .ndulge-section .form-row button, .ndulge-section .form-row-customized button {
          width: 60%;
          padding: 10px 0; } }
      @media only screen and (min-width: 767px) and (max-width: 1024px) {
        .ndulge-section .form-row button, .ndulge-section .form-row-customized button {
          min-width: 90px;
          padding: 0 15px; } }
  .ndulge-section .form-row-button {
    display: inline-block;
    vertical-align: top;
    width: 20%; }

.method-CREDIT_CARD {
  display: inline-block;
  vertical-align: middle;
  background: url(../images/card-credit.png) no-repeat right top;
  height: 34px;
  width: 280px; }

.method-PayPal, .method-Adyen-paypal {
  display: inline-block;
  vertical-align: middle;
  background: url(../images/card-paypal.png) no-repeat center top;
  height: 27px;
  width: 77px; }

.billing-coupon-code .label {
  width: 48%; }

.select-boxes .checkbox-wrapper {
  display: block; }

.canclendulge, .canclegiftcard {
  text-decoration: underline; }

.bonus-item-details .tooltip {
  vertical-align: text-bottom; }

#gwp-widget {
  /*background: deeppink;*/
  width: 100%;
  box-sizing: border-box;
  font-size: 10px;
  margin: 0 auto;
  position: relative; }
  #gwp-widget .gwp-group {
    margin: 1em auto;
    /*background: deepskyblue;*/
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*border: 1px solid deepskyblue;*/
    box-sizing: border-box; }
  #gwp-widget .bonus-product-item {
    /*background: darkorange;*/
    box-sizing: border-box;
    border: 2px solid #c9b676;
    margin: 1px;
    width: 30%;
    height: 180px;
    float: left;
    text-align: center;
    position: relative; }
  #gwp-widget-content {
    width: 98%;
    max-width: 350px;
    margin: 2em auto;
    height: 0;
    overflow: hidden; }
  #gwp-widget .slick-dots {
    top: auto;
    bottom: -15px; }
  #gwp-widget h2 {
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    line-height: 0.9em;
    margin: 0;
    padding: 0; }
  #gwp-widget h3 {
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    line-height: 0.9em;
    color: #000000;
    margin: 0;
    padding: .5em 0 0; }
  #gwp-widget input[type=checkbox], #gwp-widget input[type=radio] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px; }
  #gwp-widget .gwp-h2 span {
    font-size: 1.6em;
    color: #000000; }
  #gwp-widget .slick-slide {
    cursor: inherit; }
  #gwp-widget .slick-slide input[type="checkbox"] {
    cursor: pointer; }
  #gwp-widget .slick-slide input[type="checkbox"][disabled] {
    cursor: default; }
  #gwp-widget a.tooltip {
    display: inline-block; }

.customer-service-section {
  margin-bottom: 25px; }

.customer-service-form {
  width: 60%; }

.site-map-title {
  text-align: center;
  margin-bottom: 35px; }

.site-map-section {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  text-align: center;
  min-height: 250px;
  margin: 0 0 15px; }
  .site-map-section-link {
    color: #000000; }
  .site-map-section-item {
    font-size: 14px; }

.refinement_breadcrumbs {
  display: inline-block;
  vertical-align: top; }
  .refinement_breadcrumbs-item {
    background-color: #f2f2f2;
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 5px 5px 12px;
    vertical-align: middle; }
    .refinement_breadcrumbs-item:first-child {
      background-color: transparent;
      padding-left: 0; }
    .refinement_breadcrumbs-item:not(:last-child) {
      margin-right: 20px; }
    .refinement_breadcrumbs-item.item-title {
      background-color: transparent;
      margin-right: 0; }
  .refinement_breadcrumbs-text {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle; }
  .refinement_breadcrumbs-close {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    text-align: center;
    text-transform: lowercase;
    width: 20px; }

#beauty-profiler .ui-tabs {
  margin-bottom: 0; }

#beauty-profiler .js-tabs .slick-slider {
  margin: 0 auto; }

#beauty-profiler .js-tabs .slick-slide img {
  margin: 0 auto; }

#beauty-profiler .js-tabs .slick-arrow {
  padding: .2em;
  position: absolute;
  left: auto;
  right: auto;
  bottom: auto;
  top: 50%;
  z-index: 2;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  font-size: 4em;
  color: #767b8d; }

#beauty-profiler .js-tabs .arrow_right {
  right: 0;
  font-family: monospace, Arial, Helvetica, sans-serif; }

#beauty-profiler .js-tabs .arrow_left {
  left: 0;
  font-family: monospace, Arial, Helvetica, sans-serif; }

#beauty-profiler .js-tabs .product-tile {
  padding: 2em;
  position: relative;
  text-align: center;
  width: 250px;
  float: left;
  display: block;
  clear: none; }

#beauty-profiler .js-tabs .product-tile .product-pricing {
  display: none; }

#beauty-profiler .js-tabs .product-tile_pricing {
  display: none; }

#beauty-profiler .js-tabs .product-tile_labels {
  display: none; }

#beauty-profiler {
  color: #000000;
  font-size: 10px;
  font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; }

#beauty-profiler .container {
  color: #000000; }

#beauty-profiler .profiler {
  padding: 2em;
  height: 540px; }

#beauty-profiler .beautyAttr {
  display: none;
  font-size: 2.4em;
  font-weight: bold;
  padding: 1em; }

#beauty-profiler .headline {
  text-align: center;
  max-width: 690px;
  min-height: 50px;
  margin: 0 auto 1em;
  padding: 1em 0;
  position: relative; }

#beauty-profiler .headline p {
  font-size: 1.6em; }

#beauty-profiler .headline p.bp_page_tooltip {
  display: none; }

#beauty-profiler .headline p.bp_page_headline {
  color: #000000; }

#beauty-profiler .headline p.bp_page_message {
  font-style: italic;
  color: #8f8484; }

#beauty-profiler .headline p.bp_page_message:nth-child(1) {
  margin-bottom: 20px; }

#beauty-profiler .headline p.bp_page_message.warning {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #ac3a39;
  padding: 0;
  margin: 0 auto; }

#beauty-profiler .attribute {
  font-weight: bold; }

#beauty-profiler .selection {
  font-style: italic; }

#beauty-profiler .btnOption {
  font-size: 1.6em;
  text-align: center;
  display: block;
  border: 1px solid #acacac;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 5px;
  text-transform: uppercase; }

#beauty-profiler .btnOption .optionWrapper {
  position: relative;
  height: 100%; }

#beauty-profiler .btnOption.selectedOption {
  border: 3px solid #000; }

#beauty-profiler .btnOption.selectedOption .optionWrapper::after {
  content: '\2714';
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  width: 16px;
  height: 16px;
  border: 1px solid #000000;
  color: #2eb100;
  background-color: #ffffff;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 2px; }

#beauty-profiler .btnOption .tooltip {
  content: 'i';
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: #ffffff;
  font-style: italic;
  background-color: #d7d7d7;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  position: absolute;
  top: 5px;
  left: 5px;
  text-decoration: none; }

#beauty-profiler .btnOption .tooltip::after {
  content: 'i';
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  font-style: italic;
  font-family: "Times New Roman", Times, serif;
  text-transform: none; }

#beauty-profiler .btn {
  display: inline-block;
  font-size: 1.6em;
  padding: .5em 0 .3em;
  background-color: #d7d7d7;
  text-align: center;
  font-style: italic;
  min-width: 155px;
  margin: 5px; }

#beauty-profiler .output {
  min-height: 400px;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  -khtml-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  -khtml-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -khtml-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -khtml-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -khtml-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#beauty-profiler .btnOption .attribute-name {
  font-size: 16px;
  margin: 0 auto;
  padding: 2px;
  display: block;
  width: 98%;
  background-color: rgba(255, 255, 255, 0.85);
  color: #000000;
  border: 1px solid #ffffff;
  position: absolute;
  bottom: 1%;
  left: 1%; }

#beauty-profiler .profileDone {
  display: inline-block;
  padding: 1em;
  font-size: 2em;
  color: #000000;
  margin: 0; }

#beauty-profiler .profileMatrix {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  -khtml-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-basis: 70%;
  -o-flex-basis: 70%;
  -khtml-flex-basis: 70%;
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -khtml-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  -khtml-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row; }

#beauty-profiler .profileMatrixItem {
  -ms-flex-basis: 30%;
  -o-flex-basis: 30%;
  -khtml-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  -khtml-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -khtml-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  -khtml-align-items: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border: 1px solid #acacac;
  margin: 5px;
  padding: 5px; }

#beauty-profiler .selectionList {
  padding: 0;
  margin: 0;
  list-style-type: none;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  -khtml-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -khtml-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  -khtml-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-content: space-between;
  -o-align-content: space-between;
  -khtml-align-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  -khtml-justify-content: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

#beauty-profiler .selectionList li {
  display: inline-block;
  margin: 2px;
  padding: 0 4px;
  font-size: 1em;
  color: #000000;
  background-color: #acacac; }

#beauty-profiler .controls {
  text-align: center;
  margin: 1em auto;
  position: relative;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  -khtml-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  -khtml-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -khtml-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -khtml-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -khtml-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

#beauty-profiler .controls::after {
  content: '';
  display: block;
  clear: both; }

#bp_page {
  position: relative;
  font-size: 10px;
  color: #0c0b0c;
  height: calc(100vh - 159px); }

#bp_page:not(.bp_wizard) .container {
  display: none; }

#bp_page.bp_show.bp_wizard .container {
  display: none; }

#bp_page.bp_wizard.bp_update .container {
  display: block; }

#bp_page .results {
  display: none; }

#bp_page.bp_retrieved.bp_update .container {
  display: block; }

#bp_page.bp_retrieved.bp_update .bp_summary {
  display: none; }

#bp_page.bp_retrieved.bp_update.bp_show .container {
  display: none; }

#bp_page.bp_retrieved.bp_update.bp_show .bp_summary {
  display: block; }

#bp_page:not(.bp_start) .bp_start {
  display: none; }

#bp_page:not(.bp_show) .bp_show {
  display: none; }

#bp_page.bp_retrieved .bp_show {
  display: none; }

#bp_page:not(.bp_retrieved) .bp_summary {
  display: none; }

#bp_page h1 {
  white-space: pre-line;
  font-size: 2.8em;
  font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: inherit; }

#bp_page p {
  white-space: pre-line;
  font-size: 1.8em;
  font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: inherit; }

#bp_page p br {
  display: none; }

#bp_page a.bp_view, #bp_page a.bp_update {
  background-color: #fafbfb;
  border: 1px solid #b0b0b0;
  color: inherit;
  padding: .5em 1em .3em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  margin: 1em .3em 1em 0;
  font-size: 1.4em;
  font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; }

#bp_page .copy_holder {
  display: block;
  position: absolute;
  top: 5%;
  left: 0;
  width: 100%;
  text-align: center; }

#bp_page .form_holder {
  width: 98%;
  max-width: 480px;
  margin: 0 auto; }

#bp_page input[type="email"] {
  background-color: #fafbfb;
  border: 1px solid #b0b0b0;
  color: inherit;
  padding: .5em 1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.4em; }

#bp_page input[type="button"] {
  background-color: #fafbfb;
  border: 1px solid #b0b0b0;
  color: inherit;
  padding: .5em 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 1em auto;
  font-size: 1.4em; }

#bp_page input[type="email"].field_error {
  background-color: #faeded;
  border-color: #900;
  color: #900; }

#bp_page .form_error_message {
  color: #651430;
  visibility: hidden; }

#bp_page .container {
  display: block;
  position: absolute;
  top: 5%;
  left: 0;
  width: 100%;
  text-align: center; }

#beauty-profiler .btn {
  font-style: normal;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#beauty-profiler #btnOK {
  display: none; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.pt_homepage .main {
  width: 100%;
  padding: 0 0 75px; }
  @media only screen and (max-width: 767px) {
    .pt_homepage .main {
      padding: 0 0 75px; } }

.pt_homepage .breadcrumb {
  display: none; }

.pt_homepage .asset-body {
  position: relative; }

.pt_homepage .coversParentContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer; }

.pt_homepage .hp_section {
  width: 100%;
  max-width: 1250px;
  font-size: 10px;
  color: #000000;
  position: relative;
  margin: 0 auto 3em; }
  @media only screen and (max-width: 767px) {
    .pt_homepage .hp_section {
      width: 92%; } }
  .pt_homepage .hp_section:empty {
    margin-bottom: 0; }

.pt_homepage .hp_background_holder {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.pt_homepage .hp_copy_holder {
  text-align: center;
  width: 100%;
  padding: 2em 0 1em; }
  .pt_homepage .hp_copy_holder.subpixel-fix {
    position: absolute; }
  .pt_homepage .hp_copy_holder.position_ct {
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .pt_homepage .hp_copy_holder.position_cc {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .pt_homepage .hp_copy_holder.position_cb {
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .pt_homepage .hp_copy_holder.position_lt {
    left: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  .pt_homepage .hp_copy_holder.position_lc {
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .pt_homepage .hp_copy_holder.position_lb {
    left: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  .pt_homepage .hp_copy_holder.position_rt {
    right: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  .pt_homepage .hp_copy_holder.position_rc {
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .pt_homepage .hp_copy_holder.position_rb {
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  .pt_homepage .hp_copy_holder p, .pt_homepage .hp_copy_holder h1, .pt_homepage .hp_copy_holder h2, .pt_homepage .hp_copy_holder h3, .pt_homepage .hp_copy_holder a {
    font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1em;
    padding: 0;
    margin: 0 auto;
    font-weight: normal;
    color: inherit; }
  .pt_homepage .hp_copy_holder p {
    font-size: 1.7em;
    padding: .1em 0 .3em;
    display: block;
    width: 100%;
    white-space: pre-line;
    line-height: 1.3em; }
    @media only screen and (max-width: 980px) {
      .pt_homepage .hp_copy_holder p {
        width: 75%;
        white-space: normal;
        margin: 0 auto; } }
  .pt_homepage .hp_copy_holder h1 {
    font-size: 4.5em;
    text-transform: uppercase;
    padding: 0 0 .2em; }
    @media only screen and (max-width: 980px) {
      .pt_homepage .hp_copy_holder h1 {
        font-size: 3em; } }
    .pt_homepage .hp_copy_holder h1 + p {
      padding-bottom: .5em; }
  .pt_homepage .hp_copy_holder h2 {
    text-transform: uppercase;
    font-size: 3em;
    padding: 0 0 .1em; }
  .pt_homepage .hp_copy_holder h3 {
    font-size: 2em; }
  .pt_homepage .hp_copy_holder a {
    font-size: 1.8em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: .6em 1.6em .4em;
    line-height: 1.1em;
    margin: .4em auto;
    border: 1px solid currentColor; }

#section_01 {
  max-width: 100%;
  margin-bottom: 0;
  background-color: #000000;
  color: #ffffff;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  -khtml-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -khtml-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -khtml-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 767px) {
    #section_01 {
      display: none; } }
  #section_01 .hp_top_banner {
    width: 320px;
    min-height: 50px;
    text-align: center;
    position: relative;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    -khtml-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -khtml-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -khtml-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (max-width: 980px) {
      #section_01 .hp_top_banner {
        width: 33%;
        padding: 5px; } }
    #section_01 .hp_top_banner::before {
      display: block;
      content: '';
      position: absolute;
      top: 20%;
      bottom: 20%;
      right: 0;
      border-right: 1px solid currentColor;
      width: 1px; }
    #section_01 .hp_top_banner:last-of-type {
      border-right: none; }
      #section_01 .hp_top_banner:last-of-type::before {
        display: none; }
    #section_01 .hp_top_banner p, #section_01 .hp_top_banner span {
      font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.3em;
      padding: 0;
      margin: 0 auto;
      font-weight: normal;
      color: inherit;
      text-transform: uppercase;
      letter-spacing: .1em; }
    #section_01 .hp_top_banner p {
      font-size: 1.2em; }
    #section_01 .hp_top_banner span {
      font-size: 1em; }

#section_02 {
  max-width: 100%; }

#section_03 {
  max-width: 100%; }
  @media only screen and (max-width: 767px) {
    #section_03 {
      width: 100%; } }
  #section_03 .hp_background_holder {
    padding-top: 29.2826%;
    display: none; }
    @media (min-width: 1600px) {
      #section_03 .hp_background_holder.desktophd {
        display: block; } }
    @media (min-width: 1280px) and (max-width: 1599px) {
      #section_03 .hp_background_holder.desktop {
        display: block; } }
    @media (min-width: 768px) and (max-width: 1279px) {
      #section_03 .hp_background_holder.tablet {
        display: block; } }
    @media (max-width: 767px) {
      #section_03 .hp_background_holder.mobile {
        display: block; } }
    @media only screen and (max-width: 767px) {
      #section_03 .hp_background_holder {
        padding-top: 57.2826%; } }
  #section_03 .hp_copy_holder {
    width: 50%; }
    #section_03 .hp_copy_holder.cc_ffffff {
      color: #ffffff; }
    #section_03 .hp_copy_holder.cc_000000 {
      color: #000000; }
    @media only screen and (max-width: 767px) {
      #section_03 .hp_copy_holder {
        position: relative;
        top: 0;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        color: #000000 !important; } }

#section_04 {
  max-width: 100%; }
  @media only screen and (max-width: 767px) {
    #section_04 {
      width: 100%; } }
  #section_04 .hp_copy_holder {
    width: 50%; }
    @media only screen and (max-width: 767px) {
      #section_04 .hp_copy_holder {
        position: relative;
        top: 0;
        -webkit-transform: none;
        transform: none;
        width: 100%; } }

#section_05 {
  position: relative;
  height: 282px; }
  @media only screen and (max-width: 767px) {
    #section_05 {
      height: 462px; } }
  #section_05 span.error {
    position: absolute;
    top: 50%;
    left: 50%; }
  #section_05 .wheel {
    background-image: url("../images/icons/load_spin.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    width: 80px;
    height: 80px;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
  #section_05 .accordion_holder {
    opacity: 0;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out; }
  #section_05 .ui-tabs {
    margin-bottom: 0;
    display: block;
    position: relative;
    height: 282px;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      #section_05 .ui-tabs {
        height: 462px; } }
    #section_05 .ui-tabs::before {
      display: block;
      content: '';
      position: absolute;
      top: 0;
      left: 20px;
      right: 0;
      bottom: 0;
      width: calc(100% - 20px);
      width: initial;
      height: initial;
      background: transparent;
      border: 2px solid #f6f6f6; }
      @media only screen and (max-width: 767px) {
        #section_05 .ui-tabs::before {
          display: none; } }
    #section_05 .ui-tabs::after {
      display: none; }
    #section_05 .ui-tabs-nav {
      width: 325px;
      float: left; }
      @media only screen and (max-width: 980px) {
        #section_05 .ui-tabs-nav {
          width: 225px; } }
      @media only screen and (max-width: 767px) {
        #section_05 .ui-tabs-nav {
          width: 100%;
          float: none; } }
    #section_05 .ui-tabs-panel {
      width: calc(100% - 325px);
      float: right;
      border-top: none;
      padding: 5px 0 0; }
      @media only screen and (max-width: 980px) {
        #section_05 .ui-tabs-panel {
          width: calc(100% - 225px);
          border: none; } }
      @media only screen and (max-width: 767px) {
        #section_05 .ui-tabs-panel {
          position: absolute;
          width: 100%;
          height: 262px;
          left: 0;
          padding: 0;
          border-left: 1px solid #d3d3d3;
          border-right: 1px solid #d3d3d3;
          float: none; }
          #section_05 .ui-tabs-panel:nth-of-type(1) {
            top: 60px;
            border-bottom: 1px solid #d3d3d3; }
          #section_05 .ui-tabs-panel:nth-of-type(2) {
            top: 120px; }
          #section_05 .ui-tabs-panel:nth-of-type(3) {
            top: 180px;
            border-bottom: 1px solid #d3d3d3; } }
    #section_05 .ui-tabs .ui-tabs-element {
      width: 305px;
      height: 94px;
      margin: 0 0 0 20px;
      background-color: #f6f6f6;
      border: none;
      box-sizing: border-box;
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      -khtml-display: flex;
      display: -webkit-box;
      display: flex;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      -khtml-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      -khtml-justify-content: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative;
      z-index: 1; }
      @media only screen and (max-width: 1250px) {
        #section_05 .ui-tabs .ui-tabs-element {
          margin: 0;
          width: 325px; } }
      @media only screen and (max-width: 980px) {
        #section_05 .ui-tabs .ui-tabs-element {
          width: 205px; } }
      @media only screen and (max-width: 767px) {
        #section_05 .ui-tabs .ui-tabs-element {
          width: 100%;
          margin: 0;
          height: 60px;
          background-color: #fbfbfb;
          border: 1px solid #d3d3d3; } }
      @media only screen and (max-width: 767px) {
        #section_05 .ui-tabs .ui-tabs-element + .ui-tabs-element:not(:last-of-type), #section_05 .ui-tabs .ui-tabs-element .ui-tabs-active:last-of-type {
          border-top: none;
          border-bottom: none; } }
      #section_05 .ui-tabs .ui-tabs-element.ui-tabs-active {
        position: relative;
        width: 325px;
        margin-left: 0;
        background-color: #ffffff;
        border: 2px solid #f6f6f6;
        border-right: none; }
        @media only screen and (max-width: 980px) {
          #section_05 .ui-tabs .ui-tabs-element.ui-tabs-active {
            width: 205px; } }
        @media only screen and (max-width: 767px) {
          #section_05 .ui-tabs .ui-tabs-element.ui-tabs-active {
            width: 100%;
            margin: 0;
            margin-bottom: 262px;
            border: 1px solid #d3d3d3; } }
      #section_05 .ui-tabs .ui-tabs-element .ui-tabs-link {
        font-size: 2.5em;
        font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1em;
        padding: 0;
        margin: 0 auto;
        font-weight: normal;
        color: inherit;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        @media only screen and (max-width: 980px) {
          #section_05 .ui-tabs .ui-tabs-element .ui-tabs-link {
            font-size: 2em; } }
  #section_05 .js-tabs .slick-slider {
    margin: 0 auto; }
  #section_05 .js-tabs .slick-slide img {
    margin: 0 auto; }
  #section_05 .js-tabs .slick-arrow {
    padding: 20px;
    position: absolute;
    left: auto;
    right: auto;
    bottom: auto;
    top: 50%;
    z-index: 2;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  #section_05 .js-tabs .arrow_right {
    right: 0;
    background-image: url("../images/icons/arrow-slider-right.png"); }
  #section_05 .js-tabs .arrow_left {
    left: 0;
    background-image: url("../images/icons/arrow-slider-left.png"); }
  #section_05 .js-tabs .product-tile {
    padding: 0;
    position: relative;
    text-align: center;
    width: 205px;
    float: left;
    display: block;
    clear: none;
    color: #000000;
    font-size: 10px; }
    #section_05 .js-tabs .product-tile * {
      cursor: pointer;
      text-decoration: none;
      color: inherit;
      font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px; }
    #section_05 .js-tabs .product-tile .product-swatches {
      display: none; }
    #section_05 .js-tabs .product-tile_link--productprice {
      padding: 0; }
    #section_05 .js-tabs .product-tile_labels {
      display: none; }
  #section_05 .js-tabs .product-image {
    width: 180px;
    margin: 0 auto; }

#section_06 {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  -khtml-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  -khtml-justify-content: space-around;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  @media only screen and (max-width: 767px) {
    #section_06 {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      -khtml-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column; } }
  #section_06 .marketing_slot {
    width: 44.8%;
    position: relative; }
    @media only screen and (max-width: 767px) {
      #section_06 .marketing_slot {
        width: 100%; } }
  #section_06 .hp_background_holder {
    padding-top: 91.8033%; }
    #section_06 .hp_background_holder.bLazy-hp {
      display: none; }
      @media (min-width: 768px) {
        #section_06 .hp_background_holder.bLazy-hp.desktop {
          display: block; } }
      @media (max-width: 767px) {
        #section_06 .hp_background_holder.bLazy-hp.mobile {
          display: block; } }
    @media only screen and (max-width: 1024px) {
      #section_06 .hp_background_holder {
        padding-top: 71.8033%;
        background-position: top center; } }
  @media only screen and (max-width: 1024px) {
    #section_06 .hp_copy_holder {
      position: relative;
      top: 0;
      left: 0;
      -webkit-transform: none;
      transform: none; } }

#section_06b {
  background-color: #f6f6f6;
  padding: 2em 0 1em;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  -khtml-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  -khtml-justify-content: space-around;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  @media (max-width: 1023px) {
    #section_06b {
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      -khtml-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media only screen and (max-width: 767px) {
    #section_06b {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      -khtml-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column; } }
  #section_06b .marketing_slot {
    width: 28.1333%;
    position: relative; }
    @media only screen and (max-width: 767px) {
      #section_06b .marketing_slot {
        width: 100%; } }
    #section_06b .marketing_slot:nth-child(1) {
      -webkit-align-self: center;
      -ms-align-self: center;
      -o-align-self: center;
      -khtml-align-self: center;
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center; }
      @media (max-width: 1023px) {
        #section_06b .marketing_slot:nth-child(1) {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        #section_06b .marketing_slot:nth-child(1) p {
          white-space: pre-line; } }
    @media only screen and (max-width: 1250px) {
      #section_06b .marketing_slot:not(:nth-child(1)) p {
        white-space: normal; } }
    #section_06b .marketing_slot:not(:nth-child(1)) a {
      border: none;
      text-decoration: underline;
      padding: .1em 1.6em .4em; }
    @media (max-width: 1023px) {
      #section_06b .marketing_slot:not(:nth-child(1)) {
        width: 44.8%; } }
    @media only screen and (max-width: 767px) {
      #section_06b .marketing_slot:not(:nth-child(1)) {
        width: 100%; } }
  #section_06b .hp_background_holder {
    padding-top: 47.9452%; }
    #section_06b .hp_background_holder.bLazy-hp {
      display: none; }
      @media (min-width: 768px) {
        #section_06b .hp_background_holder.bLazy-hp.desktop {
          display: block; } }
      @media (max-width: 767px) {
        #section_06b .hp_background_holder.bLazy-hp.mobile {
          display: block; } }
    #section_06b .hp_background_holder.islogo {
      padding-top: 144px;
      background-size: contain; }
      @media (max-width: 1023px) {
        #section_06b .hp_background_holder.islogo {
          padding-top: 96px; } }
  #section_06b .hp_copy_holder {
    position: relative;
    top: 0;
    -webkit-transform: none;
    transform: none; }
  #section_06b h2 {
    font-size: 2.4em; }

#section_07 {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  -khtml-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  -khtml-justify-content: space-around;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  overflow: hidden;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  padding: 3em 0;
  visibility: hidden; }
  @media only screen and (max-width: 767px) {
    #section_07 {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      -khtml-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column; } }
  #section_07 .slick-arrow {
    padding: 20px;
    position: absolute;
    left: auto;
    right: auto;
    bottom: auto;
    top: 50%;
    z-index: 2;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  #section_07 .slick-next {
    right: 0;
    background-image: url("../images/icons/arrow-slider-right.png"); }
  #section_07 .slick-prev {
    left: 0;
    background-image: url("../images/icons/arrow-slider-left.png"); }
  #section_07 .hp_copy_holder {
    width: 50%;
    -webkit-align-self: center;
    -ms-align-self: center;
    -o-align-self: center;
    -khtml-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
    @media only screen and (max-width: 767px) {
      #section_07 .hp_copy_holder {
        width: 100%; } }
  #section_07 .hp_carousel_holder {
    width: 50%;
    max-height: 280px; }
    @media only screen and (max-width: 767px) {
      #section_07 .hp_carousel_holder {
        width: 100%;
        overflow: hidden; } }
  #section_07 .productlist {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    width: 630px;
    position: relative; }
    @media only screen and (max-width: 1250px) {
      #section_07 .productlist {
        width: 420px;
        margin: 0 auto; } }
    @media only screen and (max-width: 767px) {
      #section_07 .productlist {
        width: 100%; } }
    #section_07 .productlist li {
      display: inline-block; }
    #section_07 .productlist .product-tile_pricing {
      display: none; }
    #section_07 .productlist .product-tile {
      max-width: 205px;
      color: #000000;
      font-size: 10px;
      margin: 0 auto; }
      #section_07 .productlist .product-tile * {
        cursor: default;
        text-decoration: none;
        color: inherit;
        font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px; }
    #section_07 .productlist .gwp_threshold span {
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.2em; }
      #section_07 .productlist .gwp_threshold span span {
        font-size: inherit; }
    #section_07 .productlist .product-image {
      width: 205px;
      height: 205px;
      margin: 0 auto; }
      #section_07 .productlist .product-image * {
        padding: 0;
        margin: 0; }

#section_08 {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  -khtml-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  -khtml-justify-content: space-around;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  @media only screen and (max-width: 767px) {
    #section_08 {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      -khtml-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column; } }
  #section_08 .marketing_slot {
    width: 44.8%;
    position: relative; }
    @media only screen and (max-width: 767px) {
      #section_08 .marketing_slot {
        width: 100%; } }
  #section_08 .hp_background_holder {
    padding-top: 53.5714%; }
    #section_08 .hp_background_holder.bLazy-hp {
      display: none; }
      @media (min-width: 768px) {
        #section_08 .hp_background_holder.bLazy-hp.desktop {
          display: block; } }
      @media (max-width: 767px) {
        #section_08 .hp_background_holder.bLazy-hp.mobile {
          display: block; } }
  #section_08 .hp_copy_holder {
    position: relative;
    top: 0;
    -webkit-transform: none;
    transform: none; }

#section_09 {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  -khtml-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  -khtml-justify-content: space-around;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  @media only screen and (max-width: 767px) {
    #section_09 {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      -khtml-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column; } }
  #section_09 > div {
    width: 44.8%; }
    @media only screen and (max-width: 767px) {
      #section_09 > div {
        width: 100%; } }
  #section_09 .hp_background_holder {
    height: 340px;
    background-size: cover;
    background-position: center center; }
    #section_09 .hp_background_holder.bLazy-hp {
      display: none; }
      @media (min-width: 768px) {
        #section_09 .hp_background_holder.bLazy-hp.desktop {
          display: block; } }
      @media (max-width: 767px) {
        #section_09 .hp_background_holder.bLazy-hp.mobile {
          display: block; } }
  #section_09 .hp_copy_holder {
    -webkit-align-self: center;
    -ms-align-self: center;
    -o-align-self: center;
    -khtml-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  #section_09 h2 {
    font-size: 2.4em; }
  #section_09 .product_rating {
    display: block;
    margin: 0 auto 1em;
    width: 144px;
    height: 30px;
    background-image: url("../images/icons/5-stars.png");
    background-size: cover;
    background-position: center center; }
  #section_09 .product_rating_phrase {
    text-transform: uppercase;
    font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 3em;
    padding: 0 0 .1em; }
  #section_09 .reviewer {
    font-style: italic; }

.content-asset {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }
  .content-asset p {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin-bottom: 15px; }
  .content-asset ul:not(.ui-tabs-nav),
  .content-asset ol {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin-bottom: 15px; }
  .content-asset address {
    margin: 1em 0; }
  .content-asset ol li {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    list-style: decimal inside none; }
  .content-asset ul li:not(.ui-tabs-element) {
    list-style: square inside; }
  .content-asset a:not(.ui-tabs-link) {
    color: #5a5a5a;
    text-decoration: none; }
    .content-asset a:not(.ui-tabs-link):hover {
      transition: none 0.3s linear;
      text-decoration: underline; }
  .content-asset table {
    border-collapse: collapse;
    margin-bottom: 20px;
    width: auto; }
    .content-asset table td, .content-asset table th {
      border: 1px solid #d7d7d7;
      padding: 4px 10px 5px;
      vertical-align: top; }
    .content-asset table th {
      background: #000000;
      color: #ffffff;
      font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-transform: uppercase; }
  .content-asset .slick-prev {
    z-index: 2; }
  .content-asset .slick-slide {
    text-align: center; }
  .content-asset .slick-slide img {
    margin: 0 auto 15px; }
  .content-asset .ui-tabs .slick-prev {
    left: -15px; }
  .content-asset .ui-tabs .slick-next {
    right: -15px; }
  .content-asset .ui-tabs-panel {
    padding: 20px; }

.section-header {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin-bottom: 10px; }

.shoprunner-message {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin-bottom: 15px; }

.global-pdp-slot .wrapper {
  width: 980px;
  margin: 0 auto; }
  @media only screen and (min-width: 767px) and (max-width: 1024px) {
    .global-pdp-slot .wrapper {
      width: 100%;
      padding: 0 10px; } }
  @media only screen and (min-width: 480px) and (max-width: 766px) {
    .global-pdp-slot .wrapper {
      width: 100%;
      padding: 0 10px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .global-pdp-slot .wrapper {
      width: 100%;
      padding: 0 10px; } }
  .global-pdp-slot .wrapper .asset-body,
  .global-pdp-slot .wrapper .html-slot-container {
    height: auto;
    width: 100%;
    max-width: 980px;
    position: relative; }

.category-slot {
  background-color: #EFEFEF;
  position: relative;
  width: 100vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.catlanding-autoheader {
  position: relative;
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
  padding: 20px 0; }
  .mobile .catlanding-autoheader {
    padding: 0; }
    .mobile .catlanding-autoheader div.title {
      display: none; }
    .mobile .catlanding-autoheader .subcatlinks {
      display: none; }
  .catlanding-autoheader div.title {
    display: block;
    text-align: center;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    color: #000000;
    margin: 0 auto;
    padding: 0; }
  .catlanding-autoheader div.description {
    display: block;
    width: 90%;
    text-align: center;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    margin: 0 auto;
    padding: 20px 0; }
  .catlanding-autoheader .subcatlinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -webkit-box-pack: center;
    justify-content: space-around;
    -ms-flex-pack: space-around; }
    .catlanding-autoheader .subcatlinks .subcatlink {
      width: 237.5px;
      border: 1px solid #8C8D91;
      margin: 0 10px 0 0; }
      .catlanding-autoheader .subcatlinks .subcatlink:hover {
        background-color: #000000; }
        .catlanding-autoheader .subcatlinks .subcatlink:hover a {
          color: #FFFFFF; }
      .catlanding-autoheader .subcatlinks .subcatlink:last-of-type {
        margin-right: 0; }
      .catlanding-autoheader .subcatlinks .subcatlink a {
        display: block;
        padding: 23px 0;
        margin: 0 auto;
        text-align: center;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none; }

#promocodecancelbutton {
  display: none; }

.errorclient {
  background-color: #faeded !important;
  border-color: #900 !important;
  color: #900 !important; }

.ndulge-terms-conditions {
  font-size: 13px;
  color: #888; }

#GivexAccountForm .givexaccountform-width {
  width: 460px; }
  @media only screen and (min-width: 320px) and (max-width: 766px) {
    #GivexAccountForm .givexaccountform-width {
      width: auto;
      text-align: left; } }

.formfield.titletext {
  padding: 5px 0; }

.register-form {
  clear: both;
  overflow: hidden; }
  .register-form:after {
    content: "";
    display: table;
    clear: both; }

.dw_reg_form {
  float: left;
  width: 47%; }
  @media only screen and (min-width: 767px) and (max-width: 1024px) {
    .dw_reg_form {
      width: 100%; } }
  @media only screen and (min-width: 320px) and (max-width: 766px) {
    .dw_reg_form {
      width: 100%; } }

#ndulgeselectedform {
  float: left;
  width: 100%; }
  @media only screen and (min-width: 767px) and (max-width: 1024px) {
    #ndulgeselectedform {
      width: 100%; } }
  @media only screen and (min-width: 320px) and (max-width: 766px) {
    #ndulgeselectedform {
      width: 100%; } }

#ndulgeselectedform.ndulgeregistrationform {
  float: left;
  width: 47%; }
  @media only screen and (min-width: 767px) and (max-width: 1024px) {
    #ndulgeselectedform.ndulgeregistrationform {
      width: 100%; } }
  @media only screen and (min-width: 320px) and (max-width: 766px) {
    #ndulgeselectedform.ndulgeregistrationform {
      width: 100%; } }

.givexaccountform .label .labeltext {
  text-transform: uppercase;
  font-weight: bold; }

.givexaccountform span#membertier {
  text-transform: uppercase; }

.givexaccountform .ndulgetitle {
  padding: 15px 0; }

.givexaccount h1.addresses-main-title {
  margin-bottom: 10px; }

#ndulgeselectedform #ndulgeregistrationform {
  display: none; }

.login-submit button {
  margin-left: 0; }

.login {
  font-size: 1em;
  width: 100%;
  max-width: 980px; }

/*login-checkout page*/
.login .login-form {
  padding: 0; }

.login-left {
  width: 49%;
  float: left;
  margin: 1em auto; }

.login-right {
  width: 49%;
  float: right;
  margin: 1em auto; }

.login-box h2.login-box_title {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.login .login-box-paragraph {
  display: block;
  text-align: center;
  width: 90%;
  margin: 1em auto; }

/*journey C*/
.ndulge-journey-c4 {
  box-shadow: 0 0 4px #999;
  width: 60%;
  margin: 0 auto;
  padding: 3em 0 0 0; }

.ndulge-journey-c4 h1 {
  text-transform: none;
  text-align: center; }

.ndulge-journey-c4 #ndulgeselectedform {
  float: none;
  margin: 0 auto;
  width: 92%;
  padding: 0; }

.ndulge-journey-c4 .register-form .row-align-center {
  text-align: right;
  padding-left: 0;
  margin-top: 20px; }

.ndulge-journey-c4 .register-form .form-row-button {
  text-align: right;
  margin-bottom: 25px; }

.ndulge-journey-c4 .form-row.form-row-button.login-submit, .ndulge-journey-c4 .form-row-button.login-submit.form-row-customized {
  height: 0; }

/*journey D*/
.ndulge-journey-d3 {
  box-shadow: 0 0 4px #999;
  width: 60%;
  margin: 0 auto;
  padding: 3em 0 0 0; }

.ndulge-journey-d3 h1 {
  text-transform: none;
  text-align: center; }

.ndulge-journey-d3 .dw_reg_form {
  float: none;
  margin: 0 auto;
  width: 75%;
  padding: 0; }

.ndulge-journey-d3 .dw_reg_form .checkbox-wrapper {
  width: 100%; }

.ndulge-journey-d3 .dw_reg_form .ndulgecardno-row .field-wrapper, .ndulge-journey-d3 .dw_reg_form .ndulgecardno-row .form-row-customized .form-row, .form-row-customized .ndulge-journey-d3 .dw_reg_form .ndulgecardno-row .form-row, .ndulge-journey-d3 .dw_reg_form .ndulgecardno-row .form-row-customized .form-row-customized, .form-row-customized .ndulge-journey-d3 .dw_reg_form .ndulgecardno-row .form-row-customized {
  width: 100%; }

.ndulge-journey-d3 .asset-NdulgeCalloutServiceMessage p, .ndulge-journey-d3 .asset-NdulgeCalloutServiceMessage p a {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-family: futurabook,"Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #888; }

/*journey E*/
.ndulge-journey-e2 {
  box-shadow: 0 0 4px #999;
  width: 60%;
  margin: 0 auto;
  padding: 3em 0 0 0; }

.ndulge-journey-e2 h1 {
  text-transform: none;
  text-align: center; }

.ndulge-journey-e2 .dw_reg_form {
  float: none;
  margin: 0 auto;
  width: 75%;
  padding: 0; }

.ndulge-journey-e2 .form-caption.row-align-center {
  text-align: right; }

.ndulge-journey-e2 .form-row.form-row-button.login-submit, .ndulge-journey-e2 .form-row-button.login-submit.form-row-customized {
  height: 0; }

/*journeys C D E*/
.ndulge-journey-c4, .ndulge-journey-d3, .ndulge-journey-e2 {
  padding: 3em 0; }

.ndulge-journey-c4 h1, .ndulge-journey-d3 h1, .ndulge-journey-e2 h1 {
  display: inline-block;
  color: #000000;
  background-color: transparent;
  border-bottom: 3px solid #000000;
  margin: 1em auto;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 37px;
  font-family: futurabook,"Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

/*all signup steps*/
h2.login-box_title {
  display: inline-block;
  color: #000000;
  font-size: 30px;
  background-color: transparent;
  border-bottom: 3px solid #000000;
  margin: 3em auto 1em; }

.signup-step h2.login-box_title {
  position: relative;
  left: 0;
  -webkit-transform: none;
  transform: none; }

.login-box.signup-step {
  width: 96%;
  margin: 0 auto;
  padding: 0 10% 3em;
  box-shadow: 0 0 4px #999;
  text-align: center; }

.signup-step .login-box-content {
  /*background-color: deeppink;*/
  padding: 1em 0; }

.signup-step .login-box-content form {
  padding: 1em 0; }

.signup-step label {
  display: block;
  font-size: 16px; }

.signup-step .form-row, .signup-step .form-row-customized {
  /*background-color: aquamarine;*/
  margin: 10px 0;
  /*border: 1px solid red;*/
  display: inline-block;
  vertical-align: text-top; }

.signup-step .form-row:not(.form-row-button), .signup-step .form-row-customized:not(.form-row-button) {
  width: 60%;
  text-align: right; }

.signup-step .form-row-button {
  width: 30%;
  text-align: left; }

.signup-step .form-row-button.button-only {
  width: auto;
  display: inline-block; }

.signup-step .form-row button, .signup-step .form-row-customized button {
  border-color: #000000; }

.signup-step .form-row button, .signup-step .form-row-customized button, .signup-step .form-row .field-wrapper, .signup-step .form-row-customized .field-wrapper, .form-row-customized .signup-step .form-row .form-row, .signup-step .form-row-customized .form-row, .form-row-customized .signup-step .form-row .form-row-customized, .signup-step .form-row-customized .form-row-customized {
  width: 100%; }

.signup-step1 input[type="email"],
.signup-step2 input[type="password"] {
  height: 40px; }

@media (max-width: 979px) {
  .login-left, .login-right {
    width: 60%;
    float: none; }
  .signup-step label {
    width: 100%; }
  .ndulge-journey-c4, .ndulge-journey-d3, .ndulge-journey-e2 {
    width: 75%; } }

@media (max-width: 767px) {
  .login-left, .login-right {
    width: 100%; }
  .ndulge-journey-c4, .ndulge-journey-d3, .ndulge-journey-e2 {
    width: 98%; }
  .login-box.signup-step {
    padding: 0 0 3em; } }

/*Returning Customers and Check Ordere boxes*/
.login-returning_customers, .login-order_track {
  padding: 20px 45px 20px; }

.login-returning_customers .login-submit button {
  line-height: 38px; }

@media only screen and (max-width: 1024px) and (min-width: 767px) {
  .login-left, .login-right {
    width: 60%; }
  .dw_reg_form .form-row label, .dw_reg_form .form-row-customized label {
    padding-right: 0; }
  /*Check Order*/
  .login-order_track {
    padding: 20px 45px 20px; } }

.login-box.signup-step1 .form-row button, .login-box.signup-step1 .form-row-customized button, .login-box.signup-step2 .form-row button, .login-box.signup-step2 .form-row-customized button {
  padding: 0 15px; }

.changeemail {
  text-align: right; }

.changeemail a {
  font-size: 13px;
  color: #888; }

@media only screen and (max-width: 1024px) and (min-width: 767px) {
  .login .login-left, .login .login-right {
    width: 60%; }
  .login .dw_reg_form .form-row label, .login .dw_reg_form .form-row-customized label {
    padding-right: 0; }
  /*Check Order*/
  .login .login-order_track {
    padding: 20px 45px 20px; } }

.ndulgeregistrationform .givexerror {
  padding-bottom: 10px; }

@media (max-width: 374px) {
  .login-box.signup-step1 .form-row button, .login-box.signup-step1 .form-row-customized button, .login-box.signup-step2 .form-row button, .login-box.signup-step2 .form-row-customized button {
    padding: 0 5px; } }

@media (min-width: 980px) {
  .custom-account-section .internal-section .account-options-title {
    font-size: 15px; } }

.checkbox_preference {
  width: 80px;
  margin-top: 10px; }

.checkbox_preference:focus {
  outline: #4d90fe auto 1px; }

.ndulgeselected-block .checkbox-wrapper {
  display: block; }

.ndulgeselected-text {
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  line-height: 20px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  margin-bottom: 20px; }

.ndulge-input-wrapper {
  margin-right: 30px;
  float: left;
  width: 460px; }
  @media only screen and (min-width: 320px) and (max-width: 766px) {
    .ndulge-input-wrapper {
      float: none;
      margin-bottom: 0;
      margin-right: 0;
      width: 100%; } }

.ndulge-number {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 26px;
  font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  display: inline-block;
  text-decoration: underline !important; }
  @media only screen and (min-width: 320px) and (max-width: 766px) {
    .ndulge-number {
      margin-bottom: 15px; } }

.ndulge-dialog {
  max-height: 90%;
  max-height: calc(100vh - 10%);
  overflow-y: auto; }
  .ndulge-dialog .ui-dialog-titlebar-close {
    background: #ffffff url("../images/icons/close-icon-black.png") center center no-repeat;
    border: 0;
    height: 40px;
    padding: 5px;
    width: 40px; }
    .ndulge-dialog .ui-dialog-titlebar-close:hover {
      opacity: 0.6;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
      -moz-opacity: 0.6;
      -khtml-opacity: 0.6;
      border: 0; }
  .ndulge-dialog .ui-dialog-content {
    padding: 15px 50px 25px; }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .ndulge-dialog .ui-dialog-content {
        padding: 30px; } }

.ndulge-request {
  position: relative; }
  .ndulge-request-header {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin: 0 auto 30px;
    max-width: 400px;
    text-align: center; }
    .ndulge-request-header .content-asset p {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000; }
  .ndulge-request h2, .ndulge-request-title {
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    margin: 0 0 20px; }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .ndulge-request h2, .ndulge-request-title {
        line-height: normal; } }
  .ndulge-request-form {
    font-size: 0;
    word-spacing: 0; }
    .ndulge-request-form .form-row label, .ndulge-request-form .form-row-customized label,
    .ndulge-request-form .form-row .field-wrapper,
    .ndulge-request-form .form-row-customized .field-wrapper, .form-row-customized
    .ndulge-request-form .form-row .form-row,
    .ndulge-request-form .form-row-customized .form-row, .form-row-customized
    .ndulge-request-form .form-row .form-row-customized,
    .ndulge-request-form .form-row-customized .form-row-customized {
      display: block;
      width: auto; }
      @media only screen and (min-width: 320px) and (max-width: 766px) {
        .pt_checkout .ndulge-request-form .form-row label, .pt_checkout .ndulge-request-form .form-row-customized label, .pt_checkout
        .ndulge-request-form .form-row .field-wrapper, .pt_checkout
        .ndulge-request-form .form-row-customized .field-wrapper, .form-row-customized .pt_checkout
        .ndulge-request-form .form-row .form-row, .pt_checkout
        .ndulge-request-form .form-row-customized .form-row, .form-row-customized .pt_checkout
        .ndulge-request-form .form-row .form-row-customized, .pt_checkout
        .ndulge-request-form .form-row-customized .form-row-customized {
          width: auto; } }
    .ndulge-request-form .form-row-button {
      text-align: center; }
  .ndulge-request-name, .ndulge-request-postcode {
    display: inline-block;
    vertical-align: top; }
  .ndulge-request-name {
    width: 60%;
    padding-right: 16px; }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .ndulge-request-name {
        display: block;
        padding-right: 0;
        width: auto; } }
  .ndulge-request-postcode {
    width: 40%; }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .ndulge-request-postcode {
        display: block;
        width: auto; } }
  .ndulge-request-not_found {
    background-color: #000000;
    margin: 80px;
    padding: 40px;
    text-align: center; }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .ndulge-request-not_found {
        margin: 0; } }
    .ndulge-request-not_found .content-asset p {
      color: #ffffff; }
      .ndulge-request-not_found .content-asset p span {
        display: inline-block;
        font-weight: bold; }
  .ndulge-request-found {
    margin: 120px auto;
    text-align: center;
    width: 75%; }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .ndulge-request-found {
        margin: 0 auto;
        width: auto; } }
    .ndulge-request-found_number {
      border: 1px solid #c2c2c2;
      margin-bottom: 20px;
      padding: 10px 40px;
      text-transform: uppercase; }
  .ndulge-request-button {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 38px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    background: #000000;
    border: 1px solid #d7d7d7;
    padding: 0 25px;
    text-transform: uppercase;
    width: auto;
    border: 0; }
    .ndulge-request-button:hover, .ndulge-request-button.active, .ndulge-request-button:focus {
      transition: none 0.3s linear;
      background: #707070;
      text-decoration: none; }
    .ndulge-request-button[disabled=disabled]:hover {
      background: #000000; }
    @media only screen and (min-width: 320px) and (max-width: 766px) {
      .ndulge-request-button {
        padding: 0 10px;
        vertical-align: baseline; } }
    .ndulge-request-button + .ndulge-request-button {
      margin-left: 15px; }
      @media only screen and (min-width: 320px) and (max-width: 766px) {
        .ndulge-request-button + .ndulge-request-button {
          margin-left: 0;
          margin-top: 15px; } }
  .ndulge-request-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    display: none; }
    .js-sending .ndulge-request-loader {
      display: block; }
    .ndulge-request-loader img {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 100px;
      width: auto; }

@media only screen and (min-width: 1024px) {
  .login.my-account .login-order_track, .login.my-account .login-returning_customers {
    padding: 20px 20px; }
  .login.my-account .pt_account .login-left, .login.my-account .pt_account .login-right {
    float: left; }
  .login.my-account .login-left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .login.my-account .login-box {
    box-shadow: 0 0 4px #999;
    margin-bottom: 40px;
    width: 49%;
    float: left; } }

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
  .login.my-account .login .login-left, .login.my-account .login .login-right {
    width: 100%; } }

.checkout-billing .ndulgeinfowrap .giftcardbalance {
  padding: 0 0 20px 0; }

.checkout-billing #giveXNdulgeWrap {
  display: none; }

.flexbox {
  margin-bottom: 25px; }
  .flexbox-page {
    display: none; }
  .flexbox-page.mobile {
    margin-bottom: 10px; }
  .flexbox-firstpage {
    display: block;
    position: relative; }
    .flexbox-firstpage .flexbox-text.mobile {
      top: 0;
      left: 0;
      -webkit-transform: none;
      transform: none; }
  .flexbox-firstpage .flexbox-text {
    width: 45%;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px; }
  .flexbox-firstpage .flexbox-image {
    width: 100%; }
  .flexbox-pagetop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .flexbox-pagebottom {
    line-height: 0;
    display: none; }
  .flexbox-pagebottom-mobile {
    margin: 10px 0 0 0; }
  .flexbox-title {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: large;
    margin-bottom: 10px;
    color: inherit; }
  .flexbox-firstpage .mobile .flexbox-title {
    font-size: xx-large;
    font-weight: normal;
    margin-bottom: 15px; }
  .flexbox-text {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 55%; }
  .flexbox-text.mobile {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    padding: 10px; }
  .flexbox-maintext {
    margin: auto 5%;
    webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .flexbox-link {
    display: block;
    margin-top: 1em; }
  .flexbox-reveal {
    cursor: pointer; }
  .flexbox-image {
    width: 45%;
    height: 100%; }
  .flexbox-additionalimage {
    width: 100%;
    height: 650px;
    cursor: pointer; }
  .flexbox-additionalimage-novideo {
    cursor: default; }
  .flexbox-additionalvideo {
    width: 100%;
    height: 650px;
    display: none; }
  .flexbox-mobileimage {
    width: 100%; }
  .flexbox-tabs {
    height: 50px;
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .flexbox-tab {
    width: 100%;
    display: inline-block;
    float: left;
    text-align: center;
    border: #a7a7a7 solid 2px;
    border-left: none;
    height: 50px;
    text-transform: uppercase;
    line-height: 48px;
    margin: 0;
    cursor: pointer; }
  .flexbox-tab-first {
    border-left: #a7a7a7 solid 2px; }
  .flexbox-tab-selected {
    background: #a7a7a7; }
  .flexbox-button-mobile {
    margin: 10px auto 0 auto;
    width: 190px;
    border: #a7a7a7 solid 1px;
    text-align: center;
    height: 50px;
    padding-top: 14px; }
  .flexbox-button-mobile-hidden {
    display: none; }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .main-content {
    width: 75%; }
  .main-sidebar {
    width: 23%; }
  .header-menu {
    padding: 3px 10px 0 0;
    min-width: 400px; }
  .header-search {
    display: block;
    float: none;
    margin: 0 auto 15px;
    position: static;
    width: 240px; }
  .header-sticky .menu-level1_item {
    margin: -20px 0 0 20px; }
    .header-sticky .menu-level1_item:first-child {
      margin-left: 0; }
  .header-sticky .menu-level2_item.last {
    padding-right: 0; }
  .header-checkout_secure {
    right: 15px; }
  .menu-level2_item {
    padding-right: 25px; }
    .es .menu-level2_item,
    .de .menu-level2_item,
    .fr .menu-level2_item {
      padding-right: 10px; }
  .menu-level3 {
    width: 100%; }
    .menu-level3_wrapper {
      margin: 0;
      left: 0;
      padding: 10px 10px 0 0;
      width: 100%; }
    .menu-level3_flyout {
      padding-right: 0;
      width: 300px; }
  .footer-left {
    width: 465px; }
  .footer-right {
    width: 275px; }
  .footer-item {
    width: 155px; }
    .footer-item_last {
      width: 100%; }
  .footer-social {
    margin-bottom: 81px; }
    .footer-social_item {
      margin-left: 16px; }
  .footer-newsletter_input[type=text] {
    width: 170px; }
  .footer-menu_title {
    font-size: 15px; }
  .footer-expanded .footer-toggler {
    right: 0; }
  .clp-slot_left {
    width: 100%; }
  .clp-slot_right {
    display: none !important; }
  .clp-item {
    display: block;
    clear: both;
    float: left;
    margin-bottom: 15px;
    padding-left: 0; }
    .clp-item.even {
      float: right;
      clear: none; }
  .blp-item {
    width: 33%; }
  .blp-brands {
    padding-left: 25px; }
  .blp-letter {
    font-style: normal;
    font-weight: 400;
    font-size: inherit;
    line-height: 23px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    height: 22px;
    width: 22px; }
    .blp-letter:first-child {
      width: 37px; }
  .pt_product-details .main {
    overflow: hidden; }
  .pt_product-details .color {
    width: 330px; }
  .pt_product-details .inventory, .pt_product-details .product-actions {
    width: 24%; }
  .pt_product-details .findinstore.product-actions {
    width: 86%; }
  .pt_product-details .product-add-to-cart, .pt_product-details .product-variations {
    width: 57%; }
  .size {
    font-size: 0;
    text-align: center; }
    .size-item {
      margin: 0 4px 5px 0;
      padding: 0;
      width: 66px; }
  .ui-dialog.product-popup {
    position: absolute;
    left: 0 !important;
    right: 0;
    bottom: auto;
    top: auto;
    margin: 0 auto; }
  .product-detail {
    width: 50%;
    margin-left: 50%; }
    .product-detail-headline {
      width: 50%;
      margin-left: 50%; }
  .product-image-container {
    width: 48%; }
  .product-main-image {
    width: 79%; }
  .product-thumbnails {
    width: 16%; }
    .product-thumbnails .slick-next {
      left: 20px; }
    .product-thumbnails .slick-prev {
      left: 25px; }
    .product-thumbnails .slick-slide {
      height: 64px; }
  .product-iframe {
    height: 285px;
    margin-top: 55px;
    width: 95%; }
    .ui-dialog .product-iframe {
      width: 100%; }
  .product-tile_quickview {
    display: none !important; }
  .product-tile_exclusive.inline {
    width: 100%; }
  .product-add-to-cart .add-to-cart, .product-add-to-cart .product-notify_me {
    padding: 0;
    font-size: 14px; }
  .pdp-notships-product {
    right: 15%; }
  .suggestion {
    left: auto;
    width: 570px; }
  .search-result-slot .search-result-title {
    padding: 43px 0; }
  .search-result-slot .search-result-description {
    padding: 5px 10px; }
  .ui-dialog {
    width: 730px !important; }
    .ui-dialog.reset-password, .ui-dialog-cookie {
      width: 420px !important; }
  .error-page {
    margin-top: 4px; }
  .login-left, .login-right {
    width: 48%; }
  .login-returning_customers {
    padding-top: 25px; }
  .login-form {
    padding: 0; }
  .login-submit button {
    padding: 0 40px;
    text-align: right; }
  .login-order_track {
    padding: 20px 12px 0; }
    .login-order_track label:after {
      display: none; }
  .login-order_text {
    padding: 0 12px; }
  .login-create_account {
    padding: 20px 30px; }
  .card_info-item,
  .address-item {
    width: 32%; }
  .wishlist-search {
    width: 60%; }
    .login-box_wishlist .wishlist-search {
      width: 100%; }
  .wishlist-form .form-row, .wishlist-form .form-row-customized {
    display: block;
    padding: 0;
    width: auto; }
  .wishlist-form .form-row-button button {
    line-height: 38px;
    padding: 0 35px; }
  .wishlist-quantity_added {
    white-space: nowrap;
    width: 14%; }
    .wishlist-quantity_added .cart-content-minus, .wishlist-quantity_added .cart-content-plus {
      width: 19px; }
  .wishlist-details {
    width: 20%; }
  .wishlist-dashboard button {
    font-size: 13px; }
  .wishlist-link-content {
    display: block;
    margin-top: 0;
    padding-left: 0; }
  .order-details-button {
    padding: 5px; }
  .cart-content-amount-wrapper {
    width: 100%; }
  .address-col-1 {
    margin-right: 3%;
    width: 46%; }
  .address-col-2 {
    width: 50%; }
  .payment-method-options {
    padding-right: 15%; }
  .method-CREDIT_CARD {
    background-size: 100%;
    height: 28px;
    margin-left: 10px;
    width: 210px; }
  .storelocator-form {
    width: 100%; }
  .storelocator-input {
    float: right; }
  .storelocator-submit {
    clear: both;
    width: 28%; }
    .storelocator-submit button {
      padding: 0; }
  .storelocator-list {
    width: 35%; }
  .storelocator-list + .storelocator-map {
    width: 64% !important; } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .header-main .slot-container {
    margin: 0; }
  .header-main * {
    transition: none; }
  .search-on .header-main {
    padding-bottom: 47px; }
  .header-checkout {
    padding: 20px 0 5px;
    position: relative; }
    .header-checkout .header-logo {
      margin: 0 auto;
      width: 80%; }
  .header-top {
    text-align: center;
    padding-top: 13px;
    position: static;
    white-space: nowrap; }
  .header_mobile.header-sticky {
    background: none; }
    .no-scroll .header_mobile.header-sticky {
      bottom: 0; }
  .header_mobile-top_wrapper {
    background-color: #ffffff;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 5px;
    padding: 15px 25%;
    position: relative;
    text-align: center; }
  .header_mobile-toggle {
    position: absolute;
    left: 15px;
    right: auto;
    bottom: auto;
    top: 50%;
    background: none;
    border: none;
    font-size: 0;
    line-height: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 102; }
  .menu-active .header_mobile-toggle {
    position: fixed;
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
    background-color: #000000;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 102;
    width: 20%;
    height: 60px; }
    .menu-active .header_mobile-toggle_item {
      -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
              transform: translate3d(0, 10px, 0) rotate(45deg); }
      .menu-active .header_mobile-toggle_item:before {
        opacity: 0;
        -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
                transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); }
      .menu-active .header_mobile-toggle_item:after {
        -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
                transform: translate3d(0, -20px, 0) rotate(-90deg); }
    .menu-active .header_mobile-toggle_item, .menu-active .header_mobile-toggle_item:before, .menu-active .header_mobile-toggle_item:after {
      background-color: #FFFFFF; }
  .header_mobile-toggle_icon {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 24px; }
  .header_mobile-toggle_item:before, .header_mobile-toggle_item:after {
    content: '';
    diplay: block; }
  .header_mobile-toggle_item, .header_mobile-toggle_item:before, .header_mobile-toggle_item:after {
    background-color: #000000;
    border-radius: 4px;
    height: 4px;
    left: 0;
    position: absolute;
    top: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 32px; }
  .header_mobile-toggle_item:before {
    top: 10px;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform; }
  .header_mobile-toggle_item:after {
    top: 20px; }
  .header_mobile-logo {
    display: inline-block;
    max-width: 110px;
    vertical-align: middle; }
    .header_mobile-logo img {
      display: block;
      width: 100%; }
  .header_mobile-tools {
    position: absolute;
    left: auto;
    right: 15px;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    white-space: nowrap;
    z-index: 102; }
  .header_mobile-search_button, .header_mobile-cart {
    display: inline-block;
    vertical-align: middle; }
  .header_mobile-search_button {
    background: url("../images/magnifier.svg") no-repeat center;
    display: none;
    height: 24px;
    text-indent: -99999999px;
    width: 24px; }
    .header_mobile-all_pages .header_mobile-search_button,
    .header-sticky .header_mobile-search_button {
      display: inline-block; }
  .header_mobile-cart {
    margin-left: 4px; }
  .header_mobile .header-banner {
    overflow: hidden;
    padding: 0;
    background-color: #231e1f; }
  .header_mobile.header-sticky .header-banner {
    display: none; }
  .header_mobile .mini-cart-link {
    line-height: 22px;
    padding-left: 24px; }
    .header_mobile .mini-cart-link:before {
      background: url("../images/bag.svg") no-repeat left center;
      left: 0;
      bottom: auto;
      width: 22px; }
  .header-navigation {
    position: fixed;
    left: auto;
    right: 100%;
    bottom: auto;
    top: 0;
    background: #F8F8F8;
    border-right: 1px solid #d7d7d7;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: 80%;
    -webkit-overflow-scrolling: touch;
    z-index: 102; }
    .menu-active .header-navigation {
      right: 20%; }
    .header-navigation-item {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 39px;
      font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      background-color: #FFFFFF;
      display: block;
      text-transform: uppercase;
      padding: 0 15px;
      position: relative; }
      .header-navigation-item--account {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 39px;
        font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000000;
        background-color: #b5b5b5;
        text-transform: capitalize; }
      .header-navigation-item--country {
        color: #000000; }
        .header-navigation-item--country:after {
          position: absolute;
          left: auto;
          right: 11px;
          bottom: auto;
          top: 15px;
          background: url("../images/icons/arrow-right-white.png") no-repeat center;
          content: "";
          height: 11px;
          width: 6px; }
        .header-navigation-item--country .menu-level1_link {
          color: #000000;
          padding-left: 40px; }
        .header-navigation-item--country .header-country_option:first-child {
          border-right: none;
          padding-right: 0;
          margin-right: 0; }
          .header-navigation-item--country .header-country_option:first-child:after {
            content: '/';
            padding-left: 4px; }
    .header-navigation-account_link {
      color: #000000;
      text-decoration: underline;
      text-transform: uppercase; }
      .header-navigation-account_link--logged {
        text-transform: none;
        text-decoration: none; }
    .header-navigation-close {
      background: none;
      border: none;
      position: fixed;
      right: 100%;
      top: 0;
      visibility: hidden;
      width: 20%; }
      .header-navigation-close:before {
        content: '';
        display: inline-block;
        padding-top: 100%;
        width: 0; }
      .menu-active .header-navigation-close {
        right: 0;
        visibility: visible; }
  .menu {
    display: block; }
    .menu-breadcrumb_item {
      color: #000000; }
    .menu-level1, .menu-level2, .menu-level3, .menu-level4 {
      text-align: left; }
      .menu-level1_item, .menu-level1_element, .menu-level2_item, .menu-level2_element, .menu-level3_item, .menu-level3_element, .menu-level4_item, .menu-level4_element {
        display: block;
        border-bottom: 1px solid #d7d7d7;
        background-color: #F8F8F8;
        float: none;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: left;
        width: 100%; }
        .moved_left .menu-level1_item, .moved_left .menu-level1_element, .moved_left .menu-level2_item, .moved_left .menu-level2_element, .moved_left .menu-level3_item, .moved_left .menu-level3_element, .moved_left .menu-level4_item, .moved_left .menu-level4_element {
          position: static; }
        .pt_product-search-result .menu-level1_item, .pt_product-search-result .menu-level1_element, .pt_product-search-result .menu-level2_item, .pt_product-search-result .menu-level2_element, .pt_product-search-result .menu-level3_item, .pt_product-search-result .menu-level3_element, .pt_product-search-result .menu-level4_item, .pt_product-search-result .menu-level4_element {
          padding: 0; }
      .menu-level1_item.visible-only_mobile:not(.js-go_back), .menu-level2_item.visible-only_mobile:not(.js-go_back), .menu-level3_item.visible-only_mobile:not(.js-go_back), .menu-level4_item.visible-only_mobile:not(.js-go_back) {
        background-color: #000000; }
        .menu-level1_item.visible-only_mobile:not(.js-go_back) span, .menu-level1_item.visible-only_mobile:not(.js-go_back) a, .menu-level2_item.visible-only_mobile:not(.js-go_back) span, .menu-level2_item.visible-only_mobile:not(.js-go_back) a, .menu-level3_item.visible-only_mobile:not(.js-go_back) span, .menu-level3_item.visible-only_mobile:not(.js-go_back) a, .menu-level4_item.visible-only_mobile:not(.js-go_back) span, .menu-level4_item.visible-only_mobile:not(.js-go_back) a {
          color: #ffffff; }
      .menu-level1_link, .menu-level2_link, .menu-level3_link, .menu-level4_link {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 39px;
        font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000000;
        text-transform: capitalize;
        color: #000000;
        display: block;
        padding: 0 15px;
        position: relative; }
        .menu-level1_link.has-sub-menu:after, .menu-level1_link.right_arrow:after, .menu-level2_link.has-sub-menu:after, .menu-level2_link.right_arrow:after, .menu-level3_link.has-sub-menu:after, .menu-level3_link.right_arrow:after, .menu-level4_link.has-sub-menu:after, .menu-level4_link.right_arrow:after {
          position: absolute;
          left: auto;
          right: 13px;
          bottom: auto;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
          content: "\003e";
          font-weight: bold;
          font-size: 16px;
          color: #000000; }
        .menu-level1_link:hover,
        .selected .menu-level1_link, .active .menu-level1_link, .menu-level2_link:hover,
        .selected .menu-level2_link, .active .menu-level2_link, .menu-level3_link:hover,
        .selected .menu-level3_link, .active .menu-level3_link, .menu-level4_link:hover,
        .selected .menu-level4_link, .active .menu-level4_link {
          border: none !important; }
      .menu-level1_back, .menu-level2_back, .menu-level3_back, .menu-level4_back {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 39px;
        font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000000;
        display: block;
        text-transform: uppercase;
        text-align: center;
        padding: 0 15px;
        position: relative; }
        .menu-level1_back:after, .menu-level2_back:after, .menu-level3_back:after, .menu-level4_back:after {
          position: absolute;
          left: 11px;
          right: auto;
          bottom: auto;
          top: 15px;
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
          background: url("../images/icons/arrow-right-black.png") no-repeat center;
          content: "";
          height: 11px;
          width: 6px; }
      .menu-level1_name, .menu-level2_name, .menu-level3_name, .menu-level4_name {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000000;
        display: block;
        text-transform: uppercase;
        text-align: center;
        padding: 10px 15px;
        position: relative; }
      .menu-level1.moved_left, .menu-level2.moved_left, .menu-level3.moved_left, .menu-level4.moved_left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        border-right: 1px solid #d7d7d7;
        overflow: visible;
        position: absolute;
        width: 100%; }
    .menu-level1_link {
      text-transform: uppercase; }
      .menu-level1_link .flag-icon {
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%);
        position: absolute;
        left: 12px;
        right: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    .menu-level1link, .menu-level2link {
      text-transform: uppercase; }
    .menu-level3link, .menu-level4link {
      text-transform: capitalize; }
    .menu-level2, .menu-level2.active, .menu-level3_wrapper, .menu-level4 {
      position: absolute;
      left: 100%;
      right: auto;
      bottom: auto;
      top: 0;
      background: #ffffff;
      border: none;
      display: block;
      height: 0;
      overflow: hidden;
      padding: 0;
      width: 100%; }
      .menu-level2.moved_right, .menu-level2.active.moved_right, .menu-level3_wrapper.moved_right, .menu-level4.moved_right {
        height: auto;
        left: 100%;
        top: 0;
        overflow: visible; }
    .menu-level2_item:hover,
    .pt-homepage .menu-level2_item:hover {
      padding-bottom: 0; }
    .menu-level3 {
      width: 100%; }
      .menu-level3_item {
        border-bottom-width: 1px; }
      .menu-level3_link {
        margin-bottom: 0; }
      .menu-level3_wrapper {
        margin-left: 0; }
        .menu-level3_wrapper:after {
          display: none; }
  .country-selector_selector {
    background: #000000;
    display: none;
    height: 40px;
    float: none;
    padding-left: 15px;
    position: relative; }
    .country-selector_selector:after {
      position: absolute;
      left: auto;
      right: 11px;
      bottom: auto;
      top: 15px;
      background: url("../images/icons/arrow-right-white.png") no-repeat center;
      content: "";
      height: 11px;
      width: 6px; }
  .country-selector_title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    padding-top: 14px; }
  .country-selector_current {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 40px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff; }
  .country-selector_flyout {
    border: none;
    display: block;
    position: static; }
    .country-selector_flyout.active {
      position: absolute;
      left: 0;
      right: auto;
      bottom: auto;
      top: 36px;
      border-bottom-width: 0;
      min-height: 80vh;
      width: 100%; }
  .country-selector_name {
    display: block; } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .footer {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    padding: 20px 0 0; }
    .footer-container {
      display: table;
      padding: 0; }
    .footer-left {
      display: table-footer-group; }
    .footer-right {
      display: table-header-group; }
    .footer-left, .footer-right {
      float: none;
      width: 100%; }
    .footer-subscribe {
      display: table-header-group; }
    .footer-social {
      display: table-footer-group; }
      .footer-social_item {
        margin-left: 27px; }
      .footer-social_list {
        border-bottom: 1px solid #959595;
        margin: 0 0 4px;
        padding: 0 20px 20px;
        white-space: nowrap; }
    .footer-item {
      width: 100%;
      padding: 0;
      text-align: left; }
      .footer-item:first-child {
        padding: 0; }
    .footer-menu {
      border-bottom: 1px solid #959595;
      display: none;
      margin: 0 0 5px;
      padding: 0 20px 15px; }
      .footer-menu ~ ul, .footer-menu_nomargin {
        margin-bottom: 5px; }
      .footer-menu_title, .footer-menu_title.newsletter_heading {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
        transition: none 0.3s linear;
        margin-bottom: 15px; }
        .footer-social .footer-menu_title, .footer-social .footer-menu_title.newsletter_heading {
          padding: 0 20px; }
        .footer-left .footer-menu_title, .footer-left .footer-menu_title.newsletter_heading {
          border-bottom: 1px solid #959595;
          margin: 0;
          padding: 10px 20px 12px;
          position: relative; }
          .footer-left .footer-menu_title:after, .footer-left .footer-menu_title.newsletter_heading:after {
            position: absolute;
            left: auto;
            right: 18px;
            bottom: auto;
            top: 13px;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background: url("../images/icons/arrow-top-white.png") no-repeat center;
            background-size: 80%;
            content: "";
            height: 8px;
            width: 15px; }
          .footer-left .footer-menu_title.active, .footer-left .footer-menu_title.newsletter_heading.active {
            border-bottom-width: 0; }
            .footer-left .footer-menu_title.active:after, .footer-left .footer-menu_title.newsletter_heading.active:after {
              -webkit-transform: rotate(0);
              transform: rotate(0); }
      .footer-menu_link {
        line-height: 30px; }
    .footer-newsletter_wrapper {
      border-bottom: 1px solid #959595;
      margin: 0 0 20px;
      padding: 0 20px 20px; }
    .footer-newsletter .ui-input-text {
      display: inline-block;
      vertical-align: top;
      width: 200px; }
    .footer-newsletter_input[type=text] {
      max-width: 200px;
      width: 100%; }
    .footer .ui-select span {
      display: none; } }

@media only screen and (min-width: 480px) and (max-width: 766px) {
  .footer-social_list {
    width: 480px; } }

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .footer-social_list {
    width: 320px; } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .clp-slot {
    display: none !important; }
  .clp-tabs {
    display: none; }
  .clp-selector {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 31px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #707070;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    padding: 0 30px 0 10px;
    margin: 15px 20px 35px; }
    .clp-selector:after {
      position: absolute;
      left: auto;
      right: 13px;
      bottom: auto;
      top: 13px;
      content: "";
      border: 6px solid transparent;
      border-top: 6px solid #707070;
      z-index: 2; }
  .clp-list {
    margin: 0 20px; }
  .clp-item {
    clear: both;
    overflow: hidden;
    display: block;
    margin-bottom: 35px;
    padding: 0;
    width: 100%; }
    .clp-item:after {
      content: "";
      display: table;
      clear: both; }
    .clp-item.even {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row; }
    .clp-item_description {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      left: auto;
      right: auto;
      bottom: auto;
      top: auto;
      width: 165px;
      z-index: 2; }
      .even .clp-item_description {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
        overflow: visible;
        padding-left: 5px; }
      .clp-item_description br {
        display: none; }
    .clp-item_image {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0 0 -85px;
      width: 175px; }
      .even .clp-item_image {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
        overflow: visible;
        margin: 0 0 0 -45px; }
    .clp-item_title {
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      margin-bottom: 12px; }
    .clp-item_text {
      font-style: normal;
      font-weight: 400;
      font-size: 11px;
      line-height: 16px;
      font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000; }
    .clp-item_shopnow {
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      color: #000000;
      text-decoration: underline; }
      .clp-item_shopnow:after {
        display: none; }
  .clp-page_title {
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase; }
  .clp-extra_bar {
    clear: both;
    overflow: hidden;
    padding: 10px; }
    .clp-extra_bar:after {
      content: "";
      display: table;
      clear: both; }
  .clp-label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    float: left; }
  .clp-close_refinements {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    background: #868686;
    border: 1px solid #868686;
    padding: 0 25px;
    text-transform: uppercase;
    width: auto;
    float: right; }
    .clp-close_refinements:hover, .clp-close_refinements.active, .clp-close_refinements:focus {
      transition: none 0.3s linear;
      background: #707070;
      border-color: #707070;
      color: #ffffff; }
  .refinement-list.active, .refinement-values.active {
    position: absolute;
    left: 0;
    right: auto;
    bottom: auto;
    top: 0;
    background: #ffffff;
    border-bottom: 3px solid #d7d7d7;
    display: block;
    float: none;
    visibility: visible;
    width: 100%;
    z-index: 3; }
    .refinement-list.active .refinement-show_all, .refinement-values.active .refinement-show_all {
      display: none !important; }
  .refinement-clear_block {
    display: none; }
  .refinement-header {
    text-align: center;
    margin: 16px 0 20px; }
  .refinement-element {
    border-color: #d7d7d7;
    padding: 0 10px; }
    .refinement-element:first-child {
      border-top-width: 0; }
  .refinement-expandable:after {
    background: url("../images/icons/arrow-right-black.png") no-repeat center;
    border: none;
    height: 11px;
    right: 14px;
    top: 14px;
    width: 6px; }
  .refinement-expandable.active:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border: none;
    right: 15px;
    top: 11px; }
  .refinement-link {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    text-transform: uppercase;
    padding: 9px 10px 9px 0; }
  .refinement-level_1 {
    margin-bottom: 6px; }
    .refinement-values .refinement-level_1 {
      display: none;
      margin-bottom: 0; }
  .refinement-level_2 {
    border-top-width: 0;
    padding: 0; }
    .refinement-level_2 .refinement-link {
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 20px;
      font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      text-transform: none;
      padding: 4px 0; }
  .refinement-extra_bar {
    clear: both;
    overflow: hidden;
    background: #ffffff;
    padding: 10px; }
    .refinement-extra_bar:after {
      content: "";
      display: table;
      clear: both; }
  .refinement-label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    float: left; }
  .refinement-close_bar {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    background: #868686;
    border: 1px solid #868686;
    padding: 0 25px;
    text-transform: uppercase;
    width: auto;
    float: right; }
    .refinement-close_bar:hover, .refinement-close_bar.active, .refinement-close_bar:focus {
      transition: none 0.3s linear;
      background: #707070;
      border-color: #707070;
      color: #ffffff; }
  .refinement-options {
    display: none;
    max-height: none;
    margin-bottom: 0;
    padding-left: 30px; }
  .refinement-block {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    background: #ffffff;
    padding-top: 0; }
    .refinement-block .refinement-link {
      line-height: 20px;
      color: #5a5a5a; }
  .refinement-title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 29px;
    font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    text-overflow: ellipsis;
    max-width: 95%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    margin-bottom: 0;
    padding: 4px 10px 2px;
    text-transform: uppercase; }
    .refinement-title:after {
      position: absolute;
      left: auto;
      right: 4px;
      bottom: auto;
      top: 12px;
      background: url("../images/icons/arrow-right-black.png") no-repeat center;
      content: "";
      height: 11px;
      width: 6px; }
    .refinement-title.expanded:after {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
  .refinement-value .refinement-link {
    text-transform: none; }
  .refinement-category .refinement-link {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    display: block;
    padding: 9px 10px 9px 0; }
    .refinement-category .refinement-link:after {
      position: absolute;
      left: auto;
      right: 4px;
      bottom: auto;
      top: 12px;
      background: url("../images/icons/arrow-right-black.png") no-repeat center;
      border: none;
      content: "";
      height: 11px;
      width: 6px; }
  .refinement-clear_link {
    position: absolute;
    left: auto;
    right: 48px;
    bottom: auto;
    top: 6px; }
  .blp-selector {
    margin-bottom: 30px; }
  .blp-item {
    width: 50%; }
  .blp-brands {
    padding-left: 15px; }
  .blp-view_all {
    display: none; }
    .brand_selected .blp-view_all {
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 38px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      display: inline-block;
      vertical-align: top;
      background: #ebebeb;
      border: 1px solid #ebebeb;
      padding: 0 25px;
      text-decoration: underline;
      text-transform: uppercase;
      width: auto;
      text-decoration: none; }
      .brand_selected .blp-view_all:hover, .brand_selected .blp-view_all.selected, .brand_selected .blp-view_all:focus {
        transition: none 0.3s linear;
        background: #707070;
        border-color: #707070;
        color: #ffffff; }
      .brand_selected .blp-view_all.out_of_stock {
        background: #ffffff;
        color: #d7d7d7;
        border-color: #d7d7d7; }
  .promotional-label:after {
    top: 4%; }
  .search-result-slot {
    display: none; } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .pdp-accordion {
    width: 100%; }
  .social-sharing,
  .inventory,
  .product-thumbnails {
    display: none; }
  .breadcrumb {
    margin: 0; }
  .product-col-1 {
    float: none;
    width: 100%; }
  .product-col-2 {
    float: none;
    width: 100%; }
  .main-image {
    width: 85%;
    margin: 0 auto; }
  .pdp-action-form {
    margin: 20px 0 0;
    -webkit-tap-highlight-color: transparent; }
  .product-actions {
    display: block !important;
    float: right;
    margin-bottom: 0;
    margin-top: 20px;
    height: 41px; }
    .product-actions.hide-mobile {
      display: none !important; }
  .add-to-cart, .product-notify_me {
    transition: bottom 0.5s ease;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    background: #029e56;
    border: 12px solid #d7d7d7;
    text-transform: uppercase;
    width: 100%; }
    .add-to-cart:active, .product-notify_me:active, .add-to-cart:hover, .product-notify_me:hover {
      background: #30bb79; }
    .add-to-cart-disabled, .add-to-cart[disabled], [disabled].product-notify_me {
      background: #fff;
      color: #000;
      bottom: 0;
      position: fixed;
      z-index: 100;
      left: 0;
      transition: bottom .5s ease;
      min-height: 60px;
      box-sizing: border-box;
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 1;
      font-family: futurabook, helvetica neue, Helvetica, Arial, sans-serif;
      display: inline-block;
      vertical-align: top;
      border: 12px solid #d7d7d7;
      outline: 0;
      text-transform: uppercase;
      width: 100%; }
    .add-to-cart.m-fixed, .m-fixed.product-notify_me {
      bottom: 0;
      left: 0;
      min-height: 60px;
      position: fixed;
      z-index: 100; }
  .product-detail {
    width: 100%;
    margin-left: 0; }
    .product-detail-headline {
      width: 100%;
      margin-left: 0; }
  .product-image-container {
    position: relative;
    width: 100%; }
  .product-promo {
    display: none; }
  .product-add-to-cart {
    width: 76%; }
  .product-brand {
    line-height: 33px; }
  .product-variations {
    width: 100%; }
    .product-variations .size-label {
      margin-right: 10px; }
  .product-iframe {
    height: auto;
    display: block;
    margin: 62px auto 0;
    position: static;
    width: 265px; }
  .product-info .ui-tabs-element {
    display: none; }
    .product-info .ui-tabs-element.ui-tabs-active {
      display: block; }
  .product-info .ui-tabs-panel {
    padding: 20px 0 0;
    border: 0; }
  .product-info .ui-tabs-element {
    width: 100%;
    border: 0; }
  .product-info .slick-next {
    right: -5px; }
  .product-info .slick-prev {
    left: -5px; }
  .product-main-image {
    width: 100%; }
    .product-main-image .slick-prev, .product-main-image .slick-next {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      z-index: 2; }
    .product-main-image .slick-slide {
      z-index: 3; }
  .product-enlarge {
    display: none; }
  .product-content_asset {
    margin: 30px 0 0 0; }
  .product-notify_title {
    font-size: 25px; }
  .product-notify_text {
    padding: 0; }
  .product-notify_wrapper {
    margin-bottom: 30px; }
  .color {
    width: 100%; }
  .swatch-item {
    padding: 0; }
    .swatch-item .variation-select-swatch {
      height: 13px;
      width: 13px; }
    .swatch-item-all {
      display: inline-block;
      vertical-align: top; }
  .product-swatches-all {
    width: 13px;
    line-height: 13px; }
  .promotion {
    width: 100%; } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .search-result-slot {
    display: block; }
    .search-result-slot .search-result-title {
      display: none; }
    .search-result-slot .search-result-description {
      min-height: auto;
      padding: 0 10px 8px;
      text-align: center;
      width: 100%; }
  .search-result-message {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: HelveticaNeueLT, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    border: 1px solid #d7d7d7;
    border-width: 1px 0;
    margin-bottom: 25px;
    text-align: center;
    padding: 7px 0 9px; }
  .grid-sort_label {
    display: none; }
  .grid-sort_select {
    position: relative;
    margin-right: 0;
    min-width: auto;
    width: 48%; }
    .grid-sort_select:after {
      position: absolute;
      left: auto;
      right: 12px;
      bottom: auto;
      top: 12px;
      background: url("../images/icons/arrow-top-black.png") no-repeat center;
      content: "";
      height: 8px;
      width: 16px;
      -webkit-transform: rotateX(180deg);
              transform: rotateX(180deg);
      z-index: 0; }
    .grid-sort_select select#grid-sort-header {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: transparent;
      position: relative;
      text-align-last: center;
      z-index: 1; }
  .grid-sort_refine {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -khtml-border-radius: 0;
    text-indent: 0;
    background-color: #ffffff;
    border: 1px solid #a9a9a9;
    display: inline-block;
    height: 32px;
    line-height: 30px;
    padding: 0 5px;
    pointer-events: auto;
    position: relative;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    width: 48%; }
    .grid-sort_refine:after {
      position: absolute;
      left: auto;
      right: 12px;
      bottom: auto;
      top: 12px;
      background: url("../images/icons/arrow-top-black.png") no-repeat center;
      content: "";
      height: 8px;
      width: 16px;
      -webkit-transform: rotateX(180deg);
              transform: rotateX(180deg); }
    .grid-sort_refine:hover {
      text-decoration: none; }
  .grid-sort_wrapper {
    display: block;
    margin-right: 0;
    text-align: center; }
    .grid-sort_wrapper fieldset {
      height: 32px;
      padding: 0 15px;
      text-align: justify;
      text-align-last: center; }
      .grid-sort_wrapper fieldset:after {
        content: '';
        display: inline-block;
        height: 0;
        width: 100%; }
  .refinement_breadcrumbs-item:not(:last-child) {
    margin-right: 10px; }
  .grid-tile {
    padding: 0 8px 8px;
    margin: 0 0 15px;
    width: 50%; }
  .no-hits-input {
    width: 65%; }
  .product-tile_exclusive.inline {
    display: block;
    width: 100%; }
  .product-tile_quickview {
    display: none !important; } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .error-page {
    background: none;
    min-height: auto;
    padding-top: 33px; }
    .error-page-title {
      margin-bottom: 30px; }
    .error-page-tabs, .error-page-banner img {
      display: none; }
    .error-page-content {
      font-size: 14px;
      margin-bottom: 20px;
      width: auto; }
    .error-page-search {
      margin: 0 auto 20px; } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .wishlist-form .form-row, .wishlist-form .form-row-customized {
    padding: 0;
    width: 100%; }
  .wishlist-form .form-row-button button {
    padding: 0 25px;
    width: auto; }
  .wishlist-heading {
    display: none; }
  .wishlist-table {
    border-bottom: 1px solid #d7d7d7; }
    .wishlist-table .wishlist-cell {
      border: 0;
      display: block;
      text-align: left; }
    .wishlist-table .wishlist-cell-title {
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 18px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      margin-bottom: 10px;
      text-align: left;
      text-decoration: underline;
      text-transform: uppercase; }
    .wishlist-table .wishlist-image,
    .wishlist-table .wishlist-details {
      display: inline-block;
      vertical-align: top;
      padding: 30px 30px 0;
      width: 50%; }
    .wishlist-table .wishlist-image {
      max-width: none; }
    .wishlist-table .wishlist-status,
    .wishlist-table .wishlist-date_added,
    .wishlist-table .wishlist-quantity_added {
      padding-left: 30px;
      width: 100%; }
    .wishlist-table .wishlist-add_to_bag {
      display: block;
      padding: 0 30px; }
  .wishlist-link-content {
    margin: 20px 0 0;
    max-width: 100%;
    padding: 0; }
  .wishlist-link-text {
    margin-bottom: 10px; }
  .wishlist-share_icon {
    padding: 0 33px; }
  .wishlist-priority_select {
    margin: 0; }
  .wishlist-add_to_bag .add-to-cart, .wishlist-add_to_bag .product-notify_me {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 38px;
    font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff; }
  .wishlist-dashboard {
    padding: 0; }
    .wishlist-dashboard .add-to-cart, .wishlist-dashboard .product-notify_me {
      display: none; }
    .wishlist-dashboard .delete-item {
      position: static;
      left: auto;
      right: auto;
      bottom: auto;
      top: auto;
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 38px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #ffffff;
      display: inline-block;
      vertical-align: top;
      background: #000000;
      border: 1px solid #d7d7d7;
      padding: 0 25px;
      text-transform: uppercase;
      width: auto;
      height: auto;
      width: 100%; }
      .wishlist-dashboard .delete-item:hover, .wishlist-dashboard .delete-item.active, .wishlist-dashboard .delete-item:focus {
        transition: none 0.3s linear;
        background: #707070;
        text-decoration: none; }
      .wishlist-dashboard .delete-item[disabled=disabled]:hover {
        background: #000000; }
    .wishlist-dashboard .update-item {
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 38px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #ffffff;
      display: inline-block;
      vertical-align: top;
      background: #000000;
      border: 1px solid #d7d7d7;
      padding: 0 25px;
      text-transform: uppercase;
      width: auto;
      margin-bottom: 15px;
      text-align: center;
      text-decoration: none;
      width: 100%; }
      .wishlist-dashboard .update-item:hover, .wishlist-dashboard .update-item.active, .wishlist-dashboard .update-item:focus {
        transition: none 0.3s linear;
        background: #707070;
        text-decoration: none; }
      .wishlist-dashboard .update-item[disabled=disabled]:hover {
        background: #000000; } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .order-history-header {
    display: none; }
  .order-history-title {
    display: block;
    padding: 0 0 10px;
    text-decoration: underline;
    width: 100%; }
  .order-item {
    border: 0;
    margin-bottom: 25px; }
  .order-description {
    width: 100%; }
  .order-details .order-history-title {
    display: none; }
  .item-list .section-header {
    display: none; }
  .item-cell {
    display: block;
    margin-bottom: 15px;
    padding: 10px 0 0 0;
    width: 100%; }
  .item-cell-title {
    display: block;
    padding: 0 0 15px;
    text-decoration: underline;
    text-transform: uppercase;
    width: 100%; }
  .order-shipment-table .section-header {
    display: none; }
  .order-shipment-cell {
    display: block;
    margin-bottom: 15px;
    padding: 8px 0 0 0;
    width: 100%; }
  .order-shipment-title {
    display: block;
    padding: 0 0 15px;
    text-decoration: underline;
    text-transform: uppercase;
    width: 100%; } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .pt_account h1 {
    padding: 0 3px;
    margin-bottom: 15px; }
  .pt_account .breadcrumb,
  .pt_wish-list .breadcrumb,
  .pt_order .breadcrumb {
    display: block; }
  .login-box {
    margin-bottom: 20px; }
  .login-left, .login-right {
    float: none;
    width: 100%; }
  .login-left {
    margin-bottom: 20px; }
  .login-returning_customers, .login-order_track, .login-create_account {
    padding: 15px 10px; }
    .login-returning_customers label:after, .login-order_track label:after, .login-create_account label:after {
      display: none; }
  .login-form, .login-order_text {
    padding: 0; }
  .login-submit button {
    text-align: right;
    padding: 0 22px; }
  .login-order_track label {
    width: 33%; }
  .login-order_track .field-wrapper, .login-order_track .form-row-customized .form-row, .form-row-customized .login-order_track .form-row, .login-order_track .form-row-customized .form-row-customized, .form-row-customized .login-order_track .form-row-customized {
    width: 67%; }
  .login-order_track .form-row-button {
    margin-bottom: 0; }
  .register-form label:after {
    display: none; }
  .minimize_label label {
    line-height: 14px; }
  .account-title {
    font-size: 25px; }
  .content-asset .account-section {
    margin: 10px 0;
    min-height: 150px;
    padding: 20px 0;
    width: 100%; }
    .content-asset .account-section:nth-child(even) {
      margin: 0; }
  .content-asset .account-options-description {
    margin: 0 auto;
    text-decoration: underline;
    width: 50%; }
  .address-item {
    width: 100%; }
  .address-edit_form {
    padding: 0; }
  .card_info-item {
    width: 100%; }
  .login-submit {
    padding-left: 0; } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .cart-row {
    border: 0; }
  .cart-table {
    width: 100%; }
  .cart-header, .cart-content-color, .cart-content-quantity, .cart-content-amount, .cart-tabs {
    display: none; }
  .cart-content-product {
    padding: 15px 0; }
    .cart-content-product input {
      display: inline-block;
      vertical-align: top;
      border: 1px solid #d7d7d7;
      font-size: 12px;
      height: 18px;
      padding: 0 5px;
      text-align: center;
      width: 34px; }
  .cart-content-data .product-list-item {
    width: 80%; }
  .cart-content-data .cart-content-amount {
    display: block;
    padding: 0; }
    .cart-content-data .cart-content-amount .cart-promo_adjustment,
    .cart-content-data .cart-content-amount .cart-price_unadjusted {
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 20px;
      font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #ac3a39;
      padding: 0; }
  .cart-action-checkout .cart-button {
    float: none;
    width: 100%; }
  .cart-footer_left, .cart-footer_right {
    float: none;
    width: 100%; }
  .cart-coupon-code .cart-coupon-input {
    width: 70%; }
  .cart-coupon-code .cart-coupon-button {
    width: 28%; }
  .cart-items-form .cart-update {
    float: none;
    width: 100%; }
  .header-checkout_secure {
    top: 5px;
    right: 5px; }
  .row-coupons .item-total {
    display: none; }
  .row-coupons .item-details .item-total {
    display: block; } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .pt_checkout .wrapper,
  .pt_order-confirmation .wrapper {
    padding-top: 0; }
  .pt_checkout .form-row label, .pt_checkout .form-row-customized label {
    width: 30%; }
  .pt_checkout .form-row button, .pt_checkout .form-row-customized button {
    float: none;
    line-height: 1;
    text-align: center;
    width: 70%;
    padding: 17px 0; }
  .pt_checkout .form-row .field-wrapper, .pt_checkout .form-row-customized .field-wrapper, .form-row-customized .pt_checkout .form-row .form-row, .pt_checkout .form-row-customized .form-row, .form-row-customized .pt_checkout .form-row .form-row-customized, .pt_checkout .form-row-customized .form-row-customized {
    width: 70%; }
  .pt_checkout .form-row .form-caption, .pt_checkout .form-row-customized .form-caption {
    width: auto; }
  .pt_checkout .checkbox-wrapper {
    display: inline-block;
    width: 70%; }
    .pt_checkout .checkbox-wrapper label {
      margin-bottom: 25px;
      width: 100%; }
  .pt_checkout .form-row.form-row-button.login-submit, .pt_checkout .form-row-button.login-submit.form-row-customized {
    height: auto;
    text-align: right; }
  .pt_checkout .login-forgot_pass {
    margin-left: 0; }
  .pt_checkout .payment-submit-wrapper {
    margin-right: 0;
    width: 100%; }
    .pt_checkout .payment-submit-wrapper .payment-order-button,
    .pt_checkout .payment-submit-wrapper .checkbox-wrapper {
      width: 100%; }
    .pt_checkout .payment-submit-wrapper .payment-order-button {
      margin-bottom: 25px; }
    .pt_checkout .payment-submit-wrapper .terms-conditions-text-wrapper {
      float: right;
      width: calc(100% - 60px); }
  .pt_checkout .gift-cert-used {
    margin-bottom: 25px; }
  .pt_checkout .ndulgeloyalty {
    padding: 25px 0 0; }
  .login-checkout .login-box-content {
    padding: 3.5%; }
  .steps {
    border: 0;
    padding: 10px 0;
    width: auto; }
    .steps + .steps {
      margin: 0; }
      .steps + .steps:before {
        content: '>';
        margin: 0 10px; }
    .steps-indicator {
      display: inline-block;
      vertical-align: top;
      font-size: 12px; }
    .steps-title {
      display: none; }
    .steps.active {
      background: none;
      border: 0;
      color: #000000; }
      .steps.active .steps-title {
        display: inline-block;
        vertical-align: top;
        text-decoration: underline;
        text-transform: uppercase; }
  .checkout-progress-indicator {
    margin: 10px 0; }
  .address-col-1,
  .address-col-2 {
    width: 100%; }
    .address-col-1 .extra_components .field-wrapper, .address-col-1 .extra_components .form-row-customized .form-row, .form-row-customized .address-col-1 .extra_components .form-row, .address-col-1 .extra_components .form-row-customized .form-row-customized, .form-row-customized .address-col-1 .extra_components .form-row-customized,
    .address-col-2 .extra_components .field-wrapper,
    .address-col-2 .extra_components .form-row-customized .form-row, .form-row-customized
    .address-col-2 .extra_components .form-row,
    .address-col-2 .extra_components .form-row-customized .form-row-customized, .form-row-customized
    .address-col-2 .extra_components .form-row-customized {
      width: 70%; }
    .address-col-1 .gift-wrap-my-order-wrapper,
    .address-col-2 .gift-wrap-my-order-wrapper {
      margin-bottom: 30px; }
    .address-col-1 .checkout-billing-gift,
    .address-col-2 .checkout-billing-gift {
      width: 20px; }
  .form-row.postal-code-block .form-caption, .postal-code-block.form-row-customized .form-caption {
    padding-left: 30%; }
  .shipping-method-list .form-row, .shipping-method-list .form-row-customized {
    width: 100%; }
    .shipping-method-list .form-row label, .shipping-method-list .form-row-customized label {
      padding-left: 30px;
      width: 100%; }
  .payment-method-options, .payment-order-totals {
    float: none;
    width: 100%; }
  .payment-method-options {
    padding: 0; }
    .payment-method-options .year + .error {
      padding-left: 0; }
  .ndulge-section {
    width: 100%; }
    .ndulge-section .form-row, .ndulge-section .form-row-customized,
    .ndulge-section .form-row-button {
      display: block;
      width: 100%; }
  .billing-coupon-code .label {
    width: 100%; }
  .delivery-store, .delivery-store-hours, .delivery-store-content {
    display: block;
    margin: 0 0 25px;
    width: 100%; }
  .use-ndulge.nowrap label {
    white-space: normal; }
  .method-CREDIT_CARD {
    background-position: left top;
    width: 260px; }
  .form-row.credit-card-number-block .form-caption, .credit-card-number-block.form-row-customized .form-caption {
    padding-left: 30%; }
  .pt_checkout .form-row.month .field-wrapper, .pt_checkout .month.form-row-customized .field-wrapper, .pt_checkout .form-row.month .form-row-customized .form-row, .form-row-customized .pt_checkout .form-row.month .form-row, .pt_checkout .month.form-row-customized .form-row, .pt_checkout .form-row.month .form-row-customized .form-row-customized, .form-row-customized .pt_checkout .form-row.month .form-row-customized, .pt_checkout .month.form-row-customized .form-row-customized,
  .pt_checkout .form-row.year .field-wrapper,
  .pt_checkout .year.form-row-customized .field-wrapper,
  .pt_checkout .form-row.year .form-row-customized .form-row, .form-row-customized
  .pt_checkout .form-row.year .form-row,
  .pt_checkout .year.form-row-customized .form-row,
  .pt_checkout .form-row.year .form-row-customized .form-row-customized, .form-row-customized
  .pt_checkout .form-row.year .form-row-customized,
  .pt_checkout .year.form-row-customized .form-row-customized {
    width: 100%; }
  .payment-method-options .month,
  .payment-method-options .year {
    width: 34.1%; }
  .payment-method-options .month {
    margin-right: 1.5%; } }

.js-cc-type {
  position: relative; }
  .js-cc-type img {
    display: none;
    position: absolute;
    right: 2px;
    top: 2px;
    height: 22px;
    width: auto; }
  .js-cc-type.visa img.visa, .js-cc-type.electron img.visa, .js-cc-type.debit img.visa {
    display: inline-block; }
  .js-cc-type.discover img.discover {
    display: inline-block; }
  .js-cc-type.maestro img.maestro {
    display: inline-block; }
  .js-cc-type.discover img.discover {
    display: inline-block; }
  .js-cc-type.jcb img.jcb {
    display: inline-block; }
  .js-cc-type.mastercard img.mastercard, .js-cc-type.master img.mastercard {
    display: inline-block; }
  .js-cc-type.amex img.amex {
    display: inline-block; }
  .js-cc-type.dinersclub img.dinersclub {
    display: inline-block; }
  .js-cc-type.switch img.switch {
    display: inline-block; }
  .js-cc-type.solo img.solo {
    display: inline-block; }
  .js-cc-type.unknown img.unknown {
    display: inline-block; }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .storelocator-select, .storelocator-input, .storelocator-submit {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%; }
    .storelocator-select label, .storelocator-input label, .storelocator-submit label {
      line-height: 26px; }
  .storelocator-content {
    margin-bottom: 50px; }
  .storelocator-list, .storelocator-map, .storelocator-list + .storelocator-map {
    float: none;
    width: 100% !important;
    margin-bottom: 20px; }
  .storelocator-store {
    display: inline-block;
    vertical-align: top;
    width: 49%; } }

@media only screen and (min-width: 320px) and (max-width: 766px) {
  .main {
    position: relative; }
    .main-sidebar {
      position: absolute;
      left: -200vh;
      right: auto;
      bottom: auto;
      top: 0;
      float: none;
      visibility: hidden;
      width: auto; }
    .main-content {
      float: none;
      padding-bottom: 20px;
      width: 100%; }
  body {
    left: 0;
    position: relative; }
    body.menu-active {
      position: fixed;
      left: 80%;
      right: auto;
      bottom: auto;
      top: 0; }
    body.pt_homepage {
      width: 100%; }
    body.pt_homepage.menu-active {
      clear: both;
      overflow: hidden; }
      body.pt_homepage.menu-active:after {
        content: "";
        display: table;
        clear: both; }
  .wrapper {
    transition: none 0.3s linear; }
  .ui-dialog {
    position: fixed;
    left: 0 !important;
    right: 0 !important;
    bottom: auto;
    top: 5% !important;
    margin: 0 auto;
    padding: 10px;
    width: 95% !important;
    z-index: 110 !important; }
  .customer-service-form {
    width: 100%; }
  .back-to-top {
    display: none !important; }
  .form-row label, .form-row-customized label, .form-row .field-wrapper, .form-row-customized .field-wrapper, .form-row-customized .form-row, .form-row-customized .form-row-customized, .form-row .form-caption, .form-row-customized .form-caption {
    width: 100%;
    padding: 0; }
  .form-row .form-field-tooltip, .form-row-customized .form-field-tooltip {
    display: none; }
  .form-row button, .form-row-customized button {
    padding: 0 19px; }
  .form-caption {
    padding-left: 0; }
  .select-wrapper:before, .select-wrapper:after {
    display: none; }
  .select-wrapper select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist; }
  .checkbox-wrapper label {
    padding-left: 27px; }
  .checkbox-wrapper.checked:after, .checkbox-wrapper.checked label.checkbox-wrapper:after, .field-variant.checked label.checkbox-wrapper:after {
    position: absolute;
    left: 3px;
    right: auto;
    bottom: auto;
    top: 3px;
    content: "";
    background: url("../images/icons/checkbox-checked.png");
    height: 14px;
    width: 14px;
    z-index: 1; }
  .site-map-section {
    display: block;
    min-height: 210px;
    width: 100%; }
  .pt_content .ui-tabs-element {
    float: none;
    margin-right: 0; }
  .landing-mat {
    padding: 30px 0 0 !important; }
    .landing-mat-countries, .landing-mat-selector {
      padding-bottom: 30px;
      width: 100%; }
    .landing-mat-title {
      background-size: 100%;
      font-size: 23px;
      margin-bottom: 20px; }
    .landing-mat-country {
      font-size: 15px; }
    .landing-mat-cookies {
      width: 100%; }
    .landing-mat .country-selector_select.hidden {
      font-size: 12px; }
  .ui-tabs:before, .ui-tabs:after {
    display: none; }
  .ui-tabs-element {
    float: none;
    width: 100%; }
    .ui-tabs-element.ui-tabs-active {
      border-color: #d7d7d7; }
  .ui-tabs-panel {
    border: 1px solid #d7d7d7; }
  .banner-rotation {
    height: 20px;
    line-height: 0;
    position: relative; }
    .banner-rotation .banner-rotation-item {
      position: absolute;
      left: 0;
      right: auto;
      bottom: auto;
      top: 0;
      border: none;
      display: block;
      height: 100%;
      line-height: 20px;
      margin: 0 !important;
      opacity: 1;
      padding: 0 !important;
      transition: opacity 0.3s;
      width: 100%; }
      .banner-rotation .banner-rotation-item:not(:first-child) {
        opacity: 0; }
    .banner-rotation .banner-rotation-hide {
      opacity: 0 !important; }
    .banner-rotation .banner-rotation-show {
      opacity: 1 !important;
      transition-delay: 0.3s; } }

@media only screen and (min-width: 480px) and (max-width: 766px) {
  .footer-social_list {
    width: 480px; } }

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .footer-social_list {
    width: 320px; } }