@keyframes show {
  from {
    opacity: 0;
  }

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

  to {
    opacity: 1;
  }
}
.straight-black {
  width: 10px;
  height: 102px;
  background: #1f1f1f;
  position: relative;
}

.playground-img img {
  width: 100%;
}

.playground-intro {
  width: 100%;
  height: auto;
  position: relative;
  background: url("../img/golf.jpg") 50% 0 no-repeat;
  padding: 0 0 7% 0;
}
.playground-intro:after {
  content: " ";
  display: block;
  position: absolute;
  width: 10px;
  height: 102px;
  left: 50%;
  bottom: -77px;
  background: #1f1f1f;
  z-index: 30;
}
.playground-intro .playground-mag {
  width: 60%;
  margin: 5em 0 0 5em;
  text-align: left;
}
.playground-intro .playground-mag .sub-title-pl {
  font-size: 25px;
  width: 60%;
  font-family: "lacosteSansLight";
  font-style: italic;
}
.playground-intro .playground-mag img {
  width: 65%;
}
.playground-intro .urbaniste {
  padding: 2em;
  background: #fff;
  width: 28.5%;
  position: relative;
  left: 4%;
}
.playground-intro .urbaniste .titre-mag {
  font-family: "lacosteSansBold";
  font-size: 16px;
}
.playground-intro .urbaniste .titre-mag a {
  text-decoration: none;
  color: #454545;
}
.playground-intro .urbaniste .sub-titre-mag {
  color: #797979;
  width: 90%;
  font-family: "lacosteSansLight";
}

.urbanite {
  width: 100%;
  text-align: center;
  margin: 8em 0 5em 0;
}
.urbanite .title-zone .btn-title {
  font-size: 35px;
  font-family: "lacosteSansBold";
  padding: 8px;
  margin: 1em auto 0.5em;
}
.urbanite .title-zone .btn-title span {
  border: 1px solid #000000;
  padding: 12px 16px;
}
.urbanite .title-zone .btn-title-2 {
  width: 380px;
  font-size: 35px;
  font-family: "lacosteSansBold";
  padding: 8px;
  margin: 50px auto 0.5em auto;
  border: 1px solid  #000;
}
.urbanite .title-zone .sub-zone {
  font-family: "lacosteSansLight";
  font-size: 20px;
  width: 62%;
  line-height: 40px;
  margin: 0 auto 3% auto;
}
.urbanite .content-urban {
  width: 100%;
  display: table;
}
.urbanite .content-urban .title-pro {
  font-family: "lacosteSansBold";
  font-size: 15px;
  width: 80%;
}
.urbanite .content-urban .sub-title-pro {
  font-family: "lacosteSansLight";
  font-size: 12px;
  line-height: 20px;
  color: #797979;
  width: 89%;
}
.urbanite .content-urban .spacer-pro {
  width: 100%;
  height: 150px;
}
.urbanite .content-urban .pro-urban-1 {
  width: 26%;
  text-align: left;
  float: left;
  margin: 0 0 0 13%;
  position: relative;
}
.urbanite .content-urban .pro-urban-1 .img-container-urban {
  position: relative;
  margin: -17% 0 0 0;
}
.urbanite .content-urban .pro-urban-1 .img-container-urban .chiffre-1 {
  position: relative;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: -44px;
  top: 109px;
}
.urbanite .content-urban .pro-urban-1 .img-container-urban img {
  width: 100%;
}
.urbanite .content-urban .pro-urban-2 {
  position: relative;
  left: 25%;
  float: left;
  width: 26%;
  text-align: left;
}
.urbanite .content-urban .pro-urban-2 .img-container-urban {
  position: relative;
  margin: -4% 0 0 0;
}
.urbanite .content-urban .pro-urban-2 .img-container-urban .chiffre-2 {
  position: absolute;
  font-family: "lacosteSansBold";
  font-size: 70px;
  right: -40px;
  top: 27px;
}
.urbanite .content-urban .pro-urban-2 .img-container-urban img {
  width: 100%;
}
.urbanite .content-urban .pro-urban-3 {
  text-align: left;
  position: relative;
  float: left;
  left: 12%;
  width: 50%;
}
.urbanite .content-urban .pro-urban-3 .img-container-urban {
  position: relative;
  margin: 24% 0 0 0;
}
.urbanite .content-urban .pro-urban-3 .img-container-urban img {
  width: 100%;
}
.urbanite .content-urban .pro-urban-3 .img-container-urban .chiffre-3 {
  position: absolute;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: 82px;
  top: -49px;
}
.urbanite .content-urban .pro-urban-3 .img-container-urban:after {
  content: "";
  width: 102px;
  height: 10px;
  background: #1f1f1f;
  top: 69%;
  left: -63px;
  display: block;
  position: absolute;
}
.urbanite .content-urban .pro-urban-3 .trait-3 {
  display: block;
  position: absolute;
  width: 102px;
  height: 10px;
  left: -11.5%;
  top: 57%;
  background: #1f1f1f;
}
.urbanite .content-urban .pro-urban-3 .content-title-urban {
  width: 55%;
  margin: 0 auto;
}
.urbanite .content-urban .pro-urban-4 {
  text-align: left;
  margin: 150px auto;
}
.urbanite .content-urban .pro-urban-4 .trait-3 {
  display: block;
  position: absolute;
  width: 102px;
  height: 10px;
  left: 53.5%;
  top: 57%;
  background: #1f1f1f;
}
.urbanite .content-urban .pro-urban-4 .chiffre-3 {
  position: relative;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: 55px;
  top: 50px;
}
.urbanite .content-urban .pro-urban-4 .content-title-urban {
  width: 55%;
  margin: 0 auto;
}

.icons {
  width: 100%;
  text-align: center;
  margin: 8em 0 5em 0;
}
.icons .title-zone .btn-title {
  width: 220px;
  font-size: 35px;
  font-family: "lacosteSansBold";
  padding: 8px;
  margin: 1em auto 0.5em auto;
  border: 1px solid  #000;
}
.icons .title-zone .btn-title-2 {
  width: 380px;
  font-size: 35px;
  font-family: "lacosteSansBold";
  padding: 8px;
  margin: 1em auto 0.5em auto;
  border: 1px solid  #000;
}
.icons .title-zone .sub-zone {
  font-family: "lacosteSansLight";
  font-size: 20px;
  width: 50%;
  line-height: 40px;
  margin: 0 auto;
}
.icons .content-urban {
  width: 100%;
  display: table;
}
.icons .content-urban .title-pro {
  font-family: "lacosteSansBold";
  font-size: 15px;
}
.icons .content-urban .sub-title-pro {
  font-family: "lacosteSansLight";
  font-size: 12px;
  line-height: 20px;
  color: #797979;
}
.icons .content-urban .spacer-pro {
  width: 100%;
  height: 357px;
}
.icons .content-urban .urban-g {
  width: 50%;
  float: left;
}
.icons .content-urban .urban-g .pro-urban-1 {
  width: 100%;
  text-align: left;
  margin: 0 auto;
}
.icons .content-urban .urban-g .pro-urban-1 .img-container-urban {
  position: relative;
  margin: 15% 0 0 0;
}
.icons .content-urban .urban-g .pro-urban-1 .img-container-urban img {
  width: 100%;
}
.icons .content-urban .urban-g .pro-urban-1 .img-container-urban .chiffre-1 {
  position: absolute;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: 55px;
  top: -48px;
}
.icons .content-urban .urban-g .pro-urban-1 .content-title-urban {
  width: 55%;
  margin: 0 auto;
}
.icons .content-urban .urban-g .pro-urban-2 {
  width: 68%;
  margin: 0 auto;
}
.icons .content-urban .urban-g .pro-urban-2 img {
  width: 100%;
}
.icons .content-urban .urban-g .pro-urban-2 .chiffre-2 {
  position: relative;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: 325px;
  top: 140px;
}
.icons .content-urban .urban-d {
  width: 50%;
  float: right;
}
.icons .content-urban .urban-d .pro-urban-3 {
  text-align: left;
  margin: 30% auto 15% 0;
  float: right;
  width: 80%;
}
.icons .content-urban .urban-d .pro-urban-3 img {
  width: 100%;
}
.icons .content-urban .urban-d .pro-urban-3 .trait-3 {
  display: block;
  position: absolute;
  width: 102px;
  height: 10px;
  left: 53.5%;
  top: 57%;
  background: #1f1f1f;
}
.icons .content-urban .urban-d .pro-urban-3 .chiffre-3 {
  position: relative;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: 55px;
  top: 580px;
}
.icons .content-urban .urban-d .pro-urban-3 .content-title-urban {
  width: 55%;
  margin: 0 auto;
}
.icons .content-urban .urban-d .pro-urban-4 {
  text-align: left;
  float: right;
}
.icons .content-urban .urban-d .pro-urban-4 .img-container-urban {
  position: relative;
}
.icons .content-urban .urban-d .pro-urban-4 .img-container-urban img {
  width: 100%;
}
.icons .content-urban .urban-d .pro-urban-4 .img-container-urban .chiffre-3 {
  position: absolute;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: 42px;
  top: -46px;
}
.icons .content-urban .urban-d .pro-urban-4 .trait-3 {
  display: block;
  position: absolute;
  width: 102px;
  height: 10px;
  left: 53.5%;
  top: 57%;
  background: #1f1f1f;
}
.icons .content-urban .urban-d .pro-urban-4 .content-title-urban {
  width: 55%;
  margin: 0 auto;
}

.gifts {
  width: 100%;
  text-align: center;
  margin: 8em 0 5em 0;
}
.gifts .title-zone .btn-title {
  width: 220px;
  font-size: 35px;
  font-family: "lacosteSansBold";
  padding: 8px;
  margin: 1em auto 0.5em auto;
  border: 1px solid  #000;
}
.gifts .title-zone .btn-title-2 {
  width: 380px;
  font-size: 35px;
  font-family: "lacosteSansBold";
  padding: 8px;
  margin: 1em auto 0.5em auto;
  border: 1px solid  #000;
}
.gifts .title-zone .sub-zone {
  font-family: "lacosteSansLight";
  font-size: 20px;
  width: 50%;
  line-height: 40px;
  margin: 0 auto;
}
.gifts .content-urban {
  width: 100%;
  display: table;
}
.gifts .content-urban .title-pro {
  font-family: "lacosteSansBold";
  font-size: 15px;
}
.gifts .content-urban .sub-title-pro {
  font-family: "lacosteSansLight";
  font-size: 12px;
  line-height: 20px;
  color: #797979;
}
.gifts .content-urban .spacer-pro {
  width: 100%;
  height: 150px;
}
.gifts .content-urban .pro-urban-1 {
  width: 26%;
  text-align: left;
  float: left;
  margin: 0 0 0 13%;
  position: relative;
}
.gifts .content-urban .pro-urban-1:before {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 10px solid #000000;
  top: 45%;
  width: 100px;
  left: -50%;
}
.gifts .content-urban .pro-urban-1 .chiffre-1 {
  position: relative;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: -44px;
  top: 63px;
}
.gifts .content-urban .pro-urban-1 img {
  margin: -17% 0 0 0;
  width: 100%;
}
.gifts .content-urban .pro-urban-2 {
  position: relative;
  left: 25%;
  float: left;
  width: 25%;
  text-align: left;
}
.gifts .content-urban .pro-urban-2 .chiffre-2 {
  position: relative;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: 225px;
  top: 35px;
}
.gifts .content-urban .pro-urban-2 img {
  margin: -27% 0 0 0;
  width: 100%;
}
.gifts .content-urban .pro-urban-3 {
  text-align: left;
  position: relative;
  float: left;
  left: 12%;
  width: 50%;
}
.gifts .content-urban .pro-urban-3 img {
  margin: 10% 0 0 0;
  width: 100%;
}
.gifts .content-urban .pro-urban-3 .trait-3 {
  display: block;
  position: absolute;
  width: 10px;
  height: 102px;
  left: 53.5%;
  top: 119%;
  background: #1f1f1f;
}
.gifts .content-urban .pro-urban-3 .chiffre-3 {
  position: relative;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: 55px;
  top: 103px;
}
.gifts .content-urban .pro-urban-3 .content-title-urban {
  width: 55%;
  margin: 0 auto;
}
.gifts .content-urban .pro-urban-4 {
  text-align: left;
  margin: 150px auto;
}
.gifts .content-urban .pro-urban-4 .trait-3 {
  display: block;
  position: absolute;
  width: 102px;
  height: 10px;
  left: 53.5%;
  top: 57%;
  background: #1f1f1f;
}
.gifts .content-urban .pro-urban-4 .chiffre-3 {
  position: relative;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: 55px;
  top: 50px;
}
.gifts .content-urban .pro-urban-4 .content-title-urban {
  width: 55%;
  margin: 0 auto;
}

.fashion-show {
  width: 100%;
  text-align: center;
  margin: 8em 0 5em 0;
}
.fashion-show .title-zone .btn-title {
  width: 400px;
  font-size: 35px;
  font-family: "lacosteSansBold";
  padding: 8px;
  margin: 1em auto 0.5em auto;
  border: 1px solid  #000;
}
.fashion-show .title-zone .btn-title-2 {
  width: 380px;
  font-size: 35px;
  font-family: "lacosteSansBold";
  padding: 8px;
  margin: 1em auto 0.5em auto;
  border: 1px solid  #000;
}
.fashion-show .title-zone .sub-zone {
  font-family: "lacosteSansLight";
  font-size: 20px;
  width: 50%;
  line-height: 40px;
  margin: 0 auto;
}
.fashion-show .content-urban {
  width: 100%;
  display: table;
}
.fashion-show .content-urban .title-pro {
  font-family: "lacosteSansBold";
  font-size: 15px;
}
.fashion-show .content-urban .sub-title-pro {
  font-family: "lacosteSansLight";
  font-size: 12px;
  line-height: 20px;
  color: #797979;
}
.fashion-show .content-urban .spacer-pro {
  width: 100%;
  height: 150px;
}
.fashion-show .content-urban .urban-g {
  width: 50%;
  float: left;
}
.fashion-show .content-urban .urban-g .pro-urban-1 {
  width: 100%;
  text-align: left;
}
.fashion-show .content-urban .urban-g .pro-urban-1 .img-container-urban {
  position: relative;
  margin: 14% 0 0 0;
}
.fashion-show .content-urban .urban-g .pro-urban-1 .img-container-urban img {
  width: 100%;
}
.fashion-show .content-urban .urban-g .pro-urban-1 .img-container-urban .chiffre-1 {
  position: absolute;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: 62px;
  top: -47px;
}
.fashion-show .content-urban .urban-g .pro-urban-1 .content-title-urban {
  width: 55%;
  margin: 0 auto;
}
.fashion-show .content-urban .urban-g .pro-urban-2 {
  width: 53%;
  float: right;
  text-align: left;
}
.fashion-show .content-urban .urban-g .pro-urban-2 img {
  width: 100%;
}
.fashion-show .content-urban .urban-g .pro-urban-2 .chiffre-2 {
  position: relative;
  font-family: "lacosteSansBold";
  font-size: 70px;
  left: 325px;
  top: 140px;
}
.fashion-show .content-urban .urban-d {
  width: 50%;
  float: right;
}
.fashion-show .content-urban .urban-d .pro-urban-3 {
  float: left;
  width: 48%;
  text-align: left;
  margin: 20% auto 15% 0;
  position: relative;
  left: 27%;
}
.fashion-show .content-urban .urban-d .pro-urban-3 .img-container-urban {
  position: relative;
  margin: 32% 0 0 0;
}
.fashion-show .content-urban .urban-d .pro-urban-3 .img-container-urban img {
  width: 100%;
}
.fashion-show .content-urban .urban-d .pro-urban-3 .img-container-urban .chiffre-3 {
  position: absolute;
  font-family: "lacosteSansBold";
  font-size: 70px;
  right: -41px;
  top: 12px;
}
.fashion-show .content-urban .urban-d .pro-urban-3 .img-container-urban .trait-3 {
  display: block;
  position: absolute;
  width: 102px;
  height: 10px;
  left: -65px;
  top: 122px;
  background: #1f1f1f;
}
.fashion-show .content-urban .urban-d .pro-urban-3 .content-title-urban {
  width: 55%;
  margin: 0 auto;
}

.footer-landing {
  display: table;
  width: 100%;
}
.footer-landing .column-landing {
  width: 25%;
  padding: 2em;
  border-right: 1px solid #ededed;
  display: table-cell;
}
.footer-landing .column-landing .number-column {
  font-size: 25px;
  font-family: "lacosteSansBold";
  margin: 0;
}
.footer-landing .column-landing .sub-title-column {
  font-size: 12px;
  margin: 0;
  font-family: "lacosteSansBold";
}
.footer-landing .column-landing .link-landing {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer-landing .column-landing .link-landing li a {
  font-size: 12px;
  text-decoration: none;
  color: #454545;
  margin: 2em 0;
  font-family: "lacosteSansBold";
}
.footer-landing .column-landing .link-landing .page-title,
.footer-landing .column-landing .link-landing h1 {
  font-size: 12px;
}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .playground-intro {
    background: url("../img/golf.jpg") 150px 0 no-repeat;
  }
  .playground-intro .urbaniste {
    width: 40%;
    left: 7%;
  }
  .playground-intro .playground-mag .sub-title-pl {
    font-size: 20px;
    width: 100%;
  }

  .urbanite .content-urban {
    width: 100%;
    display: table;
  }
  .urbanite .content-urban .title-pro {
    font-family: "lacosteSansBold";
    font-size: 15px;
    width: 80%;
  }
  .urbanite .content-urban .sub-title-pro {
    font-family: "lacosteSansLight";
    font-size: 12px;
    line-height: 20px;
    color: #797979;
    width: 89%;
  }
  .urbanite .content-urban .spacer-pro {
    width: 100%;
    height: 150px;
  }
  .urbanite .content-urban .pro-urban-1 {
    width: 41%;
    text-align: left;
    float: left;
    margin: 0 0 0 13%;
  }
  .urbanite .content-urban .pro-urban-1 .chiffre-1 {
    position: relative;
    font-family: "lacosteSansBold";
    font-size: 70px;
    left: -44px;
    top: 120px;
  }
  .urbanite .content-urban .pro-urban-1 img {
    margin: -17% 0 0 0;
    width: 100%;
  }
  .urbanite .content-urban .pro-urban-2 {
    text-align: left;
    float: left;
    width: 47%;
    margin: 19% 0 0 0;
    left: 5%;
  }
  .urbanite .content-urban .pro-urban-2 .chiffre-2 {
    position: relative;
    font-family: "lacosteSansBold";
    font-size: 70px;
    left: 87.5%;
    top: 35px;
  }
  .urbanite .content-urban .pro-urban-2 img {
    margin: -20% 0 0 0;
    width: 100%;
  }
  .urbanite .content-urban .pro-urban-3 {
    text-align: left;
    margin: 0;
    float: right;
    width: 81%;
  }
  .urbanite .content-urban .pro-urban-3 img {
    margin: 0;
    width: 100%;
  }
  .urbanite .content-urban .pro-urban-3 .trait-3 {
    display: block;
    position: absolute;
    width: 102px;
    height: 10px;
    left: -9%;
    top: 57%;
    background: #1f1f1f;
  }
  .urbanite .content-urban .pro-urban-3 .chiffre-3 {
    position: relative;
    font-family: "lacosteSansBold";
    font-size: 70px;
    left: 55px;
    top: 50px;
  }
  .urbanite .content-urban .pro-urban-3 .content-title-urban {
    width: 55%;
    margin: 0 auto;
  }
  .urbanite .content-urban .pro-urban-4 {
    text-align: left;
    margin: 150px auto;
  }
  .urbanite .content-urban .pro-urban-4 .trait-3 {
    display: block;
    position: absolute;
    width: 102px;
    height: 10px;
    left: 53.5%;
    top: 57%;
    background: #1f1f1f;
  }
  .urbanite .content-urban .pro-urban-4 .chiffre-3 {
    position: relative;
    font-family: "lacosteSansBold";
    font-size: 70px;
    left: 55px;
    top: 50px;
  }
  .urbanite .content-urban .pro-urban-4 .content-title-urban {
    width: 55%;
    margin: 0 auto;
  }

  .content-urban .sub-title-pro {
    font-size: 10px;
  }

  .icons .content-urban .urban-g .pro-urban-1 .content-title-urban {
    width: 80%;
  }
  .icons .content-urban .urban-g .pro-urban-2 {
    text-align: left;
  }
  .icons .content-urban .urban-d .pro-urban-4 {
    position: relative;
  }
  .icons .content-urban .urban-d .pro-urban-4 .content-title-urban {
    width: 80%;
  }
  .icons .content-urban .urban-d .pro-urban-4 .chiffre-3 {
    left: 55px;
    top: 47px;
  }
  .icons .content-urban .urban-d .pro-urban-3 {
    margin: 100px auto;
  }
  .icons .content-urban .sub-title-pro {
    font-size: 10px;
  }

  .gifts .content-urban .pro-urban-1 {
    width: 33%;
    text-align: left;
    float: left;
    margin: 0 0 0 13%;
  }
  .gifts .content-urban .pro-urban-1 .chiffre-1 {
    position: relative;
    font-family: "lacosteSansBold";
    font-size: 70px;
    left: -44px;
    top: 120px;
  }
  .gifts .content-urban .pro-urban-1 img {
    margin: -17% 0 0 0;
    width: 100%;
  }
  .gifts .content-urban .pro-urban-2 {
    text-align: left;
    float: left;
    width: 33%;
    margin: 0 0 0 0;
    left: 28%;
    clear: both;
  }
  .gifts .content-urban .pro-urban-2 .chiffre-2 {
    position: relative;
    font-family: "lacosteSansBold";
    font-size: 70px;
    left: 82.5%;
    top: 35px;
  }
  .gifts .content-urban .pro-urban-2 img {
    margin: -20% 0 0 0;
    width: 100%;
  }
  .gifts .content-urban .pro-urban-3 {
    text-align: left;
    margin: 0;
    float: right;
    width: 50%;
    left: 0;
  }
  .gifts .content-urban .pro-urban-3 img {
    margin: 23% 0 0 0;
    width: 100%;
  }
  .gifts .content-urban .pro-urban-3 .trait-3 {
    display: none;
  }
  .gifts .content-urban .pro-urban-3 .chiffre-3 {
    position: relative;
    font-family: "lacosteSansBold";
    font-size: 70px;
    left: 55px;
    top: 138px;
  }
  .gifts .content-urban .pro-urban-3 .content-title-urban {
    width: 55%;
    margin: 0 auto;
  }
  .gifts .content-urban .pro-urban-4 {
    text-align: left;
    margin: 150px auto;
  }
  .gifts .content-urban .pro-urban-4 .trait-3 {
    display: block;
    position: absolute;
    width: 102px;
    height: 10px;
    left: 53.5%;
    top: 57%;
    background: #1f1f1f;
  }
  .gifts .content-urban .pro-urban-4 .chiffre-3 {
    position: relative;
    font-family: "lacosteSansBold";
    font-size: 70px;
    left: 55px;
    top: 50px;
  }
  .gifts .content-urban .pro-urban-4 .content-title-urban {
    width: 55%;
    margin: 0 auto;
  }
  .gifts .content-urban .sub-title-pro {
    font-size: 10px;
  }

  .fashion-show .content-urban .sub-title-pro {
    font-size: 10px;
  }
  .fashion-show .content-urban .urban-g {
    width: 69%;
  }
  .fashion-show .content-urban .urban-d .pro-urban-3 {
    width: 60%;
    text-align: left;
    position: relative;
    right: 25%;
    margin: 0;
    float: none;
  }
  .fashion-show .content-urban .urban-d .pro-urban-3 .content-title-urban {
    width: 100%;
    margin: 0;
  }
  .fashion-show .content-urban .urban-d .pro-urban-3 .chiffre-3 {
    position: relative;
    font-family: "lacosteSansBold";
    font-size: 70px;
    left: 85%;
    top: 125px;
  }
  .fashion-show .content-urban .urban-d .pro-urban-3 .trait-3 {
    display: none;
    left: -26.5%;
    top: 36%;
  }

  .footer-landing {
    display: block;
  }
  .footer-landing .column-landing {
    width: 50%;
    padding: 2em;
    border-right: 1px solid #ededed;
    float: left;
    border-bottom: 1px solid #ededed;
    height: 203px;
  }
  .footer-landing .column-landing .sub-title-column li a,
  .footer-landing .column-landing .link-landing li a {
    font-size: 10px;
  }
  .footer-landing .column-landing .sub-title-column .page-title,
  .footer-landing .column-landing .sub-title-column h1,
  .footer-landing .column-landing .link-landing .page-title,
  .footer-landing .column-landing .link-landing h1 {
    font-size: 12px;
  }
}
/* MOBIL */
@media screen and (max-width: 767px) {
  .playground-intro {
    width: 100%;
    height: 518px;
    background: url(../img/golf.jpg) 50% 70px no-repeat;
    background-size: 100% auto;
    margin: 0 0 10% 0;
  }
  .playground-intro .urbaniste {
    display: none;
  }
  .playground-intro .playground-mag {
    width: 100%;
    margin: 4.5em 0 0 3em;
  }
  .playground-intro .playground-mag .sub-title-pl {
    font-size: 14px;
    width: 84%;
  }
  .playground-intro:after {
    bottom: -5%;
  }

  .urbanite {
    margin: 14px 0 0;
  }
  .urbanite .content-urban .pro-urban-1 {
    width: 92%;
    text-align: left;
    float: left;
    margin: 0 0 0 7%;
  }
  .urbanite .content-urban .pro-urban-1 .img-container-urban .chiffre-1 {
    left: -21px;
    top: 99px;
  }
  .urbanite .content-urban .pro-urban-2 {
    text-align: left;
    width: 91%;
    float: left;
    margin: 40px 0 0 0;
    left: 0;
    position: relative;
  }
  .urbanite .content-urban .pro-urban-2 img {
    margin-top: 0;
  }
  .urbanite .content-urban .pro-urban-2 .img-container-urban .chiffre-2 {
    right: -24px;
    top: -51px;
  }
  .urbanite .content-urban .pro-urban-2 .title-pro {
    margin-left: 6%;
  }
  .urbanite .content-urban .pro-urban-2 .sub-title-pro {
    margin-left: 6%;
  }
  .urbanite .content-urban .pro-urban-3 {
    text-align: left;
    float: left;
    width: 93%;
    margin: 0;
    left: 7%;
  }
  .urbanite .content-urban .pro-urban-3 img {
    margin: -8% 0 0 0;
  }
  .urbanite .content-urban .pro-urban-3 .content-title-urban {
    width: 100%;
    margin: 0;
  }
  .urbanite .content-urban .pro-urban-3 .img-container-urban .chiffre-3 {
    top: -75px;
    left: -22px;
  }
  .urbanite .content-urban .pro-urban-3 .img-container-urban:after {
    display: none;
  }
  .urbanite .content-urban .pro-urban-3 .trait-3 {
    display: none;
  }
  .urbanite .title-zone .sub-zone {
    font-family: "lacosteSansLight";
    font-size: 14px;
    width: 90%;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
  }

  .icons .content-urban .urban-g {
    width: 100%;
  }
  .icons .content-urban .urban-g .pro-urban-1 .content-title-urban {
    width: 85%;
  }
  .icons .content-urban .urban-g .pro-urban-1 .img-container-urban .chiffre-1 {
    left: 8px;
    top: -54px;
  }
  .icons .content-urban .urban-g .pro-urban-2 {
    display: none;
  }
  .icons .content-urban .urban-g .pro-urban-4 .chiffre-3 {
    left: 35px;
    top: 50px;
  }
  .icons .content-urban .spacer-pro {
    display: none;
  }
  .icons .content-urban .urban-d {
    width: 100%;
    margin: 10% 0 0 0;
  }
  .icons .content-urban .urban-d .pro-urban-3 {
    display: none;
  }
  .icons .content-urban .urban-d .pro-urban-4 {
    margin: 0 auto;
  }
  .icons .content-urban .urban-d .pro-urban-4 .content-title-urban {
    width: 85%;
  }
  .icons .content-urban .urban-d .pro-urban-4 .img-container-urban .chiffre-3 {
    left: 6px;
    top: -51px;
  }
  .icons .title-zone .sub-zone {
    font-family: "lacosteSansLight";
    font-size: 14px;
    width: 90%;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
  }
  .icons .title-zone .btn-title-2 {
    width: 80%;
    font-size: 22px;
    font-family: "lacosteSansBold";
    padding: 8px 20px;
    margin: 1em auto 0.5em auto;
    border: 1px solid #000;
  }
  .icons#secondmag {
    margin: 10px 0 0 0;
  }

  .gifts {
    margin: 0;
  }
  .gifts .content-urban .pro-urban-1 {
    width: 93%;
    text-align: left;
    float: left;
    margin: 0 0 0 7%;
  }
  .gifts .content-urban .pro-urban-1 .chiffre-1 {
    left: -23px;
    top: 10px;
  }
  .gifts .content-urban .pro-urban-2 {
    text-align: left;
    width: 91%;
    float: left;
    margin: 40px 0 0 0;
    left: 0;
  }
  .gifts .content-urban .pro-urban-2 .chiffre-2 {
    position: relative;
    font-family: "lacosteSansBold";
    font-size: 70px;
    left: auto;
    top: 45px;
    right: -80%;
  }
  .gifts .content-urban .pro-urban-2 img {
    margin-top: 0;
  }
  .gifts .content-urban .pro-urban-2 .title-pro {
    margin-left: 6%;
  }
  .gifts .content-urban .pro-urban-2 .sub-title-pro {
    margin-left: 6%;
  }
  .gifts .content-urban .pro-urban-3 {
    text-align: left;
    float: inherit;
    width: 93%;
    margin: 0;
    left: 7%;
  }
  .gifts .content-urban .pro-urban-3 img {
    margin: -8% 0 0 0;
  }
  .gifts .content-urban .pro-urban-3 .content-title-urban {
    width: 100%;
    margin: 0;
  }
  .gifts .content-urban .pro-urban-3 .chiffre-3 {
    left: -23px;
    top: 24px;
  }
  .gifts .content-urban .pro-urban-3 .trait-3 {
    display: none;
  }
  .gifts .title-zone .sub-zone {
    font-family: "lacosteSansLight";
    font-size: 14px;
    width: 90%;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
  }

  .fashion-show {
    margin-top: 0;
  }
  .fashion-show .content-urban .urban-g {
    width: 100%;
  }
  .fashion-show .content-urban .urban-g .pro-urban-1 .content-title-urban {
    width: 85%;
  }
  .fashion-show .content-urban .urban-g .pro-urban-1 .img-container-urban .chiffre-1 {
    left: 6px;
    top: -47px;
  }
  .fashion-show .content-urban .urban-g .pro-urban-2 {
    display: none;
  }
  .fashion-show .content-urban .spacer-pro {
    display: none;
  }
  .fashion-show .content-urban .urban-d {
    width: 100%;
  }
  .fashion-show .content-urban .urban-d .pro-urban-3 {
    float: right;
    width: 80%;
    margin: 0;
    text-align: left;
  }
  .fashion-show .content-urban .urban-d .pro-urban-3 .content-title-urban {
    width: 80%;
    margin: 0 auto;
  }
  .fashion-show .content-urban .urban-d .pro-urban-3 {
    float: none;
    width: 91%;
    margin: 40px 0 0 0;
    text-align: left;
    left: 0;
  }
  .fashion-show .content-urban .urban-d .pro-urban-3 .img-container-urban {
    margin: 0;
  }
  .fashion-show .content-urban .urban-d .pro-urban-3 .img-container-urban .chiffre-3 {
    right: -23px;
    top: -49px;
  }
  .fashion-show .content-urban .urban-d .pro-urban-3 .img-container-urban .trait-3 {
    display: none;
  }
  .fashion-show .content-urban .urban-d .pro-urban-3 .trait-3 {
    display: none;
  }
  .fashion-show .content-urban .urban-d .pro-urban-4 {
    margin: 0 auto;
  }
  .fashion-show .content-urban .urban-d .pro-urban-4 .content-title-urban {
    width: 85%;
  }
  .fashion-show .title-zone .btn-title {
    width: 80%;
    font-size: 22px;
    font-family: "lacosteSansBold";
    padding: 20px;
    margin: 1em auto 0.5em auto;
    border: 1px solid #000;
  }
  .fashion-show .title-zone .sub-zone {
    font-family: "lacosteSansLight";
    font-size: 14px;
    width: 90%;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
  }

  .footer-landing {
    display: none;
  }
  .footer-landing .column-landing {
    width: 100%;
    display: block;
  }
}
@media screen and (min-width: 1680px) {
  .urbanite .content-urban .pro-urban-2 .chiffre-2 {
    left: 90%;
  }
}