CINXE.COM
Rouse - Designs
<!DOCTYPE html> <html> <head> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="67ea51eb-87a2-4ca2-9bb7-f99ad2b13646" data-blockingmode="auto" type="text/javascript"></script> <!-- Google Tag Manager --> <!-- End Google Tag Manager --> <meta charset="utf-8"> <title> Rouse - Designs </title> <meta name="robots" content="index, follow"> <meta name="title" content="Designs"> <meta property='og:title' content='Designs' /> <meta name="description" content="Rouse provides the full range of design services from registration to the negotiation and drafting of design licences and any necessary dispute resolution."> <meta property='og:image' content='https://rouse.com:443//media/qqafvp32/art-gallery.jpg?anchor=center&mode=crop&width=1903&height=713&rnd=133288709874670000' /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" type="image/png" href="https://rouse.com:443//media/alkhthku/favicon.ico"> <link rel="stylesheet" rel="preload" as="style" href="https://commonlibraries.blob.core.windows.net/$web/Libraries/bootstraps/5.3.0/css/bootstrap.min.css"> <link rel="stylesheet" rel="preload" as="style" href="https://rousecom.azureedge.net/rousecomstatic/css/slick.css" /> <link rel="stylesheet" rel="preload" as="style" href="https://kenwheeler.github.io/slick/slick/slick-theme.css" /> <link rel="stylesheet" href="https://rouse.com:443//css/fontawesome.all.css"> <link rel="stylesheet" href="https://rouse.com:443//css/jInvertScroll.css"> <link href="https://rouse.com:443//css/theme.css" rel="stylesheet"> <link href="https://rouse.com:443//css/page_style.css" rel="stylesheet"> <link href="https://rouse.com:443//css/responsive.css" rel="stylesheet"> <link href="https://rouse.com:443//css/_base.css" rel="stylesheet"> <link href="/css/service-individual.css" rel="stylesheet" /> </head> <body> <header class="header-page" style="top: 0;"> <div class="header-container" style="margin-right: 8vw; position: relative"> <!--<div class="header-top"> <div class="language col-md-1 offset-11">--> <!--<img src="Media/united-kingdom.svg" alt="">--> <!--<div class="language-dropdown"> <button> <a class="dropdown-toggle" data-toggle="dropdown"> English <i class="fas fa-caret-down"></i> </a> <span class="caret"></span> </button>--> <!--<ul class="dropdown-menu">--> <!-- <li><a href="#">HTML</a></li>--> <!-- <li><a href="#">CSS</a></li>--> <!-- <li><a href="#">JavaScript</a></li>--> <!--</ul>--> <!--</div> </div> </div>--> <div id="touch-menu-trigger" data-bs-toggle="collapse" data-bs-target="#rouse-burger"> <span id="bar-top" class="bar"></span> <span id="bar-middle" class="bar"></span> <span id="bar-bottom" class="bar"></span> </div> <div id="logo"> <a href="/"><img src="/media/yqpbvpkp/logo-rouse-no-bg-gtmetrix.png" class=""></a> </div> <!--if (!(Request.Browser.IsMobileDevice || Request.UserAgent.ToLower().Contains("iphone") || Request.UserAgent.ToLower().Contains("ipad") || Request.UserAgent.ToLower().Contains("ipod") || Request.UserAgent.ToLower().Contains("android"))) { } else {--> <!--}--> <div class="main-menu" style="margin-right: 22% !important;"> <ul class="ul-menu list-inline m-0" style="margin-right: -7vw !important;"> <li class="list-inline-item nav-item"> <a class="dropdown-hover" href="/insights/" id="navbarDropdown">Insights</a> <div class="dropdown-content"> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/insights/?Type=news_articles"> News & Articles</a></li> <div class="list-item"> <div class="sub-menu-group "> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/insights/?Type=webinars"> Webinars</a></li> <div class="list-item"> <div class="sub-menu-group "> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/insights/?Type=case_studies"> Case Studies</a></li> <div class="list-item"> <div class="sub-menu-group "> </div> </div> </ul> </div> </li> <li class="list-inline-item nav-item"> <a class="dropdown-hover" href="/services/" id="navbarDropdown">Services</a> <div class="dropdown-content"> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/services/trade-marks-brands/"> Trade Marks & Brands</a></li> <div class="list-item"> <div class="sub-menu-group "> <li><a href="/services/geographical-indications/">Geographical Indications</a></li> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/services/copyright/"> Copyright</a></li> <div class="list-item"> <div class="sub-menu-group "> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/services/technology-patents/"> Technology & Patents</a></li> <div class="list-item"> <div class="sub-menu-group "> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/services/designs/"> Designs</a></li> <div class="list-item"> <div class="sub-menu-group "> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong">Consultancy</li> <div class="list-item"> <div class="sub-menu-group "> <li><a class="" href="/services/management-consultancy-konsert-strategy-ip/">Management Consultancy (Konsert Strategy & IP)</a></li> <li><a class="" href="/services/ip-consultancy/">IP Consultancy</a></li> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/services/brand-protection-anti-counterfeiting-anti-piracy-and-enforcement/"> Brand Protection/Anti-Counterfeiting, Anti-Piracy and Enforcement</a></li> <div class="list-item"> <div class="sub-menu-group "> <li><a class="" href="/services/brand-protection-anti-counterfeiting-anti-piracy-and-enforcement/brand-protection-and-anti-counterfeiting/">Brand Protection and Anti–Counterfeiting</a></li> <li><a class="" href="/services/brand-protection-anti-counterfeiting-anti-piracy-and-enforcement/copyright-and-anti-piracy/">Copyright and Anti-Piracy</a></li> <li><a class="" href="/services/brand-protection-anti-counterfeiting-anti-piracy-and-enforcement/complex-ip-enforcement/">Complex IP Enforcement</a></li> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong">Disputes</li> <div class="list-item"> <div class="sub-menu-group "> <li><a class="" href="/services/litigation/">Litigation</a></li> <li><a class="" href="/services/mediation/">Mediation</a></li> <li><a class="" href="/services/arbitration/">Arbitration</a></li> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/services/digital-commercial/"> Digital & Commercial</a></li> <div class="list-item"> <div class="sub-menu-group "> <li><a class="" href="/services/outsourced-in-house-counsel/">Outsourced In-House Counsel</a></li> <li><a class="" href="/services/digital-and-data-regulatory-compliance/">Digital and Data Regulatory Compliance</a></li> <li><a class="" href="/services/marketing-campaign-clearance/">Marketing Campaign Clearance</a></li> <li><a class="" href="/services/ip-transactions/">IP Transactions</a></li> </div> </div> </ul> </div> </li> <li class="list-inline-item nav-item"> <a class="dropdown-hover" href="/where-we-work/" id="navbarDropdown">Where We Work</a> <div class="dropdown-content"> <ul class="group-country list-unstyled"> <li class="strong">China</li> <div class="list-item"> <div class="sub-menu-group "> <li><a class="" href="/where-we-work/china/">Beijing</a></li> <li><a class="" href="/where-we-work/china/">Shanghai</a></li> <li><a class="" href="/where-we-work/china/">Guangzhou</a></li> <li><a class="" href="/where-we-work/china/">Hong Kong SAR</a></li> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong">South East Asia</li> <div class="list-item"> <div class="sub-menu-group "> <li><a class="" href="/where-we-work/cambodia/">Cambodia</a></li> <li><a class="" href="/where-we-work/philippines/">Philippines</a></li> <li><a class="" href="/where-we-work/indonesia/">Indonesia</a></li> <li><a class="" href="/where-we-work/thailand/">Thailand</a></li> <li><a class="" href="/where-we-work/myanmar/">Myanmar</a></li> <li><a class="" href="/where-we-work/vietnam/">Vietnam</a></li> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong">Europe, Middle East & Africa</li> <div class="list-item"> <div class="sub-menu-group "> <li><a class="" href="/where-we-work/africa/">Africa</a></li> <li><a class="" href="/where-we-work/sweden/">Sweden</a></li> <li><a class="" href="/where-we-work/united-arab-emirates/">United Arab Emirates</a></li> <li><a class="" href="/where-we-work/united-kingdom/">United Kingdom</a></li> </div> </div> </ul> </div> </li> <li class="list-inline-item"> <a href="https://rouse.com/people/"> People </a> </li> <li class="list-inline-item"> <a href="/careers/"> Careers </a> </li> <li class="list-inline-item nav-item"> <a class="dropdown-hover" href="/about/" id="navbarDropdown">About</a> <div class="dropdown-content"> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="https://rouse.com/about/announcements/"> Announcements</a></li> <div class="list-item"> <div class="sub-menu-group "> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/support-pages/our-code-of-conduct/"> Code of Conduct</a></li> <div class="list-item"> <div class="sub-menu-group "> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/support-pages/diversity-equality-inclusivity/"> Diversity, Equality & Inclusivity</a></li> <div class="list-item"> <div class="sub-menu-group "> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/about/environment-social-governance/"> Environment, Social & Governance</a></li> <div class="list-item"> <div class="sub-menu-group d-one-column"> <li><a class="" href="/about/environment-social-governance#environment">Environment</a></li> <li><a class="" href="/about/environment-social-governance#governance">Governance</a></li> <li><a class="" href="/about/environment-social-governance#social">Social</a></li> <li><a class="" href="/about/environment-social-governance#esg-annual-report-2022-2023">ESG Annual Report 2022-2023</a></li> <li><a class="" href="/about/environment-social-governance#the-mitrataa-foundation">The Mitrataa Foundation</a></li> </div> </div> </ul> <ul class="group-country list-unstyled"> <li class="strong"><a style="font-family: Calibri Bold;" href="/footer/contact-us/"> Contact Us</a></li> <div class="list-item"> <div class="sub-menu-group "> </div> </div> </ul> </div> </li> <li class="list-inline-item"> <a href="https://clientweb.rouse.com/web/guest/home"> ClientWEB </a> </li> </ul> </div> <div class="search" id="search-form"> <form action="/search/" method="GET" class="input-icons"> <input id="search-content" class="search-input input-field d-none" type="search" placeholder="Search insight, services and experts" name="search-content"> <span id="search-icon"> <i id="icon-search" class="fas fa-search"></i> </span> </form> </div> <!-- Menu mobile --> <div id="mySidebar" class="sidebar"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> <a href="/insights">Insights</a> <a href="/products">Services</a> <a href="/services">Services</a> <a href="/where-we-work">Where We Work</a> <a href="/people">People</a> <a href="/careers">Careers</a> <a href="/about">About</a> </div> <!--<div style="z-index:9999;" id="main">--> <!-- <button style="z-index:9999;" class="openbtn" onclick="openNav()">☰</button>--> <!--</div>--> <script> document.addEventListener("DOMContentLoaded", function () { var init = { width: $(window).innerWidth(), height: $(window).innerHeight() } // window resize function inintWindow() { init = { width: $(window).innerWidth(), height: $(window).innerHeight() } // init class $('.main-menu').removeClass('invisible').addClass('visible') $('#search-content').addClass('d-none') $('#search-icon').children().removeClass('fa-times').addClass('fa-search') //handleHamMenu() if (init.width > 1024 && $(".home-landing").length > 0) { $("header").removeClass("header-page"); } else { $("header").addClass("header-page"); } return init; } // handle click search function handleClickSearch() { var $code = $('#search-content'); const searchfield = document.querySelector('.search-content'); $('#search-icon').on('mousedown', function () { $('#search-content').toggleClass('d-none'); searchfield.focus(); $(this).data('inputFocused', $code.is(":focus")); $(this).children().toggleClass('fa-times fa-search'); }).click(function () { if ($(this).data('inputFocused')) { $code.blur(); } else { $code.focus(); } }); } // get url service fix margin header function getUrlServices() { var arrayUrl = location.href.split('/') if (arrayUrl.indexOf('services') === true) { $("header .main-menu").css({ margin: "0.5% 20% 1% auto" }); } } // handle Hamburger Menu function handleHamMenu() { $("#touch-menu-trigger").click(function () { var windowWidth = $(window).width(); var windownHeight = $(window).height(); $("#rouse-burger .burger-content-container").height(windownHeight); let status = $(this).attr("aria-expanded"); if (status !== "true") { $("#bar-top").removeClass('open-bar-top'); $("#bar-middle").removeClass('open-bar-bottom'); $("#bar-top").addClass('close-bar-top'); $("#bar-middle").addClass('close-bar-bottom'); $("#bar-bottom").addClass('d-none'); var pathArray = window.location.pathname.split('/'); let locationCurrent = pathArray[1].replace("/", ""); $("#burger-menu li a").removeClass("high-light") $("#burger-menu li a").removeClass("active") $("#burger-menu li a").each(function (i, val) { let urlString = $(val).attr("url-string"); let isRedirect = $(val).attr("is-redirect"); if (locationCurrent == "" && i == 0) { $(val).click(); } if (urlString == locationCurrent) { if (isRedirect == "False") { $(val).click(); } else { $(val).addClass("high-light"); $(val).addClass("active"); } } }) } else { $("#bar-top").removeClass('close-bar-top'); $("#bar-middle").removeClass('close-bar-bottom'); $("#bar-top").addClass('open-bar-top'); $("#bar-middle").addClass('open-bar-bottom'); setTimeout(function () { $(".main-menu ul").removeClass("d-none"); }, 200); setTimeout(function () { $("#bar-top").removeClass('open-bar-top'); $("#bar-bottom").removeClass('d-none'); }, 500); } }) } $(document).ready(function () { inintWindow(); handleClickSearch(); getUrlServices(); handleHamMenu(); }) $(window).resize(function () { // do nothing if the width is the same if ($(window).width() === init.width) return; // update new width value width = $(window).width(); inintWindow(); }) }); </script> <!-- End Menu Mobile --> </div> <style> @media (max-width: 1024px) { .sub-menu-mobile { padding-top: 90px; } #rouse-burger .burger-content-container { padding: 110px 20px 0; } } </style> <div id="rootId" class="hide" rouse-id="1131"> </div> <div id="rouse-burger" class="collapse"> <div class="container burger-content-container"> <div class="row"> <div class="col-md-2 col-lg-2 col-sm-3 col-3" id="wrap-burger-menu"> <ul class="nav nav-tabs" id="burger-menu"> <li><a url="/insights/" data-bs-toggle="tab" is-redirect="False" href="/insights/" data-bs-target="#bg0"> Insights</a></li> <li><a url="/services/" is-redirect="False" data-bs-toggle="tab" href="/services/" data-bs-target="#bg1">Services</a></li> <li><a url="/where-we-work/" is-redirect="False" data-bs-toggle="tab" href="/where-we-work/" data-bs-target="#bg2">Where We Work</a></li> <li><a url="https://rouse.com/people" is-redirect="True" data-bs-toggle="tab" href="https://rouse.com/people" data-bs-target="#bg3">People</a></li> <li><a url="/careers/" url-string="" is-redirect="True" data-bs-toggle="tab" href="/careers/" data-bs-target="#bg4">Careers</a></li> <li><a url="/about/" is-redirect="False" data-bs-toggle="tab" href="/about/" data-bs-target="#bg5">About</a></li> <li><a url="https://clientweb.rouse.com/web/guest/home" is-redirect="True" data-bs-toggle="tab" href="https://clientweb.rouse.com/web/guest/home" data-bs-target="#bg6">ClientWEB</a></li> </ul> </div> <div class="col-md-10 col-lg-10 col-sm-9 col-9" id="wrap-burger-content"> <div class="tab-content"> <!-- Item tab conten --> <div id="bg0" class="tab-pane fade in "> <div class="burger-title"> <h1>Insights</h1> </div> <div class="content"> <!DOCTYPE html> <html> <head> </head> <body> <div class="row"> <div class="col-md-6"> <h2><a href="/insights/" title="Insights">Insights</a></h2> <br /> <h2>Latest News</h2> <ul id="burgerLastNews" class=""></ul> </div> <div class="col-md-4 mt-5 pt-5 mt-xl-0 pt-xl-0 mt-1 pl-sm-3 pl-3 col-right mt-sm-0 pt-sm-0"> <h2>Trending Topics</h2> <ul id="burgerTrending"></ul> </div> </div> </body> </html> </div> </div> <!--End tab content--> <!-- Item tab conten --> <div id="bg1" class="tab-pane fade active show"> <div class="burger-title"> <h1>Services</h1> </div> <div class="content"> <!DOCTYPE html> <html> <head> </head> <body> <div class="row"> <div class="col-md-9"> <h2><a href="/services/" title="Services">Services</a></h2> <h2><a href="/services/trade-marks-brands/" title="Trade Marks">Trade Marks & Brands</a></h2> <div class="row"> <div class="col-md-9"> <ul style="column-count: 1;"> <li><a href="/services/geographical-indications/" title="Geographical Indications">Geographical Indications</a></li> </ul> </div> </div> <h2><a href="/services/copyright/" title="Copyright">Copyright</a></h2> <h2><a href="/services/technology-patents/" title="Patents">Technology & Patents</a></h2> <h2><a href="/services/designs/" title="Design">Designs</a></h2> <h2>Consultancy</h2> <div class="row"> <div class="col-md-9"> <ul style="column-count: 2;"> <li><a href="/services/management-consultancy-konsert-strategy-ip/" title="Management Consultancy">Management Consultancy (Konsert Strategy & IP)</a></li> <li><a href="/services/ip-consultancy/" title="IP Consultancy">IP Consultancy</a></li> </ul> </div> </div> <h2><a href="/services/brand-protection-anti-counterfeiting-anti-piracy-and-enforcement/" title="Brand Protection/Anti-Counterfeiting, Anti-Piracy and Enforcement">Brand Protection/Anti-Counterfeiting, Anti-Piracy and Enforcement</a></h2> <div class="row"> <div class="col-md-9"> <ul style="column-count: 2;"> <li><a href="/services/brand-protection-anti-counterfeiting-anti-piracy-and-enforcement/brand-protection-and-anti-counterfeiting/" title="Brand Protection and Anti-Counterfeiting">Brand Protection and Anti-Counterfeiting</a></li> <li><a href="/services/brand-protection-anti-counterfeiting-anti-piracy-and-enforcement/complex-ip-enforcement/" title="Complex IP Enforcement">Complex IP Enforcement</a></li> <li><a href="/services/brand-protection-anti-counterfeiting-anti-piracy-and-enforcement/copyright-and-anti-piracy/" title="Copyright and Anti-Piracy">Copyright and Anti-Piracy</a></li> </ul> </div> </div> <h2>Disputes</h2> <div class="row"> <div class="col-md-9"> <ul style="column-count: 2;"> <li><a href="#" title="Litigation">Litigation</a></li> <li><a href="#" title="Arbitration">Arbitration</a></li> <li><a href="/services/litigation/" title="Disputes">Mediation</a></li> </ul> </div> </div> <h2><a href="/services/digital-commercial/" title="Digital & Commercial">Digital & Commercial</a></h2> <div class="row"> <div class="col-md-9"> <ul style="column-count: 2;"> <li><a href="/services/outsourced-in-house-counsel/" title="Outsourced In-House Counsel">Outsourced In-House Counsel</a></li> <li><a href="/services/marketing-campaign-clearance/" title="Marketing Campaign Clearance">Marketing Campaign Clearance</a></li> <li><a href="/services/digital-and-data-regulatory-compliance/" title="Digital and Data Regulatory Compliance">Digital & Data Regulatory Compliance</a></li> <li><a href="/services/ip-transactions/" title="IP Transactions">IP Transactions</a></li> </ul> </div> </div> </div> </div> </body> </html> </div> </div> <!--End tab content--> <!-- Item tab conten --> <div id="bg2" class="tab-pane fade "> <div class="burger-title"> <h1>Where We Work</h1> </div> <div class="content"> <!DOCTYPE html> <html> <head> </head> <body> <div class="row"> <div class="col-md-9 col-sm-9"> <h2><a href="/where-we-work/" title="Where We Work">Where We Work</a></h2> <br /> <h2>China</h2> <div class="row"> <div class="col-md-9"> <ul style="column-count: 2;"> <li><a href="/where-we-work/china/" title="Beijing">Beijing</a></li> <li><a href="/where-we-work/china/" title="China">Guangzhou</a></li> <li><a href="/where-we-work/china/" title="China">Hong Kong SAR</a></li> <li><a href="/where-we-work/china/" title="Shanghai">Shanghai</a></li> </ul> </div> </div> <h2>South East Asia</h2> <div class="row"> <div class="col-md-9"> <ul style="column-count: 2;"> <li><a href="/where-we-work/cambodia/" title="Cambodia">Cambodia</a></li> <li><a href="/where-we-work/indonesia/" title="Indonesia">Indonesia</a></li> <li><a href="/where-we-work/myanmar/" title="Myanmar">Myanmar</a></li> <li><a href="/where-we-work/philippines/" title="Philippines">Philippines</a></li> <li><a href="/where-we-work/thailand/" title="Thailand">Thailand</a></li> <li><a href="/where-we-work/vietnam/" title="Vietnam">Vietnam</a></li> </ul> </div> </div> <h2>Europe, Middle East & Africa</h2> <div class="row"> <div class="col-md-9"> <ul style="column-count: 2;"> <li><a href="/where-we-work/africa/" title="Africa">Africa</a></li> <li><a href="/where-we-work/sweden/" title="Sweden">Sweden</a></li> <li><a href="/where-we-work/united-arab-emirates/" title="United Arab Emirates">United Arab Emirates</a></li> <li><a href="/where-we-work/united-kingdom/" title="United Kingdom">United Kingdom</a></li> </ul> </div> </div> </div> </div> </body> </html> </div> </div> <!--End tab content--> <!-- Item tab conten --> <div id="bg3" class="tab-pane fade "> <div class="burger-title"> <h1>People</h1> </div> <div class="content"> <!DOCTYPE html> <html> <head> </head> <body> </body> </html> </div> </div> <!--End tab content--> <!-- Item tab conten --> <div id="bg4" class="tab-pane fade "> <div class="burger-title"> <h1>Careers</h1> </div> <div class="content"> <!DOCTYPE html> <html> <head> </head> <body> </body> </html> </div> </div> <!--End tab content--> <!-- Item tab conten --> <div id="bg5" class="tab-pane fade "> <div class="burger-title"> <h1>About</h1> </div> <div class="content"> <!DOCTYPE html> <html> <head> </head> <body> <div class="row"> <div class="col-md-6"> <div class="row"> <div class="col-md-12"> <h2><a href="/about/" title="About">About Us</a></h2> <br /> <h2><a href="/about/announcements" title="">Announcements</a></h2> <br /> <h2><a href="/support-pages/our-code-of-conduct/" title="Our Code of Conduct">Code of Conduct</a></h2> <br /> <h2><a href="/support-pages/diversity-equality-inclusivity/" title="Diversity, Equality & Inclusivity">Diversity, Equality & Inclusivity</a></h2> <br /> <h2><a href="/about/environment-social-governance/" title="Environment, Social & Governance">Environment, Social & Governance </a></h2> <div class="row"> <div class="col-md-9"> <ul style="column-count: 2;"> <li><a href="/about/environment-social-governance/#environment" title="Environment, Social & Governance" data-anchor="#environment">Environment</a></li> <li><a href="/about/environment-social-governance/#social" title="Environment, Social & Governance" data-anchor="#social">Social</a></li> <li><a href="/about/environment-social-governance/#governance" title="Environment, Social & Governance" data-anchor="#governance">Governance</a></li> <li><a href="/about/environment-social-governance/#esg-annual-report-2022-2023" title="Environment, Social & Governance" data-anchor="#esg-annual-report-2022-2023">ESG Annual Report 2022-2023</a></li> <li><a href="/about/environment-social-governance/#the-mitrataa-foundation" title="Environment, Social & Governance" data-anchor="#the-mitrataa-foundation">The Mitrataa Foundation</a></li> </ul> </div> </div> <br /> <h2><a href="/footer/contact-us/" title="Contact Us">Contact Us</a></h2> </div> </div> </div> </div> </body> </html> </div> </div> <!--End tab content--> <!-- Item tab conten --> <div id="bg6" class="tab-pane fade "> <div class="burger-title"> <h1>ClientWEB</h1> </div> <div class="content"> </div> </div> <!--End tab content--> </div> </div> </div> </div> </div> </header> <style> @media (min-width: 1025px) { header .header-container #search-form { top: 50%; transform: translateY(-50%); } header .header-container #search-form form { margin: 0; } } </style> <!-- Content --> <main class="home"> <div class="wrap-home"> <div class="thank-you-subs d-none"> <div class="text-box thankSub-banner"> <a id="thankyou-href" href="#"><i id="closeThankyouBanner" class="close far fa-times-circle" onclick="javascript:window.location.reload();"></i></a> <div class="wrap"> <h3 class="title">Thank You </h3> <p class="content">You are now registered for our Rouse Insights Newsletter</p> </div> </div> </div> <!--Slide question--> <div class="mobile-controller-wrap"> </div> <div id="serviceIndividual"> <section class="top-banner" style=background-image:url(/media/qqafvp32/art-gallery.jpg?anchor=center&mode=crop&width=1903&height=797&rnd=133288709874670000)> <div class="content-box content-box-right "> <h3 class="title">Designs</h3> <div class="description">Rouse provides the full range of design services from registration to the negotiation and drafting of design licences and any necessary dispute resolution.</div> <ul id="serviceSectionController"> <li have-image="false" section-id="section-0">About <i class="fa fa-angle-double-down" aria-hidden="true"></i></li> <li have-image="true" section-id="section-1">Design Management <i class="fa fa-angle-double-down" aria-hidden="true"></i></li> </ul> <a class="btn btn-primary text-white" style="cursor: pointer" onclick="onNavigate('Designs', '/services/talk-consultant')">Talk to Us</a> </div> </section> <div class="service-section-content" id="section-0"> <section class="container section-content-text wrap-section-middle"> <div class="wrap-content-page"> <div class="content-center" id="page-top-content"> <!DOCTYPE html> <html> <head> </head> <body> <p> </p> <p> </p> <p><strong>Rouse provides the full range of design services from registration to the negotiation and drafting of design licences and any necessary <a href="/services/litigation/" title="Dispute Resolution">dispute resolution</a>.</strong></p> <p>Design rights can be both registered and unregistered. Because the nature and level of protection varies around the world, co-ordinated management of your design portfolio is critical.</p> <p>We can help you through every step of the registration process, from advising on what can and can’t be protected, through to the filing and prosecution of the application.</p> </body> </html> </div> </div> <div class="row content-bottom"> <div class="col-md-6 content-left" style="padding-top:30px "> <!DOCTYPE html> <html> <head> </head> <body> <h4>Registering Designs</h4> <p>The appearance of a product, the look and feel of it, is often unique and something worth protecting. Design registration not only protects the creator of the design, but also encourages innovation in the design world. Designs can protect the shape, pattern, colour or lines of a product or a combination thereof. A registered design is the best way to ensure protection and prevent others from using the design. It will help you distinguish yourself from your competitors and add more value to your company.</p> </body> </html> </div> <div class="col-md-6 content-right " style="padding-top:30px "> <!DOCTYPE html> <html> <head> </head> <body> <h4><strong>Clearance, Drafting & Filing</strong></h4> <p>Our lawyers can advise you in relation to both your proposed designs and the rights of third parties. We can help you through every step of the registration process, from advising on what can and can’t be protected, through to the filing and prosecution of your application.</p> </body> </html> </div> </div> </section> </div> <div class="service-section-content" id="section-1"> <section class="image-sectionServices "> <picture> <source media="(max-width:1366px)" srcset="/media/n00glu5f/modern-office-building-design.jpg?anchor=center&mode=crop&width=1366&height=540&rnd=133288709875470000"> <source media="(max-width:768)" srcset="img_white_flower.jpg"> <img src="/media/n00glu5f/modern-office-building-design.jpg?anchor=center&mode=crop&width=1903&height=713&rnd=133288709875470000"> </picture> </section> <section class="container section-content-text wrap-section-middle"> <div class="section-break-title break-small" id="about-top-title"> <h2 class="title" style=" margin-top: 25px;"> Design Management </h2> </div> <div class="wrap-content-page"> <div class="content-center" id="page-top-content"> <!DOCTYPE html> <html> <head> </head> <body> <p><strong>Designs are a valuable asset - and just like any other, they should be carefully managed. </strong></p> <p>Because our designs team is global, we can manage your international designs portfolio. This will enable you to have one point of contact, and will make the whole process simpler and more efficient that it would otherwise be. Because our team works closely with our patent and trade mark teams. It will also be able to make suggestions as to other forms of protection that may be available and should be considered.</p> <p> </p> <h4><a href="/services/litigation/" title="Dispute Resolution"><strong>Litigating and resolving design disputes</strong></a></h4> <p>Registering and protecting your designs is not of great value unless you enforce you rights. Registration can often be a deterrent in itself, but it is more likely that you will need to actively enforce your rights. </p> <p>Any disputes relating to designs are handled by designs experts in our <a href="/services/litigation/" title="Dispute Resolution">Litigation and Alternative Dispute Resolution team</a>. Their aim is always to help resolve disputes in the quickest and most cost-effective way possible. Where appropriate, they work with clients to devise an enforcement strategy that will enable future infringements to be dealt with efficiently.</p> <p>In a particular case, we will help you determine whether there has been an infringement, establish the identity of the infringer and the location and volume of any infringing goods produced, and decide on the most appropriate means of enforcement.</p> <h4><strong>Commercialize</strong></h4> <p>We help you maximise the benefit of your design investment.</p> <p>Having established an appropriate registration strategy and a comprehensive and effectively managed design portfolio, commercialisation is the next logical step. We provide a wide range of commercial services, including negotiating and drafting all forms of agreement, such as manufacturing and distribution agreements and licences and assignments; advising on design valuation; and carrying out due diligence exercises.</p> </body> </html> </div> </div> <div class="row content-bottom"> <div class="col-md-6 content-left" style="padding-top:30px "> <!DOCTYPE html> <html> <head> </head> <body> </body> </html> </div> <div class="col-md-6 content-right " style="padding-top:30px "> <!DOCTYPE html> <html> <head> </head> <body> </body> </html> </div> </div> </section> </div> </div> <!--Question Slider--> <!--End question slider--> <style> .people-item .people-information .name, .people-item .people-information .position { max-height: 100% !important; } @media (max-width: 1600px) { #our-team-section .people-item .people-information { width: 95%; } } @media (max-width: 1366px) { #our-team-section .people-item .people-information { top: 240px !important; } } @media (max-width: 480px) { .content-left .dot, .content-right .dot { display: none; } .item-news .item-content .description { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .slick-list.draggable { padding: 0 2px; } </style> <section class="our-people-member container" id="our-team-section" style="border-top: 0px; margin-top: 3rem"> <div class="b-section-title"> <h4 class="b-title">Our Team</h4> </div> <div class="row"> <!-- A people item --> <div class="col-md-6 col-lg-4 col-xl-3 our-team-item my-1"> <div class="people-item" style="background-image:url('')"> <div class="profile-image"> <img src="/media/d0zken25/arifia-fajra.jpg?anchor=center&mode=crop&width=300&height=300&rnd=133735512369570000"> </div> <div class="people-information"> <div class="box"> <div class="top"> <a href="/people/arifia-fajra/"><h4 class="name">Arifia Fajra</h4></a> <p class="position">Principal, Indonesia Head of Patent Agency Group</p> <p> <a href=""><i class="fas fa-map-marker"></i> </a> <a href="/where-we-work/indonesia/">Jakarta</a> </p> </div> <div class="bottom"> <p class="phone">+62 21 5080 8156</p> <div class="social-network"> <ul> <li><a href="mailto:afajra@rouse.com"><i class="fas fa-envelope"></i></a></li> <li><a href="https://www.linkedin.com/in/arifia-fajra-6b081613/"><i class="fab fa-linkedin-in"></i> </a></li> </ul> </div> </div> </div> </div> </div> </div> <!-- End people item --> <!-- A people item --> <div class="col-md-6 col-lg-4 col-xl-3 our-team-item my-1"> <div class="people-item" style="background-image:url('')"> <div class="profile-image"> <img src="/media/i0pedmyo/michael-kitzler.jpg?anchor=center&mode=crop&width=300&height=300&rnd=133735512426770000"> </div> <div class="people-information"> <div class="box"> <div class="top"> <a href="/people/michael-kitzler/"><h4 class="name">Michael Kitzler</h4></a> <p class="position">Principal and European Patent Attorney</p> <p> <a href=""><i class="fas fa-map-marker"></i> </a> <a href="/where-we-work/sweden/">Stockholm - Rouse</a> </p> </div> <div class="bottom"> <p class="phone">+46 708 777 293</p> <div class="social-network"> <ul> <li><a href="mailto:mkitzler@rouse.com"><i class="fas fa-envelope"></i></a></li> <li><a href="https://www.linkedin.com/in/michael-kitzler-932a8b7/"><i class="fab fa-linkedin-in"></i> </a></li> </ul> </div> </div> </div> </div> </div> </div> <!-- End people item --> <!-- A people item --> <div class="col-md-6 col-lg-4 col-xl-3 our-team-item my-1"> <div class="people-item" style="background-image:url('')"> <div class="profile-image"> <img src="/media/brjmlz0k/adelaide-yu-2022.jpg?crop=0.26393533652004975,0.035350678733031667,0.26472228037286133,0.25763574660633493&cropmode=percentage&width=300&height=300&rnd=133384042790330000"> </div> <div class="people-information"> <div class="box"> <div class="top"> <a href="/people/adelaide-yu/"><h4 class="name">Adelaide Yu</h4></a> <p class="position">Principal & Hong Kong General Manager</p> <p> <a href=""><i class="fas fa-map-marker"></i> </a> <a href="/where-we-work/china/">Hong Kong SAR</a> </p> </div> <div class="bottom"> <p class="phone">+852 2302 0832 </p> <div class="social-network"> <ul> <li><a href="mailto:ayu@rouse.com"><i class="fas fa-envelope"></i></a></li> <li><a href="https://www.linkedin.com/in/adelaide-yu-933190129/"><i class="fab fa-linkedin-in"></i> </a></li> </ul> </div> </div> </div> </div> </div> </div> <!-- End people item --> <!-- A people item --> <div class="col-md-6 col-lg-4 col-xl-3 our-team-item my-1"> <div class="people-item" style="background-image:url('')"> <div class="profile-image"> <img src="/media/s5dahlyx/carol-wang.jpg?anchor=center&mode=crop&width=300&height=300&rnd=133735512374570000"> </div> <div class="people-information"> <div class="box"> <div class="top"> <a href="https://www.lushenglawyers.com.cn/who-we-are/carol-wang/"><h4 class="name">Carol Wang</h4></a> <p class="position">Managing Partner of Shanghai Office, Co-Deputy Head of Dispute Resolution</p> <p> <a href=""><i class="fas fa-map-marker"></i> </a> <a href="/where-we-work/china/">Shanghai</a> </p> </div> <div class="bottom"> <p class="phone">+86 21 3251 9966</p> <div class="social-network"> <ul> <li><a href="mailto:cwang@lushenglawyers.com "><i class="fas fa-envelope"></i></a></li> </ul> </div> </div> </div> </div> </div> </div> <!-- End people item --> </div> </section> <section class="new-from-rouse container"> <div class="b-section-title"> <h4 class="b-title"> Latest Designs Insights </h4> <a class="b-action-link" href="/insights?Service=Designs&Type=news_articles"> More <i class="fas fa-chevron-right arrow arrow-1"></i> <i class="fas fa-chevron-right arrow arrow-2"></i> <i class="fas fa-chevron-right arrow arrow-3"></i> </a> </div> <div class="row"> <!-- A Item --> <div class="col-xs-12 col-md-6 col-lg-6 item item-news lastest-ip-news" style="background-image:url('/media/md4hepxm/top-10-wording.jpg?anchor=center&mode=crop&width=640&height=722&rnd=133822139569130000')"> <div class="item-content item-content-news"> <div class="title"><a href="https://rouse.com/insights/news/2025/most-read-rouse-articles-of-2024/">Most Read Rouse Articles of 2024</a></div> <div class="description"> From across the Rouse website, Lexology and Mondaq </div> <p class="time">1 minute read </p> <p class="author"> </p> <a href="https://rouse.com/insights/news/2025/most-read-rouse-articles-of-2024/" class="readmore">READ MORE <i class="fas fa-chevron-right arrow arrow-1"></i><i class="fas fa-chevron-right arrow arrow-2"></i><i class="fas fa-chevron-right arrow arrow-3"></i></a> <p class="datetime">24 Jan 2025</p> <ul class="tags-list"> </ul> </div> </div> <!-- End Item --> <!-- A Item --> <div class="col-xs-12 col-md-6 col-lg-6 item item-news lastest-ip-news" style="background-image:url('/media/ipqhm51j/industrial-design.jpg?anchor=center&mode=crop&width=640&height=722&rnd=132405554666430000')"> <div class="item-content item-content-news"> <div class="title"><a href="https://rouse.com/insights/news/2024/introduction-of-new-design-law-treaty-to-benefit-designers-across-the-world/">Introduction of new Design Law Treaty to benefit designers across the world</a></div> <p class="time">1 minute read </p> <p class="author"> Elena Yanakieva </p> <a href="https://rouse.com/insights/news/2024/introduction-of-new-design-law-treaty-to-benefit-designers-across-the-world/" class="readmore">READ MORE <i class="fas fa-chevron-right arrow arrow-1"></i><i class="fas fa-chevron-right arrow arrow-2"></i><i class="fas fa-chevron-right arrow arrow-3"></i></a> <p class="datetime">28 Nov 2024</p> <ul class="tags-list"> <li><a href="/insights?tag=Designs">#designs </a></li> <li><a href="/insights?tag=Industrial+ Designs">#industrial designs </a></li> <li><a href="/insights?tag=Riyadh">#riyadh </a></li> </ul> </div> </div> <!-- End Item --> <!-- A Item --> <div class="col-xs-12 col-md-6 col-lg-6 item item-news lastest-ip-news" style="background-image:url('/media/w0pg04kl/bangkok-skyline.jpg?anchor=center&mode=crop&width=640&height=722&rnd=132826320801570000')"> <div class="item-content item-content-news"> <div class="title"><a href="https://rouse.com/insights/news/2024/%E6%B3%B0%E5%9B%BD-%E4%B8%93%E5%88%A9%E5%92%8C%E5%A4%96%E8%A7%82%E8%AE%BE%E8%AE%A1%E6%9C%80%E6%96%B0%E5%8A%A8%E6%80%81/">泰国:专利和外观设计最新动态</a></div> <p class="time">2 minute read </p> <p class="author"> Manoon Changchumni </p> <a href="https://rouse.com/insights/news/2024/%E6%B3%B0%E5%9B%BD-%E4%B8%93%E5%88%A9%E5%92%8C%E5%A4%96%E8%A7%82%E8%AE%BE%E8%AE%A1%E6%9C%80%E6%96%B0%E5%8A%A8%E6%80%81/" class="readmore">READ MORE <i class="fas fa-chevron-right arrow arrow-1"></i><i class="fas fa-chevron-right arrow arrow-2"></i><i class="fas fa-chevron-right arrow arrow-3"></i></a> <p class="datetime">29 Mar 2024</p> <ul class="tags-list"> </ul> </div> </div> <!-- End Item --> <!-- A Item --> <div class="col-xs-12 col-md-6 col-lg-6 item item-news lastest-ip-news" style="background-image:url('/media/5mioxami/vietnam-city.jpg?anchor=center&mode=crop&width=640&height=722&rnd=132826320810170000')"> <div class="item-content item-content-news"> <div class="title"><a href="https://rouse.com/insights/news/2024/%E8%B6%8A%E5%8D%97-%E4%B8%93%E5%88%A9%E5%92%8C%E5%A4%96%E8%A7%82%E8%AE%BE%E8%AE%A1%E6%9C%80%E6%96%B0%E5%8A%A8%E6%80%81/">越南:专利和外观设计最新动态</a></div> <p class="time">2 minute read </p> <p class="author"> Dung Vu </p> <a href="https://rouse.com/insights/news/2024/%E8%B6%8A%E5%8D%97-%E4%B8%93%E5%88%A9%E5%92%8C%E5%A4%96%E8%A7%82%E8%AE%BE%E8%AE%A1%E6%9C%80%E6%96%B0%E5%8A%A8%E6%80%81/" class="readmore">READ MORE <i class="fas fa-chevron-right arrow arrow-1"></i><i class="fas fa-chevron-right arrow arrow-2"></i><i class="fas fa-chevron-right arrow arrow-3"></i></a> <p class="datetime">29 Mar 2024</p> <ul class="tags-list"> </ul> </div> </div> <!-- End Item --> </div> </section> <style> @media(max-width: 420px) { .banner-howcan .description p span { font-size: 14pt !important; } } </style> <div class="banner-howcan"> <h4 class="title">How can we help you?</h4> <div class="description"><!DOCTYPE html> <html> <head> </head> <body> <p><span style="font-size: 18pt;"><a href="/footer/contact-us/" title="Contact Us">Get in touch</a> with us or<span> </span><a href="/where-we-work/" title="Where We Work">find an office</a> to help you.</span></p> </body> </html></div> </div> <script> var vid = document.querySelector(".background-video .bannerVideo"); //copy this line const myBox = document.querySelector(".content-box.content-box-right"); if (vid) { var mute = true; var timer = null; function enableMute() { vid.muted = true; } vid.onplay = function () { // add this line myBox.style.display = "none"; if (mute) { if (timer !== null) { clearTimeout(timer); } var time = this.duration - this.currentTime; timer = setTimeout(function () { enableMute(); }, time * 1000); vid.addEventListener('volumechange', function (e) { if (this.muted) clearTimeout(timer); mute = false; }, false); } } vid.onended = function () { vid.currentTime = 0; //add this line myBox.style.display = "block"; }; //add this function vid.onpause = function () { myBox.style.display = "block"; } //vid.addEventListener('click', function (e) { // e.preventDefault(); // if (this.paused) { // this.play(); // } else { // this.pause(); // } //}); } function onNavigate(serviceName, redirectLink) { window.sessionStorage.setItem("launchedFrom", serviceName); //console.log(serviceName) window.location.href = redirectLink } </script> </div> </main> <!-- Footer --> <style> .footer-bottom { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .btnSubscribe { position: relative; cursor: pointer; margin-bottom: 20px; border-radius: 10px; padding: 17px 27px; font-family: Calibri; font-size: 20px; line-height: 16px; display: flex; align-items: center; justify-content: center; width: 100%; border-color: #007f9c; background-color: #007f9c; color: #fff; text-align: center; vertical-align: middle; border: 1px solid #007f9c; transition: 0.3s; height: 10%; outline: none !important; } .luseng:hover { color: #fff; } .btnSubscribeMob { position: relative; cursor: pointer; margin-bottom: 20px; border-radius: 10px; padding: 12px 27px; font-family: Calibri; font-size: 14px; line-height: 16px; display: flex; align-items: center; justify-content: center; width: 100%; border-color: #007f9c; background-color: #007f9c; color: #fff; text-align: center; vertical-align: middle; border: 1px solid #007f9c; transition: 0.3s; outline: none !important; font-weight: bold; } .noScroll { /* transform: translate3d(0px, -2200px, 0px);*/ overflow: hidden; } .subscribeModal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ float: left; z-index: 9999; /* Sit on top */ left: 50%; top: 50%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: hidden; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ transform: translate(-50%, -50%); } .blur { filter: blur(5px); } </style> <footer style="padding-bottom: 30px"> <div class="container"> <div class="footer-top"> <div class="logo"> </div> </div> <div class="row no-gutters footer-bottom" style="border-bottom: 0px"> <div class="menu-footer col-xs-12"> <ul> <li><a href="/footer/contact-us/">Contact Us</a></li> <li><a href="/footer/accessibility-statement/">Accessibility Statement</a></li> <li><a href="/support-pages/legal/">Legal</a></li> <li><a href="/support-pages/modern-slavery-statement/">Modern Slavery Statement</a></li> </ul> </div> <div class="col-xs-12 social-icons"> <a class="linkedin" href="https://www.linkedin.com/company/rouse/" target="_blank"><i class="fab fa-linkedin-in"></i></a> <a class="linkedin" href="https://twitter.com/RouseIP" target="_blank"> <svg width="20" height="20" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg"> <path d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66" /> </svg> </a> <a class="linkedin" href="https://www.youtube.com/channel/UCx0wyqjh548h-y9SCoDa06w" target="_blank"><i class="fab fa-youtube"></i></a> </div> </div> <div class="footer-bottom" style="display: block; margin-top: -25px;"> <!DOCTYPE html> <html> <head> </head> <body> <p style="text-align: right;"> </p> <p style="text-align: right;"><span style="font-size: 8pt;"><em>The Rouse Network consists of local subsidiaries of Rouse International Limited and closely aligned but independent firms which work seamlessly together on engagements. Which elements of work are done by which entity depends entirely on the country in which work is carried out, in compliance with relevant legal and regulatory provisions.</em></span></p> </body> </html> </div> <div class="copyright-contain text-right"> <div class="copyright-contain"> <span>Rouse International Limited</span> </div> </div> </div> </footer> <!-- Scripts --> <script rel="preload" as="script" src="https://commonlibraries.blob.core.windows.net/$web/Libraries/js/jquery/3.5.1/jquery-3.5.1.min.js" crossorigin="anonymous"></script> <script rel="preload" as="script" src="https://rousecom.azureedge.net/rousecomstatic/scripts/jquery.validate.min.js"></script> <script rel="preload" as="script" src="https://rousecom.azureedge.net/rousecomstatic/scripts/jquery.validate.unobtrusive.min.js"></script> <script rel="preload" as="script" type="text/javascript" src="https://rousecom.azureedge.net/rousecomstatic/scripts/slick.js"></script> <script rel="preload" as="script" src="https://rousecom.azureedge.net/rousecomstatic/scripts/owl.carousel.js"></script> <script rel="preload" as="script" src="https://commonlibraries.blob.core.windows.net/$web/Libraries/bootstraps/5.3.0/css/popper.min.js"></script> <script rel="preload" as="script" src="https://commonlibraries.blob.core.windows.net/$web/Libraries/js/bootstrap/5.2.3/bootstrap.min.js"></script> <script rel="preload" as="script" src="https://rouse.com:443//scripts/jquery.jInvertScroll.js"></script> <script rel="preload" as="script" src="https://rouse.com:443//scripts/slider.js"></script> <script rel="preload" as="script" src="https://rouse.com:443//scripts/app.js?2103213618"></script> <script type="text/javascript"> setTimeout(function () { $('.mobile-controller-wrap').css({ "top": $('header').height() }) }, 500) </script> </body> </html> <script> var isShowSubs = "False"; if (isShowSubs == "True") { var modal = document.getElementById("subscribeModal"); var btn = document.getElementById("zohaSubscribe"); var body = document.documentElement; var show = false; var howcan = document.getElementsByClassName("banner-howcan")[0]; var footer = document.getElementsByClassName("container")[4]; var career = document.getElementsByClassName("career-group-content")[0]; var fullPage = document.getElementById("fullpage"); var blurbody = document.getElementsByClassName("home")[0]; var footer = document.getElementsByTagName("footer")[0]; if (btn) { btn.onclick = function () { body.classList.add("noScroll"); modal.style.display = "block"; if (typeof initializeSubscriptionForms !== "undefined") { initializeSubscriptionForms(); } } } } $(document).ready(function () { var hash = window.location.hash.substr(1); if (hash != null && hash != undefined && hash.trim().toLowerCase() == "subscribe") { if (isShowSubs == "True") { var modal = document.getElementById("subscribeModal"); var body = body = document.documentElement; body.classList.add("noScroll"); modal.style.display = "block"; } } }); </script> <style> .home { /*background-color: lightpink;*/ padding-top: 100px !important; } .thankSub-banner { position: absolute; text-align: center; display: flex; background-color: #008197; color: #FFF; justify-content: center; align-items: center; z-index: 1; width: 750px; height: 530px; top: 25%; left: 30%; } .thank-you-subs { background-color: rgba(0,0,0,0.4); width: 100%; position: fixed; height: 100%; z-index: 1; top: 0; } .wrap { align-items: center !important; } .wrap .title, .wrap .content { color: #fff; font-weight: bold; } @media(max-width: 760px) { .thank-you-subs { background-color: rgba(0,0,0,0.4); width: 100%; position: unset; height: 100%; } .thankSub-banner { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; } #closeThankyouBanner { top: 3% !important; right: 5% !important; } } #closeThankyouBanner { color: #fff; position: absolute; top: 15px; right: 15px; opacity: 1; } .btnSubscribe { position: relative; cursor: pointer; margin-bottom: 20px; border-radius: 10px; padding: 17px 27px; font-family: Calibri; font-size: 20px; line-height: 16px; display: flex; align-items: center; justify-content: center; width: 100%; border-color: #007f9c; background-color: #007f9c; color: #fff; text-align: center; vertical-align: middle; border: 1px solid #007f9c; transition: 0.3s; font-weight: bold; height: 10%; outline: none !important; } .btnSubscribeMob { position: relative; cursor: pointer; margin-bottom: 20px; border-radius: 10px; padding: 12px 27px; font-family: Calibri; font-size: 14px; line-height: 16px; display: flex; align-items: center; justify-content: center; width: 100%; border-color: #007f9c; background-color: #007f9c; color: #fff; text-align: center; vertical-align: middle; border: 1px solid #007f9c; transition: 0.3s; outline: none !important; font-weight: bold; } .noScroll { /* transform: translate3d(0px, -2200px, 0px);*/ overflow: hidden; } .modal > .zcwf_lblLeft > form > .zcwf_row > .zcwf_privacy > .zcwf_privacy_txt { margin-top: -8px !important; } .subscribeModal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ float: left; z-index: 9999; /* Sit on top */ left: 50%; top: 50%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: hidden; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ transform: translate(-50%, -50%); } .blur { background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } #crmWebToEntityForm.zcwf_lblLeft { top: 15% !important; } .social-icons a { padding-top: 0% !important; } .list-item .slick-slide .item-news:first-child:nth-last-child(2) { margin-right: 40px !important; } .list-item .slick-slide .item-news:first-child:nth-last-child(2) ~ .item-news { margin-right: auto !important; } @media(max-width: 480px) { .modal > .zcwf_lblLeft > form > .zcwf_row > .zcwf_privacy > .zcwf_privacy_txt { margin-bottom: 6px !important; margin-top: 0px !important; } .modal > .zcwf_lblLeft > form > .zcwf_row.bothButton > div { margin-top: 30px !important; } .modal > .zcwf_lblLeft > form > .zcwf_row.recaptcha { height: 50px !important; } } </style>