Off the Fence

<!doctype html>     <html lang="en" class="no-js">  <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta charset="utf-8" /> <title> Off the Fence</title> <link href="/favicon.ico?v=2" rel="shortcut icon" type="image/x-icon" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="We are an independent production company producing outstanding non-fiction programming for the international market from our network of global offices." /> <link href="/Content/css/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" /> <link href="/Content/themes/base/css?v=dBkGKL03cJl3InPrjoHdD6wrYKGCSafWWaYSH2XGzvU1" rel="stylesheet"/> <link href="/Content/css/styles.css" rel="stylesheet" /> <link href="/Content/css/main.css" rel="stylesheet" /> <link rel="stylesheet" href="https://use.typekit.net/jao7bui.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css" integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="/bundles/jquery?v=WAoWJzlzAyATkK6lT5fSilnk_OIBz77cLCogZCFfDDs1"></script> <script src="/bundles/jqueryui?v=EqKlUEwb5a6QnKK9APLpZeOKZkAYzlO2YiCGDkzKK6c1"></script> <script src="/bundles/jqueryval?v=-YxAcxovp6YIlYiv8XJ9idlZIk-KPF-KBskMiObxpOQ1"></script> <script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script> <link type="text/css" href="/Content/css/jquery.jscrollpane.css" rel="stylesheet" media="all" /> <style> .register-container { background-color: #002031; height: auto; float: left; width: 100%; } .sign-in-wrapper { float: left; /*width: 540px;*/ width: 25%; height: 950px; background-image: url("../../Content/img/Delete/topheavy.jpg"); background-size: cover; background-position: center center; } .input-area { float: left; width: 100%; height: auto; } .sign-in-area { float: left; width: 100%; text-align: center; } .sign-in-email-input { color: white; } .login-headline { color: white; margin-top: 30px; font-weight: 500; font-size: 36px; } .sign-in-email-input .text-inp { padding: 5px 20px; border-radius: 15px; background-color: transparent; width: 80%; margin: 15px auto 0; height: 20px; border: 1px solid white; color: white; } .sign-in-email-input button { clear: both; margin: auto; } .remember-me-input { float: left; clear: both; font-size: 10px; margin-left: 65px; margin-top: 5px; } .submit-button { float: left; width: 100%; height: 20px; } .register-headline { width: 200px; text-align: center; margin: 30px auto; font-size: 26px; color: white; font-weight: 500; font-size: 36px; } .reg-wrapper { background-color: #144661; float: left; /*width: 1000px;*/ width: 75%; height: 950px; color: white; /*padding: 0 25px ; margin-left: 100px;*/ } .reg-area { width: 1000px; margin: auto; } .register-subline { } .reg-input { width: 100%; } .reg-input div { float: left; } .reg-input input { color: white; padding: 7px 20px; border-radius: 15px; background-color: transparent; width: 400px; margin: 20px auto 0; height: 20px; border: 1px solid white; margin-right: 50px; } .role-box-items, .territory-box-items, .country-box-items { background-color: #fff; border-bottom: 1px solid #96b1c2; border-left: 1px solid #96b1c2; border-right: 1px solid #96b1c2; box-shadow: 0 0 2px #96b1c2; display: none; height: 70px; margin-left: 15px; margin-top: 0; overflow: auto !important; position: absolute; width: 218px; z-index: 10; color: black; } .role-box-items a, .territory-box-items a, .country-box-items a { color: black; } .notification-input { margin-bottom: 10px; } .privacy-notification { margin-top: 5px; margin-bottom: 5px; } .signup-text { font-size: 12px; } .privacy-message { display: none; color: lightcoral; } .signup-title { font-weight: bold; margin-top: 25px; margin-bottom: 5px; } .noti-list { list-style: none; } .noti-list li { margin-top: 10px; } .noti-list label { font-size: 12px; } .reg-button { width: 100%; float: left; text-align: center; margin-top: 25px; } .submit-button { width: 100%; float: left; text-align: center; margin-top: 10px; } .reg-button button, .submit-button button { background-color: transparent; border: none; color: white; font-size: 20px; font-weight: 500; margin: auto; cursor: pointer; } .input-validation-error { border: 1px solid red !important; } .bar-history .notification-checkbox { background-image: url(../../Content/img/Radio/active-history.png) !important; } .bar-nature .notification-checkbox { background-image: url(../../Content/img/Radio/active-nature.png) !important; } .bar-people .notification-checkbox { background-image: url(../../Content/img/Radio/active-people.png) !important; } .bar-science .notification-checkbox { background-image: url(../../Content/img/Radio/active-science.png) !important; } .bar-scripted .notification-checkbox { background-image: url(../../Content/img/Radio/active-featured.png) !important; } .bar-travel .notification-checkbox { background-image: url(../../Content/img/Radio/active-travel.png) !important; } .bar-lifestyle .notification-checkbox { background-image: url(../../Content/img/Radio/active-lifestyle.png) !important; } .register-checkbox-active { background-image: url(../../Content/img/Radio/active.png); background-size: 15px 15px; } .register-genres ul { list-style: none; margin-top: 10px; } .register-genres li { margin-right: 15px; float: left; } .register-success { margin-top: 50px; font-size: 36px; font-weight: 500; } #register-success { width: 100%; height: auto; padding: 50px 0; font-size: 32px; } .forgotton-password a { float: left; margin-top: 7px; margin-left: 160px; font-size: 11px; display: inline-block; } @media screen and (max-width: 639px) { .sign-in-wrapper { width: 100%; height: 300px; } .reg-wrapper { width: 100%; height: 1700px; } .styled-select { width: 100% !important; } .reg-input { width: 90%; margin: auto; } .reg-input div { width: 80%; } .sign-in-email-input { text-align: center; width: 100%; } .register-subline, .input-area { width: 90%; margin: auto; float: none; } .reg-area { width: 100%; } .input-area input { width: 90% !important; } .reg-input input { width: 100% !important; } .genre-input { width: 90%; margin: auto; } .register-genres ul li { margin-right: 30px; } } @media screen and (min-width: 640px) and (max-width: 1007px) { .sign-in-wrapper { width: 100%; height: 300px; } .reg-wrapper { width: 100%; height: 1700px; } .styled-select { width: 100% !important; } .reg-input { width: 90%; margin: auto; } .reg-input div { width: 80%; } .sign-in-email-input { text-align: center; width: 100%; } .register-subline, .input-area { width: 90%; margin: auto; float: none; } .reg-area { width: 100%; } .input-area input { width: 90% !important; } .reg-input input { width: 100% !important; } .genre-input { width: 90%; margin: auto; } .register-genres ul li { margin-right: 30px; } } @media screen and (min-width: 1008px) and (max-width: 1902px) { .remember-me-input { margin-left: 25px; } .forgotton-password a { float: right; margin-left: 0; margin-right: 25px; } .reg-wrapper { width: 60%; height: auto;padding-bottom: 20px; } .sign-in-wrapper { width:40% } .reg-area { width: 90%; } .reg-input input { width: 300px; } } </style> </head> <body> <div class="loading-element"> </div>  <div class="register-container container"> <div class="side-menu"> <div class="search-box-overlay notlogged"> <div class="login-line"> <a href="/Genre/13/all-title?isFilter=False&isFiltration=False">OTF STUDIOS CATALOGUE</a> <a href="/Membership/RegisterSignin?returnUrl=http%3A%2F%2Fwww.offthefence.com%2FMembership%2FRegisterSignin%3FreturnUrl%3Dhttps%3A%252F%252Fwww.offthefence.com%252FPlaylist">  LOGIN   </a> <a href="/Membership/RegisterSignin?returnUrl=%2FPlaylist" >MY AREA</a> <span href="#" class="hamburger hidden-md"><i class="fa-solid fa-bars"></i></span> </div> <img src="/Content/Img/OTF_logo.png" width="150px" class="hidden-xs logo-overlay" /> <div class="text-holder"> <input type="text" id="txt-search-mobile" class="search-box-actual-overlay" placeholder="Search programmes..."/> <button type="submit" class="search-icon " style="background: none;border:none;"><img src="/Content/Img/search-compass.png" alt="Search button" /></button> </div> </div> <ul> <li><a href="/Home">HOME</a></li> <li><a href="/About/AboutUsDistribution">ABOUT US</a></li> <li><a href="/Genre/13/all-title?isFilter=False&isFiltration=False">OTF STUDIOS CATALOGUE</a></li> <li><a href="/Production/Home">OTF ORIGINALS</a></li> <li><a href="/About/AboutUsProduction">OTF STUDIOS</a></li> <li><a href="/News?pageId=0">NEWS</a></li> <li><a href="/Contacts/Teams">OUR TEAM</a></li> <li><a href="/Contacts">CONTACT</a></li> </ul> </div> <div class="top-shadow"></div> <div class="header"> <div class="logo"> <a href="/Home"><img src="/Content/Img/OTF_logo.png" width="150px" /></a> </div> <a href="#" class="mob-hamburger hidden-xs hamburger"><i class="fa-solid fa-bars"></i></a> <div class="search-box notlogged"> <div class="login-line"> <a href="/Genre/13/all-title?isFilter=False&isFiltration=False">OTF STUDIOS CATALOGUE</a> <a href="/Membership/RegisterSignin?returnUrl=http%3A%2F%2Fwww.offthefence.com%2FMembership%2FRegisterSignin%3FreturnUrl%3Dhttps%3A%252F%252Fwww.offthefence.com%252FPlaylist">  LOGIN  </a> <a href="/Membership/RegisterSignin?returnUrl=%2FPlaylist" >MY AREA</a> <span href="#" class="hamburger"><i class="fa-solid fa-bars"></i></span> </div> <form action="/Search/Search" method="post"><input name="__RequestVerificationToken" type="hidden" value="Bq_Y8JcyD7gQPDB7ysjw55yeZn4TVYVaIklhG1wczUcTBCJKUY0BRSjjGq4Sxyyk6RERtS344jJkCEPLexUjOfKd36Q1" /> <div class="text-holder"> <input type="text" id="txt-search" class="search-box-actual" placeholder="Search programmes..." name="SearchTerm" /> <button type="submit" class="search-icon" style="background: none;border:none;"><img src="/Content/Img/search-compass.png" alt="Search button" /></button> </div> </form> </div> </div> <section class="sign-in-wrapper"> <div class="sign-in-area" id="sign-in"> <form action="/Membership/LogOn" data-ajax="true" data-ajax-method="Post" data-ajax-mode="replace" data-ajax-update="#sign-in" id="form0" method="post"><input name="__RequestVerificationToken" type="hidden" value="ky3Hh5nu6jzYga86Tyr_le3I_8V2kJzd69K3AQPrXrdtfiSrdxmX1JAm4mwR4iXzVgA5TpxI1WRCUL03A-Wt6z9R9sI1" /> <p class="login-headline">log in</p> <div class="sign-in-email-input"> <div class="input-area"> <input class="text-inp" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-required="The Email field is required." id="Email" name="Email" tabindex="1" type="text" value="" /> <input class="text-inp" data-val="true" data-val-required="The Password field is required." id="Password" name="Password" tabindex="2" type="password" /> </div> <div class="remember-me-input"> <input checked="checked" data-val="true" data-val-required="The Remember me? field is required." id="RememberMe" name="RememberMe" type="checkbox" value="true" /><input name="RememberMe" type="hidden" value="false" /> <label for="RememberMe">Remember me?</label> </div> <div class="forgotton-password"> <a href="/Membership/ForgotPassword">forgot password?</a> </div> <div class="submit-button"> <button type="submit" tabindex="3" class="">log in</button> </div> </div> <div><ul class="validation-summary-errors"></ul></div></form> </div> </section> <script type="text/javascript"> $(function () { $('#Email').watermark('Email'); $('#Password').watermark('Password'); }); </script> <section class="reg-wrapper"> <div class="reg-area" id="reg-area"> <form action="/Membership/Register" data-ajax="true" data-ajax-loading="#spinner" data-ajax-method="Post" data-ajax-mode="replace" data-ajax-update="#reg-area" id="register-form" method="post"><input name="__RequestVerificationToken" type="hidden" value="2SfwSzDYHuXTp7lly178NpL_1peMF_jNkynBRrTLx0sZbbNUJxSsQ3E1cRQbBJmYfXDNVNNeZUZUSPbbEkl2hq0hYF01" /> <p class="register-headline">register</p> <p class="register-subline"> Please fill out the form below to see all our wonderful programmes. We will need to approve your request, we do this via email. If you have any question in the mean time please call us on +31 20 5200 222 or email <a href="mailto:info@offthefence.com"><span>info@offthefence.com</span></a>. Website registration is for TV professionals only and is not for commercial or personal use/entertainment purposes. </p> <div id="ErrorDiv" class="col-xs-12"> </div> <div class="reg-input"> <div class=""> <input class="" data-val="true" data-val-required="The FirstName field is required." id="FirstName" name="FirstName" type="text" value="" /> </div> <div class=""> <input class="" data-val="true" data-val-required="The LastName field is required." id="LastName" name="LastName" type="text" value="" /> </div> <div class=""> <input class="" data-val="true" data-val-required="The CompanyName field is required." id="CompanyName" name="CompanyName" type="text" value="" /> </div><div class=""> <input class="" data-val="true" data-val-required="The JobTitle field is required." id="JobTitle" name="JobTitle" type="text" value="" /> </div> <div class=""> <input class="" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-required="Please enter email" id="register-email" name="Email" type="text" value="" /> </div> <div class=""> <input class="" data-val="true" data-val-email="The ConfirmEmail field is not a valid e-mail address." data-val-equalto="Confirm email does not match" data-val-equalto-other="*.Email" data-val-required="Please enter confirmation email" id="confirm-email" name="ConfirmEmail" type="text" value="" /> </div> <div class=""> <div class="styled-select"> <input data-val="true" data-val-number="The field RoleId must be a number." data-val-required="The RoleId field is required." id="RoleId" name="RoleId" type="hidden" value="0" /> <input class="role-box" data-val="true" data-val-required="Please select user type" id="role-box" name="RoleName" readonly="readonly" type="text" value="" /> <ul class="role-box-items"> <li><a data-id="2" href="">Buyer</a></li> <li><a data-id="27" href="">Press</a></li> <li><a data-id="3" href="">Producer</a></li> </ul> </div> </div> <div class=""> <div class="styled-select" id="territory-input" style="visibility: hidden"> <input data-val="true" data-val-number="The field TerritoryId must be a number." id="TerritoryId" name="TerritoryId" type="hidden" value="" /> <input class="territory-box" data-val="false" data-val-required="Territory must be added for a buyer" id="territory-box" name="TerritoryName" readonly="readonly" type="text" value="" /> <ul class="territory-box-items"> <li><a data-id="1" href="">Africa - Arab-Speaking</a></li> <li><a data-id="2" href="">Africa - English-Speaking</a></li> <li><a data-id="3" href="">Africa - French-Speaking</a></li> <li><a data-id="4" href="">Latin America</a></li> <li><a data-id="5" href="">Americas - French-Speaking </a></li> <li><a data-id="6" href="">North America - USA</a></li> <li><a data-id="8" href="">Asia - China & Taiwan</a></li> <li><a data-id="9" href="">Asia - India & India Region</a></li> <li><a data-id="10" href="">Asia - Japan</a></li> <li><a data-id="11" href="">Asia - Korea</a></li> <li><a data-id="12" href="">Asia - South East Asia</a></li> <li><a data-id="291" href="">Baltics</a></li> <li><a data-id="14" href="">Benelux</a></li> <li><a data-id="13" href="">CIS</a></li> <li><a data-id="293" href="">Educational</a></li> <li><a data-id="15" href="">Europe - Eastern Europe</a></li> <li><a data-id="16" href="">Europe - French-Speaking Europe</a></li> <li><a data-id="17" href="">Europe - German-Speaking Europe</a></li> <li><a data-id="18" href="">Europe - Greece & Cyprus</a></li> <li><a data-id="19" href="">Europe - Iberia</a></li> <li><a data-id="20" href="">Europe - Italian-Speaking Europe</a></li> <li><a data-id="21" href="">Europe - Scandinavia</a></li> <li><a data-id="22" href="">Europe - Turkey</a></li> <li><a data-id="23" href="">Europe - UK & Eire</a></li> <li><a data-id="29" href="">Footage & Clip Sales - Global</a></li> <li><a data-id="24" href="">Global Pan-Territory</a></li> <li><a data-id="25" href="">Israel</a></li> <li><a data-id="26" href="">Middle East</a></li> <li><a data-id="30" href="">New Media - Global</a></li> <li><a data-id="294" href="">North America – Canada</a></li> <li><a data-id="27" href="">Oceania - Australia & New Zealand</a></li> <li><a data-id="292" href="">Pan Asia</a></li> <li><a data-id="290" href="">Russia</a></li> <li><a data-id="28" href="">Transport</a></li> <li><a data-id="295" href="">VOD</a></li> </ul> </div> </div> <div class=""> <input class="" data-val="true" data-val-required="The AddressLine1 field is required." id="AddressLine1" name="AddressLine1" type="text" value="" /> </div> <div class=""> <input class="" id="AddressLine2" name="AddressLine2" type="text" value="" /> </div> <div class=""> <input class="" data-val="true" data-val-required="The Town / City field is required." id="City" name="City" type="text" value="" /> </div> <div class=""> <input class="" data-val="true" data-val-required="The Postcode field is required." id="Postcode" name="Postcode" type="text" value="" /> </div> <div class=""> <div class="styled-select col-xs-11"> <input data-val="true" data-val-number="The field CountryId must be a number." data-val-required="The CountryId field is required." id="CountryId" name="CountryId" type="hidden" value="0" /> <input class="country-box" data-val="true" data-val-required="Please select country" id="country-box" name="CountryName" readonly="readonly" type="text" value="" /> <ul class="country-box-items"> <li><a data-id="1" href="">Afganistan</a></li> <li><a data-id="2" href="">Albania</a></li> <li><a data-id="3" href="">Algeria</a></li> <li><a data-id="4" href="">Andorra</a></li> <li><a data-id="5" href="">Angola</a></li> <li><a data-id="6" href="">Anguilla</a></li> <li><a data-id="7" href="">Antigua and Barbuda</a></li> <li><a data-id="8" href="">Argentina</a></li> <li><a data-id="9" href="">Armenia</a></li> <li><a data-id="10" href="">Aruba</a></li> <li><a data-id="11" href="">Ascension Island</a></li> <li><a data-id="12" href="">Australia</a></li> <li><a data-id="13" href="">Austria</a></li> <li><a data-id="14" href="">Azerbaijan</a></li> <li><a data-id="15" href="">Bahamas</a></li> <li><a data-id="16" href="">Bahrain</a></li> <li><a data-id="17" href="">Bangladesh</a></li> <li><a data-id="18" href="">Barbados</a></li> <li><a data-id="19" href="">Belarus</a></li> <li><a data-id="20" href="">Belgium</a></li> <li><a data-id="21" href="">Belize</a></li> <li><a data-id="22" href="">Benin</a></li> <li><a data-id="23" href="">Bermuda</a></li> <li><a data-id="24" href="">Bhutan</a></li> <li><a data-id="25" href="">Bolivia</a></li> <li><a data-id="26" href="">Bonaire</a></li> <li><a data-id="27" href="">Bosnia and Herzegovina</a></li> <li><a data-id="28" href="">Botswana</a></li> <li><a data-id="29" href="">Brazil</a></li> <li><a data-id="30" href="">British Virgin Islands</a></li> <li><a data-id="31" href="">Brunei</a></li> <li><a data-id="32" href="">Bulgaria</a></li> <li><a data-id="33" href="">Burkina Faso</a></li> <li><a data-id="34" href="">Burundi</a></li> <li><a data-id="35" href="">Cambodia</a></li> <li><a data-id="36" href="">Cameroon</a></li> <li><a data-id="37" href="">Canada</a></li> <li><a data-id="38" href="">Cape Verde Islands</a></li> <li><a data-id="39" href="">Cayman Islands</a></li> <li><a data-id="40" href="">Central Africa Republic</a></li> <li><a data-id="41" href="">Chad</a></li> <li><a data-id="42" href="">Channel Islands</a></li> <li><a data-id="43" href="">Chile</a></li> <li><a data-id="44" href="">China</a></li> <li><a data-id="45" href="">Colombia</a></li> <li><a data-id="46" href="">Comoros Island</a></li> <li><a data-id="47" href="">Congo</a></li> <li><a data-id="48" href="">Cook Islands</a></li> <li><a data-id="49" href="">Costa Rica</a></li> <li><a data-id="50" href="">Croatia</a></li> <li><a data-id="51" href="">Cuba</a></li> <li><a data-id="52" href="">Cyprus</a></li> <li><a data-id="53" href="">Czech Republic</a></li> <li><a data-id="54" href="">Democratic Republic of Congo (Zaire)</a></li> <li><a data-id="55" href="">Denmark</a></li> <li><a data-id="56" href="">Diego Garcia</a></li> <li><a data-id="57" href="">Djibouti</a></li> <li><a data-id="58" href="">Dominica Islands</a></li> <li><a data-id="59" href="">Dominican Republic</a></li> <li><a data-id="60" href="">Ecuador</a></li> <li><a data-id="61" href="">Egypt</a></li> <li><a data-id="62" href="">El Salvador</a></li> <li><a data-id="63" href="">Equatorial Guinea</a></li> <li><a data-id="64" href="">Eritrea</a></li> <li><a data-id="65" href="">Estonia</a></li> <li><a data-id="66" href="">Ethiopia</a></li> <li><a data-id="67" href="">Faeroe Islands</a></li> <li><a data-id="68" href="">Falkland Islands</a></li> <li><a data-id="69" href="">Fiji</a></li> <li><a data-id="70" href="">Finland</a></li> <li><a data-id="71" href="">France</a></li> <li><a data-id="72" href="">French Guiana</a></li> <li><a data-id="399" href="">French Guiana </a></li> <li><a data-id="73" href="">French Polynesia</a></li> <li><a data-id="74" href="">Gabon</a></li> <li><a data-id="75" href="">Georgia</a></li> <li><a data-id="76" href="">Germany</a></li> <li><a data-id="77" href="">Ghana</a></li> <li><a data-id="78" href="">Gibraltar</a></li> <li><a data-id="79" href="">Greece</a></li> <li><a data-id="80" href="">Greenland</a></li> <li><a data-id="81" href="">Grenada</a></li> <li><a data-id="82" href="">Guadeloupe</a></li> <li><a data-id="83" href="">Guam</a></li> <li><a data-id="84" href="">Guatemala</a></li> <li><a data-id="85" href="">Guinea Bissau</a></li> <li><a data-id="86" href="">Guinea Republic</a></li> <li><a data-id="87" href="">Guyana</a></li> <li><a data-id="88" href="">Haiti</a></li> <li><a data-id="89" href="">Honduras</a></li> <li><a data-id="90" href="">Hong Kong</a></li> <li><a data-id="91" href="">Hungary</a></li> <li><a data-id="92" href="">Iceland</a></li> <li><a data-id="93" href="">India</a></li> <li><a data-id="94" href="">Indonesia</a></li> <li><a data-id="95" href="">Iran</a></li> <li><a data-id="96" href="">Iraq</a></li> <li><a data-id="97" href="">Ireland , The Republic Of</a></li> <li><a data-id="98" href="">Ireland Northern</a></li> <li><a data-id="99" href="">Israel</a></li> <li><a data-id="100" href="">Italy</a></li> <li><a data-id="101" href="">Ivory Coast</a></li> <li><a data-id="102" href="">Jamaica</a></li> <li><a data-id="103" href="">Japan</a></li> <li><a data-id="104" href="">Jordan</a></li> <li><a data-id="105" href="">Kazakhstan</a></li> <li><a data-id="106" href="">Kenya</a></li> <li><a data-id="107" href="">Kiribati</a></li> <li><a data-id="108" href="">Korea, North</a></li> <li><a data-id="109" href="">Korea, South</a></li> <li><a data-id="110" href="">Kuwait</a></li> <li><a data-id="111" href="">Kyrgyzstan</a></li> <li><a data-id="112" href="">Laos</a></li> <li><a data-id="113" href="">Latvia</a></li> <li><a data-id="114" href="">Lebanon</a></li> <li><a data-id="115" href="">Lesotho</a></li> <li><a data-id="116" href="">Liberia</a></li> <li><a data-id="117" href="">Libya</a></li> <li><a data-id="118" href="">Liechtenstein</a></li> <li><a data-id="119" href="">Lithuania</a></li> <li><a data-id="120" href="">Luxembourg</a></li> <li><a data-id="121" href="">Macau</a></li> <li><a data-id="122" href="">Macedonia</a></li> <li><a data-id="123" href="">Madagascar</a></li> <li><a data-id="124" href="">Malawi</a></li> <li><a data-id="125" href="">Malaysia</a></li> <li><a data-id="126" href="">Maldives Republic</a></li> <li><a data-id="127" href="">Mali</a></li> <li><a data-id="128" href="">Malta</a></li> <li><a data-id="129" href="">Mariana Islands</a></li> <li><a data-id="130" href="">Marshall Islands</a></li> <li><a data-id="131" href="">Martinique</a></li> <li><a data-id="132" href="">Mauritius</a></li> <li><a data-id="133" href="">Mayotte Islands</a></li> <li><a data-id="134" href="">Mexico</a></li> <li><a data-id="135" href="">Micronesia</a></li> <li><a data-id="136" href="">Moldova</a></li> <li><a data-id="137" href="">Monaco</a></li> <li><a data-id="138" href="">Mongolia</a></li> <li><a data-id="400" href="">Montenegro</a></li> <li><a data-id="139" href="">Montserrat</a></li> <li><a data-id="140" href="">Morocco</a></li> <li><a data-id="141" href="">Mozambique</a></li> <li><a data-id="142" href="">Myanmar (Burma)</a></li> <li><a data-id="143" href="">Namibia</a></li> <li><a data-id="144" href="">Nauru</a></li> <li><a data-id="145" href="">Nepal</a></li> <li><a data-id="146" href="">Netherlands</a></li> <li><a data-id="147" href="">Netherlands Antilles</a></li> <li><a data-id="148" href="">New Caledonia</a></li> <li><a data-id="149" href="">New Zealand</a></li> <li><a data-id="150" href="">Nicaragua</a></li> <li><a data-id="151" href="">Niger</a></li> <li><a data-id="152" href="">Nigeria</a></li> <li><a data-id="153" href="">Niue Island</a></li> <li><a data-id="154" href="">Norfolk Island</a></li> <li><a data-id="155" href="">North Korea</a></li> <li><a data-id="156" href="">Norway</a></li> <li><a data-id="157" href="">Oman</a></li> <li><a data-id="158" href="">Pakistan</a></li> <li><a data-id="159" href="">Palau</a></li> <li><a data-id="160" href="">Palestine</a></li> <li><a data-id="161" href="">Panama</a></li> <li><a data-id="162" href="">Papua New Guinea</a></li> <li><a data-id="163" href="">Paraguay</a></li> <li><a data-id="164" href="">Peru</a></li> <li><a data-id="165" href="">Philippines</a></li> <li><a data-id="166" href="">Poland</a></li> <li><a data-id="167" href="">Portugal</a></li> <li><a data-id="168" href="">Puerto Rico</a></li> <li><a data-id="169" href="">Qatar</a></li> <li><a data-id="170" href="">Reunion Island</a></li> <li><a data-id="171" href="">Romania</a></li> <li><a data-id="172" href="">Russia</a></li> <li><a data-id="173" href="">Rwanda</a></li> <li><a data-id="174" href="">Samoa</a></li> <li><a data-id="175" href="">San Marino</a></li> <li><a data-id="176" href="">Sao Tome & Principe</a></li> <li><a data-id="177" href="">Saudi Arabia</a></li> <li><a data-id="178" href="">Senegal</a></li> <li><a data-id="179" href="">Serbia</a></li> <li><a data-id="180" href="">Seychelles</a></li> <li><a data-id="181" href="">Sierra Leone</a></li> <li><a data-id="182" href="">Singapore</a></li> <li><a data-id="183" href="">Slovak Republic</a></li> <li><a data-id="184" href="">Slovakia</a></li> <li><a data-id="185" href="">Slovenia</a></li> <li><a data-id="186" href="">Solomon Islands</a></li> <li><a data-id="187" href="">Somalia</a></li> <li><a data-id="188" href="">South Africa</a></li> <li><a data-id="189" href="">South Korea</a></li> <li><a data-id="190" href="">South Sudan</a></li> <li><a data-id="191" href="">Spain</a></li> <li><a data-id="192" href="">Sri Lanka</a></li> <li><a data-id="193" href="">St Helena</a></li> <li><a data-id="194" href="">St Kitts & Nevia</a></li> <li><a data-id="195" href="">St Lucia</a></li> <li><a data-id="196" href="">Sudan</a></li> <li><a data-id="197" href="">Surinam</a></li> <li><a data-id="198" href="">Swaziland</a></li> <li><a data-id="199" href="">Sweden</a></li> <li><a data-id="200" href="">Switzerland</a></li> <li><a data-id="201" href="">Syria</a></li> <li><a data-id="202" href="">Tahiti</a></li> <li><a data-id="203" href="">Taiwan</a></li> <li><a data-id="204" href="">Tajikistan</a></li> <li><a data-id="205" href="">Tanzania</a></li> <li><a data-id="206" href="">Thailand</a></li> <li><a data-id="207" href="">The Gambia</a></li> <li><a data-id="208" href="">Togo</a></li> <li><a data-id="209" href="">Tonga</a></li> <li><a data-id="210" href="">Trinidad & Tobago</a></li> <li><a data-id="211" href="">Tunisia</a></li> <li><a data-id="212" href="">Turkey</a></li> <li><a data-id="213" href="">Turkmenistan</a></li> <li><a data-id="214" href="">Turks & Caicos Islands</a></li> <li><a data-id="215" href="">Tuvalu</a></li> <li><a data-id="216" href="">Uganda</a></li> <li><a data-id="217" href="">Ukraine</a></li> <li><a data-id="218" href="">United Arab Emirates</a></li> <li><a data-id="219" href="">United Kingdom</a></li> <li><a data-id="220" href="">United States</a></li> <li><a data-id="221" href="">Uruguay</a></li> <li><a data-id="222" href="">Uzbekistan</a></li> <li><a data-id="223" href="">Vanuatu</a></li> <li><a data-id="224" href="">Venezuela</a></li> <li><a data-id="225" href="">Vietnam</a></li> <li><a data-id="226" href="">Wallis & Futuna Islands</a></li> <li><a data-id="227" href="">Yemen Arab Republic</a></li> <li><a data-id="228" href="">Zambia</a></li> <li><a data-id="229" href="">Zimbabwe</a></li> </ul> </div> </div> <div class="col-xs-12 col-sm-6"> <input class="col-xs-11 " data-val="true" data-val-required="The Telephone field is required." id="Telephone" name="Telephone" type="text" value="" /> </div> </div> <div class="genre-input col-xs-12"> <div class="cl"></div> <div class="privacy-notification"> <input class="hidden" data-val="true" data-val-required="The Selected field is required." id="PrivacyPolicy_Selected" name="PrivacyPolicy.Selected" type="checkbox" value="true" /><input name="PrivacyPolicy.Selected" type="hidden" value="false" /> <img class="register-checkbox " src="/Content/Img/Radio/empty.png" width="15" height="15" /> <label class="signup-text"> I have read and accepted the <a href='/PrivacyPolicy'>privacy policy</a> </label> <input id="PrivacyPolicy_Text" name="PrivacyPolicy.Text" type="hidden" value="I have read and accepted the privacy policy" /> <input id="PrivacyPolicy_Value" name="PrivacyPolicy.Value" type="hidden" value="8" /> </div> <p class="privacy-message">Please accept the Privacy Policy to create an account</p> <div class="notification-input margin-top-10"> <p class="signup-title">Sign up for OffTheFence emails <span class='small-text'>(optional)</span></p> <p>We will occasionally send you emails about our shows in genres you’re interested in. You can unsubscribe at any time.</p> <div class="col-xs-12 col-md-12 padding-0"> <ul class="noti-list"> <li> <input id="Notifications_0__Value" name="Notifications[0].Value" type="hidden" value="6" /> <input id="Notifications_0__Text" name="Notifications[0].Text" type="hidden" value="I would like to receive emails about shows I’m interested in" /> <input data-val="true" data-val-required="The Selected field is required." id="Notifications_0__Selected" name="Notifications[0].Selected" type="hidden" value="False" /> <img class="notification-checkbox " data-attr="Notifications_0__Selected" src="/Content/Img/Radio/empty.png" width="15" height="15" /> <label for="Notifications_0__Selected">I would like to receive emails about shows I’m interested in</label> </li> <li> <input id="Notifications_1__Value" name="Notifications[1].Value" type="hidden" value="3" /> <input id="Notifications_1__Text" name="Notifications[1].Text" type="hidden" value="I would like to receive emails when new shows are added to genres I’m interested in" /> <input data-val="true" data-val-required="The Selected field is required." id="Notifications_1__Selected" name="Notifications[1].Selected" type="hidden" value="False" /> <img class="notification-checkbox " data-attr="Notifications_1__Selected" src="/Content/Img/Radio/empty.png" width="15" height="15" /> <label for="Notifications_1__Selected">I would like to receive emails when new shows are added to genres I’m interested in</label> </li> <li> <input id="Notifications_2__Value" name="Notifications[2].Value" type="hidden" value="4" /> <input id="Notifications_2__Text" name="Notifications[2].Text" type="hidden" value="I would like to receive emails when new video are added to genres I’m interested in" /> <input data-val="true" data-val-required="The Selected field is required." id="Notifications_2__Selected" name="Notifications[2].Selected" type="hidden" value="False" /> <img class="notification-checkbox " data-attr="Notifications_2__Selected" src="/Content/Img/Radio/empty.png" width="15" height="15" /> <label for="Notifications_2__Selected">I would like to receive emails when new video are added to genres I’m interested in</label> </li> <li> <input id="Notifications_3__Value" name="Notifications[3].Value" type="hidden" value="1" /> <input id="Notifications_3__Text" name="Notifications[3].Text" type="hidden" value="Would you like to receive our newsletter?" /> <input data-val="true" data-val-required="The Selected field is required." id="Notifications_3__Selected" name="Notifications[3].Selected" type="hidden" value="False" /> <img class="notification-checkbox " data-attr="Notifications_3__Selected" src="/Content/Img/Radio/empty.png" width="15" height="15" /> <label for="Notifications_3__Selected">Would you like to receive our newsletter?</label> </li> </ul> </div> </div> <h5>Please choose the genre(s) you are interested in. You can choose more than one.</h5> <div class="register-genres"> <ul style=""> <li class="bar-history"></li> <li class="bar-history"> <input id="NotificationGenres_0__Value" name="NotificationGenres[0].Value" type="hidden" value="1" /> <input id="NotificationGenres_0__Text" name="NotificationGenres[0].Text" type="hidden" value="History" /> <input data-val="true" data-val-required="The Selected field is required." id="NotificationGenres_0__Selected" name="NotificationGenres[0].Selected" type="hidden" value="False" /> <img class="notification-checkbox " data-attr="NotificationGenres_0__Selected" src="/Content/Img/Radio/empty.png" width="15" height="15" /> <label for="NotificationGenres_0__Selected">History</label> </li> <li class="bar-lifestyle"></li> <li class="bar-lifestyle"> <input id="NotificationGenres_1__Value" name="NotificationGenres[1].Value" type="hidden" value="2" /> <input id="NotificationGenres_1__Text" name="NotificationGenres[1].Text" type="hidden" value="Lifestyle" /> <input data-val="true" data-val-required="The Selected field is required." id="NotificationGenres_1__Selected" name="NotificationGenres[1].Selected" type="hidden" value="False" /> <img class="notification-checkbox " data-attr="NotificationGenres_1__Selected" src="/Content/Img/Radio/empty.png" width="15" height="15" /> <label for="NotificationGenres_1__Selected">Lifestyle</label> </li> <li class="bar-nature"></li> <li class="bar-nature"> <input id="NotificationGenres_2__Value" name="NotificationGenres[2].Value" type="hidden" value="3" /> <input id="NotificationGenres_2__Text" name="NotificationGenres[2].Text" type="hidden" value="Nature & Wildlife" /> <input data-val="true" data-val-required="The Selected field is required." id="NotificationGenres_2__Selected" name="NotificationGenres[2].Selected" type="hidden" value="False" /> <img class="notification-checkbox " data-attr="NotificationGenres_2__Selected" src="/Content/Img/Radio/empty.png" width="15" height="15" /> <label for="NotificationGenres_2__Selected">Nature & Wildlife</label> </li> <li class="bar-people"></li> <li class="bar-people"> <input id="NotificationGenres_3__Value" name="NotificationGenres[3].Value" type="hidden" value="4" /> <input id="NotificationGenres_3__Text" name="NotificationGenres[3].Text" type="hidden" value="People & Culture" /> <input data-val="true" data-val-required="The Selected field is required." id="NotificationGenres_3__Selected" name="NotificationGenres[3].Selected" type="hidden" value="False" /> <img class="notification-checkbox " data-attr="NotificationGenres_3__Selected" src="/Content/Img/Radio/empty.png" width="15" height="15" /> <label for="NotificationGenres_3__Selected">People & Culture</label> </li> <li class="bar-science"></li> <li class="bar-science"> <input id="NotificationGenres_4__Value" name="NotificationGenres[4].Value" type="hidden" value="6" /> <input id="NotificationGenres_4__Text" name="NotificationGenres[4].Text" type="hidden" value="Science" /> <input data-val="true" data-val-required="The Selected field is required." id="NotificationGenres_4__Selected" name="NotificationGenres[4].Selected" type="hidden" value="False" /> <img class="notification-checkbox " data-attr="NotificationGenres_4__Selected" src="/Content/Img/Radio/empty.png" width="15" height="15" /> <label for="NotificationGenres_4__Selected">Science</label> </li> <li class="bar-scripted"></li> <li class="bar-scripted"> <input id="NotificationGenres_5__Value" name="NotificationGenres[5].Value" type="hidden" value="12" /> <input id="NotificationGenres_5__Text" name="NotificationGenres[5].Text" type="hidden" value="Scripted" /> <input data-val="true" data-val-required="The Selected field is required." id="NotificationGenres_5__Selected" name="NotificationGenres[5].Selected" type="hidden" value="False" /> <img class="notification-checkbox " data-attr="NotificationGenres_5__Selected" src="/Content/Img/Radio/empty.png" width="15" height="15" /> <label for="NotificationGenres_5__Selected">Scripted</label> </li> <li class="bar-travel"></li> <li class="bar-travel"> <input id="NotificationGenres_6__Value" name="NotificationGenres[6].Value" type="hidden" value="8" /> <input id="NotificationGenres_6__Text" name="NotificationGenres[6].Text" type="hidden" value="Travel & Adventure" /> <input data-val="true" data-val-required="The Selected field is required." id="NotificationGenres_6__Selected" name="NotificationGenres[6].Selected" type="hidden" value="False" /> <img class="notification-checkbox " data-attr="NotificationGenres_6__Selected" src="/Content/Img/Radio/empty.png" width="15" height="15" /> <label for="NotificationGenres_6__Selected">Travel & Adventure</label> </li> </ul> </div> </div> <div class="reg-button"> <button type="submit">register</button> </div> </form> </div> </section> <script type="text/javascript"> $(document).ready(function () { $("#PrivacyPolicy_Selected").val('false'); $(".register-checkbox").on("click", function () { if ($("#PrivacyPolicy_Selected").val() != "true") { $("#PrivacyPolicy_Selected").val("true"); $("#PrivacyPolicy_Selected").prop("checked", true); $(this).addClass("register-checkbox-active"); } else { $("#PrivacyPolicy_Selected").val("false"); $("#PrivacyPolicy_Selected").prop("checked", false); $(this).removeClass("register-checkbox-active"); } }); $(".notification-checkbox").on("click", function () { var checkbox = $(this).attr("data-attr"); if ($("#" + checkbox).val() == "true") { $("#" + checkbox).val("false"); $("#" + checkbox).prop("checked", false); $(this).removeClass("register-checkbox-active"); } else { $("#" + checkbox).val("true"); $("#" + checkbox).prop("checked", true); $(this).addClass("register-checkbox-active"); } }); $("#register-form").on("submit", function(e) { e.preventDefault(); if ($("#PrivacyPolicy_Selected").is(":checked")) { return true; } $(".privacy-message").show(); return false; }); }); $(function () { $('#FirstName').watermark('First Name'); $('#LastName').watermark('Last Name'); $('#CompanyName').watermark('Company Name'); $('#JobTitle').watermark('Job Title'); $('#Email').watermark('Email'); $('#Telephone').watermark('Telephone'); $('#AddressLine1').watermark('Address Line 1'); $('#AddressLine2').watermark('Address Line 2'); $('#City').watermark('City'); $('#Postcode').watermark('Postcode'); $('#register-email').watermark('Email'); $('#confirm-email').watermark('Confirm Email'); $('#territory-box').watermark('Territory'); $('#country-box').watermark('Country'); $('#role-box').watermark('User Type'); CreateDropDownPanel('territory-box', 'territory-box-items', 'TerritoryId'); CreateDropDownPanel('country-box', 'country-box-items', 'CountryId'); CreateDropDownPanel('role-box', 'role-box-items', 'RoleId'); if ($('#role-box').val() == 'Buyer') { $('#territory-input').css('visibility', 'visible'); $('#territory-box').attr('data-val', 'true'); } else { $('#TerritoryId').removeAttr('value'); $('#territory-box').removeAttr('value'); $('#territory-box').attr('data-val', 'false'); $('#territory-input').css('visibility', 'hidden'); } }); function CreateDropDownPanel(boxClass, boxItemsClass, inputId) { var isChrome = function () { return /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor); }; $('.' + boxClass).click(function () { $('.' + boxItemsClass).slideToggle('fast'); }); $('.' + boxClass).blur(function () { if (isChrome == false) { $('.' + boxItemsClass).slideUp('fast'); } }); $('.' + boxItemsClass + ' a').on('mousedown', function (e) { e.preventDefault(); var value = $(this).attr('data-id'); $('#' + inputId).val(value); $('.' + boxItemsClass).hide(); $('.' + boxClass).val($(this).text()); $('.' + boxClass).removeClass('input-validation-error'); if ($('#role-box').val() == 'Buyer') { $('#territory-input').css('visibility', 'visible'); $('#territory-box').attr('data-val', 'true'); } else { $('#TerritoryId').removeAttr('value'); $('#territory-box').removeAttr('value'); $('#territory-box').attr('data-val', 'false'); $('#territory-input').css('visibility', 'hidden'); } // Force the validator to recreate after the dynamically added validation above var form = $('#register-form') .removeData("validator") .removeData("unobtrusiveValidation"); $.validator.unobtrusive.parse(form); }); $('#Notifications_2__Selected').click(function () { if ($(this).is(':checked')) { $('#RequiresNewsletter').val('True'); } else { $('#RequiresNewsletter').val('False'); } }); } </script> </div> <script src="/Scripts/flowplayer-3.2.13.min.js?v=20180423114254" type="text/javascript"></script> <div class="clearfix"></div> <footer class="footer-wrapper"> <div class="footer-container"> <div class="footer-contact-info "> <div class="offthefenceLogo"><img src="/Content/Img/OTFlogo_LONG_White_RGB.png" width="300" /><img class="albert-affil" src="/Content/Img/blue-background-albert-affiliate.png" width="75px" style="display:block;margin:auto;" /></div> <div class="footer-addresses"> <div class="footer-flex"> <div class="amsterdam-footer"> <p class="footer-address-title">amsterdam</p> <p class="footer-address-grey">Herengracht 105-107<br /> 1015 BE Amsterdam<br /> The Netherlands</p> <p class="footer-address-blue">Tel: +31 20 5200 222</p> </div> <div class="london-footer"> <p class="footer-address-title">london</p> <p class="footer-address-grey">The Lighthouse <br />1 King's Cross Bridge <br /> London <br /> N1 9NW</p> <p class="footer-address-blue"><a href="mailto:info@OffTheFence.com">info@offthefence.com</a></p> </div> <div class="bristol-footer"> <p class="footer-address-title">bristol</p> <p class="footer-address-grey">20 Elmdale Road<br /> Tyndalls Park <br /> Bristol<br /> BS8 1SG </p> <p class="footer-address-blue">Tel: +44 117 909 7560</p> </div> <div class="toronto-footer"> <p class="footer-address-title">toronto</p> <p class="footer-address-grey">15 Wellesley Street W <br /> Unit 201 <br /> Toronto<br /> ON M4Y 0G7 </p> <p class="footer-address-blue"><a href="mailto:info@OffTheFence.com">info@offthefence.com</a></p> </div> </div> </div> <div class="social-icons"> <div class="social-flex"> <a href="https://twitter.com/offthefence" target="_blank"> <div class="social"><img src="/Content/Img/OTF_Twitter.png" alt="Twitter Icon" height="40" width="40" /></div> </a> <a href="https://www.linkedin.com/company/off-the-fence" target="_blank"> <div class="social"><img src="/Content/Img/OTF_LinkedIn.png" alt="LinkedIn Icon" height="40" width="40" /> </div> </a> <a href="https://www.instagram.com/offthefencebv/?hl=en" target="_blank"> <div class="social"><img src="/Content/Img/OTF_Insta.png" alt="LinkedIn Icon" height="40" width="40" /> </div> </a> </div> </div> </div> </div> </footer> <div class="small-print col-xs-12"> <p class="col-xs-12"> <a target="_blank" href="https://www.mindcorp.co.uk/mindcorp-relaunches-off-the-fence/">Website Designed & Powered by mindcorp and OTV Systems - </a> <a href="/PrivacyPolicy">Privacy Policy </a> </p> </div>  <script src="/bundles/offthefence?v=-EGCUqqStlgVnpE1EaXNwcnal9mW8_3H4pBT6oUPUE01"></script> <script type="text/javascript">var siteArea = '';</script> <script src="/Content/js/_Layout.js"></script> </body> </html>

CINXE.COM

Off the Fence