<div class="brand-sb" style="z-index: 1; position: relative;"> 
  <div class="brand-sb__hero"> 
   <div class="brand-sb__hero-txt"> 
    <div class="hero-txt__subtitle">
     Isso é Off The Wall
    </div> 
    <div class="hero-txt__title">
     <span>Skate em Pequim</span>
    </div> 
    <div class="hero-txt__body">
     <span>O espírito do skate passando da geração original para as próximas</span>
    </div> 
    <div class="hero-txt__cta">
     <a class="button play-btn lightbox-toggle" href="#lightbox" data-lightbox-type="video" data-lightbox-content="https://www.youtube.com/embed/3WcOmB5heKo">Assista ao vídeo</a>
    </div> 
   </div> <picture> 
    <source media="(min-width: 641px)" srcset="https://images.vans.com/is/image/VansBrand/f20-brand-skate-sw-hero-edge2?$scale-original$&amp;fmt=png-alpha"> 
    <source media="(max-width: 640px)" srcset="https://images.vans.com/is/image/VansBrand/f20-brand-skate-sw-hero-edge-mobile?$scale-original$&amp;fmt=png-alpha">
    <img class="brand-sb__hero-edge" src="https://images.vans.com/is/image/VansBrand/f20-brand-skate-sw-hero-edge2?$scale-original$&amp;fmt=png-alpha"> 
   </picture> 
   <div class="brand-sb__vid-hero" id="vidWrap"> 
    <div class="vans-loading"></div> <picture> 
     <source media="(min-width: 769px)" srcset="https://images.vans.com/is/image/VansBrand/f20-brand-skate-beijing-01?$scale-original$&amp;qlt=20"> 
     <source media="(max-width: 768px)" srcset="https://images.vans.com/is/image/VansBrand/f20-brand-skate-beijing-01-mobile?$scale-original$&amp;qlt=20">
     <img data-src="https://images.vans.com/is/image/VansBrand/f20-brand-skate-beijing-01?$scale-original$&amp;qlt=20" id="staticVidImg"> 
    </picture> 
   </div> 
  </div> 
  <div class="brand-sb-content"> 
   <div class="brand-sb-content__inner"> 
    <div class="brand-sb-content__block-01"> 
     <div class="sec-a"> 
      <p>O skate na China está em um momento de transformação. Por décadas, a comunidade do skate era incrivelmente pequena e sem muito apoio. Mas agora, a primeira geração de skatistas da China é adulta - pais, donos de skateshops, mentores - e estão abraçando a oportunidade de manter a chama acesa para as próxima gerações. Criaram algo único: uma comunidade em que todos apoiam e celebram uns aos outros através do amor compartilhado pelo skateboarding. </p> 
     </div> 
     <div class="sec-b">
      <img class="img-fade" src="https://images.vans.com/is/image/VansBrand/f20-brand-skate-beijing-02?$scale-original$"> 
      <div class="quote-block quote-block--01" data-parallax="{&quot;y&quot;: 30}">
       <span>"O skate só começou nos</span><span>anos 90 na China. Havia oposição. </span><span>Muitos pais preocupados com os</span><span>seus filhos perdendo aulas</span><span>para irem andar de skate"</span><span class="quote-name">-Xiao Yao</span>
      </div> 
     </div> 
     <div class="sec-c">
      <img class="img-fade" src="https://images.vans.com/is/image/VansBrand/f20-brand-skate-beijing-03?$scale-original$"> 
      <div class="quote-block quote-block--02" data-parallax="{&quot;y&quot;: -30}">
       <span>"Não haviam muitas pistas boas</span><span>que nem essa em Pequim.</span><span>Agora que temos uma grande cena acontecendo aqui.</span><span>o skate está prosperando."</span><span class="quote-name">-Zhu Weidong</span>
      </div> 
     </div> 
     <div class="sec-d"> 
      <video playsinline="true" loop="loop" autoplay="true" muted src="https://283234dc2365824503fb-cb97da1309c4028b6269267d77032bf3.ssl.cf2.rackcdn.com/brand2020/Headshots269x167-web.mp4" data-parallax="{&quot;y&quot;: -40}"></video> 
     </div> 
     <div class="sec-e" data-parallax="{&quot;y&quot;: 50}">
      <img class="img-fade" src="https://images.vans.com/is/image/VansBrand/f20-brand-skate-beijing-04?$scale-original$">
     </div> 
     <div class="sec-f">
      <img class="img-fade" src="https://images.vans.com/is/image/VansBrand/f20-brand-skate-beijing-05?$scale-original$">
     </div> 
     <div class="sec-g">
      <img class="img-fade" src="https://images.vans.com/is/image/VansBrand/f20-brand-skate-beijing-06?$scale-original$">
     </div> 
     <div class="sec-h" data-parallax="{&quot;y&quot;: -20}">
      <img class="img-fade" src="https://images.vans.com/is/image/VansBrand/f20-brand-skate-beijing-07?$scale-original$">
     </div> 
     <div class="sec-i"> 
      <div class="quote-block quote-block--03" data-parallax="{&quot;y&quot;: 25}">
       <span>"Quanto mais a gente compartilha</span><span> com a próxima geração…</span><span>Mais o skate cresce."</span><span class="quote-name">-Xiao Yao</span>
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div class="video-lightbox">
   <a class="lightbox-close lightbox-toggle" href="#lightbox">X</a> 
   <div class="lightbox-container"> 
    <div class="lightbox-bg lightbox-toggle"></div> 
   </div> 
  </div> 
 </div> 
 <script src="https://use.typekit.net/jhn5vye.js"></script> 
 <script src="https://www.vans.com/ns/vans/js/gsap3/GSDevTools.min.js"></script> 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
 <script src="https://www.vans.com/ns/vans/js/gsap3/gsap.min.js"></script> 
 <script src="https://www.vans.com/ns/vans/js/gsap3/MorphSVGPlugin.min.js"></script> 
 <script src="https://f7c9cd6ad422c1ae45c2-d8c90e4b1f6c482dcf4945460a0e4e67.ssl.cf2.rackcdn.com/vans-loader/vans-loader-icon-3.0.0.min.js"></script> 
 <script src="https://www.vans.com/ns/vans/projects/ultrarange/js/jquery.parallax-scroll-rev.js"></script> 
 <script type="text/javascript">
      "use strict";

var __extends = void 0 && (void 0).__extends || function () {
  var _extendStatics = function extendStatics(d, b) {
    _extendStatics = Object.setPrototypeOf || {
      __proto__: []
    } instanceof Array && function (d, b) {
      d.__proto__ = b;
    } || function (d, b) {
      for (var p in b) {
        if (b.hasOwnProperty(p)) d[p] = b[p];
      }
    };

    return _extendStatics(d, b);
  };

  return function (d, b) {
    _extendStatics(d, b);

    function __() {
      this.constructor = d;
    }

    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
  };
}();

var InclusionEventDispatcher = function () {
  function InclusionEventDispatcher() {
    var _this = this;

    this.eventHandlers = {};

    this.on = function (event, callback) {
      if (!_this.eventHandlers[event]) {
        _this.eventHandlers[event] = [];
      }

      _this.eventHandlers[event].push(callback);

      return true;
    };

    this.off = function (event, callback) {
      if (_this.eventHandlers[event] && _this.eventHandlers[event].indexOf(callback) >= 0) {
        _this.eventHandlers[event].splice(_this.eventHandlers[event].indexOf(callback), 1);

        return true;
      } else {
        return false;
      }
    };

    this.offAll = function () {
      _this.eventHandlers = [];
      return true;
    };

    this.trigger = function (event) {
      var data = [];

      for (var _i = 1; _i < arguments.length; _i++) {
        data[_i - 1] = arguments[_i];
      }

      if (_this.eventHandlers[event] && _this.eventHandlers[event].length > 0) {
        for (var _a = 0, _b = _this.eventHandlers[event]; _a < _b.length; _a++) {
          var c = _b[_a];
          c.apply(null, data);
        }

        return true;
      } else {
        return false;
      }
    };
  }

  return InclusionEventDispatcher;
}();

var InclusionLightBox = function (_super) {
  __extends(InclusionLightBox, _super);

  function InclusionLightBox(el) {
    var _this = _super.call(this) || this;

    _this.toggle = function (e) {
      e.preventDefault();
      $('.video-lightbox').fadeToggle('fast');
      var context = $(e.currentTarget).attr('data-lightbox-type');
      var content = $(e.currentTarget).attr('data-lightbox-content');

      if (context === 'video') {
        $('.lightbox-container').append("\n\t\t        <div class=\"lightbox-video\">\n\t\t        <iframe class=\"vid-frame\" src=\"" + content + "\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen> </iframe>\n\t\t        </div>\n\t\t    ");
      } else if (context === 'image') {
        _this.container.append("\n\t\t        <img src=\"" + content + "\" class=\"img-\" frameborder=\"0\" allowfullscreen>\n\t\t    ");
      }
    };

    _this.close = function (e) {
      e.preventDefault();
      $('.lightbox-video').remove();
    };

    _this.el = el;
    _this.container = _this.el.find('.lightbox-container');
    _this.closeBut = _this.el.find('.lightbox-close');
    _this.bg = _this.el.find('.lightbox-bg');
    $('.lightbox-toggle').each(function (i, e) {
      $(e).on('click', _this.toggle);
    });
    $('.lightbox-close').on('click', _this.close);
    $('.lightbox-bg').on('click', _this.close);
    return _this;
  }

  return InclusionLightBox;
}(InclusionEventDispatcher);

var BrandSkateBeijing = function () {
  function BrandSkateBeijing(el) {
    var _this = this;

    this.s7Base = 'https://images.vans.com/is/image/VansBrand/';
    this.aws = 'https://vans-us.s3-us-west-1.amazonaws.com/';
    this.rs = 'https://283234dc2365824503fb-cb97da1309c4028b6269267d77032bf3.ssl.cf2.rackcdn.com/brand2020/';

    this.scrollAndLoad = function (obj, callbackFn) {
      if (!!window.IntersectionObserver) {
        var intObserver_1 = new IntersectionObserver(function (entries, observer) {
          entries.forEach(function (entry) {
            if (entry.isIntersecting) {
              _this.elFade(entry.target);

              if (callbackFn && typeof callbackFn === 'function') {
                callbackFn();
              }

              observer.unobserve(entry.target);
            }
          });
        }, {
          rootMargin: '0px 0px -300px 0px'
        });
        document.querySelectorAll(obj).forEach(function (elem) {
          intObserver_1.observe(elem);
        });
      } else {
        callbackFn();
        var secLazy = document.getElementsByClassName('img-fade');

        for (var _i = 0, secLazy_1 = secLazy; _i < secLazy_1.length; _i++) {
          var element = secLazy_1[_i];

          _this.elFade(element);
        }
      }
    };

    this.scrollQuote = function (quote) {
      if (!!window.IntersectionObserver) {
        var observer_1 = new IntersectionObserver(function (entries, observer) {
          entries.forEach(function (entry) {
            if (entry.isIntersecting) {
              _this.qAnim(entry.target);

              observer.unobserve(entry.target);
            }
          });
        }, {
          rootMargin: '0px 0px -200px 0px'
        });
        document.querySelectorAll(quote).forEach(function (img) {
          observer_1.observe(img);
        });
      } else {
        var qLazy = document.getElementsByClassName('quote');

        for (var _i = 0, qLazy_1 = qLazy; _i < qLazy_1.length; _i++) {
          var element = qLazy_1[_i];
          element.src = element.dataset.src;
        }
      }
    };

    this.vidLoad = function (dtVid, mbVid, wrap) {
      var v = document.createElement('video');

      _this.setAttributes(v, {
        loop: 'loop',
        muted: 'muted',
        autoplay: 'true',
        playsinline: 'true',
        oncanplay: 'this.play()',
        onloadedmetadata: 'this.muted = true',
        "class": 'vid-hero--video'
      });

      var vid;
      var mqTab = window.matchMedia('(min-width: 769px)');

      if (mqTab.matches) {
        vid = dtVid;
        v.src = vid;
      } else {
        vid = mbVid;
        v.src = vid;
      }

      setTimeout(function () {
        wrap.appendChild(v);
        v.load();
        v.play();
        gsap.to(v, {
          duration: 1,
          autoAlpha: 1
        });
      }, 250);
    };

    this.setAttributes = function (el, attrs) {
      for (var key in attrs) {
        if (attrs.hasOwnProperty(key)) {
          el.setAttribute(key, attrs[key]);
        }
      }
    };

    this.elFade = function (element) {
      setTimeout(function () {
        gsap.to(element, {
          duration: 1,
          opacity: 1
        });
      }, 500);
    };

    this.qAnim = function (q) {
      gsap.to(q, {
        duration: 0.5,
        autoAlpha: 1,
        y: -10,
        stagger: 0.75
      });
    };

    this.singleScroll = function (t, speed) {
      var doc = $('html, body');
      $(doc).animate({
        scrollTop: $(t).offset().top
      }, speed);
    };

    this.preloadImages = function (urls) {
      var loadedCounter = 0;
      var toBeLoadedNumber = urls.length;
      urls.forEach(function (url) {
        preloadImage(url, function () {
          loadedCounter++;
          console.log('Number of loaded images: ' + loadedCounter);
        });
      });

      function preloadImage(url, anImageLoadedCallback) {
        var img = new Image();
        img.src = url;
        img.onload = anImageLoadedCallback;
      }
    };

    this.el = $(el);
    this.vidWrap = document.getElementById('vidWrap');
    this.lightBox = new InclusionLightBox(this.el.find('.video-lightbox'));
    this.scrollAndLoad('.img-fade');
    this.scrollQuote('.quote-block span');
    this.vidLoad(this.rs + 'BeijingHeader1440x575-web.mp4', this.rs + 'BeijingMobileHeader375x575-web.mp4', this.vidWrap);
    ParallaxScroll.init();
    var vh = window.innerHeight * 0.01;
    document.documentElement.style.setProperty('--vh', vh + "px");
  }

  return BrandSkateBeijing;
}();

var LoadBrandSkateBeijing;
$(function () {
  LoadBrandSkateBeijing = new BrandSkateBeijing('.brand-sb');
  setTimeout(function () {
    gsap.to('.brand-sb__hero-txt', {
      duration: 1,
      opacity: 1
    });
    gsap.to('.vans-loading', {
      duration: 1,
      autoAlpha: 0
    });
  }, 500);
});
    </script> 
 <script>try {Typekit.load();} catch (e) {}</script>

 
 <title></title> 
 <meta charset="utf-8"> 
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 
 <link rel="stylesheet" href="https://www.vans.com/wcsstore/vans-storefront/css/fonts.css?v=267" type="text/css"> 
 <link rel="stylesheet" href="https://www.vans.com/wcsstore/vans-storefront/css/global-cms.css?v=267" type="text/css"> 
 <link rel="stylesheet" href="https://www.vans.com/wcsstore/vans-storefront/css/topnav.css?v=267" type="text/css"> 
 <link rel="stylesheet" href="https://www.vans.com/wcsstore/vans-storefront/css/footer.css?v=267" type="text/css"> 
 <link rel="stylesheet" href="https://www.vans.com/wcsstore/vans-storefront/css/fs/core.css?v=267" type="text/css"> 
 <link rel="stylesheet" href="https://www.vans.com/wcsstore/vans-storefront/css/fs/grid.css?v=267" type="text/css"> 
 <link rel="stylesheet" href="https://www.vans.com/wcsstore/vans-storefront/css/fs/typography.css?v=267" type="text/css"> 
 <link rel="stylesheet" href="https://www.vans.com/wcsstore/vans-storefront/css/fs/forms.css?v=267" type="text/css"> 
 <link rel="stylesheet" href="https://www.vans.com/wcsstore/vans-storefront/css/fs/reveal.css?v=267" type="text/css"> 
 <link rel="stylesheet" href="https://www.vans.com/wcsstore/vans-storefront/css/fs/components.css?v=267" type="text/css"> 
 <style>
      @font-face {
          font-family: "icomoon";
          src: url("https://www.julianoferrari.com.br/vans/skatewitches/font/icomoon.woff") format("ttf"),
          url("https://www.julianoferrari.com.br/vans/skatewitches/font/icomoon.woff") format("woff");
      }
      
    </style> 
 <style type="text/css">
    body,html{width:100%;height:100%;margin:0;padding:0;background:#fff}img{max-width:100%}footer{margin-top:0}video{width:100%!important;height:auto!important;outline:0;border:none}.show-for-mobile{display:none}@media (max-width:640px){.show-for-mobile{display:block!important}}@media (max-width:640px){.hide-for-mobile{display:none!important}}.show-for-tablet{display:none!important}@media (max-width:768px){.show-for-tablet{display:block!important}}@media (max-width:768px){.hide-for-tablet{display:none!important}}.vans-loading{display:block;margin:0 auto;position:absolute!important;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:20%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:999}.vans-loading--hidden{-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0}.vans-loading__svg{width:100%}.vans-loading__shape--path{fill:#aaa}.vans-loading .st0{fill:#000}.vans-loading .dot{visibility:hidden}@media (max-width:640px){.vans-loading{width:50%}}.vans-loading-icon__shape{fill:#fff!important}.vans-loading__wrap{width:100%;height:100vh;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.button.play-btn{justify-self:center;margin:10px 0 0!important;padding-right:2.75em!important;padding-left:1.75em!important;padding-top:.85em!important;padding-bottom:.85em!important;position:relative}.button.play-btn:after{content:'';position:absolute;right:15px;top:15px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #fff}.img-fade{opacity:0}.video-lightbox{display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8)}@media only screen and (max-width:760px){.video-lightbox{padding:.5em}}.video-lightbox .lightbox-video{width:100%;max-width:1224px;z-index:3}.video-lightbox iframe.vid-frame{height:50vw;width:100%;left:0;right:0}.video-lightbox .lightbox-close{position:absolute;display:block;top:25px;right:25px;color:#fff;font-size:26px;height:50px;width:50px;background:0 0;border:3px solid #fff;border-radius:50%;line-height:43px;text-align:center;z-index:555}@media only screen and (max-width:760px){.video-lightbox .lightbox-close{height:35px;width:35px;font-size:20px;line-height:30px}}.video-lightbox .lightbox-close:hover{text-decoration:none}.video-lightbox .lightbox-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4em;margin:0 auto;position:relative}@media only screen and (max-width:760px){.video-lightbox .lightbox-container{padding:.5em}}.video-lightbox .lightbox-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.brand-sb p{font-size:.925rem;line-height:2.5em}.brand-sb__hero{position:relative;padding-bottom:3px;overflow:hidden}@media (max-width:640px){.brand-sb__hero{padding-bottom:5px}}.brand-sb__hero-edge{position:absolute;bottom:-1px;min-width:100%;max-width:200%;z-index:5}@media (max-width:640px){.brand-sb__hero-edge{z-index:1}}.brand-sb__vid-hero{width:100%;height:auto;position:relative;overflow:hidden;-webkit-clip-path:polygon(0 0,100% 0,100% 96%,0 100%);clip-path:polygon(0 0,100% 0,100% 96%,0 100%);z-index:1}@media (max-width:640px){.brand-sb__vid-hero{-webkit-clip-path:polygon(0 0,100% 0,100% 98.5%,0 100%);clip-path:polygon(0 0,100% 0,100% 98.5%,0 100%);z-index:2}}.brand-sb__hero-txt{width:100%;height:100%;position:absolute;z-index:5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0}.hero-txt__subtitle{padding:20px 0;color:#fff;font-family:franklin-gothic-urw-cond,"Arial Narrow Bold",Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;position:relative}@media only screen and (min-width:375px){.hero-txt__subtitle{font-size:calc(16px + 8 * (100vw - 375px)/ (1440 - 375))}}@media only screen and (min-width:1440px){.hero-txt__subtitle{font-size:24px}}.hero-txt__subtitle:after{content:'';background:#fff;height:2px;width:116%;position:absolute;left:-8%;bottom:0}.hero-txt__title{padding:25px 0 15px;font-family:franklin-gothic-urw-cond,"Arial Narrow Bold",Arial,sans-serif;font-size:36px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}@media only screen and (min-width:375px){.hero-txt__title{font-size:calc(36px + 39 * (100vw - 375px)/ (1440 - 375))}}@media only screen and (min-width:1440px){.hero-txt__title{font-size:75px}}.hero-txt__title span{position:relative;color:#000;background:#fff;-webkit-box-shadow:10px 0 0 #fff,-2px 0 0 #fff;box-shadow:10px 0 0 #fff,-2px 0 0 #fff;display:inline-block;line-height:.72em;padding-top:6px}@media (max-width:640px){.hero-txt__title{width:70%;text-align:center}.hero-txt__title span{display:inline;display:initial;line-height:1.35em;padding:0}}.hero-txt__body{padding:0 0 25px 0;text-align:center;font-size:12px}@media only screen and (min-width:375px){.hero-txt__body{font-size:calc(12px + 3 * (100vw - 375px)/ (1440 - 375))}}@media only screen and (min-width:1440px){.hero-txt__body{font-size:15px}}.hero-txt__body span{position:relative;color:#000;background:#fff;-webkit-box-shadow:8px 0 0 #fff,-5px 0 0 #fff;box-shadow:8px 0 0 #fff,-5px 0 0 #fff;line-height:1.75em;padding:0 0 2px}@media (max-width:640px){.hero-txt__body{width:60%}}.hero-txt__cta{padding:25px 0}.vid-hero--video{opacity:0;position:absolute;z-index:500;left:0;top:0;max-width:200%}#staticVidImg{min-width:100%;max-width:200%}@media (max-width:1440px){#staticVidImg{max-width:100%}}.vid-box{position:absolute;left:0;top:0;z-index:5;width:100%;height:100%}.brand-sb-content{background:url(https://images.vans.com/is/image/VansBrand/f20-brand-skate-sw-paper?$scale-original$);padding:50px 0 0}.brand-sb-content__inner{max-width:90rem;margin:0 auto}.brand-sb-content__block-01{display:grid;grid-template-columns:40% 18% 18% 1fr;grid-gap:10px;position:relative}.brand-sb-content__block-01 .sec-a{-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:1;-ms-grid-row-span:1;grid-column:1/3;grid-row:1/2;padding-right:25%;padding-left:10%;align-self:center}@media (max-width:1024px){.brand-sb-content__block-01 .sec-a{padding-right:18%}}.brand-sb-content__block-01 .sec-b{-ms-grid-column:3;-ms-grid-column-span:2;-ms-grid-row:1;-ms-grid-row-span:1;grid-column:3/5;grid-row:1/2;-webkit-transform:translateX(-10%);-ms-transform:translateX(-10%);transform:translateX(-10%);position:relative;z-index:5}.brand-sb-content__block-01 .sec-c{-ms-grid-column:1;-ms-grid-column-span:1;-ms-grid-row:2;-ms-grid-row-span:1;grid-column:1/2;grid-row:2/3;-webkit-transform:translateX(15%);-ms-transform:translateX(15%);transform:translateX(15%);padding-bottom:125px;position:relative}.brand-sb-content__block-01 .sec-d{-ms-grid-column:2;-ms-grid-column-span:1;-ms-grid-row:2;-ms-grid-row-span:1;grid-column:2/3;grid-row:2/3;position:relative;z-index:2;align-self:center}.brand-sb-content__block-01 .sec-e{-ms-grid-column:3;-ms-grid-column-span:1;-ms-grid-row:2;-ms-grid-row-span:1;grid-column:3/4;grid-row:2/3;align-self:flex-end;-webkit-transform:translateX(-20%);-ms-transform:translateX(-20%);transform:translateX(-20%);position:relative;z-index:2}.brand-sb-content__block-01 .sec-f{-ms-grid-column:4;-ms-grid-column-span:1;-ms-grid-row:2;-ms-grid-row-span:1;grid-column:4/5;grid-row:2/3;align-self:flex-start;-webkit-transform:translate(-30%,45%);-ms-transform:translate(-30%,45%);transform:translate(-30%,45%)}@media (max-width:1024px){.brand-sb-content__block-01 .sec-f{-webkit-transform:translate(-30%,40%);-ms-transform:translate(-30%,40%);transform:translate(-30%,40%)}}.brand-sb-content__block-01 .sec-g{-ms-grid-column:1;-ms-grid-column-span:1;-ms-grid-row:3;-ms-grid-row-span:1;grid-column:1/2;grid-row:3/4;text-align:right;padding:8% 0;-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translateX(25px)}.brand-sb-content__block-01 .sec-h{-ms-grid-column:2;-ms-grid-column-span:1;-ms-grid-row:3;-ms-grid-row-span:1;grid-column:2/3;grid-row:3/4;position:relative;z-index:5;align-self:center;-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px)}@media (max-width:1024px){.brand-sb-content__block-01 .sec-h img{width:65%}}.brand-sb-content__block-01 .sec-i{-ms-grid-column:3;-ms-grid-column-span:2;-ms-grid-row:3;-ms-grid-row-span:1;grid-column:3/5;grid-row:3/4;position:relative;padding-top:125px;-webkit-transform:translateX(-5%);-ms-transform:translateX(-5%);transform:translateX(-5%)}@media (max-width:1024px){.brand-sb-content__block-01 .sec-i{z-index:5}}@media (max-width:768px){.brand-sb-content__block-01{grid-template-columns:1fr}.brand-sb-content__block-01 .sec-a{-ms-grid-column:1;-ms-grid-column-span:1;-ms-grid-row:1;-ms-grid-row-span:1;grid-column:1/2;grid-row:1/2;padding:0 8%}.brand-sb-content__block-01 .sec-b{-ms-grid-column:1;-ms-grid-column-span:1;-ms-grid-row:2;-ms-grid-row-span:1;grid-column:1/2;grid-row:2/3;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);justify-self:center;padding-bottom:20%}.brand-sb-content__block-01 .sec-c{-ms-grid-column:1;-ms-grid-column-span:1;-ms-grid-row:3;-ms-grid-row-span:1;grid-column:1/2;grid-row:3/4;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);justify-self:center;padding:25px 0 15%}.brand-sb-content__block-01 .sec-d{-ms-grid-column:1;-ms-grid-column-span:1;-ms-grid-row:7;-ms-grid-row-span:1;grid-column:1/2;grid-row:7/8;padding:0 10% 0 40%;margin-top:-60%;position:relative;z-index:10}.brand-sb-content__block-01 .sec-e{display:none}.brand-sb-content__block-01 .sec-f{-ms-grid-column:1;-ms-grid-column-span:1;-ms-grid-row:6;-ms-grid-row-span:1;grid-column:1/2;grid-row:6/7;-webkit-transform:translate(0,-10%);-ms-transform:translate(0,-10%);transform:translate(0,-10%);padding:0 25px;position:relative;z-index:5}.brand-sb-content__block-01 .sec-g{-ms-grid-column:1;-ms-grid-column-span:1;-ms-grid-row:5;-ms-grid-row-span:1;grid-column:1/2;grid-row:5/6;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);justify-self:center;padding:10px 0}.brand-sb-content__block-01 .sec-h{-ms-grid-column:1;-ms-grid-column-span:1;-ms-grid-row:8;-ms-grid-row-span:1;grid-column:1/2;grid-row:8/9;display:none}.brand-sb-content__block-01 .sec-i{-ms-grid-column:1;-ms-grid-column-span:1;-ms-grid-row:9;-ms-grid-row-span:1;grid-column:1/2;grid-row:9/10;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);margin-top:-60px;padding-top:0;padding-left:50px}}@media (max-width:640px){.brand-sb-content__block-01{grid-gap:5px}.brand-sb-content__block-01 .sec-b{padding-bottom:20px}.brand-sb-content__block-01 .sec-c{padding:0}.brand-sb-content__block-01 .sec-d{margin-top:-70%}.brand-sb-content__block-01 .sec-f{padding:0 40% 0 15px}.brand-sb-content__block-01 .sec-g{padding:0}.brand-sb-content__block-01 .sec-i{padding-left:13px}}.quote-block{position:absolute;padding:0 0 25px 0;font-family:franklin-gothic-urw-cond,"Arial Narrow Bold",Arial,sans-serif;font-weight:600;font-size:19px;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;z-index:10}@media only screen and (min-width:375px){.quote-block{font-size:calc(19px + 9 * (100vw - 375px)/ (1440 - 375))}}@media only screen and (min-width:1440px){.quote-block{font-size:28px}}.quote-block span{visibility:hidden;position:relative;color:#fff;background:#000;-webkit-box-shadow:8px 0 0 #000,-5px 0 0 #000;box-shadow:8px 0 0 #000,-5px 0 0 #000;line-height:1em;padding:0 0 2px;margin:3px 0;letter-spacing:.03em}.quote-block span:first-of-type{margin-left:-15px}.quote-block span.quote-name{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#000;text-transform:none;font-size:1rem;-ms-flex-item-align:start;align-self:flex-start}.quote-block--01{position:absolute;bottom:-55%;left:5%}.quote-block--01 span.quote-name{padding-left:25%}@media (max-width:1024px){.quote-block--01{bottom:-25%;left:-5%}}@media (max-width:768px){.quote-block--01{bottom:-6%;left:10%}}@media (max-width:640px){.quote-block--01{position:relative;bottom:auto;left:auto;margin-left:22px}}.quote-block--02{position:absolute;left:10%;bottom:-15%}.quote-block--02 span.quote-name{-ms-flex-item-align:end;align-self:flex-end;padding-right:20%}@media (max-width:1366px){.quote-block--02{left:5%}}@media (max-width:1024px){.quote-block--02{left:-5%}}@media (max-width:768px){.quote-block--02{left:10%;bottom:-10%}}@media (max-width:640px){.quote-block--02{left:auto;bottom:auto;position:relative;margin-left:22px}}.quote-block--03{position:relative}@media (max-width:1024px){.quote-block--03{position:absolute;left:-10%}}@media (max-width:768px){.quote-block--03{position:relative;left:auto}}@media (max-width:640px){.quote-block--03 span.quote-name{-ms-flex-item-align:end;align-self:flex-end;padding-right:20%}}
    </style> 
 <style type="text/css">
h3.newsletter-headline {
    color: #ffffff !important;
}
h4.title-footer {
    color: #ffffff !important;
}
h3.store-finder-title.bold.upper {
    color: #ffffff !important;
}
p.intro-newsletter {
    font-size: 14px;
}
ul.footer-ul {
    font-size: 19px;
    font-weight: bold !important;
}
input#email {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.icon-facebook:before, .btn.btn-facebook:before {
    content: "\f00c" !important;
    margin-right: 5px;
    color: #ffffff !important;
}
 .icon-twitter:before, .btn.btn-twitter:before {
    content: "\f00c" !important;
    margin-right: 5px;
    color: #ffffff !important;
}
 .icon-youtube:before, .btn.btn-youtube:before {
    content: "\f00c" !important;
    margin-right: 5px;
    color: #ffffff !important;
}
 .icon-instagram:before, .btn.btn-instagram:before {
    content: "\f00c" !important;
    margin-right: 5px;
    color: #ffffff !important;
}
 .icon-pinterest:before, .btn.btn-pinterest:before {
    content: "\f00c" !important;
    margin-right: 5px;
    color: #ffffff !important;
}  
 </style> 
