CINXE.COM

<!DOCTYPE html>   <html class="no-js" lang="en">  <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E3JC8M4BHE"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E3JC8M4BHE'); </script> <meta name="theme-color" content="#666666"> <meta charset="utf-8" /> <script>function recaptchaOnLoad() { if (typeof Drupal.behaviors.recaptcha.attach != 'undefined') { Drupal.behaviors.recaptcha.attach(); } };</script> <link rel="canonical" href="/en/contact" /> <link rel="shortlink" href="/en/node/55" /> <script src="https://www.google.com/recaptcha/api.js?hl=en&onload=recaptchaOnLoad&render=explicit" async="async" defer="defer"></script> <link rel="shortcut icon" href="https://www.kimberleyprocess.com/sites/default/themes/kimberleyprocess2017/favicon.ico" type="image/vnd.microsoft.icon" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="HandheldFriendly" content="True" /> <meta name="MobileOptimized" content="320" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="msapplication-tap-highlight" content="no" /> <link rel="icon" sizes="192x192" href="/sites/default/themes/kimberleyprocess2017/images/distribution/touch-icons/touch-icon-highres.png" /> <link rel="icon" sizes="128x128" href="/sites/default/themes/kimberleyprocess2017/images/distribution/touch-icons/touch-icon.png" /> <link rel="apple-touch-icon" sizes="128x128" href="/sites/default/themes/kimberleyprocess2017/images/distribution/touch-icons/touch-icon.png" /> <link rel="apple-touch-icon-precomposed" sizes="128x128" href="/sites/default/themes/kimberleyprocess2017/images/distribution/touch-icons/touch-icon.png" />  <title>Contact | KimberleyProcess</title> <link rel="stylesheet" href="https://use.typekit.net/kjr2zeq.css"> <style type="text/css" media="all"> @import url("https://www.kimberleyprocess.com/modules/system/system.base.css?sng63g"); @import url("https://www.kimberleyprocess.com/modules/system/system.menus.css?sng63g"); @import url("https://www.kimberleyprocess.com/modules/system/system.messages.css?sng63g"); @import url("https://www.kimberleyprocess.com/modules/system/system.theme.css?sng63g"); </style> <style type="text/css" media="all"> @import url("https://www.kimberleyprocess.com/sites/default/modules/contrib/calendar/css/calendar_multiday.css?sng63g"); @import url("https://www.kimberleyprocess.com/modules/comment/comment.css?sng63g"); @import url("https://www.kimberleyprocess.com/sites/all/modules/date/date_api/date.css?sng63g"); @import url("https://www.kimberleyprocess.com/sites/all/modules/date/date_popup/themes/datepicker.1.7.css?sng63g"); @import url("https://www.kimberleyprocess.com/modules/field/theme/field.css?sng63g"); @import url("https://www.kimberleyprocess.com/modules/node/node.css?sng63g"); @import url("https://www.kimberleyprocess.com/modules/search/search.css?sng63g"); @import url("https://www.kimberleyprocess.com/modules/user/user.css?sng63g"); @import url("https://www.kimberleyprocess.com/sites/default/modules/contrib/views/css/views.css?sng63g"); </style> <style type="text/css" media="all"> @import url("https://www.kimberleyprocess.com/sites/all/modules/ckeditor/ckeditor.css?sng63g"); @import url("https://www.kimberleyprocess.com/sites/all/modules/ctools/css/ctools.css?sng63g"); @import url("https://www.kimberleyprocess.com/sites/www.kimberleyprocess.com/files/honeypot/honeypot.css?sng63g"); </style> <style type="text/css" media="all"> @import url("https://www.kimberleyprocess.com/sites/default/themes/kimberleyprocess2017/css/theme-style.css?sng63g"); @import url("https://www.kimberleyprocess.com/sites/default/themes/kimberleyprocess2017/css/intlTelInput.css?sng63g"); </style> <script src="/sites/default/themes/kimberleyprocess2017/js/modernizr.min.js"></script> </head> <body class="html not-front not-logged-in no-sidebars page-node page-node- page-node-55 node-type-page i18n-en has-contact-form"> <div class="region region-page-top"> <noscript aria-hidden="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NN9TC9R" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager">Google Tag Manager</iframe></noscript> </div> <div id="container"> <header id="main-header"> <div class="section"> <a href="/en" id="logo" title="KimberleyProcess" rel="home"> <img id="logo-normal" src="/sites/default/themes/kimberleyprocess2017/images/distribution/logo.png" alt="KimberleyProcess"> <img id="logo-hires" src="/sites/default/themes/kimberleyprocess2017/images/distribution/logo-hr.png" alt="KimberleyProcess"> </a> <a id="btn-resp" class="active" data-role="responsive-button" href="#" title="Show menu"> <span class="menu-icon"></span> <span class="menu-text">Menu</span> </a> <div class="navbar-collapse position-right" data-role="responsive-aside"> <nav id="main-nav" role="navigation"> <div class="region region-header"> <div id="block-system-user-menu" class="block block-system block-menu"> <div class="content"> <ul class="menu"><li class="first leaf"><a href="/en/user" title=""><span>Login</span></a></li> <li class="last leaf"><a href="/en/documents" title=""><span>Documents</span></a></li> </ul> </div> </div> <div id="block-kimberleyprocess-custom-custom-language-switcher-block" class="block block-kimberleyprocess-custom"> <div class="content"> <div class="languages"><div class="current-language">en</div><div class="item-list"><ul><li class="first"><a href="/en" class="active"><span>en</span></a></li> <li class="last"><a href="/fr"><span>fr</span></a></li> </ul></div></div> </div> </div> <div id="block-search-form" class="block block-search"> <div class="content"> <form action="/en/contact" method="post" id="search-block-form" accept-charset="UTF-8"><div><div class="container-inline"> <h2 class="element-invisible">Search form</h2> <div class="form-item form-type-textfield form-item-search-block-form"> <label class="element-invisible" for="edit-search-block-form--2">Search </label> <input title="Enter the terms you wish to search for." placeholder="Search" type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="15" maxlength="128" class="form-text" /> </div> <div class="form-actions form-wrapper" id="edit-actions--2"><input type="submit" id="edit-submit--2" name="op" value="Search" class="form-submit" /></div><input type="hidden" name="form_build_id" value="form-4Amewli4hJvYqQNUNnMdz03ET4nMZADQoC3G5rOIV4I" /> <input type="hidden" name="form_id" value="search_block_form" /> </div> </div></form> </div> </div> </div> <div class="region region-navigation"> <div id="block-menu-block-1" class="block block-menu-block"> <div class="content"> <div class="menu-block-wrapper menu-block-1 menu-name-menu-main-menu-en parent-mlid-0 menu-level-1"> <ul class="menu"><li class="first expanded menu-mlid-2690"><a href="/en/what-kp" title=""><span>What is the KP</span></a><ul class="menu"><li class="first leaf menu-mlid-2701"><a href="/en/chair"><span>Chair</span></a></li> <li class="leaf menu-mlid-2702"><a href="/en/participants"><span>Participants</span></a></li> <li class="leaf menu-mlid-768"><a href="/en/candidates"><span>Candidates</span></a></li> <li class="leaf has-children menu-mlid-762"><a href="/en/observers"><span>Observers</span></a></li> <li class="leaf has-children menu-mlid-754"><a href="/en/working-groups-and-committees"><span>Working Groups and Committees</span></a></li> <li class="last leaf menu-mlid-435"><a href="/en/faq"><span>FAQ</span></a></li> </ul></li> <li class="expanded menu-mlid-2691"><a href="/en/kp-action" title=""><span>KP In Action</span></a><ul class="menu"><li class="first last leaf menu-mlid-3320"><a href="/en/sustainability"><span>Sustainability</span></a></li> </ul></li> <li class="expanded menu-mlid-2695"><a href="/en/news"><span>News & Media</span></a><ul class="menu"><li class="first last leaf menu-mlid-2703"><a href="/en/gallery" title=""><span>photos</span></a></li> </ul></li> <li class="expanded menu-mlid-2694"><a href="/en/events"><span>Events</span></a><ul class="menu"><li class="first leaf menu-mlid-5169"><a href="https://www.kimberleyprocess.com/en/2024-intersessional-meeting" title=""><span>2024 Intersessional Meeting</span></a></li> <li class="last leaf menu-mlid-5167"><a href="https://www.kimberleyprocess.com/en/2024-plenary-meeting" title=""><span>2024 Plenary Meeting</span></a></li> </ul></li> <li class="expanded active-trail active menu-mlid-436"><a href="/en/contact" class="active-trail active"><span>Contact</span></a><ul class="menu"><li class="first last leaf menu-mlid-1634"><a href="/en/request-technical-assistance-0"><span>Request for technical assistance</span></a></li> </ul></li> <li class="leaf menu-mlid-433"><a href="/en/enforcement"><span>Enforcement</span></a></li> <li class="last leaf menu-mlid-5140"><a href="https://www.kimberleyprocess.com/en/welcome-kimberley-process-plenary-2024" title=""><span>2024 PLENARY MEETING</span></a></li> </ul></div> </div> </div> </div> </nav> </div> </div> </header> <div id="main-top"> <div class="section"> <div class="region region-main-top"> <div id="block-kimberleyprocess-custom-custom-header-block" class="block block-kimberleyprocess-custom"> <div class="content"> <h2>Contact</h2> <h1>Do you still have questions, then we're here to help. Just ask.</h1> </div> </div> </div> </div> </div> <div id="main"> <div id="messages-wrap"> </div> <div id="breadcrumb"><ul><li><a href="/en"><span>Home</span></a></li><li>Contact</li></ul></div> <div id="content-wrapper" role="main"> <article id="content"> <div class="tabs"></div> <div class="region region-content"> <div id="block-system-main" class="block block-system"> <div class="content"> <div class="ds-1col node node-page view-mode-full clearfix"> <div class="field field-name-field-intro field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even"><p>Before contacting us with your question, please have a look at the <a href="/faq">Frequently Asked Questions</a>. If you didn't find what you wanted, send us your query and we will try to answer it as soon as possible.</p> <style type="text/css"> <![CDATA[/* ><!]]>*/ </style></div></div></div><div class="field field-name-contact-form field-type-ds field-label-hidden"><div class="field-items"><div class="field-item even"><form action="/en/contact" method="post" id="-kimberleyprocess-contact-contact-form" accept-charset="UTF-8"><div><div class="form-item form-type-select form-item-type"> <label for="edit-type">Contact <span class="form-required" title="This field is required.">*</span></label> <select id="edit-type" name="type" class="form-select required" required="required"><option value="" selected="selected">- Select -</option><option value="general-contact" >The site</option><option value="chair-contact" >The chair</option></select> </div> <div class="form-item form-type-textfield form-item-firstname"> <label for="edit-firstname">Firstname <span class="form-required" title="This field is required.">*</span></label> <input type="text" id="edit-firstname" name="firstname" value="" size="60" maxlength="128" class="form-text required" required="required" /> </div> <div class="form-item form-type-textfield form-item-lastname"> <label for="edit-lastname">Lastname <span class="form-required" title="This field is required.">*</span></label> <input type="text" id="edit-lastname" name="lastname" value="" size="60" maxlength="128" class="form-text required" required="required" /> </div> <div class="form-item form-type-textfield form-item-email"> <label for="edit-email">Email <span class="form-required" title="This field is required.">*</span></label> <input type="text" id="edit-email" name="email" value="" size="60" maxlength="128" class="form-text required" required="required" /> </div> <div class="form-item form-type-textfield form-item-phone"> <label for="edit-phone">Phone </label> <input type="text" id="edit-phone" name="phone" value="" size="60" maxlength="128" class="form-text" /> </div> <div class="form-item form-type-textarea form-item-message"> <label for="edit-message">Message <span class="form-required" title="This field is required.">*</span></label> <div class="form-textarea-wrapper resizable"><textarea id="edit-message" name="message" cols="60" rows="5" class="form-textarea required" required="required"></textarea></div> </div> <input type="hidden" name="honeypot_time" value="1732441043|mGAoT7QNj554Aff6WWtqXTLRMeUS2EyDXhimKRThNe4" /> <input type="hidden" name="form_build_id" value="form-KA1q6pMtEgpuAITFMRURHKHawhVt_0GUXXqnZAmzFTM" /> <input type="hidden" name="form_id" value="_kimberleyprocess_contact_contact_form" /> <div class="captcha"><input type="hidden" name="captcha_sid" value="251734" /> <input type="hidden" name="captcha_token" value="fd63a2738cbb8c6411c46f26ec6b7989" /> <input type="hidden" name="captcha_response" value="Google no captcha" /> <div id="g-recaptcha251734" class="g-recaptcha" data-sitekey="6LeCC1wUAAAAAEGlCJCKlrCx1mZsLhZnHtPmUMDh" data-theme="light" data-type="image" data-size="invisible" data-callback="onInvisibleSubmit" data-badge="bottomright"></div></div><div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="Send" class="form-submit" /></div><div class="site_url-textfield"><div class="form-item form-type-textfield form-item-site-url"> <label for="edit-site-url">Leave this field blank </label> <input autocomplete="off" type="text" id="edit-site-url" name="site_url" value="" size="20" maxlength="128" class="form-text" /> </div> </div></div></form></div></div></div></div> </div> </div> </div> </article> </div> </div> <footer id="footer-wrapper"> <div id="main-footer"> <div class="section"> <div class="footer-left"> <div class="region region-footer-left"> <div id="block-menu-menu-footer-menu-1-en" class="block block-menu"> <h2>Footer menu 1 EN</h2> <div class="content"> <ul class="menu"><li class="first last expanded"><a href="/en/what-kp" title=""><span>What is the KP</span></a><ul class="menu"><li class="first leaf"><a href="/en/chair" title=""><span>Chair</span></a></li> <li class="leaf"><a href="/en/participants" title=""><span>Participants</span></a></li> <li class="leaf"><a href="/en/candidates" title=""><span>Candidates</span></a></li> <li class="leaf"><a href="/en/observers" title=""><span>Observers</span></a></li> <li class="leaf"><a href="/en/working-groups-and-committees" title=""><span>Working Groups</span></a></li> <li class="leaf"><a href="/en/administrative-support-mechanism" title=""><span>Administrative Support</span></a></li> <li class="last leaf"><a href="/en/faq" title=""><span>FAQ</span></a></li> </ul></li> </ul> </div> </div> <div id="block-menu-menu-footer-menu-2-en" class="block block-menu"> <h2>Footer menu 2 EN</h2> <div class="content"> <ul class="menu"><li class="first leaf"><a href="/en/kp-action" title=""><span>KP In Action</span></a></li> <li class="expanded"><a href="/en/news" title=""><span>News & Media </span></a><ul class="menu"><li class="first leaf"><a href="/en/documents" title=""><span>Documents</span></a></li> <li class="leaf"><a href="/en/news" title=""><span>News</span></a></li> <li class="last leaf"><a href="/en/gallery" title=""><span>Photos</span></a></li> </ul></li> <li class="leaf"><a href="/en/events" title=""><span>Events</span></a></li> <li class="leaf"><a href="/en/blog" title=""><span>Blog</span></a></li> <li class="leaf"><a href="/en/links" title=""><span>Links</span></a></li> <li class="last leaf active-trail"><a href="/en/contact" title="" class="active-trail active"><span>Contact</span></a></li> </ul> </div> </div> </div> </div> <div class="footer-right"> <div class="region region-footer-right"> <div id="block-menu-block-10" class="block block-menu-block"> <div class="content"> <div class="menu-block-wrapper menu-block-10 menu-name-menu-footer-secondary-menu-1-en parent-mlid-0 menu-level-1"> <ul class="menu"><li class="first expanded menu-mlid-3223"><a href="/en" title=""><span>Other KPCS Websites</span></a><ul class="menu"><li class="first last leaf menu-mlid-3224"><a href="https://kimberleyprocessstatistics.org" title=""><span>Kimberley PRocess Rough Diamond Statistics</span></a></li> </ul></li> <li class="expanded menu-mlid-3225"><a href="/en" title=""><span>International Organizations</span></a><ul class="menu"><li class="first leaf menu-mlid-3226"><a href="http://www.un.org/ga" title=""><span>UN General Assembly</span></a></li> <li class="last leaf menu-mlid-3228"><a href="http://www.wto.org/index.htm" title=""><span>World Trade Organization</span></a></li> </ul></li> <li class="last expanded menu-mlid-3230"><a href="/en" title=""><span>Industry</span></a><ul class="menu"><li class="first leaf menu-mlid-3231"><a href="https://www.worlddiamondcouncil.org/" title=""><span>The World Diamond Council</span></a></li> <li class="last leaf menu-mlid-3232"><a href="http://www.wfdb.com/" title=""><span>World Federation of Diamond Bourses</span></a></li> </ul></li> </ul></div> </div> </div> <div id="block-menu-block-11" class="block block-menu-block"> <div class="content"> <div class="menu-block-wrapper menu-block-11 menu-name-menu-footer-secondary-menu-2-en parent-mlid-0 menu-level-1"> <ul class="menu"><li class="first expanded menu-mlid-3235"><a href="/en" title=""><span>Civil Society</span></a><ul class="menu"><li class="first last leaf menu-mlid-3953"><a href="https://www.kpcivilsociety.org/" title=""><span>Civil Society Coalition</span></a></li> </ul></li> <li class="last expanded menu-mlid-3237"><a href="/en" title=""><span>Other</span></a><ul class="menu"><li class="first last leaf menu-mlid-3239"><a href="http://www.ddiglobal.org/" title=""><span>Diamond Development Initiative (DDI) @ Resolve</span></a></li> </ul></li> </ul></div> </div> </div> </div> <div class="footer-logos"> <a href="#" id="logo-un"> <img src="/sites/default/themes/kimberleyprocess2017/images/distribution/footer/logos/logo_united-nations.svg" alt="United Nations"> </a> <a href="#" id="logo-kp"> <img src="/sites/default/themes/kimberleyprocess2017/images/distribution/footer/logos/logo_kp.png" alt="Kimberley Process"> </a> </div> <div class="copyright-info"> 漏 2014-2024 <a href="/en" title="KimberleyProcess" id="home">Kimberley Process</a> </div> </div> </div> </div> </footer> </div> <script type="text/javascript" src="https://www.kimberleyprocess.com/sites/www.kimberleyprocess.com/files/google_tag/language/google_tag.en.script.js?sng63g"></script> <script type="text/javascript" src="https://www.kimberleyprocess.com/sites/all/modules/jquery_update/replace/jquery/1.10/jquery.js?v=1.10.2"></script> <script type="text/javascript" src="https://www.kimberleyprocess.com/misc/jquery-extend-3.4.0.js?v=1.10.2"></script> <script type="text/javascript" src="https://www.kimberleyprocess.com/misc/jquery-html-prefilter-3.5.0-backport.js?v=1.10.2"></script> <script type="text/javascript" src="https://www.kimberleyprocess.com/misc/jquery.once.js?v=1.2"></script> <script type="text/javascript" src="https://www.kimberleyprocess.com/misc/drupal.js?sng63g"></script> <script type="text/javascript" src="https://www.kimberleyprocess.com/sites/default/modules/contrib/captcha/captcha.js?sng63g"></script> <script type="text/javascript" src="https://www.kimberleyprocess.com/misc/textarea.js?v=7.97"></script> <script type="text/javascript" src="https://www.kimberleyprocess.com/sites/default/modules/contrib/recaptcha/recaptcha.js?sng63g"></script> <script type="text/javascript" src="https://www.kimberleyprocess.com/sites/default/modules/contrib/recaptcha/recaptcha.invisible.js?sng63g"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript" src="https://www.kimberleyprocess.com/sites/default/themes/kimberleyprocess2017/js/distribution/vendor-script.js?sng63g"></script> <script type="text/javascript" src="https://www.kimberleyprocess.com/sites/default/themes/kimberleyprocess2017/js/distribution/theme-script.js?sng63g"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script src="/sites/default/themes/kimberleyprocess2017/js/jquery.lazy.min.js"></script> <script> (function($) { var pagify = { items: {}, container: null, totalPages: 1, perPage: 3, currentPage: 0, createNavigation: function() { this.totalPages = Math.ceil(this.items.length / this.perPage); $('.pagination', this.container.parent()).remove(); var pagination = $('<div class="pagination"></div>').append('<span class="nav prev disabled" data-next="false"><</span>'); for (var i = 0; i < this.totalPages; i++) { var pageElClass = "page"; if (!i) pageElClass = "page current"; var pageEl = '<span class="' + pageElClass + '" data-page="' + ( i + 1) + '">' + ( i + 1) + "</span>"; pagination.append(pageEl); } pagination.append('<span class="nav next" data-next="true">></span>'); this.container.after(pagination); var that = this; $("body").off("click", ".nav"); this.navigator = $("body").on("click", ".nav", function() { var el = $(this); that.navigate(el.data("next")); }); $("body").off("click", ".page"); this.pageNavigator = $("body").on("click", ".page", function() { var el = $(this); that.goToPage(el.data("page")); }); }, navigate: function(next) { // default perPage to 5 if (isNaN(next) || next === undefined) { next = true; } $(".pagination .nav").removeClass("disabled"); if (next) { this.currentPage++; if (this.currentPage > (this.totalPages - 1)) this.currentPage = (this.totalPages - 1); if (this.currentPage == (this.totalPages - 1)) $(".pagination .nav.next").addClass("disabled"); } else { this.currentPage--; if (this.currentPage < 0) this.currentPage = 0; if (this.currentPage == 0) $(".pagination .nav.prev").addClass("disabled"); } this.showItems(); }, updateNavigation: function() { var pages = $(".pagination .page"); pages.removeClass("current"); $('.pagination .page[data-page="' + ( this.currentPage + 1) + '"]').addClass("current"); }, goToPage: function(page) { this.currentPage = page - 1; $(".pagination .nav").removeClass("disabled"); if (this.currentPage == (this.totalPages - 1)) $(".pagination .nav.next").addClass("disabled"); if (this.currentPage == 0) $(".pagination .nav.prev").addClass("disabled"); this.showItems(); }, showItems: function() { this.items.hide(); var base = this.perPage * this.currentPage; this.items.slice(base, base + this.perPage).show(); this.updateNavigation(); }, init: function(container, items, perPage) { this.container = container; this.currentPage = 0; this.totalPages = 1; this.perPage = perPage; this.items = items; this.createNavigation(); this.showItems(); } }; // stuff it all into a jQuery method! $.fn.pagify = function(perPage, itemSelector) { var el = $(this); var items = $(itemSelector, el); // default perPage to 5 if (isNaN(perPage) || perPage === undefined) { perPage = 3; } // don't fire if fewer items than perPage if (items.length <= perPage) { return true; } pagify.init(el, items, perPage); }; })(jQuery); jQuery(document).ready(function(){ jQuery('.field-item img').each(function(){ console.log(jQuery(this).attr('src')); //jQuery(this).attr('src',jQuery(this).attr('src')); //jQuery(this).attr('src',''); }); jQuery('.field.field-name-kimberleyprocess-custom-homepage-slideshow-explore.field-type-ds.field-label-hidden').click(function(){ jQuery('html, body').animate({ scrollTop: jQuery("#main").offset().top }, 2000);}); jQuery("body.page-node-25559 .field.field-name-field-gallery-images.field-type-image.field-label-hidden .field-items").pagify(48, ".field-item"); jQuery('.field-item img').lazy({ beforeLoad: function(element) { var imageSrc = element.data('src'); console.log('image "' + imageSrc + '" is about to be loaded'); }, scrollDirection: 'vertical', effect: "fadeIn", effectTime: 1000, threshold: 0 }); }); </script> <style> .pagination { margin: 9px 0 0 0; text-align: center; overflow: hidden; } .pagination span { border-radius: 50%; width: 52px; height: 52px; padding: 0; line-height: 52px; } .pagination span, .pagination-next-prev span { padding: 12px 0; border-bottom: none; display: inline-block; color: #333; background-color: #fff; font-weight: 700; margin: 0; line-height: 22px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; font-size: 14px; } .pagination span.page { cursor: pointer;margin: 5px; } span.nav.next, span.nav.prev { background-color: #0033cc; color: #fff; } .pagination span.current-page, .pagination .current, .pagination a:hover, .pagination-next-prev span:hover { background-color: #f2f2f2; color: #333; } </style> </body> </html>