www.paragonbank.co.uk
Open in
urlscan Pro
2606:4700::6812:dc4
Public Scan
Submitted URL: http://paragonbank.co.uk/
Effective URL: https://www.paragonbank.co.uk/
Submission: On October 28 via manual from GB — Scanned from GB
Effective URL: https://www.paragonbank.co.uk/
Submission: On October 28 via manual from GB — Scanned from GB
Form analysis 1 forms found in the DOM
Name: WebForm1 — POST
<form method="post" action="" onsubmit="javascript:return false;" id="WebForm1" name="WebForm1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__OSVSTATE" id="__OSVSTATE"
value="l3e8ErU/90tV9LKtozAQpKvVYuwuTQQtH0RuN2F+shNAP79x74QnrciR+pWy/i8R8chbnL8eV1aWMqyV1+xwa4w9FdcYgtwxT+s3A659F5g0eSexqQ6sekZyBXmu52NCuqYxt5BLd+IrkkfZRf+RC58sgJTpqbCQivVryyfy2kaI8sa8obQxKeDKnI52uml/4M/Whl4FK+HSmomhC0VvNrIPUJbDxjyBa7ziDA1rp7YfrGPbLhiTkzocP3IBiT6DSUWfK8imoMzA70e72dbzWO0kbKQLN911SmvE8kLv78qOSMAg4m0u1HM/Qowr5w2s8HZxBuReSsIU7XhLKqgUe5LK0R0gRrA1izsDtwKqJDdjAIPwi6iX9wuacah8lOscka1pEVh16nzKyouyTKJgAYZXF0+jLugD1pV9JMfWrMxKQqp2D7I2Fh9h1vQnLBAjyS6jI15Ml9DqajNhtrs/YpS6Cf7vV7RU8nF5HhqXF8M0Btyx8kfQb3AB4dDzsOFgCMx398tOo4KUPDO0iQ2ddaGNRV33Me0V5mYWku1GVmeu93+Y63vsSHfbvKM6FXqd6NpZTt4E/DccmTKWqR2g1ei9X+Zf9EzU9l6T2X0rq4UBpcOwrgb2cKrDsgD+gZx0QEA9gcyiONOWXWIUfGtG24g8MwFn0jFoCMPdwpnoxwNTDli9WVODqVC4Wij9sueVXWQmSeCd9GKtl3YG8XQc/0wKbeL2g6I4Be8KnZABetoIhs+uzR3LSsLNUP8BjxJvKQgvmKQADlEFK1h7iZeM0fjBQ2mbjNFL7ILds3jSV0CwMDfgwH+M9VHOQjtUkkuk2wZHrWW+E8fUJxkuVKRuhihrSbfmU7RZLVYC3u1vK+3+5S0ht+tdTFUTBw2lGdUp8+qYi2ttK4Xxmphaf4UPSgBDekHBXEGjFKW/KvyET4StMgr5uABu+x3cpbuQzIYqZsDM81gsqu9xHk+h+/9CWtwlJkOts7GuMGSA7F2TuG9DhA8c59k9/tt5O8gnnbsSX2k7UJiylZi0yvyym/CrNONKErQ4ZAo70gwr5qr+A96y5A2BJaL6uC9SbAn12KJlH9T3sB+WNqtcEomJKrY0hIr9NJv1XAUoEh7qLP+9PR4T8QQV9NY3g38/uejxXsbPj1GPEyJ0ROpynIrnzXwrrQsWwRIVQNTtT4ad9rNfoPrbmd3x07wRqthltcR5wk1PzUVV85mEFv+qiD/OWmSp4BP2ha5rXZVABKKcbPQW9B3KGsifGelm5RxtLhfp7e1Jej+Huza8MFiJZIQLVfg3BmR5psGPilpoVNEqaHAaI6BXOjx8TJudvyEm/FY8Izt0t8ckMldcOUFOBKVimKehZTQw6sWASud+Jv/vNWhHW716RF0MjcQ4FZoiRgBy9Wuk7nFzhd02kKmce2v0CMs9tntHyA2nvu4/8rjM9y3mBHuQKoD9b17jgG1G5IPSXMMu0Enggj9EvIevXqpilzGxuv5+OWEZXqpmCoc2OmyjaMb2YIFexKDk5Uemo+3YWqTtjTahqFZz3i+7BvsEbXFHYELZTqS2JKZsC0cF1rAN72ADs2b6Uv04v7mFMiURl4VjyPzZQBJ9e7NsAkGZgIEKLjv/uWySkLTd66JSZ0zUzPVaNWRVMD2KH+2h3vfcVkmgVepYKJunmucIBMTyVS0QGpVuHuPRQ+F+TT5Z9aLEUgyrtLX3LUvWvF36YO9kYiaJXM8gYIMG/OkYo2vPZUVynywvQOknBl1JHiNUUQJgqwVIgqe3EQDjUDbblbbxyluNVhOekF5cPNKcmfzdYCMRyQrTJQw+Q15xhfTKexiM1VT9EdbZE0Fj/WrbEXfufEHRbr8wOELGAqTooonWcpZVVK5rU2fDuNfF3/ShZ8W3BNF82OGtEGilIdoXHuqGJJPYZ4jIF0M4iDkPkEHhC1AVKhFXq6w3PIS9yoggn4JiKDDIkhEadCMPYQq7NpLVlX2PjJXkyyC0BKW/pbONnXLiysMLXdU+YgAUDwTy6HqsOy1U2le2szrhs2IMDaxMADfAHwsScmBlG+5cvlIWvNdFnfqs1zFL8WweW1YcmDoV43yRsAKnJcCcyAjGdZdyG1aaXs/cayop5a0XKstciChXGRsAv+R0TaqwGQDbfQktEyxGG6EWiooOWhQ2hLRuYMJe8E75r3ibU7XI5LouWevzKwdDhMgQK5LxPtU5X9MeC40hBLFCFnaGK/mYmqFLl+wimYaqRZjvijPrdStdgISzqMHNcUme7m3v5ByPvxRuQQgz3zIijQqEFNq8GqK458wOt4tdqBIHOISi7JqCoN0+4EFH5+pF6D8zCPJy8IbhO7pX0QFMjDtufOGJvFltAt5u22TGKSwi8/ekcKhcM1zOPEepQ/ipM/4PZzqurUmryOeK7Jl+Ap9fIHx0Ubm0TLe9cyUSfr1xEIsx2f6BvQveaaq5reGSc91B9VGVd2nOl2Oe59hO5tuldgacL20J1aIOLWLTdBXt53BVXB7fOS6LoE5t2OMOyowRMO96iesMVkXba5Oayj7QeIpZJ1kojuJLELHmmxsr0RU0ezs3jw5rUDO3x2GE2cXpVhCDXO6ZM+jQnJXMp/SE82596eQXS0g8WNVZ0nFDT9X7szsc7bdgHvP0RvkwmDIyto74CuBwo4/R2qK4dlZl5OMa6rBAGTPOyE6Ze5q8qlPDl3WCQigbuLbeH5yQ14jT20cL60bwpcO/hJkzcnTjytTkE5BJLHaMOk2LqCnrPPD7HPSrzCSbHFXauhzvCsAUMWzRlTsIS5eK3U23L/3NdCI95KxLc22WnetY1tDQ61LXGrkvk5Tch5Ihp4UvcvZ+n8TRenUqsGZ5VJs12+EIrunsZ+zTGC+y6ViIAXu95uDh3EKqwnIUSo9CicRAjqz8f8euXRfm1wxwXT91JECD33dsxBrxofucaJB7j6SDuYyExhXrVfFTWd9Ba3y2h97lk1YciPaZcooT5G9QMzgc2QPNmiPxBTeEjiXTYaeOdFHCsqNZqtnFeUY8Gpw01pLcKMCIBu50VXpRjxDqs/b+tMaxdziR5CxbuvQD1K3lNxkks4Z8j3AzD/h0Bi6Nl7n9GYfbGB0X4M03wRHBAfbEhswGeX44WhnTLtou903Ktjo44TkRSTAShOxMGlG8ZibMKHt+3nb+2TjJwyCHSdSTQFjmeb08iQdqzbMOJM59PhLfA/H1RklA2x30pNEr7XHnTLNcYGaZ/ik5AdyXRChf4STgKUZyz1JIheeahItwhAgWf5JoF2i11BT4efBYIme1H1TB+AsBq1zEz1aqTtrguiT5JfYxb0SuZc6NxV6L5MQRkhOc7Q0lUakVe3+aox6eSqdkfGnQw5cVGI4W3i0pMo90GdreGKsl17RmTLIdAZoL9vb6c2LPql0Y6tB6kTagMqDUT94G5TWQ+8peuS916uzXi8m3dXp0U9pS7PSfqwoglKrxpAmIw5I7ETqI4S+XlndduHH/Ue5E+8nhdj59Pp5cM4+6b5/eEUpH4NooLbaQWZ+G8ZxkZxEokGJth0cFQPxk409MQFAeBQvVJL5vVt2iA9MrvevEV/0pvsHEcUPw2qmhHsg20YqszSLXRGiJ9lQCDGR7nAQmeLX6HHGzQASzRsksNN/IASvOjG1xb4GS7AjLyLUr0xx6qVDb2LDTkju5nS4s43nmk5QzcE182XkWEpBykettK1f/ofi46lITvsu2yePYwFa428FVNWHkvx1qC6tDwqjYRGRrtgpw0Wq8qkRE53fU2KovHPEufhj9AMw5mQZVOtytfSECaz3eBB/ZuQ6XCUlsxnugbA8a3BF3dv/lBmV6RAcRj+00pJZRQGblCqP4HVv4S1/itygjH/mULe+QF9trP13DrYQNvgL8nETFOf/lAmmL6HKaqBxzjqj2cEpkcdCw7HGxUoyNQvhXx3ST2dFv6yehbFauQFmLE6IZehZzNriXxB8rKrYSD8QvVY8gt2tSfY2hDEboGECY6OV0fljkdiwvLHnMCQRjJWPKrGaU/8KCKxGs/A7x0gUN7vTqMd6psJW7sCyUWqvX+kNYxG5wOu8xsIjveqZqoX0FBaI/pe8w2eoMtW8R4x4pc5KlFO3DEJR0CPC06h43dqOGH4kgEp4s5DiQpnIQ6Ifu2zKfMmH7mzYS4C/cDZp+KlEJcEATESppfyF5zpvtfr88jl1dh6H05znyquwfIgdDOs3VYFTcjKUP9jhdKO1Z6cwYBAXhxOiURdzAWXLBaUKf0KsFkEYlybBiQcxAwZRAbCVt8Dlwp7NRuevEN++hrNboPNrECaE6B88MS/GDdtX6APecAYZ/4QTNUZ0X8Qnef1sUrUWRBxDq9jAplpChr7r/yyVlDxQYgfasAyCUg3OZFVDR8vVEMFA7HRD8kl2FPhYDoWC6bY2nfnog5fPg/hBKDVDqiYq1k6dBeIXIZtir4L3M7F3ygW2fAkZ1F4TAID4ZOr6/Sz3npUkm9f8lh5+jZxJKck0UEFWu3PScQDYdFG7/WJurVDypLCqzXrq4mNlHuKGtcHQ2BsJDLaJUViZ/08pwzU4JkA6q1reI/rCSH5lD0DOdymym63qeKHcK2HW6bE1hmykx8et/fUpGP/EPotr0WqI63V9h5yYGssc7EPNA0hIcIwoGEEQsu9ODz85P9hYqj+SbFFu2T2UwTZ2hCVhZswjsS9Qs/0+faFtYCq9YiueRVwhEq65Q+LQF+OVuONI7owW4q/SETRM+ydqA+V/EbnYZ/KXsatOlslTiDIu6Ff/nh3x5Zx31oPYVF99aipyE3ALhLk/gVUjfW6+OkWG0X7Xhlk6TWkzGhykQ6NjYpHkHrIvdqTVULBP2xXhg4jH1LdI1mm5DcJ4tPA0COn25H7BHyJ+JhLYEiQEXIKEOm4YjOyDbcXln/rUVeEEyEapLUE/pbAFNC2Jrx5O12Jp2yFHjp3Bo7UhvQaTovCUK4EiHDrISf9QmaG8PLOjFV5fGfA17zb4zgUl2OJsZwdbeT1msYgYHQzmaUzDuzDD/Y4hSpOnqtFyvjsOP0atCCH4+3wXVM+QABXdE247GcGEdxj5cHLwBigvGfKdmuarSi9bj80BcMaTsCY5wEYIoj43shHVk6/oWML5PAqIIQznpPXMmAmo9md/bsyaAXC+P6wbw8dYFEIMccWGR4daW3rOv47ozd9t4it0D7jfnWjoHHpJhYzbHSSd6EHACCrZ4Plek5QzOgLoHwekGmGIjyUgUyzU9B9MOUdvFoA8zI7TIOYpXrI80O2L7D7psaF7mdqEoKDqFSxmI+i7xdyaRWLW9PodrvsoIv7C8EDijGakf0N53ortHzEXMmIhWQVgUkx07Z6ySxLtFaxgmLiZjOR7l1ll6qj5R7D4BXY5wiV+hqLwq1UY+HWt0FrEqF5pHkieNNZd/rjtS17xEwY0mLjKyibz+DtxiPcljMNfHiIN2YRTb1qfwgRueP3s3OetQp8o08R2cMl7qwbtw4C3O5iWX9fRxCmam7el9lrSgK+fXHKUzeRBR7k/urUiPngsVkkKPbs1VivQFXzjM5U+vb0B+guShoVKeisy6HEq8zjqolhzu+pkV2xc8IvoK+V9/FECR/yT3aK4cUXnhM+QfrLq+iog82U50W6ierFb0NXDdcJZ/JCjGsqFH5jlKvycsS+XXFxmMXnmoM1gl/9rl+AvnPYBjyD7WNAfE3C7oPBWhVeAivpEUQPxc6AEVTPXvgcMrFp+LWs1bWOp0DFSva0kwDwErwYHVeVkBIRgRGo2waXhjMZKkManTqRFL1WuepKe/xo+prAK/Pw4+AK/BHMd++PMz9yn5N5joRV+IRWZi5+uXNY2Bwn6Seo9VYaH1pTfby2oUVJTTFMH+WKT+X8fTrXVomZfFLEAX3jaCE4xgdEiOIEL/9UAtSG6e+9SUgUZ0VW0eyFYNn9xgXF30+g1z/9FjsZVCGucCmEnflOI+Cs64ncC4q8Sa0eGPCTVTw064hXflreiZRzldnlUS//eGuVqhDkoYNfRsUVT37GwPoH9R/FUrH+OXOl2rYmmWGFOlGy8aXaoN8T4taWeQarwnCNbFc/HJfRbFKDZpheEX1871TZ1RXgivzy6IF0Y6V2uB7UnZuHcnlUQa9t7eTP54yr+zD2r+Hll21ks2GZjexdM6gvLxoPi4gHScvQwCpu6Y7/BXdID8IUpsJQXq1etqWmaB/M2zzgQUOBMhYJsZKjlIx8ZQTv5d3aMZCtGDrHQee5gb7gULPCyaXcDszU+FTNWJwRZLFKAdnwt78Uk8IWv+QSVsVfvQ8333EekwAarcBN7WWpK49uR5yiLUquU2IBv2MmMP2Wczv7NyQqyI9rQbiCWYsvyYIplTa5YYU7NRtATZwXnLz6qDOBrZN+fCaEbt9PM/6ZIJtr3q2uzMex2SfqAVn+hWLlgbqyna+6H21eJSGd0e244EX4V5nW047BMLc9y0Vq+AmURwmD+ElN2uwfDp+C+ccw8J9X054xpr9ffWoQWSOjyVjsXcYYLIUYEI38h8sSoav7qTTKDRcbAjwhDBNmjFI3jK3A3SCrWXO4w0wQ1qLgdksC7IopK7/qinzgnk9ReJgH0xmJeRmSXDDrtuNO1O1GfWdJAl0h3f9RlfRwZBkDPSTn7HT80mwULplacQloRve5nU33WonJcXYmmn2ADLb4V+RmDlDrCK84qc6hst1Ur1c5h++5n58CMY9n8YIARIQ/zOLbdm9mF3/GvWh190q/g7QpR3rAbky8zTnhiWEUVShrnctWrAMd6rZLWBULc9mR8/qOn2zdLK3FPraxvYgmORBHOXmfWDvCCSB0s/z6aoaeSPn6UGrVdcGVlcU4UhJJMo03J5xXCxLS1LkerP6gn8G7HGUc0HcP98heS5klSHim9qCy7Wb491DVb6MDYAPLkKOHJW9B3Rgs7NngDB2CnArAAy5kkRXbd+2/xt/Q5951mxb/xPnUwTwQ6wmCxeMG6q8a9j5GJ2U4IM13yKHx6HKaWDIBDrrd7dcqT7iVvpUc+PI7kxTDuv5MXlDuaX6rBrTqPaKfdOe10UOxPUDJfkKOfbD4rsQe/g87CqZU8r5x5NNbuAVHWc5iuKS0jeBvGIUgAkfLdql5USELDFq3xdaGj9unShGCwQYK6/7R/yC2Vb0xVXsVfG6ZfktyZAjFe3EXphG5shuHk72xLzBp5oXwAcd3gEpB0yo57sNPiucUPb7S5lRF0o2NOxnpi42lOb6vofQ+bgLOszzMmXfiq4Eiq6ucG0Ze+G1U3yNwegLvbxUKYLLOK+/6wN8aSHy4NCKzS4cPZCQSPnDCO0TsMDZY64aFXYAZpSrMrvTVGHNBVxR6dCKRxuyB6ir3w5iZQoRFlTfkpJVy/RTIJ+9mEJeqdEGlmr9VVh3ZdIGpyhrYG0GLpKLrSZvSzCuMH/At0CUhBLh2VgpWDJ2CgkYqI/Rp4ahIbDjpTXnjcZQa4TDXdIq44/9weBo8nkuCj4DucMrGEZ2FPVLzArmpEUrxcyw5uqJNMHta10x4y4L/sj2Cy+x4Ip/JREcEa+EEjtTOcuNJuLdihHyJhDN679SD/aiLn/TfdotttGyKqKg7joXrTxniAZk+gNXIJ3ttuD+xnLZ7IKAMaATo3qz15MM3/3LiZ6lkd9BejQ2UpjbECujsdfvjYjIAkzkoNeuP9u0esAncfdA7g3jGHeQs4QU0HPTy9DEKs9ZPz0PyfgIwMEpueoorRFF0kvGGXp5MyNfoqBUQXs8x4W/H4/K8+ZQGhOC7AXXIhcnE7uvAaPEBYRtrOuS1JhKGhfF/d4G4yHRGimDGHx5uHrC4mMhA9ZtuAaJgNa0axkzcoJElwtHTRGNO2b4vekkZpA59jmP6dtkO+9ZpbS0xcnS4BDLgybGwnyTRumrRd+DaZTaRLR5PXa+GcJi9hd0nK3SHlFcvsSka8a09DO6fkLok7EYnGYDdDoCPfweQ0fQXwy86pflgLmD4UrapVU5jkHmv+c+EnNVgaLd+6Ni+2vZPyj+CQX6TzZpH8cqsy5eOCJb8xBXDLKWQ41dbta5ymGQlU+J3IT3bpdHJ0GGjb3RXDYJUoqNr+W4IrlV2kqfdkMXGw2CZgdsupLHtenbRteLrgt5/WsBGGRfJP8j8druIiBM4jhLAt/ZZluud2Hiw1Rc9GZu4UBKBDqDBW6+wxZ0qV3QO7VXCJnyqYtM8e6zvKlckjJxFbJeX8L/gptOdS1JsfDoUegmd8psTBSjJ6P46BvzNxGspEmse1Ng7XCtoWQU6TvGoFMtG6ibZfuIVtCheH4jopACvaaeTdHc6LUQenIsUHMum2Yavb9dFo6ORyV04al2KStKJvnPw5Ri4QSwcMcuEqVOd9zDuH3zJmhB+efr0fdGnVRqMRqQRd11t3NwNiIV3EkMq6AHkab+VCsOqqbOBhyCxiiG1CfB5YBvNaTycGaAJFkxM2/Crx7NC3A6qkE+jv5d3ONDKRnI29c2ZpcvgOhEqpJLf6rMcqN3SOLBWpRjBktrLS8RzWJM7yx/QsxcCwQjG8cc9rd+o0QFf4okJo3munHAESx1GEqI8Y+FFDeyGhbfYyRpRynx5IRua1L/6JaOXaY69kpW6Zpsf51LX2PrfMvvTzMJd7YTNJwlOdccq086uVhP0/t7pZoDXC16fLCFswg+Fbk2XuULkZG41yCtghwccxxUAOBKHkMhQxzzF9wZv4/Ow4jEb9RFS4V4o2LirsoJFmQOcn8B2uhAqqpB26z78xtR6TKIYGfUiuSmYEmOOxRyPcqlug5rbRGFp4dz7bGhg1gRE4Q5h7JQNZdaP21dcZAQmfTDJklzMAvfl4rUKOlW/aSR4i4QHwbPO09KHg=">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['WebForm1'];
if (!theForm) {
theForm = document.WebForm1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
function WebForm_OnSubmit() {
OsPrepareCheckboxesForSubmit();
OsFixUploadBeforeSubmit();
if (!OsValidatorOnSubmit()) return false;
return true;
}
//]]>
</script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="61469692">
</div>
<script>
osjs(document).ready(function() {
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = 'expires=' + d.toUTCString();
document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/';
}
if (osjs('.warning_EU_cookiemsg').length >= 1) {
osjs('.AcceptCookies').click(function() {
setCookie('ParagonCookiePreference', 'advertising', 365);
osjs('.warning_EU_cookiemsg').slideUp();
});
osjs('.ManageCookies').click(function() {
setCookie('ParagonCookiePreference', 'performance', 365);
window.location.assign('/ParagonBank_Viewer/paragonbank/cookies');
});
osjs('.warning_EU_cookiemsg').slideDown(500);
}
});
</script>
<div class="warning_EU_cookiemsg warning_EU_show" style="position: static; display: block;">
<div id="CookiePolicy_wt7_block_wtCookieContainer" class="pCMS_CookieWrapper OSInline">
<div>We use cookies to track usage and preferences.</div>
<div class="AcceptCookies"><a id="CookiePolicy_wt7_block_wt14" tabindex="1" title="Click to hide this warning" href="#">Accept cookies</a></div>
<div class="ManageCookies"><a id="CookiePolicy_wt7_block_wt6" tabindex="2" href="#">Manage cookies</a></div>
</div>
</div>
<div class="Page windows chrome en pCMS_Theme landscape desktop big" style="margin-top: 0px;" data-silkversion="4.1.2" data-client-responsive="false">
<div id="pCMS_wt3_block_wt15_wtGenericContent">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtPageContentWrapper" class="AER LTDHero personal-landing"><!-- Server: E1GZR-PR4WQA-->
<script>
$(document).ready(function() {
function loadImage(e) {
e.src = e.dataset.src;
e.removeAttribute('data-src');
e.classList.add('fade');
}
var images = document.querySelectorAll('.io-img');
if (!('IntersectionObserver' in window)) {
for (var i = 0; i < images.length; i++) {
loadImage(images[i]);
}
} else {
let config = {
rootMargin: '1000px 0px',
threshold: 0.01
};
let observer = new IntersectionObserver(observeImages, config);
for (let i = 0; i < images.length; i++) {
observer.observe(images[i]);
}
function observeImages(imgs) {
for (let i = 0; i < imgs.length; i++) {
if (imgs[i].intersectionRatio > 0) {
observer.unobserve(imgs[i].target);
loadImage(imgs[i].target);
}
}
}
}
})
</script>
<script>
$(document).ready(function() {
var oldWidth;
var newWidth;
var threasholdWidth;
if (sessionStorage.getItem('ForceReload') == 'True') {
sessionStorage.setItem('ForceReload', 'False');
location.reload();
}
sessionStorage.setItem('WindowWidth', $(window).width());
threasholdWidth = 1024;
$(window).resize(function() {
if ($('.pCMS_FormContainer').length == 0) {
oldWidth = sessionStorage.getItem('WindowWidth');
newWidth = $(window).width();
sessionStorage.setItem('WindowWidth', newWidth);
if ((oldWidth < threasholdWidth && newWidth > threasholdWidth) || (oldWidth > threasholdWidth && newWidth < threasholdWidth)) {
sessionStorage.setItem('ForceReload', 'True');
location.reload();
}
}
});
});
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WMS38GP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div><!-- Start VWO Async Smartcode -->
<script type="text/javascript">
window._vwo_code = window._vwo_code || (function() {
var account_id = 436165,
settings_tolerance = 2000,
library_tolerance = 2500,
use_existing_jquery = false,
is_spa = 1,
hide_element = 'body',
f = false,
d = document,
code = {
use_existing_jquery: function() {
return use_existing_jquery;
},
library_tolerance: function() {
return library_tolerance;
},
finish: function() {
if (!f) {
f = true;
var a = d.getElementById('_vis_opt_path_hides');
if (a) a.parentNode.removeChild(a);
}
},
finished: function() {
return f;
},
load: function(a) {
var b = d.createElement('script');
b.src = a;
b.type = 'text/javascript';
b.innerText;
b.onerror = function() {
_vwo_code.finish();
};
d.getElementsByTagName('head')[0].appendChild(b);
},
init: function() {
window.settings_timer = setTimeout(function() {
_vwo_code.finish()
}, settings_tolerance);
var a = d.createElement('style'),
b = hide_element ? hide_element + '{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}' : '',
h = d.getElementsByTagName('head')[0];
a.setAttribute('id', '_vis_opt_path_hides');
a.setAttribute('type', 'text/css');
if (a.styleSheet) a.styleSheet.cssText = b;
else a.appendChild(d.createTextNode(b));
h.appendChild(a);
this.load('https://dev.visualwebsiteoptimizer.com/j.php?a=' + account_id + '&u=' + encodeURIComponent(d.URL) + '&f=' + (+is_spa) + '&r=' + Math.random());
return settings_timer;
}
};
window._vwo_settings_timer = code.init();
return code;
}());
</script>
<!-- End VWO Async Smartcode -->
<script src="/ParagonBank_Viewer/Blocks/WebPatterns/Content/Carousel.en.js?4374" type="text/javascript" charset="UTF-8"></script>
</div><noscript class="noscript" style="display:block !important;">This site will not render correctly without Javascript. Please enable Javascript in your browser settings.</noscript>
<script>
// Disable Default Form Action
$(document).ready(function() {
$('form').attr('action', '');
$('form').attr('onsubmit', 'javascript:return false;');
});
</script>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader"><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_pCMS_wt4_block_wt3_wtContentList"></span>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent" class="PH_Preview PH">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt29_block_wtPreviewBannerContainer" class="pCMS_PreviewBanner" align="center" style="display:none">Site Preview</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wtHeaderContainer_Dropdown" class="HeaderContainer">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wtHeaderSearchContainer" class="HeaderSearchContainer">
<div>
<script type="text/javascript">
var ss360Config = {
siteId: 'www.paragonbank.co.uk',
showResultLink: false,
showErrors: true,
layout: {
navigation: {
position: 'none'
}
},
suggestions: {
showImages: false,
num: 20
},
style: {
themeColor: '#89cb31'
},
searchBox: {
selector: '.ss360SearchInput',
searchButton: '.ss360SearchButton'
},
specialMobileSuggest: {
enabled: false
},
layout: {
mobile: {
showImages: false
},
desktop: {
showImages: false,
showUrl: true
},
navigation: {
position: 'top'
}
},
tracking: {
providers: ['GTM']
},
results: {
caption: 'Search results for your query #QUERY#',
num: 50,
moreResultsButton: 'Show more results',
moreResultsPagingSize: 3,
queryTermHighlightContext: '.Column.ColFirst'
},
contentGroups: {
include: [],
exclude: [],
otherName: 'Other',
ignoreOther: false
},
callbacks: {
preSuggest: function(query, searchBox) {
var searchContentList = searchBox.getAttribute('searchcontentgroup');
var searchContentGroup = searchContentList.trim() == '' ? [] : searchContentList.split(';');
SS360.changeConfig('contentGroups.include', searchContentGroup);
return query.length >= 2;
},
preSearch: function(query, sort, selectedSearchBox) {
var searchBoxId = selectedSearchBox ? selectedSearchBox.get()[0].getAttribute('searchbox') : '1';
var searchContentList = selectedSearchBox ? selectedSearchBox.get()[0].getAttribute('searchcontentgroup') : '';
var searchContentGroup = searchContentList.trim() == '' ? [] : searchContentList.split(';');
var resultArea = '#resultArea' + searchBoxId;
SS360.changeConfig('contentGroups.include', searchContentGroup);
return true;
}
}
};
</script>
<script src="https://cdn.sitesearch360.com/sitesearch360-v12.min.js" async=""></script>
<script>
$(document).ready(function() {
SearchInput = $('#pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt33_block_wtSearchInput')[0];
$('.SearchContainer').on('click', function() {
if ($(this).hasClass('search-is-visible')) {
$(this).removeClass('search-is-visible');
$('.HeaderSearchContainer').removeClass('is-visible');
$('.Overlay').removeClass('is-visible');
SearchInput.value = "";
} else {
$(this).addClass('search-is-visible');
$('.HeaderSearchContainer').addClass('is-visible');
$('.Overlay').addClass('is-visible');
SearchInput.focus();
}
});
$('.Overlay').on('click', function() {
SearchInput.value = "";
$('.SearchContainer').removeClass('search-is-visible');
$('.HeaderSearchContainer').removeClass('is-visible');
$(this).removeClass('is-visible');
});
});
</script>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt33_block_wtSearchBar" class="SearchWrapper" style="position: relative;">
<div id="unibox-suggest-box" class="normal-suggest-box" role="listbox" aria-label="Search Suggestions" style="min-width: 1080px;"></div><input name="Search input" type="text" maxlength="50"
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt33_block_wtSearchInput" tabindex="3" class="SearchInput ss360SearchInput" placeholder="How can we help you?"
onkeydown="return OsEnterKey('pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt33_block_wtSearchButton', arguments[0] || window.event);" aria-invalid="false" searchbox="1"
searchcontentgroup="" style="width: 90%" autocomplete="off" aria-label="Search" role="combobox" aria-describedby="unibox-controls-description" aria-owns="unibox-suggest-box" aria-controls="unibox-suggest-box"
aria-expanded="false"><span style="display: none;" class="ValidationMessage" role="alert"
id="ValidationMessage_pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt33_block_wtSearchInput"></span>
<script type="text/javascript">
//<![CDATA[
OsInputPrompt_Bootstrap('pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt33_block_wtSearchInput');
//]]>
</script><input name="pCMS_wt3$block$wt15$wtGenericContent$wtBespokeHeader$wt1$WebPatterns_wt43$block$wtContent$pCMS_wt33$block$wtSearchButton"
ss360-search-box-id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt33_block_wtSearchInput" type="submit" value="Go"
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt33_block_wtSearchButton" tabindex="4" class="Button Is_Default SearchButton ss360SearchButton" style="margin-left: 0px"><span
id="unibox-controls-description" style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0" class="unibox-sr-only" tabindex="-1">Use up and down arrows to select available
result. Press enter to go to selected search result. Touch devices users can use touch and swipe gestures.</span><span id="unibox-status-message"
style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0" tabindex="-1" aria-live="polite" aria-atomic="true" role="status" class="unibox-sr-only"></span>
<div id="unibox-invisible" style="display: none;"> <span> </span></div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wtPrimaryHeader_Dropdown" class="PrimaryHeader" name="PrimaryHeader" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wtMenuContainer_Dropdown" class="MenuContainer OSInline" align="left" name="MenuContainer">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_wtSiteMenuWrapper" class="SiteMenu">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent" class="PH_Preview PH">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuBar" class="pCMS_SiteMenuBar">
<script>
$(document).ready(function() {
$('.pCMS_SiteMenuBarItem').on('click', function() {
var hasClass = $(this).hasClass('Selected');
$('.pCMS_SiteMenuBarItem').removeClass('Selected');
if (!hasClass) {
$(this).addClass('Selected');
}
});
});
</script><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList" class="ListRecords">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl00_wtSiteMenuBarItem"
class="pCMS_SiteMenuBarItem OSInline AER LTDHero personal-landing" style="">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl00_wt1_RichWidgets_wt16_block_wtDropDownButtonRoot"
class="Menu_DropDownButton OSInline" aria-expanded="false" role="menuitem">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl00_wt1_RichWidgets_wt16_block_wtDropDownButtonElement"
class="Menu_TopMenu Menu_TopMenuActive"
aria-controls="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl00_wt1_RichWidgets_wt16_block_wtDropDownPanel"
role="button">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl00_wt1_RichWidgets_wt16_block_wtMenuItem">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl00_wt1_RichWidgets_wt16_block_wtMenuItem_wtMenuItem"
class="pCMS_MenuItem" title="" style="margin-top: 0px;">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl00_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wtSiteMenuItemContainer"
class="pCMS_SiteMenuItemContainer ">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl00_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wt5_wtMenuLinkContainer"
class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl00_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wt5_wtMenuItemLink" tabindex="5" target="" href="https://www.paragonbank.co.uk/who-we-are">About us</a>
</div>
</div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl00_wt1_RichWidgets_wt16_block_wtDropDownPanel"
class="Menu_DropDownPanel">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl00_wt1_RichWidgets_wt16_block_wtMenuSubItems"
class="Menu_SubItemsPlaceholder"></div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl02_wtSiteMenuBarItem"
class="pCMS_SiteMenuBarItem OSInline AER LTDHero personal-landing" style="">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl02_wt1_RichWidgets_wt16_block_wtDropDownButtonRoot"
class="Menu_DropDownButton OSInline" aria-expanded="false" role="menuitem">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl02_wt1_RichWidgets_wt16_block_wtDropDownButtonElement"
class="Menu_TopMenu Menu_TopMenuActive"
aria-controls="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl02_wt1_RichWidgets_wt16_block_wtDropDownPanel"
role="button">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl02_wt1_RichWidgets_wt16_block_wtMenuItem">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl02_wt1_RichWidgets_wt16_block_wtMenuItem_wtMenuItem"
class="pCMS_MenuItem" title="" style="margin-top: 0px;">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl02_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wtSiteMenuItemContainer"
class="pCMS_SiteMenuItemContainer ">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl02_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wt5_wtMenuLinkContainer"
class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl02_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wt5_wtMenuItemLink" tabindex="6" target="" href="https://www.paragonbankinggroup.co.uk/news/overview">News room</a>
</div>
</div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl02_wt1_RichWidgets_wt16_block_wtDropDownPanel"
class="Menu_DropDownPanel">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl02_wt1_RichWidgets_wt16_block_wtMenuSubItems"
class="Menu_SubItemsPlaceholder"></div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl04_wtSiteMenuBarItem"
class="pCMS_SiteMenuBarItem OSInline AER LTDHero personal-landing" style="">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl04_wt1_RichWidgets_wt16_block_wtDropDownButtonRoot"
class="Menu_DropDownButton OSInline" aria-expanded="false" role="menuitem">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl04_wt1_RichWidgets_wt16_block_wtDropDownButtonElement"
class="Menu_TopMenu Menu_TopMenuActive"
aria-controls="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl04_wt1_RichWidgets_wt16_block_wtDropDownPanel"
role="button">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl04_wt1_RichWidgets_wt16_block_wtMenuItem">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl04_wt1_RichWidgets_wt16_block_wtMenuItem_wtMenuItem"
class="pCMS_MenuItem" title="" style="margin-top: 0px;">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl04_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wtSiteMenuItemContainer"
class="pCMS_SiteMenuItemContainer ">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl04_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wt5_wtMenuLinkContainer"
class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl04_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wt5_wtMenuItemLink" tabindex="7" target="" href="/blog">Blog</a>
</div>
</div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl04_wt1_RichWidgets_wt16_block_wtDropDownPanel"
class="Menu_DropDownPanel">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl04_wt1_RichWidgets_wt16_block_wtMenuSubItems"
class="Menu_SubItemsPlaceholder"></div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl06_wtSiteMenuBarItem"
class="pCMS_SiteMenuBarItem OSInline AER LTDHero personal-landing" style="">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl06_wt1_RichWidgets_wt16_block_wtDropDownButtonRoot"
class="Menu_DropDownButton OSInline" aria-expanded="false" role="menuitem">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl06_wt1_RichWidgets_wt16_block_wtDropDownButtonElement"
class="Menu_TopMenu Menu_TopMenuActive"
aria-controls="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl06_wt1_RichWidgets_wt16_block_wtDropDownPanel"
role="button">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl06_wt1_RichWidgets_wt16_block_wtMenuItem">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl06_wt1_RichWidgets_wt16_block_wtMenuItem_wtMenuItem"
class="pCMS_MenuItem" title="" style="margin-top: 0px;">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl06_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wtSiteMenuItemContainer"
class="pCMS_SiteMenuItemContainer ">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl06_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wt5_wtMenuLinkContainer"
class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl06_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wt5_wtMenuItemLink" tabindex="8" target="" href="https://www.paragonbank.co.uk/contact-us">Contact</a>
</div>
</div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl06_wt1_RichWidgets_wt16_block_wtDropDownPanel"
class="Menu_DropDownPanel">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl06_wt1_RichWidgets_wt16_block_wtMenuSubItems"
class="Menu_SubItemsPlaceholder"></div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl08_wtSiteMenuBarItem"
class="pCMS_SiteMenuBarItem OSInline AER LTDHero personal-landing" style="">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl08_wt1_RichWidgets_wt16_block_wtDropDownButtonRoot"
class="Menu_DropDownButton OSInline" aria-expanded="false" role="menuitem">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl08_wt1_RichWidgets_wt16_block_wtDropDownButtonElement"
class="Menu_TopMenu Menu_TopMenuActive"
aria-controls="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl08_wt1_RichWidgets_wt16_block_wtDropDownPanel"
role="button">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl08_wt1_RichWidgets_wt16_block_wtMenuItem">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl08_wt1_RichWidgets_wt16_block_wtMenuItem_wtMenuItem"
class="pCMS_MenuItem" title="" style="margin-top: 0px;">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl08_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wtSiteMenuItemContainer"
class="pCMS_SiteMenuItemContainer ">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl08_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wt5_wtMenuLinkContainer"
class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl08_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wt5_wtMenuItemLink" tabindex="9" target="_blank" href="https://www.paragonbankinggroup.co.uk/careers">Careers</a>
</div>
</div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl08_wt1_RichWidgets_wt16_block_wtDropDownPanel"
class="Menu_DropDownPanel">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl08_wt1_RichWidgets_wt16_block_wtMenuSubItems"
class="Menu_SubItemsPlaceholder"></div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl10_wtSiteMenuBarItem"
class="pCMS_SiteMenuBarItem OSInline AER LTDHero personal-landing" style="">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl10_wt1_RichWidgets_wt16_block_wtDropDownButtonRoot"
class="Menu_DropDownButton OSInline" aria-expanded="false" role="menuitem">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl10_wt1_RichWidgets_wt16_block_wtDropDownButtonElement"
class="Menu_TopMenu Menu_TopMenuActive"
aria-controls="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl10_wt1_RichWidgets_wt16_block_wtDropDownPanel"
role="button">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl10_wt1_RichWidgets_wt16_block_wtMenuItem">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl10_wt1_RichWidgets_wt16_block_wtMenuItem_wtMenuItem"
class="pCMS_MenuItem" title="" style="margin-top: 0px;">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl10_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wtSiteMenuItemContainer"
class="pCMS_SiteMenuItemContainer ">
<div
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl10_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wt5_wtMenuLinkContainer"
class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl10_wt1_RichWidgets_wt16_block_wtMenuItem_wt7_wt5_wtMenuItemLink" tabindex="10" target="_blank" href="https://www.paragonbankinggroup.co.uk/">Investors</a>
</div>
</div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl10_wt1_RichWidgets_wt16_block_wtDropDownPanel"
class="Menu_DropDownPanel">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt21_block_WebPatterns_wt16_block_wtContent_wtSiteMenuItemsList_ctl10_wt1_RichWidgets_wt16_block_wtMenuSubItems"
class="Menu_SubItemsPlaceholder"></div>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wtSectionSelectorContainer" class="SectionSelectorContainer OSInline" name="SectionSelector" style="margin-left: 0px;margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt50_wtSiteSectionSelectorContainer" class="SiteSectionSelectorContainer">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt50_wtPersonalLinkContainer" class="PersonalLinkContainer LinkContainer Selected ThemeGrid_Width4" style="display:none">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt50_wtPersonalLink" class="PersonalLink">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt50_wt7" tabindex="11" href="https://www.paragonbank.co.uk">Personal</a></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt50_wtBusinessLinkContainer" class="BusinessLinkContainer LinkContainer ThemeGrid_Width4" style="display:none">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt50_wtBusinessLink" class="BusinessLink">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt50_wt8" tabindex="12" href="https://www.paragonbank.co.uk">Business</a></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt50_wtIntermediaryLinkContainer" class="IntermediaryLinkContainer LinkContainer ThemeGrid_Width4" style="display:none">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt50_wtIntermediaryLink" class="IntermediaryLink">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt50_wt3" tabindex="13" href="https://www.paragonbank.co.uk">Intermediary</a></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt50_WebPatterns_wt18_block_wtContent" class="PH_Preview PH">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt50_WebPatterns_wt18_block_wtContent_wtSearchContainer" class="SearchContainer OSInline" name="SearchContainer"
style="margin-left: 0px;margin-top: 0px;"><span></span></div>
</div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wtSecondaryHeader_Dropdown" class="SecondaryHeader" name="SecondaryHeader" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_wtSectionContainer" class="SectionContainer" name="SectionContainer">
<div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_wtLogoContainer" class="LogoContainer ThemeGrid_Width4" name="LogoContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_wt15" tabindex="15" href="/"><img alt="" src="/img/pargon_logo_black.png?6572"></a></div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_wtSiteMenuContainer" class="SiteMenuContainer ThemeGrid_Width8 ThemeGrid_MarginGutter" name="SiteMenuContainer"
style="margin-top: 0px;">
<script>
$(document).ready(function() {
$('.PreventDefault').on('click', function(event) {
event.preventDefault();
});
});
</script>
<script>
$(document).ready(function() {
$('.primary-item').on('click', function() {
var hasClass = $(this).hasClass('Selected');
$('.primary-item').removeClass('Selected');
if (!hasClass) {
$(this).addClass('Selected');
}
});
});
</script>
<script>
$(document).ready(function() {
$('.primary-item').on('click', function() {
var childElement = $(this).find('.secondary-nav');
var hasClass = childElement.hasClass('Visible');
$('.secondary-nav').removeClass('Visible');
if (!hasClass) {
childElement.addClass('Visible');
}
});
});
</script>
<ul class="primary-nav"><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems" class="pCMS_SiteMenuBarItems">
<li class="primary-item home">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl00_wt19_wt31_wt3_wtMenuItemLink" tabindex="17" class="Selected" target="" href="https://www.paragonbank.co.uk/">Home</a>
</li>
<li class="primary-item">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wt14_wt3_wtMenuItemLink" tabindex="19" class="PreventDefault Selected Parent" target="" href="/">Savings</a>
<ul class="mega-menu secondary-nav">
<section class="pCMS_SiteMenuBarSubItems">
<div><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wt6_wtMainHTML">
<h2>Savings</h2>
<p class="sub-title"> Reach your savings goals with our simple, straightforward savings accounts and cash ISAs. </p>
</span></div>
<div class="flexWrapper"><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles"
class="mega-menu-featured-container">
<div class="flexItem tile SavingsPanel">
<div class="tileContent"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML"
class="ListRecords">
<li class="Title">Savings accounts</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl02_wt14_wt3_wtMenuItemLink" tabindex="21" target="" href="https://www.paragonbank.co.uk/personal/savings">Savings</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl04_wt14_wt3_wtMenuItemLink" tabindex="22" target="" href="https://www.paragonbank.co.uk/savings/savings-accounts?tabid=fixed-rate">Fixed Rate</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl06_wt14_wt3_wtMenuItemLink" tabindex="23" target="" href="https://www.paragonbank.co.uk/savings/savings-accounts?tabid=access">Access</a>
</li><br>
<li class="Title">Cash ISAs</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl10_wt14_wt3_wtMenuItemLink" tabindex="25" target="" href="https://www.paragonbank.co.uk/savings/savings-accounts?tabid=cash-isas">Fixed Rate</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl12_wt14_wt3_wtMenuItemLink" tabindex="26" target="" href="https://www.paragonbank.co.uk/savings/savings-accounts?tabid=cash-isas">Access</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl14_wt14_wt3_wtMenuItemLink" tabindex="27" target="" href="https://www.paragonbank.co.uk/savings/savings-accounts?tabid=lifetime-isa">Lifetime ISA</a>
</li><br>
<li class="button Secondary">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl16_wt14_wt3_wtMenuItemLink" tabindex="28" target="" href="https://www.paragonbank.co.uk/savings/savings-accounts">View all accounts</a>
</li><br><br>
</span></div>
<div class="tileAction"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl00_wt5_wt30_wtMainHTML"><a href="https://www.paragonbank.co.uk/personal/savings/paragon-customer-reviews" target="_blank">
<img alt="Feefo logo" src="https://api.feefo.com/api/logo?merchantidentifier=paragon-bank&template=Service-Stars-White-225x57.png" title="Our customer Feefo rating" style="width: 250px; height: auto; margin: 20px 0;" border="0">
</a></span></div>
</div>
<div class="flexItem tile mega-menu-advert savings-advert upTo">
<div class="tileImage"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl02_wt5_wt24_wtMainHTML">
<div class="flexItem upTo">
<h2>Fixed Rate Savings Accounts</h2>
<h3>1.65%</h3>
<p style=" margin:0 0 30px;">Enjoy peace of mind and higher returns with our Fixed Rate Savings Accounts </p>
<ul class="TickList">
<li>Manage your account easily online or by post</li>
<li>Monthly or annual interest</li>
<li>Top up your account for the first five days after your opening deposit</li>
</ul>
<div class="tileAction">
<a href="https://www.paragonbank.co.uk/savings/savings-accounts?tabid=fixed-rate" class="Button">View
Accounts</a>
</div>
</div>
</span></div>
<div class="tileContent"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl02_wt5_wtSubMenuItems"></span></div>
</div>
<div class="flexItem tile SavingsPanel3">
<div class="tileContent"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl04_wt5_wtSubMenuItemsWithoutHTML"
class="ListRecords">
<li class="Title">Helpful information</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl04_wt5_wtSubMenuItemsWithoutHTML_ctl02_wt14_wt3_wtMenuItemLink" tabindex="32" target="" href="https://www.paragonbank.co.uk/savings/historic-rates">Historic rates</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl04_wt5_wtSubMenuItemsWithoutHTML_ctl04_wt14_wt3_wtMenuItemLink" tabindex="33" target="" href="https://www.paragonbank.co.uk/personal/personal-faqs?tabid=savings-faqs">FAQs</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl04_wt5_wtSubMenuItemsWithoutHTML_ctl06_wt14_wt3_wtMenuItemLink" tabindex="34" target="" href="https://www.paragonbank.co.uk/contact-us/financial-services-compensation-scheme">FSCS</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl04_wt5_wtSubMenuItemsWithoutHTML_ctl08_wt14_wt3_wtMenuItemLink" tabindex="35" target="" href="https://www.paragonbank.co.uk/security">Security</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl04_wt5_wtSubMenuItemsWithoutHTML_ctl10_wt14_wt3_wtMenuItemLink" tabindex="36" target="" href="https://www.paragonbank.co.uk/who-we-are/awards-and-nominations">Our awards</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl04_wt5_wtSubMenuItemsWithoutHTML_ctl12_wt14_wt3_wtMenuItemLink" tabindex="37" target="" href="https://www.paragonbank.co.uk/savings/savings-explained/lifetime-isa">Savings explained</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl04_wt5_wtSubMenuItemsWithoutHTML_ctl14_wt14_wt3_wtMenuItemLink" tabindex="38" target="" href="https://www.paragonbank.co.uk/personal/personal-documents/?tabid=savings-documents">Savings documents</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl04_wt5_wtSubMenuItemsWithoutHTML_ctl16_wt14_wt3_wtMenuItemLink" tabindex="39" target="" href="https://www.paragonbank.co.uk/personal/savings/paragon-customer-reviews">Customer reviews</a>
</li><br><br>
</span></div>
<div class="tileAction"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl02_wt9_wtSubMenuWithTiles_ctl04_wt5_wt30_wtMainHTML">
<h4>Managing your savings online couldn't be easier with us.</h4>
<a class="Link" href="https://www.paragonbank.co.uk/personal/savings/ease-of-use">Learn more</a>
</span></div>
</div>
</span></div>
</section>
</ul>
</li>
<li class="primary-item">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wt14_wt3_wtMenuItemLink" tabindex="43" class="PreventDefault Selected Parent" target="" href="/">Mortgages</a>
<ul class="mega-menu secondary-nav">
<section class="pCMS_SiteMenuBarSubItems">
<div><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wt6_wtMainHTML">
<h2>Mortgages</h2>
<p class="sub-title">Discover our range of specialist buy-to-let and residential mortgages, available through intermediaries. </p>
</span></div>
<div class="flexWrapper"><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles"
class="mega-menu-featured-container">
<div class="flexItem tile MortgagesPanel1">
<div class="tileContent"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML"
class="ListRecords">
<li class="Title">New and existing customers</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl02_wt14_wt3_wtMenuItemLink" tabindex="45" target="" href="https://www.paragonbank.co.uk/personal/mortgages/buy-to-let">Buy-to-let mortgages</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl04_wt14_wt3_wtMenuItemLink" tabindex="46" target="" href="https://www.paragonbank.co.uk/personal/mortgages/residential">Residential mortgages</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl06_wt14_wt3_wtMenuItemLink" tabindex="47" target="" href="https://www.paragonbank.co.uk/personal/mortgages/second-charge">Second charge mortgages</a>
</li><br>
<li class="Title">Helpful information</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl10_wt14_wt3_wtMenuItemLink" tabindex="49" target="" href="https://www.paragonbank.co.uk/blog/mortgages">Mortgage blog</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl12_wt14_wt3_wtMenuItemLink" tabindex="50" target="" href="https://www.paragonbank.co.uk/personal/personal-documents?tabid=mortgages-documents">Mortgage documents</a>
</li><br>
</span></div>
</div>
<div class="flexItem tile MortgagesPanel2">
<div class="tileContent"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl02_wt5_wtSubMenuItemsWithoutHTML"
class="ListRecords">
<li class="Title">Intermediaries</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl02_wt5_wtSubMenuItemsWithoutHTML_ctl02_wt14_wt3_wtMenuItemLink" tabindex="52" target="" href="https://www.paragonbank.co.uk/intermediary/mortgages/buy-to-let">Buy-to-let mortgages</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl02_wt5_wtSubMenuItemsWithoutHTML_ctl04_wt14_wt3_wtMenuItemLink" tabindex="53" target="" href="https://www.paragonbank.co.uk/intermediary/mortgages/residential">Residential mortgages</a>
</li><br>
<li class="Title">Helpful information</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl02_wt5_wtSubMenuItemsWithoutHTML_ctl08_wt14_wt3_wtMenuItemLink" tabindex="55" target="" href="https://www.paragonbank.co.uk/intermediary/intermediary-documents?tabid=mortgages-documents">Intermediary mortgage documents</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl02_wt5_wtSubMenuItemsWithoutHTML_ctl10_wt14_wt3_wtMenuItemLink" tabindex="56" target="" href="https://www.paragonbank.co.uk/intermediary/intermediary-faqs">FAQs</a>
</li><br>
</span></div>
</div>
<div class="flexItem tile mega-menu-advert mortgage-advert">
<div class="tileImage"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl04_wt5_wt24_wtMainHTML">
<h2>Intermediary portal</h2>
<p> It’s easier than ever for you to manage your buy-to-let cases with us.</p>
<p><a href="https://www.paragonbank.co.uk/intermediary/portal/LoginScreen.aspx" class="stt">Log in</a> to our portal today and benefit from many features.</p>
<a href="https://www.paragonbank.co.uk/intermediary/portal/" class="Button Secondary stt">Learn more</a>
</span></div>
<div class="tileContent"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl04_wt9_wtSubMenuWithTiles_ctl04_wt5_wtSubMenuItems"></span></div>
</div>
</span></div>
</section>
</ul>
</li>
<li class="primary-item">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wt14_wt3_wtMenuItemLink" tabindex="60" class="PreventDefault Selected Parent" target="" href="/">Loans</a>
<ul class="mega-menu secondary-nav">
<section class="pCMS_SiteMenuBarSubItems">
<div><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wt6_wtMainHTML">
<h2>Loans</h2>
<p class="sub-title"> Find the right finance to get you moving with our tailored business and personal loans. </p>
</span></div>
<div class="flexWrapper"><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles"
class="mega-menu-featured-container">
<div class="flexItem tile LoansPanel1">
<div class="tileContent"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML"
class="ListRecords">
<li class="Title">Intermediaries</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl02_wt14_wt3_wtMenuItemLink" tabindex="62" target="" href="https://www.paragonbank.co.uk/intermediary/loans/asset-finance">Asset finance</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl04_wt14_wt3_wtMenuItemLink" tabindex="63" target="" href="https://www.paragonbank.co.uk/intermediary/loans/development-finance">Development finance</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl06_wt14_wt3_wtMenuItemLink" tabindex="64" target="" href="https://www.paragonbank.co.uk/intermediary/loans/motor-finance">Motor finance</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl08_wt14_wt3_wtMenuItemLink" tabindex="65" target="" href="https://www.paragonbank.co.uk/professions-finance">Professions finance</a>
</li><br>
<li class="Title">Business customers</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl12_wt14_wt3_wtMenuItemLink" tabindex="67" target="" href="https://www.paragonbank.co.uk/business/loans/asset-finance">Asset finance</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl14_wt14_wt3_wtMenuItemLink" tabindex="68" target="" href="https://www.paragonbank.co.uk/business/loans/development-finance">Development finance</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl16_wt14_wt3_wtMenuItemLink" tabindex="69" target="" href="https://www.paragonbank.co.uk/business/loans/structured-lending">Structured lending</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl00_wt5_wtSubMenuItemsWithoutHTML_ctl18_wt14_wt3_wtMenuItemLink" tabindex="70" target="" href="https://www.paragonbank.co.uk/business/loans/invoice-finance">Invoice finance</a>
</li><br>
</span></div>
</div>
<div class="flexItem tile LoansPanel2">
<div class="tileContent"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl02_wt5_wtSubMenuItemsWithoutHTML"
class="ListRecords">
<li class="Title">Personal customers</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl02_wt5_wtSubMenuItemsWithoutHTML_ctl02_wt14_wt3_wtMenuItemLink" tabindex="72" target="" href="https://www.paragonbank.co.uk/motorfinance/personal">Motor finance</a>
</li><br>
<li class="Title">Helpful Information</li><br>
<li class="mega-menu-link-divide">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl02_wt5_wtSubMenuItemsWithoutHTML_ctl06_wt14_wt3_wtMenuItemLink" tabindex="74" target="" href="https://www.paragonbank.co.uk/personal/personal-documents?tabid=loans-documents">Personal loan documents</a>
</li><br>
<li class="mega-menu-link-divide">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl02_wt5_wtSubMenuItemsWithoutHTML_ctl08_wt14_wt3_wtMenuItemLink" tabindex="75" target="" href="https://www.paragonbank.co.uk/business/business-documents?tabid=loans-documents">Business loan documents</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl02_wt5_wtSubMenuItemsWithoutHTML_ctl10_wt14_wt3_wtMenuItemLink" tabindex="76" target="" href="https://www.paragonbank.co.uk/intermediary/intermediary-documents?tabid=loans-documents">Intermediary loan documents</a>
</li><br>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl02_wt5_wtSubMenuItemsWithoutHTML_ctl12_wt14_wt3_wtMenuItemLink" tabindex="77" target="" href="https://www.paragonbank.co.uk/intermediary/intermediary-faqs?tabid=loans-faqs">FAQs</a>
</li><br>
</span></div>
</div>
<div class="flexItem tile mega-menu-advert loans-advert">
<div class="tileContent"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl04_wt5_wtSubMenuItemsWithoutHTML"
class="ListRecords"><br></span></div>
<div class="tileAction"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl06_wt9_wtSubMenuWithTiles_ctl04_wt5_wt30_wtMainHTML">
<h2>Introducing our new asset finance broker portal</h2>
<p>Developed in response to your feedback about the need for <strong>speed, simplicity</strong> and <strong>accuracy</strong> of lending applications, you can now
<a href="https://www.paragonbank.co.uk/AssetFinance_Apply/Login">log in</a> and apply in minutes.</p>
<a href="https://www.paragonbank.co.uk/asset-finance/broker-portal" class="Button">Find out more</a>
</span></div>
</div>
</span></div>
</section>
</ul>
</li>
<li class="primary-item contactMenu">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl08_wt19_wt31_wt3_wtMenuItemLink" tabindex="82" class="PreventDefault Parent" target="" href="/">Contact</a>
<ul class="secondary-nav"><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl08_wt19_wtGeneralSubItems">
<li>Contact</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl08_wt19_wtGeneralSubItems_ctl02_wt24_wt3_wtMenuItemLink" tabindex="84" target="" href="/contact-us?tabid=personal">Get in touch</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl08_wt19_wtGeneralSubItems_ctl04_wt24_wt3_wtMenuItemLink" tabindex="85" target="" href="https://www.paragonbank.co.uk/contact-us/complaints">Complaints</a>
</li>
</span></ul>
</li>
<li class="primary-item helpMenu">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl10_wt19_wt31_wt3_wtMenuItemLink" tabindex="88" class="PreventDefault Parent" target="" href="/">Help centre</a>
<ul class="secondary-nav"><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl10_wt19_wtGeneralSubItems">
<li>Helpful information</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl10_wt19_wtGeneralSubItems_ctl02_wt24_wt3_wtMenuItemLink" tabindex="90" target="" href="https://www.paragonbank.co.uk/who-we-are">About us</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl10_wt19_wtGeneralSubItems_ctl04_wt24_wt3_wtMenuItemLink" tabindex="91" target="" href="https://www.paragonbank.co.uk/news-and-media">News and media</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl10_wt19_wtGeneralSubItems_ctl06_wt24_wt3_wtMenuItemLink" tabindex="92" target="" href="https://www.paragonbank.co.uk/who-we-are/awards-and-nominations">Our awards</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl10_wt19_wtGeneralSubItems_ctl08_wt24_wt3_wtMenuItemLink" tabindex="93" target="" href="https://www.paragonbank.co.uk/faq">FAQs</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl10_wt19_wtGeneralSubItems_ctl10_wt24_wt3_wtMenuItemLink" tabindex="94" target="" href="https://www.paragonbank.co.uk/personal/documents">Documents</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl10_wt19_wtGeneralSubItems_ctl12_wt24_wt3_wtMenuItemLink" tabindex="95" target="" href="https://www.paragonbank.co.uk/personal/financial-help">Need financial help?</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl10_wt19_wtGeneralSubItems_ctl14_wt24_wt3_wtMenuItemLink" tabindex="96" target="" href="https://www.paragonbank.co.uk/contact-us/financial-services-compensation-scheme">FSCS</a>
</li>
</span></ul>
</li>
<li class="primary-item loginMenu">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl12_wt19_wt31_wt3_wtMenuItemLink" tabindex="99" class="PreventDefault Parent" target="" href="/">Login</a>
<ul class="secondary-nav"><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl12_wt19_wtGeneralSubItems">
<li class="Title">Personal</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl12_wt19_wtGeneralSubItems_ctl02_wt24_wt3_wtMenuItemLink" tabindex="101" target="_blank" href="https://online.paragonbank.co.uk/authenticate/login">Savings</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl12_wt19_wtGeneralSubItems_ctl04_wt24_wt3_wtMenuItemLink" tabindex="102" target="_blank" href="https://www.paragonbank.co.uk/personal/mortgages/myaccount/">Buy-to-let mortgages</a>
</li>
<li class="Title">Business Customers</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl12_wt19_wtGeneralSubItems_ctl08_wt24_wt3_wtMenuItemLink" tabindex="104" target="_blank" href="https://www.e3direct.com/e3intro.html">Invoice finance - Cashflow</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl12_wt19_wtGeneralSubItems_ctl10_wt24_wt3_wtMenuItemLink" tabindex="105" target="_blank" href="https://paragonbank.e-bonded.com/">Invoice finance - E-bonded</a>
</li>
<li class="Title">Intermediaries</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl12_wt19_wtGeneralSubItems_ctl14_wt24_wt3_wtMenuItemLink" tabindex="107" target="_blank" href="https://www.paragonbank.co.uk/assetfinance_apply/login">Asset finance</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl12_wt19_wtGeneralSubItems_ctl16_wt24_wt3_wtMenuItemLink" tabindex="108" target="_blank" href="https://www.paragonbank.co.uk/intermediary/portal/brokerhomepage.aspx">Buy-to-let mortgages</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl12_wt19_wtGeneralSubItems_ctl18_wt24_wt3_wtMenuItemLink" tabindex="109" target="_blank" href="https://secondcharge.paragonbank.co.uk/login">Second charge mortgages</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl12_wt19_wtGeneralSubItems_ctl20_wt24_wt3_wtMenuItemLink" tabindex="110" target="_blank" href="https://residential.paragonbank.co.uk/login">Residential mortgages</a>
</li>
<li>
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wt30_wt8_pCMS_wt19_block_wtSiteMenuBarItems_ctl12_wt19_wtGeneralSubItems_ctl22_wt24_wt3_wtMenuItemLink" tabindex="111" target="_blank" href="https://motorfinance.paragonbank.co.uk/web2e">Motor finance</a>
</li>
</span></ul>
</li>
</span></ul>
<script>
$(document).ready(function() {
$('.primary-item').on('click', function(event) {
if ($('.primary-item.Selected').length) {
$('.Overlay').addClass('is-visible')
} else {
$('.Overlay.is-visible').removeClass('is-visible')
};
});
$('.Overlay').click(function(event) {
$('.primary-item.Selected').removeClass('Selected');
$('.secondary-nav.Visible').removeClass('Visible');
$('.Overlay.is-visible').removeClass('is-visible');
});
});
</script>
</div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_wtBreadcrumbContainer_Dropdown" class="BreadcrumbContainer" name="BreadcrumbContainer">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt2_block_wtBreadcrumbItemsContainer" class="pCMS_BreadcrumbItemsContainer" style="margin-top: 0px;display: none;"></div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wtOverlay" class="Overlay" name="Overlay"></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt2_wtPreviewBannerContainer" class="pCMS_PreviewBanner" align="center" style="display:none">Site Preview</div>
<div class="Page unknownos en pCMS_Theme landscape desktop big" style="margin-top: 0px;" data-silkversion="4.1.2" data-client-responsive="false">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtBespokeHeader"></div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader_wt28_wtTop"></div>
<link href="https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,500,600,700,800" rel="stylesheet">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader_wt28_wt3_wtHeaderContainer" class="pCMS_HeaderContainer pCMS_HeaderContainer_personal">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader_wt28_wt3_wtHeaderWrapper" class="pCMS_HeaderWrapper">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader_wt28_wt3_WebPatterns_wt62_block_wtContent" class="PH_Preview PH">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader_wt28_wt3_WebPatterns_wt62_block_wtContent_wt49_wtHeaderLeft" class="ThemeGrid_Width9">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader_wt28_wt3_WebPatterns_wt62_block_wtContent_wt49_wtHeaderLeft_wtLeftContainer2" class="pCMS_HeaderLeft"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader_wt28_wt3_WebPatterns_wt62_block_wtContent_wt49_wtHeaderLeft_wtHeaderList2" class="ListRecords">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader_wt28_wt3_WebPatterns_wt62_block_wtContent_wt49_wtHeaderLeft_wtHeaderList2_ctl00_wtHeaderItem2" class="pCMS_HeaderItem AER LTDHero personal-landing"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader_wt28_wt3_WebPatterns_wt62_block_wtContent_wt49_wtHeaderLeft_wtHeaderList2_ctl00_wtHeaderHTML2">
<script>
window.rateObj = {
products: {
isa: {
fr: {
"1yr": {
monthly: `0.91%`,
yearly: `0.91%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=FixedISA_1Year"`,
newCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PAR1IA"`,
postalCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PPAR1IP"`
},
"2yr": {
monthly: `1.10%`,
yearly: `1.11%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=FixedISA_2Year"`,
newCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PAR2IA"`,
postalCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PPAR2IP"`
},
"3yr": {
monthly: `1.20%`,
yearly: `1.21%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=FixedISA_3Year"`,
newCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PAR3IA"`,
postalCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PPAR3IP"`
},
"5yr": {
monthly: `1.30%`,
yearly: `1.31%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=FixedISA_5Year"`,
newCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PAR5IA"`,
postalCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PPAR5IP"`
}
},
ea: {
ea: {
monthly: `0.25%`,
yearly: `0.25%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=EasyAccessISA"`,
newCustomer: `href="https://online.paragonbank.co.uk/applyonline/applicationform.aspx?productid=PAREIB11"`
},
lea: {
monthly: `0.55%`,
yearly: `0.55%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=LimitedEasyAccessISA"`,
newCustomer: `href="https://online.paragonbank.co.uk/applyonline/applicationform.aspx?ProductId=PARLIA8"`
}
},
notice: {
"120d": {
monthly: `0.45%`,
yearly: `0.45%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=120DayNoticeISA"`,
newCustomer: `href="https://online.paragonbank.co.uk/applyonline/applicationform.aspx?productid=PAR12D22"`
},
"40d": {
monthly: `0.75%`,
yearly: `0.75%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=40DayNoticeISA"`,
newCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PAR40A2"`
}
},
ta: {
ta: {
three: ``,
four: ``,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=TripleAccessCashISA"`,
newCustomer: `href="https://online.paragonbank.co.uk/applyonline/applicationform.aspx?productid=PARTEH"`
}
},
lisa: {
lisa: {
yearly: `0.50%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PARLFD3"`,
newCustomer: ``
}
}
},
nonisa: {
fr: {
"1yr": {
monthly: `0.95%`,
yearly: `0.95%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=OneYearFixedRate"`,
newCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PAR1FR"`,
postalCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PPAR1BP"`
},
"15m": {
monthly: `1.20%`,
yearly: `1.20%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=FifteenMonthFixedRate"`,
newCustomer: `href="https://online.paragonbank.co.uk/applyonline/applicationform.aspx?productid=PAR15MFR"`
},
"2yr": {
monthly: `1.34%`,
yearly: `1.35%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=TwoYearFixedRate"`,
newCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PAR2FR"`,
postalCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PPAR2BP"`
},
"3yr": {
monthly: `1.44%`,
yearly: `1.45%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=ThreeYearFixedRate"`,
newCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PAR3FR"`,
postalCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PPAR3BP"`
},
"5yr": {
monthly: `1.64%`,
yearly: `1.65%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=FiveYearFixedRate"`,
newCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PAR5FR"`,
postalCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PPAR5BP"`
}
},
ea: {
ea: {
monthly: `0.25%`,
yearly: `0.25%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=EasyAccess"`,
newCustomer: ` href="https://online.paragonbank.co.uk/applyonline/applicationform.aspx?productid=PAREAC12"`
},
lea: {
monthly: `0.55%`,
yearly: `0.55%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=LimitedEasyAccess"`,
newCustomer: `href="https://online.paragonbank.co.uk/applyonline/applicationform.aspx?ProductId=PARLEA10"`
}
},
notice: {
"120d": {
monthly: `0.70%`,
yearly: `0.70%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=120DayNotice"`,
newCustomer: `href="https://online.paragonbank.co.uk/applyonline/applicationform.aspx?productid=PAR12D22"`
},
"40d": {
monthly: `0.75%`,
yearly: `0.75%`,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=40DayNotice"`,
newCustomer: `href="https://online.paragonbank.co.uk/ApplyOnline/ApplicationForm.aspx?ProductId=PAR40D7"`
}
},
ta: {
ta: {
three: ``,
four: ``,
existingCustomer: `href="https://online.paragonbank.co.uk/ofis/PreLogin.aspx?Action=MoreInfo&MoreInfoRef=TripleAccessSavings"`,
newCustomer: `href="https://online.paragonbank.co.uk/applyonline/applicationform.aspx?productid=PARTEG"`
}
}
}
},
upTo: {
isa: {
general: `1.31%`,
fr: `1.31%`,
notice: `0.55%`,
access: `0.25%`,
easyAccess: `0.25%`,
postal: `1.31%`
},
nonisa: {
general: ``,
fr: `1.65%`,
notice: `0.70%`,
access: `0.70%`,
easyAccess: `0.25%`,
postal: `1.65%`
}
}
};
</script>
</span></div>
</span></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader_wt28_wt3_WebPatterns_wt62_block_wtContent_wt49_wtHeaderRight" class="ThemeGrid_Width3 ThemeGrid_MarginGutter">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader_wt28_wt3_WebPatterns_wt62_block_wtContent_wt49_wtHeaderRight_wtCenterContainer2" class="pCMS_HeaderCenter ThemeGrid_Width1" style="margin-top: 0px;"></div>
</div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtHeader_wt28_wtBottom" style="margin-top: 0px;"></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMenu" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMenu_wt17_WebPatterns_wt18_block_wtContent" class="PH_Preview PH"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMenu_wt17_WebPatterns_wt18_block_wtContent_wtMenuList"></span></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtTop" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtTop_wt3_wtTitleSectionContainer" class="Title_Section Title_Section_personal father-and-son-walking-at-beach" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtTop_wt3_wtHeroSingleColumn" class="ThemeGrid_Container" style="margin-top: 0px;"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtTop_wt3_wt29_wtMainHTML">
<div class="Parent">
<div class="Child1">
<h1>Freedom with our award-winning Cash ISAs</h1>
<p>Up to <span class="hero-rate">1.31%</span>AER*</p>
<p>Freedom from the ISA rules with our award-winning Cash ISAs. You can spread your ISA allowance across our range, transfer your ISAs from other providers and open and manage your Fixed Rate ISAs online or by post.</p>
<a href="https://www.paragonbank.co.uk/savings/savings-accounts?tabid=cash-isas" class="Button">View Cash ISAs</a>
</div>
<div class="Child2">
</div>
</div>
</span></div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtCarousel"></div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtBodyContainer" class="pCMS_BodyContainer" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtBody" class="pCMS_Body">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtAbove" style="margin-top: 0px;">
<div style="margin-top: 0px;"></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain" style="margin-top: 0px;">
<div style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wtMainContent" class="pCMS_MainContent pCMS_MainContent_personal ThemeGrid_Width12" style="margin-top: 0px;"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList" class="ListRecords">
<!-- Add Class to Child -->
<script type="text/javascript">
$(document).ready(function() {
$('.ListRecords > div').addClass('AER LTDHero personal-landing');
});
</script>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl02_wt5_wt29_wt16_wtMainContentContainer" name="FSCS-TAB" class="AER LTDHero personal-landing">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl02_wt5_wt29_wt16_wtContentContainer" class="pCMS_ContentItem OSAutoMarginTop"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl02_wt5_wt29_wt16_wt16_wtMainHTML">
<div class="fscs-hero">
<a href="https://www.paragonbank.co.uk/contact-us/financial-services-compensation-scheme">
<img src="/pCMS_BO/Resources/ParagonBank/Images/fscs-hero-logo">
</a>
</div>
</span></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl04_wt5_wt29_wt16_wtMainContentContainer" name="COVID_BANNER" class="AER LTDHero personal-landing">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl04_wt5_wt29_wt16_wtContentContainer" class="pCMS_ContentItem OSAutoMarginTop"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl04_wt5_wt29_wt16_wt16_wtMainHTML">
<div class="slim-banner slim-banner-grey">
<div class="slim-banner-copy">
<h3>Coronavirus - we are here to help and support you.</h3>
</div>
<div class="slim-banner-button">
<a href="https://www.paragonbank.co.uk/coronavirus">Find out more</a>
</div>
</div>
</span></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl06_wt5_wt29_wt16_wtMainContentContainer" class="quote-featured AER LTDHero personal-landing" name="FEEFO-QUOTE">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl06_wt5_wt29_wt16_wtContentContainer" class="pCMS_ContentItem OSAutoMarginTop"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl06_wt5_wt29_wt16_wt16_wtMainHTML">
<div class="flexWrapper twoThirdColumnRight">
<!--- FIRST COLUMN --->
<div class="flexItem">
<a href="https://www.paragonbank.co.uk/personal/savings/paragon-customer-reviews" target="_blank">
<img alt="Feefo logo" border="0" src="https://api.feefo.com/api/logo?merchantidentifier=paragon-bank&template=Service-Stars-White-225x57.png" title="Our customer Feefo rating" style="width:350px;height:auto;">
</a>
</div>
<!--- SECOND COLUMN --->
<div class="flexItem">
<blockquote>A <span>consistently</span> and <span>comprehensively excellent</span> banking experience</blockquote>
<p>- Savings trusted customer</p>
</div>
</div>
</span></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl08_wt5_wt29_wt16_wtMainContentContainer" class="center AER LTDHero personal-landing" name="SAVINGS_CARDS">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl08_wt5_wt29_wt16_wtContentContainer" class="pCMS_ContentItem OSAutoMarginTop"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl08_wt5_wt29_wt16_wt16_wtMainHTML">
<div class="flexWrapper">
<!--- --->
<div class="flexItem tile">
<div class="tileImage">
<img src="/pCMS_BO/Resources/ParagonBank/Images/award-logos/Moneyfacts-2021-square" class="tile-img">
</div>
<div class="tileContent">
<h2>Best Internet Account Provider</h2>
<p>“Straightforward and easy-to-use online system, Paragon Bank is the deserved winner”</p>
</div>
<div class="tileAction"></div>
</div>
<!--- --->
<div class="flexItem tile">
<div class="tileImage">
<img src="/pCMS_BO/Resources/ParagonBank/icons/receivemoney" class="tile-img">
</div>
<div class="tileContent">
<h2>Managing your savings is simple with us</h2>
<p>Learn how easy it is to manage your savings online and how we’re here to help if you need us.</p>
</div>
<div class="tileAction">
<a href="https://www.paragonbank.co.uk/online-savings-accounts" class="Button Ghost">Learn more</a>
</div>
</div>
<!--- --->
<div class="flexItem tile tile-featured saving-product aer-variable">
<div class="tileContent">
<h2>120 Day Notice Savings Account</h2>
<h3>0.70%</h3>
<ul class="TickList">
<li>Unlimited deposits</li>
<li>Unlimited withdrawals with only 120 days' notice</li>
<li>Full FSCS protection</li>
</ul>
</div>
<div class="tileAction">
<a href="https://www.paragonbank.co.uk/savings/120-day-notice-account" class="Button">View Account</a>
</div>
</div>
<!--- --->
</div>
</span></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_wtCardListContainer" class="pCMS_CardListContainer AER LTDHero personal-landing" align="left">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_wtCardListThreeColumns">
<div class="Columns Columns3 tab_BreakMiddle mob_BreakAll">
<div class="Column ColFirst">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn1" class="OSInline">
<!-- Add Class to Child -->
<script type="text/javascript">
$(document).ready(function() {
$('.CardBtnLink_ProductCard_Parent_4865 > div.Card:first').addClass('CardBtnLink ProductCard');
});
</script>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn1_wt51_wtMultiCardContainer"
class="CardBtnLink_ProductCard_Parent_4865 OSAutoMarginTop">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn1_wt51_wt19_wtCardContainer"
class="pCMS_CardContainer CardBtnLink_ProductCard_Parent_4865 CardBtnLink ProductCard" name="home_asset_card_3col1" style="margin-top: 0px;">
<!-- Add Class to Child -->
<script type="text/javascript">
$(document).ready(function() {
$('.CardBtnLink_ProductCard_Parent_4865 > div:first').addClass('CardBtnLink ProductCard');
});
</script>
<div class="CardSimple Card CardBtnLink ProductCard">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn1_wt51_wt19_wt1_wtTitle" class="Card_Title">
<h2>Asset finance</h2>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn1_wt51_wt19_wt1_wtText" class="Card_Text">
<h2>For business customers</h2>
<p>From business equipment to aviation, we provide finance for a wide range of assets.</p>
<p>Whatever you’re looking to finance, we’re here to help move your business forward.</p>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn1_wt51_wt19_wt1_wtActions" class="Card_Actions"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn1_wt51_wt19_wt1_wtActions_wt3"><a id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn1_wt51_wt19_wt1_wtActions_wt3_wtLink" tabindex="1304" class="CardBtnLink ProductCard" target="" href="https://www.paragonbank.co.uk/business/loans/asset-finance">View all our products</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="Column">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn2" class="OSInline">
<!-- Add Class to Child -->
<script type="text/javascript">
$(document).ready(function() {
$('.CardBtnLink_ProductCard_Parent_4866 > div.Card:first').addClass('CardBtnLink ProductCard');
});
</script>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn2_wt40_wtMultiCardContainer"
class="CardBtnLink_ProductCard_Parent_4866 OSAutoMarginTop">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn2_wt40_wt19_wtCardContainer"
class="pCMS_CardContainer CardBtnLink_ProductCard_Parent_4866 CardBtnLink ProductCard" name="intermediary_mortgages_card_3col1" style="margin-top: 0px;">
<!-- Add Class to Child -->
<script type="text/javascript">
$(document).ready(function() {
$('.CardBtnLink_ProductCard_Parent_4866 > div:first').addClass('CardBtnLink ProductCard');
});
</script>
<div class="CardSimple Card CardBtnLink ProductCard">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn2_wt40_wt19_wt1_wtTitle" class="Card_Title">
<h2>Buy-to-let mortgages</h2>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn2_wt40_wt19_wt1_wtText" class="Card_Text">
<h2>For intermediaries</h2>
<p>With a range of <a href="https://www.paragonbank.co.uk/intermediary/mortgages/buy-to-let/portfolio">portfolio</a> and
<a href="https://www.paragonbank.co.uk/intermediary/mortgages/buy-to-let/non-portfolio">non-portfolio</a> products available, we’re here to help you find the perfect solution for your landlord customers.</p>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn2_wt40_wt19_wt1_wtActions" class="Card_Actions"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn2_wt40_wt19_wt1_wtActions_wt3"><a id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn2_wt40_wt19_wt1_wtActions_wt3_wtLink" tabindex="1312" class="CardBtnLink ProductCard" target="" href="/intermediary/mortgages/buy-to-let">View all our products</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="Column ColLast">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn3" class="OSInline">
<!-- Add Class to Child -->
<script type="text/javascript">
$(document).ready(function() {
$('.CardBtnLink_ProductCard_Parent_4867 > div.Card:first').addClass('CardBtnLink ProductCard');
});
</script>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn3_wt34_wtMultiCardContainer"
class="CardBtnLink_ProductCard_Parent_4867 OSAutoMarginTop">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn3_wt34_wt19_wtCardContainer"
class="pCMS_CardContainer CardBtnLink_ProductCard_Parent_4867 CardBtnLink ProductCard" name="intermediary_loans_card_3col1" style="margin-top: 0px;">
<!-- Add Class to Child -->
<script type="text/javascript">
$(document).ready(function() {
$('.CardBtnLink_ProductCard_Parent_4867 > div:first').addClass('CardBtnLink ProductCard');
});
</script>
<div class="CardSimple Card CardBtnLink ProductCard">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn3_wt34_wt19_wt1_wtTitle" class="Card_Title">
<h2>Motor finance</h2>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn3_wt34_wt19_wt1_wtText" class="Card_Text">
<h2>For intermediaries</h2>
<p>Now offering finance for <a href="https://www.paragonbank.co.uk/intermediary/loans/motor-finance/motorhomes">Motor homes</a> and
<a href="https://www.paragonbank.co.uk/intermediary/loans/motor-finance/caravans">Caravans</a>.</p>
<p>We’ll support you in providing the right package for your customers.</p>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn3_wt34_wt19_wt1_wtActions" class="Card_Actions"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn3_wt34_wt19_wt1_wtActions_wt3"><a id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtMain_wt10_wt6_wtContentList_ctl10_wt5_wt8_wt8_WebPatterns_wt18_block_wtColumn3_wt34_wt19_wt1_wtActions_wt3_wtLink" tabindex="1320" class="CardBtnLink ProductCard" target="" href="https://www.paragonbank.co.uk/motor-finance">View all our products</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
// ==================================================
// fancyBox v3.5.7
//
// Licensed GPLv3 for open source use
// or fancyBox Commercial License for commercial use
//
// http://fancyapps.com/fancybox/
// Copyright 2019 fancyApps
//
// ==================================================
(function(window, document, $, undefined) {
"use strict";
window.console = window.console || {
info: function(stuff) {}
};
// If there's no jQuery, fancyBox can't work
// =========================================
if (!$) {
return;
}
// Check if fancyBox is already initialized
// ========================================
if ($.fn.fancybox) {
console.info("fancyBox already initialized");
return;
}
// Private default settings
// ========================
var defaults = {
// Close existing modals
// Set this to false if you do not need to stack multiple instances
closeExisting: false,
// Enable infinite gallery navigation
loop: false,
// Horizontal space between slides
gutter: 50,
// Enable keyboard navigation
keyboard: true,
// Should allow caption to overlap the content
preventCaptionOverlap: true,
// Should display navigation arrows at the screen edges
arrows: true,
// Should display counter at the top left corner
infobar: true,
// Should display close button (using `btnTpl.smallBtn` template) over the content
// Can be true, false, "auto"
// If "auto" - will be automatically enabled for "html", "inline" or "ajax" items
smallBtn: "auto",
// Should display toolbar (buttons at the top)
// Can be true, false, "auto"
// If "auto" - will be automatically hidden if "smallBtn" is enabled
toolbar: "auto",
// What buttons should appear in the top right corner.
// Buttons will be created using templates from `btnTpl` option
// and they will be placed into toolbar (class="fancybox-toolbar"` element)
buttons: ["zoom",
//"share",
"slideShow",
//"fullScreen",
//"download",
"thumbs", "close"
],
// Detect "idle" time in seconds
idleTime: 3,
// Disable right-click and use simple image protection for images
protect: false,
// Shortcut to make content "modal" - disable keyboard navigtion, hide buttons, etc
modal: false,
image: {
// Wait for images to load before displaying
// true - wait for image to load and then display;
// false - display thumbnail and load the full-sized image over top,
// requires predefined image dimensions (`data-width` and `data-height` attributes)
preload: false
},
ajax: {
// Object containing settings for ajax request
settings: {
// This helps to indicate that request comes from the modal
// Feel free to change naming
data: {
fancybox: true
}
}
},
iframe: {
// Iframe template
tpl: '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" allowfullscreen="allowfullscreen" allow="autoplay; fullscreen" src=""></iframe>',
// Preload iframe before displaying it
// This allows to calculate iframe content width and height
// (note: Due to "Same Origin Policy", you can't get cross domain data).
preload: true,
// Custom CSS styling for iframe wrapping element
// You can use this to set custom iframe dimensions
css: {},
// Iframe tag attributes
attr: {
scrolling: "auto"
}
},
// For HTML5 video only
video: {
tpl: '<video class="fancybox-video" controls controlsList="nodownload" poster="{{poster}}">' + '<source src="{{src}}" type="{{format}}" />' +
'Sorry, your browser doesn\'t support embedded videos, <a href="/{{src}}">download</a> and watch with your favorite video player!' + "</video>",
format: "", // custom video format
autoStart: true
},
// Default content type if cannot be detected automatically
defaultType: "image",
// Open/close animation type
// Possible values:
// false - disable
// "zoom" - zoom images from/to thumbnail
// "fade"
// "zoom-in-out"
//
animationEffect: "zoom",
// Duration in ms for open/close animation
animationDuration: 366,
// Should image change opacity while zooming
// If opacity is "auto", then opacity will be changed if image and thumbnail have different aspect ratios
zoomOpacity: "auto",
// Transition effect between slides
//
// Possible values:
// false - disable
// "fade'
// "slide'
// "circular'
// "tube'
// "zoom-in-out'
// "rotate'
//
transitionEffect: "fade",
// Duration in ms for transition animation
transitionDuration: 366,
// Custom CSS class for slide element
slideClass: "",
// Custom CSS class for layout
baseClass: "",
// Base template for layout
baseTpl: '<div class="fancybox-container" role="dialog" tabindex="-1">' + '<div class="fancybox-bg"></div>' + '<div class="fancybox-inner">' +
'<div class="fancybox-infobar"><span data-fancybox-index></span> / <span data-fancybox-count></span></div>' + '<div class="fancybox-toolbar">{{buttons}}</div>' +
'<div class="fancybox-navigation">{{arrows}}</div>' + '<div class="fancybox-stage"></div>' + '<div class="fancybox-caption"><div class="fancybox-caption__body"></div></div>' + "</div>" + "</div>",
// Loading indicator template
spinnerTpl: '<div class="fancybox-loading"></div>',
// Error message template
errorTpl: '<div class="fancybox-error"><p>{{ERROR}}</p></div>',
btnTpl: {
download: '<a download data-fancybox-download class="fancybox-button fancybox-button--download" title="{{DOWNLOAD}}" href="/javascript:;">' +
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.62 17.09V19H5.38v-1.91zm-2.97-6.96L17 11.45l-5 4.87-5-4.87 1.36-1.32 2.68 2.64V5h1.92v7.77z"/></svg>' + "</a>",
zoom: '<button data-fancybox-zoom class="fancybox-button fancybox-button--zoom" title="{{ZOOM}}">' +
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.7 17.3l-3-3a5.9 5.9 0 0 0-.6-7.6 5.9 5.9 0 0 0-8.4 0 5.9 5.9 0 0 0 0 8.4 5.9 5.9 0 0 0 7.7.7l3 3a1 1 0 0 0 1.3 0c.4-.5.4-1 0-1.5zM8.1 13.8a4 4 0 0 1 0-5.7 4 4 0 0 1 5.7 0 4 4 0 0 1 0 5.7 4 4 0 0 1-5.7 0z"/></svg>' +
"</button>",
close: '<button data-fancybox-close class="fancybox-button fancybox-button--close" title="{{CLOSE}}">' +
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 10.6L6.6 5.2 5.2 6.6l5.4 5.4-5.4 5.4 1.4 1.4 5.4-5.4 5.4 5.4 1.4-1.4-5.4-5.4 5.4-5.4-1.4-1.4-5.4 5.4z"/></svg>' + "</button>",
// Arrows
arrowLeft: '<button data-fancybox-prev class="fancybox-button fancybox-button--arrow_left" title="{{PREV}}">' +
'<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.28 15.7l-1.34 1.37L5 12l4.94-5.07 1.34 1.38-2.68 2.72H19v1.94H8.6z"/></svg></div>' + "</button>",
arrowRight: '<button data-fancybox-next class="fancybox-button fancybox-button--arrow_right" title="{{NEXT}}">' +
'<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.4 12.97l-2.68 2.72 1.34 1.38L19 12l-4.94-5.07-1.34 1.38 2.68 2.72H5v1.94z"/></svg></div>' + "</button>",
// This small close button will be appended to your html/inline/ajax content by default,
// if "smallBtn" option is not set to false
smallBtn: '<button type="button" data-fancybox-close class="fancybox-button fancybox-close-small" title="{{CLOSE}}">' +
'<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24"><path d="M13 12l5-5-1-1-5 5-5-5-1 1 5 5-5 5 1 1 5-5 5 5 1-1z"/></svg>' + "</button>"
},
// Container is injected into this element
parentEl: "body",
// Hide browser vertical scrollbars; use at your own risk
hideScrollbar: true,
// Focus handling
// ==============
// Try to focus on the first focusable element after opening
autoFocus: true,
// Put focus back to active element after closing
backFocus: true,
// Do not let user to focus on element outside modal content
trapFocus: true,
// Module specific options
// =======================
fullScreen: {
autoStart: false
},
// Set `touch: false` to disable panning/swiping
touch: {
vertical: true, // Allow to drag content vertically
momentum: true // Continue movement after releasing mouse/touch when panning
},
// Hash value when initializing manually,
// set `false` to disable hash change
hash: null,
// Customize or add new media types
// Example:
/*
media : {
youtube : {
params : {
autoplay : 0
}
}
}
*/
media: {},
slideShow: {
autoStart: false,
speed: 3000
},
thumbs: {
autoStart: false, // Display thumbnails on opening
hideOnClose: true, // Hide thumbnail grid when closing animation starts
parentEl: ".fancybox-container", // Container is injected into this element
axis: "y" // Vertical (y) or horizontal (x) scrolling
},
// Use mousewheel to navigate gallery
// If 'auto' - enabled for images only
wheel: "auto",
// Callbacks
//==========
// See Documentation/API/Events for more information
// Example:
/*
afterShow: function( instance, current ) {
console.info( 'Clicked element:' );
console.info( current.opts.$orig );
}
*/
onInit: $.noop, // When instance has been initialized
beforeLoad: $.noop, // Before the content of a slide is being loaded
afterLoad: $.noop, // When the content of a slide is done loading
beforeShow: $.noop, // Before open animation starts
afterShow: $.noop, // When content is done loading and animating
beforeClose: $.noop, // Before the instance attempts to close. Return false to cancel the close.
afterClose: $.noop, // After instance has been closed
onActivate: $.noop, // When instance is brought to front
onDeactivate: $.noop, // When other instance has been activated
// Interaction
// ===========
// Use options below to customize taken action when user clicks or double clicks on the fancyBox area,
// each option can be string or method that returns value.
//
// Possible values:
// "close" - close instance
// "next" - move to next gallery item
// "nextOrClose" - move to next gallery item or close if gallery has only one item
// "toggleControls" - show/hide controls
// "zoom" - zoom image (if loaded)
// false - do nothing
// Clicked on the content
clickContent: function(current, event) {
return current.type === "image" ? "zoom" : false;
},
// Clicked on the slide
clickSlide: "close",
// Clicked on the background (backdrop) element;
// if you have not changed the layout, then most likely you need to use `clickSlide` option
clickOutside: "close",
// Same as previous two, but for double click
dblclickContent: false,
dblclickSlide: false,
dblclickOutside: false,
// Custom options when mobile device is detected
// =============================================
mobile: {
preventCaptionOverlap: false,
idleTime: false,
clickContent: function(current, event) {
return current.type === "image" ? "toggleControls" : false;
},
clickSlide: function(current, event) {
return current.type === "image" ? "toggleControls" : "close";
},
dblclickContent: function(current, event) {
return current.type === "image" ? "zoom" : false;
},
dblclickSlide: function(current, event) {
return current.type === "image" ? "zoom" : false;
}
},
// Internationalization
// ====================
lang: "en",
i18n: {
en: {
CLOSE: "Close",
NEXT: "Next",
PREV: "Previous",
ERROR: "The requested content cannot be loaded. <br/> Please try again later.",
PLAY_START: "Start slideshow",
PLAY_STOP: "Pause slideshow",
FULL_SCREEN: "Full screen",
THUMBS: "Thumbnails",
DOWNLOAD: "Download",
SHARE: "Share",
ZOOM: "Zoom"
},
de: {
CLOSE: "Schließen",
NEXT: "Weiter",
PREV: "Zurück",
ERROR: "Die angeforderten Daten konnten nicht geladen werden. <br/> Bitte versuchen Sie es später nochmal.",
PLAY_START: "Diaschau starten",
PLAY_STOP: "Diaschau beenden",
FULL_SCREEN: "Vollbild",
THUMBS: "Vorschaubilder",
DOWNLOAD: "Herunterladen",
SHARE: "Teilen",
ZOOM: "Vergrößern"
}
}
};
// Few useful variables and methods
// ================================
var $W = $(window);
var $D = $(document);
var called = 0;
// Check if an object is a jQuery object and not a native JavaScript object
// ========================================================================
var isQuery = function(obj) {
return obj && obj.hasOwnProperty && obj instanceof $;
};
// Handle multiple browsers for "requestAnimationFrame" and "cancelAnimationFrame"
// ===============================================================================
var requestAFrame = (function() {
return (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame ||
// if all else fails, use setTimeout
function(callback) {
return window.setTimeout(callback, 1000 / 60);
});
})();
var cancelAFrame = (function() {
return (window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || function(id) {
window.clearTimeout(id);
});
})();
// Detect the supported transition-end event property name
// =======================================================
var transitionEnd = (function() {
var el = document.createElement("fakeelement"),
t;
var transitions = {
transition: "transitionend",
OTransition: "oTransitionEnd",
MozTransition: "transitionend",
WebkitTransition: "webkitTransitionEnd"
};
for (t in transitions) {
if (el.style[t] !== undefined) {
return transitions[t];
}
}
return "transitionend";
})();
// Force redraw on an element.
// This helps in cases where the browser doesn't redraw an updated element properly
// ================================================================================
var forceRedraw = function($el) {
return $el && $el.length && $el[0].offsetHeight;
};
// Exclude array (`buttons`) options from deep merging
// ===================================================
var mergeOpts = function(opts1, opts2) {
var rez = $.extend(true, {}, opts1, opts2);
$.each(opts2, function(key, value) {
if ($.isArray(value)) {
rez[key] = value;
}
});
return rez;
};
// How much of an element is visible in viewport
// =============================================
var inViewport = function(elem) {
var elemCenter, rez;
if (!elem || elem.ownerDocument !== document) {
return false;
}
$(".fancybox-container").css("pointer-events", "none");
elemCenter = {
x: elem.getBoundingClientRect().left + elem.offsetWidth / 2,
y: elem.getBoundingClientRect().top + elem.offsetHeight / 2
};
rez = document.elementFromPoint(elemCenter.x, elemCenter.y) === elem;
$(".fancybox-container").css("pointer-events", "");
return rez;
};
// Class definition
// ================
var FancyBox = function(content, opts, index) {
var self = this;
self.opts = mergeOpts({
index: index
}, $.fancybox.defaults);
if ($.isPlainObject(opts)) {
self.opts = mergeOpts(self.opts, opts);
}
if ($.fancybox.isMobile) {
self.opts = mergeOpts(self.opts, self.opts.mobile);
}
self.id = self.opts.id || ++called;
self.currIndex = parseInt(self.opts.index, 10) || 0;
self.prevIndex = null;
self.prevPos = null;
self.currPos = 0;
self.firstRun = true;
// All group items
self.group = [];
// Existing slides (for current, next and previous gallery items)
self.slides = {};
// Create group elements
self.addContent(content);
if (!self.group.length) {
return;
}
self.init();
};
$.extend(FancyBox.prototype, {
// Create DOM structure
// ====================
init: function() {
var self = this,
firstItem = self.group[self.currIndex],
firstItemOpts = firstItem.opts,
$container,
buttonStr;
if (firstItemOpts.closeExisting) {
$.fancybox.close(true);
}
// Hide scrollbars
// ===============
$("body").addClass("fancybox-active");
if (!$.fancybox.getInstance() && firstItemOpts.hideScrollbar !== false && !$.fancybox.isMobile && document.body.scrollHeight > window.innerHeight) {
$("head").append('<style id="fancybox-style-noscroll" type="text/css">.compensate-for-scrollbar{margin-right:' + (window.innerWidth - document.documentElement.clientWidth) + "px;}</style>");
$("body").addClass("compensate-for-scrollbar");
}
// Build html markup and set references
// ====================================
// Build html code for buttons and insert into main template
buttonStr = "";
$.each(firstItemOpts.buttons, function(index, value) {
buttonStr += firstItemOpts.btnTpl[value] || "";
});
// Create markup from base template, it will be initially hidden to
// avoid unnecessary work like painting while initializing is not complete
$container = $(self.translate(self, firstItemOpts.baseTpl.replace("{{buttons}}", buttonStr).replace("{{arrows}}", firstItemOpts.btnTpl.arrowLeft + firstItemOpts.btnTpl.arrowRight))).attr("id",
"fancybox-container-" + self.id).addClass(firstItemOpts.baseClass).data("FancyBox", self).appendTo(firstItemOpts.parentEl);
// Create object holding references to jQuery wrapped nodes
self.$refs = {
container: $container
};
["bg", "inner", "infobar", "toolbar", "stage", "caption", "navigation"].forEach(function(item) {
self.$refs[item] = $container.find(".fancybox-" + item);
});
self.trigger("onInit");
// Enable events, deactive previous instances
self.activate();
// Build slides, load and reveal content
self.jumpTo(self.currIndex);
},
// Simple i18n support - replaces object keys found in template
// with corresponding values
// ============================================================
translate: function(obj, str) {
var arr = obj.opts.i18n[obj.opts.lang] || obj.opts.i18n.en;
return str.replace(/\{\{(\w+)\}\}/g, function(match, n) {
return arr[n] === undefined ? match : arr[n];
});
},
// Populate current group with fresh content
// Check if each object has valid type and content
// ===============================================
addContent: function(content) {
var self = this,
items = $.makeArray(content),
thumbs;
$.each(items, function(i, item) {
var obj = {},
opts = {},
$item,
type,
found,
src,
srcParts;
// Step 1 - Make sure we have an object
// ====================================
if ($.isPlainObject(item)) {
// We probably have manual usage here, something like
// $.fancybox.open( [ { src : "image.jpg", type : "image" } ] )
obj = item;
opts = item.opts || item;
} else if ($.type(item) === "object" && $(item).length) {
// Here we probably have jQuery collection returned by some selector
$item = $(item);
// Support attributes like `data-options='{"touch" : false}'` and `data-touch='false'`
opts = $item.data() || {};
opts = $.extend(true, {}, opts, opts.options);
// Here we store clicked element
opts.$orig = $item;
obj.src = self.opts.src || opts.src || $item.attr("href");
// Assume that simple syntax is used, for example:
// `$.fancybox.open( $("#test"), {} );`
if (!obj.type && !obj.src) {
obj.type = "inline";
obj.src = item;
}
} else {
// Assume we have a simple html code, for example:
// $.fancybox.open( '<div><h1>Hi!</h1></div>' );
obj = {
type: "html",
src: item + ""
};
}
// Each gallery object has full collection of options
obj.opts = $.extend(true, {}, self.opts, opts);
// Do not merge buttons array
if ($.isArray(opts.buttons)) {
obj.opts.buttons = opts.buttons;
}
if ($.fancybox.isMobile && obj.opts.mobile) {
obj.opts = mergeOpts(obj.opts, obj.opts.mobile);
}
// Step 2 - Make sure we have content type, if not - try to guess
// ==============================================================
type = obj.type || obj.opts.type;
src = obj.src || "";
if (!type && src) {
if ((found = src.match(/\.(mp4|mov|ogv|webm)((\?|#).*)?$/i))) {
type = "video";
if (!obj.opts.video.format) {
obj.opts.video.format = "video/" + (found[1] === "ogv" ? "ogg" : found[1]);
}
} else if (src.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i)) {
type = "image";
} else if (src.match(/\.(pdf)((\?|#).*)?$/i)) {
type = "iframe";
obj = $.extend(true, obj, {
contentType: "pdf",
opts: {
iframe: {
preload: false
}
}
});
} else if (src.charAt(0) === "#") {
type = "inline";
}
}
if (type) {
obj.type = type;
} else {
self.trigger("objectNeedsType", obj);
}
if (!obj.contentType) {
obj.contentType = $.inArray(obj.type, ["html", "inline", "ajax"]) > -1 ? "html" : obj.type;
}
// Step 3 - Some adjustments
// =========================
obj.index = self.group.length;
if (obj.opts.smallBtn == "auto") {
obj.opts.smallBtn = $.inArray(obj.type, ["html", "inline", "ajax"]) > -1;
}
if (obj.opts.toolbar === "auto") {
obj.opts.toolbar = !obj.opts.smallBtn;
}
// Find thumbnail image, check if exists and if is in the viewport
obj.$thumb = obj.opts.$thumb || null;
if (obj.opts.$trigger && obj.index === self.opts.index) {
obj.$thumb = obj.opts.$trigger.find("img:first");
if (obj.$thumb.length) {
obj.opts.$orig = obj.opts.$trigger;
}
}
if (!(obj.$thumb && obj.$thumb.length) && obj.opts.$orig) {
obj.$thumb = obj.opts.$orig.find("img:first");
}
if (obj.$thumb && !obj.$thumb.length) {
obj.$thumb = null;
}
obj.thumb = obj.opts.thumb || (obj.$thumb ? obj.$thumb[0].src : null);
// "caption" is a "special" option, it can be used to customize caption per gallery item
if ($.type(obj.opts.caption) === "function") {
obj.opts.caption = obj.opts.caption.apply(item, [self, obj]);
}
if ($.type(self.opts.caption) === "function") {
obj.opts.caption = self.opts.caption.apply(item, [self, obj]);
}
// Make sure we have caption as a string or jQuery object
if (!(obj.opts.caption instanceof $)) {
obj.opts.caption = obj.opts.caption === undefined ? "" : obj.opts.caption + "";
}
// Check if url contains "filter" used to filter the content
// Example: "ajax.html #something"
if (obj.type === "ajax") {
srcParts = src.split(/\s+/, 2);
if (srcParts.length > 1) {
obj.src = srcParts.shift();
obj.opts.filter = srcParts.shift();
}
}
// Hide all buttons and disable interactivity for modal items
if (obj.opts.modal) {
obj.opts = $.extend(true, obj.opts, {
trapFocus: true,
// Remove buttons
infobar: 0,
toolbar: 0,
smallBtn: 0,
// Disable keyboard navigation
keyboard: 0,
// Disable some modules
slideShow: 0,
fullScreen: 0,
thumbs: 0,
touch: 0,
// Disable click event handlers
clickContent: false,
clickSlide: false,
clickOutside: false,
dblclickContent: false,
dblclickSlide: false,
dblclickOutside: false
});
}
// Step 4 - Add processed object to group
// ======================================
self.group.push(obj);
});
// Update controls if gallery is already opened
if (Object.keys(self.slides).length) {
self.updateControls();
// Update thumbnails, if needed
thumbs = self.Thumbs;
if (thumbs && thumbs.isActive) {
thumbs.create();
thumbs.focus();
}
}
},
// Attach an event handler functions for:
// - navigation buttons
// - browser scrolling, resizing;
// - focusing
// - keyboard
// - detecting inactivity
// ======================================
addEvents: function() {
var self = this;
self.removeEvents();
// Make navigation elements clickable
// ==================================
self.$refs.container.on("click.fb-close", "[data-fancybox-close]", function(e) {
e.stopPropagation();
e.preventDefault();
self.close(e);
}).on("touchstart.fb-prev click.fb-prev", "[data-fancybox-prev]", function(e) {
e.stopPropagation();
e.preventDefault();
self.previous();
}).on("touchstart.fb-next click.fb-next", "[data-fancybox-next]", function(e) {
e.stopPropagation();
e.preventDefault();
self.next();
}).on("click.fb", "[data-fancybox-zoom]", function(e) {
// Click handler for zoom button
self[self.isScaledDown() ? "scaleToActual" : "scaleToFit"]();
});
// Handle page scrolling and browser resizing
// ==========================================
$W.on("orientationchange.fb resize.fb", function(e) {
if (e && e.originalEvent && e.originalEvent.type === "resize") {
if (self.requestId) {
cancelAFrame(self.requestId);
}
self.requestId = requestAFrame(function() {
self.update(e);
});
} else {
if (self.current && self.current.type === "iframe") {
self.$refs.stage.hide();
}
setTimeout(function() {
self.$refs.stage.show();
self.update(e);
}, $.fancybox.isMobile ? 600 : 250);
}
});
$D.on("keydown.fb", function(e) {
var instance = $.fancybox ? $.fancybox.getInstance() : null,
current = instance.current,
keycode = e.keyCode || e.which;
// Trap keyboard focus inside of the modal
// =======================================
if (keycode == 9) {
if (current.opts.trapFocus) {
self.focus(e);
}
return;
}
// Enable keyboard navigation
// ==========================
if (!current.opts.keyboard || e.ctrlKey || e.altKey || e.shiftKey || $(e.target).is("input,textarea,video,audio,select")) {
return;
}
// Backspace and Esc keys
if (keycode === 8 || keycode === 27) {
e.preventDefault();
self.close(e);
return;
}
// Left arrow and Up arrow
if (keycode === 37 || keycode === 38) {
e.preventDefault();
self.previous();
return;
}
// Righ arrow and Down arrow
if (keycode === 39 || keycode === 40) {
e.preventDefault();
self.next();
return;
}
self.trigger("afterKeydown", e, keycode);
});
// Hide controls after some inactivity period
if (self.group[self.currIndex].opts.idleTime) {
self.idleSecondsCounter = 0;
$D.on("mousemove.fb-idle mouseleave.fb-idle mousedown.fb-idle touchstart.fb-idle touchmove.fb-idle scroll.fb-idle keydown.fb-idle", function(e) {
self.idleSecondsCounter = 0;
if (self.isIdle) {
self.showControls();
}
self.isIdle = false;
});
self.idleInterval = window.setInterval(function() {
self.idleSecondsCounter++;
if (self.idleSecondsCounter >= self.group[self.currIndex].opts.idleTime && !self.isDragging) {
self.isIdle = true;
self.idleSecondsCounter = 0;
self.hideControls();
}
}, 1000);
}
},
// Remove events added by the core
// ===============================
removeEvents: function() {
var self = this;
$W.off("orientationchange.fb resize.fb");
$D.off("keydown.fb .fb-idle");
this.$refs.container.off(".fb-close .fb-prev .fb-next");
if (self.idleInterval) {
window.clearInterval(self.idleInterval);
self.idleInterval = null;
}
},
// Change to previous gallery item
// ===============================
previous: function(duration) {
return this.jumpTo(this.currPos - 1, duration);
},
// Change to next gallery item
// ===========================
next: function(duration) {
return this.jumpTo(this.currPos + 1, duration);
},
// Switch to selected gallery item
// ===============================
jumpTo: function(pos, duration) {
var self = this,
groupLen = self.group.length,
firstRun,
isMoved,
loop,
current,
previous,
slidePos,
stagePos,
prop,
diff;
if (self.isDragging || self.isClosing || (self.isAnimating && self.firstRun)) {
return;
}
// Should loop?
pos = parseInt(pos, 10);
loop = self.current ? self.current.opts.loop : self.opts.loop;
if (!loop && (pos < 0 || pos >= groupLen)) {
return false;
}
// Check if opening for the first time; this helps to speed things up
firstRun = self.firstRun = !Object.keys(self.slides).length;
// Create slides
previous = self.current;
self.prevIndex = self.currIndex;
self.prevPos = self.currPos;
current = self.createSlide(pos);
if (groupLen > 1) {
if (loop || current.index < groupLen - 1) {
self.createSlide(pos + 1);
}
if (loop || current.index > 0) {
self.createSlide(pos - 1);
}
}
self.current = current;
self.currIndex = current.index;
self.currPos = current.pos;
self.trigger("beforeShow", firstRun);
self.updateControls();
// Validate duration length
current.forcedDuration = undefined;
if ($.isNumeric(duration)) {
current.forcedDuration = duration;
} else {
duration = current.opts[firstRun ? "animationDuration" : "transitionDuration"];
}
duration = parseInt(duration, 10);
// Check if user has swiped the slides or if still animating
isMoved = self.isMoved(current);
// Make sure current slide is visible
current.$slide.addClass("fancybox-slide--current");
// Fresh start - reveal container, current slide and start loading content
if (firstRun) {
if (current.opts.animationEffect && duration) {
self.$refs.container.css("transition-duration", duration + "ms");
}
self.$refs.container.addClass("fancybox-is-open").trigger("focus");
// Attempt to load content into slide
// This will later call `afterLoad` -> `revealContent`
self.loadSlide(current);
self.preload("image");
return;
}
// Get actual slide/stage positions (before cleaning up)
slidePos = $.fancybox.getTranslate(previous.$slide);
stagePos = $.fancybox.getTranslate(self.$refs.stage);
// Clean up all slides
$.each(self.slides, function(index, slide) {
$.fancybox.stop(slide.$slide, true);
});
if (previous.pos !== current.pos) {
previous.isComplete = false;
}
previous.$slide.removeClass("fancybox-slide--complete fancybox-slide--current");
// If slides are out of place, then animate them to correct position
if (isMoved) {
// Calculate horizontal swipe distance
diff = slidePos.left - (previous.pos * slidePos.width + previous.pos * previous.opts.gutter);
$.each(self.slides, function(index, slide) {
slide.$slide.removeClass("fancybox-animated").removeClass(function(index, className) {
return (className.match(/(^|\s)fancybox-fx-\S+/g) || []).join(" ");
});
// Make sure that each slide is in equal distance
// This is mostly needed for freshly added slides, because they are not yet positioned
var leftPos = slide.pos * slidePos.width + slide.pos * slide.opts.gutter;
$.fancybox.setTranslate(slide.$slide, {
top: 0,
left: leftPos - stagePos.left + diff
});
if (slide.pos !== current.pos) {
slide.$slide.addClass("fancybox-slide--" + (slide.pos > current.pos ? "next" : "previous"));
}
// Redraw to make sure that transition will start
forceRedraw(slide.$slide);
// Animate the slide
$.fancybox.animate(slide.$slide, {
top: 0,
left: (slide.pos - current.pos) * slidePos.width + (slide.pos - current.pos) * slide.opts.gutter
}, duration, function() {
slide.$slide.css({
transform: "",
opacity: ""
}).removeClass("fancybox-slide--next fancybox-slide--previous");
if (slide.pos === self.currPos) {
self.complete();
}
});
});
} else if (duration && current.opts.transitionEffect) {
// Set transition effect for previously active slide
prop = "fancybox-animated fancybox-fx-" + current.opts.transitionEffect;
previous.$slide.addClass("fancybox-slide--" + (previous.pos > current.pos ? "next" : "previous"));
$.fancybox.animate(previous.$slide, prop, duration, function() {
previous.$slide.removeClass(prop).removeClass("fancybox-slide--next fancybox-slide--previous");
}, false);
}
if (current.isLoaded) {
self.revealContent(current);
} else {
self.loadSlide(current);
}
self.preload("image");
},
// Create new "slide" element
// These are gallery items that are actually added to DOM
// =======================================================
createSlide: function(pos) {
var self = this,
$slide,
index;
index = pos % self.group.length;
index = index < 0 ? self.group.length + index : index;
if (!self.slides[pos] && self.group[index]) {
$slide = $('<div class="fancybox-slide"></div>').appendTo(self.$refs.stage);
self.slides[pos] = $.extend(true, {}, self.group[index], {
pos: pos,
$slide: $slide,
isLoaded: false
});
self.updateSlide(self.slides[pos]);
}
return self.slides[pos];
},
// Scale image to the actual size of the image;
// x and y values should be relative to the slide
// ==============================================
scaleToActual: function(x, y, duration) {
var self = this,
current = self.current,
$content = current.$content,
canvasWidth = $.fancybox.getTranslate(current.$slide).width,
canvasHeight = $.fancybox.getTranslate(current.$slide).height,
newImgWidth = current.width,
newImgHeight = current.height,
imgPos,
posX,
posY,
scaleX,
scaleY;
if (self.isAnimating || self.isMoved() || !$content || !(current.type == "image" && current.isLoaded && !current.hasError)) {
return;
}
self.isAnimating = true;
$.fancybox.stop($content);
x = x === undefined ? canvasWidth * 0.5 : x;
y = y === undefined ? canvasHeight * 0.5 : y;
imgPos = $.fancybox.getTranslate($content);
imgPos.top -= $.fancybox.getTranslate(current.$slide).top;
imgPos.left -= $.fancybox.getTranslate(current.$slide).left;
scaleX = newImgWidth / imgPos.width;
scaleY = newImgHeight / imgPos.height;
// Get center position for original image
posX = canvasWidth * 0.5 - newImgWidth * 0.5;
posY = canvasHeight * 0.5 - newImgHeight * 0.5;
// Make sure image does not move away from edges
if (newImgWidth > canvasWidth) {
posX = imgPos.left * scaleX - (x * scaleX - x);
if (posX > 0) {
posX = 0;
}
if (posX < canvasWidth - newImgWidth) {
posX = canvasWidth - newImgWidth;
}
}
if (newImgHeight > canvasHeight) {
posY = imgPos.top * scaleY - (y * scaleY - y);
if (posY > 0) {
posY = 0;
}
if (posY < canvasHeight - newImgHeight) {
posY = canvasHeight - newImgHeight;
}
}
self.updateCursor(newImgWidth, newImgHeight);
$.fancybox.animate($content, {
top: posY,
left: posX,
scaleX: scaleX,
scaleY: scaleY
}, duration || 366, function() {
self.isAnimating = false;
});
// Stop slideshow
if (self.SlideShow && self.SlideShow.isActive) {
self.SlideShow.stop();
}
},
// Scale image to fit inside parent element
// ========================================
scaleToFit: function(duration) {
var self = this,
current = self.current,
$content = current.$content,
end;
if (self.isAnimating || self.isMoved() || !$content || !(current.type == "image" && current.isLoaded && !current.hasError)) {
return;
}
self.isAnimating = true;
$.fancybox.stop($content);
end = self.getFitPos(current);
self.updateCursor(end.width, end.height);
$.fancybox.animate($content, {
top: end.top,
left: end.left,
scaleX: end.width / $content.width(),
scaleY: end.height / $content.height()
}, duration || 366, function() {
self.isAnimating = false;
});
},
// Calculate image size to fit inside viewport
// ===========================================
getFitPos: function(slide) {
var self = this,
$content = slide.$content,
$slide = slide.$slide,
width = slide.width || slide.opts.width,
height = slide.height || slide.opts.height,
maxWidth,
maxHeight,
minRatio,
aspectRatio,
rez = {};
if (!slide.isLoaded || !$content || !$content.length) {
return false;
}
maxWidth = $.fancybox.getTranslate(self.$refs.stage).width;
maxHeight = $.fancybox.getTranslate(self.$refs.stage).height;
maxWidth -= parseFloat($slide.css("paddingLeft")) + parseFloat($slide.css("paddingRight")) + parseFloat($content.css("marginLeft")) + parseFloat($content.css("marginRight"));
maxHeight -= parseFloat($slide.css("paddingTop")) + parseFloat($slide.css("paddingBottom")) + parseFloat($content.css("marginTop")) + parseFloat($content.css("marginBottom"));
if (!width || !height) {
width = maxWidth;
height = maxHeight;
}
minRatio = Math.min(1, maxWidth / width, maxHeight / height);
width = minRatio * width;
height = minRatio * height;
// Adjust width/height to precisely fit into container
if (width > maxWidth - 0.5) {
width = maxWidth;
}
if (height > maxHeight - 0.5) {
height = maxHeight;
}
if (slide.type === "image") {
rez.top = Math.floor((maxHeight - height) * 0.5) + parseFloat($slide.css("paddingTop"));
rez.left = Math.floor((maxWidth - width) * 0.5) + parseFloat($slide.css("paddingLeft"));
} else if (slide.contentType === "video") {
// Force aspect ratio for the video
// "I say the whole world must learn of our peaceful ways… by force!"
aspectRatio = slide.opts.width && slide.opts.height ? width / height : slide.opts.ratio || 16 / 9;
if (height > width / aspectRatio) {
height = width / aspectRatio;
} else if (width > height * aspectRatio) {
width = height * aspectRatio;
}
}
rez.width = width;
rez.height = height;
return rez;
},
// Update content size and position for all slides
// ==============================================
update: function(e) {
var self = this;
$.each(self.slides, function(key, slide) {
self.updateSlide(slide, e);
});
},
// Update slide content position and size
// ======================================
updateSlide: function(slide, e) {
var self = this,
$content = slide && slide.$content,
width = slide.width || slide.opts.width,
height = slide.height || slide.opts.height,
$slide = slide.$slide;
// First, prevent caption overlap, if needed
self.adjustCaption(slide);
// Then resize content to fit inside the slide
if ($content && (width || height || slide.contentType === "video") && !slide.hasError) {
$.fancybox.stop($content);
$.fancybox.setTranslate($content, self.getFitPos(slide));
if (slide.pos === self.currPos) {
self.isAnimating = false;
self.updateCursor();
}
}
// Then some adjustments
self.adjustLayout(slide);
if ($slide.length) {
$slide.trigger("refresh");
if (slide.pos === self.currPos) {
self.$refs.toolbar.add(self.$refs.navigation.find(".fancybox-button--arrow_right")).toggleClass("compensate-for-scrollbar", $slide.get(0).scrollHeight > $slide.get(0).clientHeight);
}
}
self.trigger("onUpdate", slide, e);
},
// Horizontally center slide
// =========================
centerSlide: function(duration) {
var self = this,
current = self.current,
$slide = current.$slide;
if (self.isClosing || !current) {
return;
}
$slide.siblings().css({
transform: "",
opacity: ""
});
$slide.parent().children().removeClass("fancybox-slide--previous fancybox-slide--next");
$.fancybox.animate($slide, {
top: 0,
left: 0,
opacity: 1
}, duration === undefined ? 0 : duration, function() {
// Clean up
$slide.css({
transform: "",
opacity: ""
});
if (!current.isComplete) {
self.complete();
}
}, false);
},
// Check if current slide is moved (swiped)
// ========================================
isMoved: function(slide) {
var current = slide || this.current,
slidePos,
stagePos;
if (!current) {
return false;
}
stagePos = $.fancybox.getTranslate(this.$refs.stage);
slidePos = $.fancybox.getTranslate(current.$slide);
return (!current.$slide.hasClass("fancybox-animated") && (Math.abs(slidePos.top - stagePos.top) > 0.5 || Math.abs(slidePos.left - stagePos.left) > 0.5));
},
// Update cursor style depending if content can be zoomed
// ======================================================
updateCursor: function(nextWidth, nextHeight) {
var self = this,
current = self.current,
$container = self.$refs.container,
canPan,
isZoomable;
if (!current || self.isClosing || !self.Guestures) {
return;
}
$container.removeClass("fancybox-is-zoomable fancybox-can-zoomIn fancybox-can-zoomOut fancybox-can-swipe fancybox-can-pan");
canPan = self.canPan(nextWidth, nextHeight);
isZoomable = canPan ? true : self.isZoomable();
$container.toggleClass("fancybox-is-zoomable", isZoomable);
$("[data-fancybox-zoom]").prop("disabled", !isZoomable);
if (canPan) {
$container.addClass("fancybox-can-pan");
} else if (isZoomable && (current.opts.clickContent === "zoom" || ($.isFunction(current.opts.clickContent) && current.opts.clickContent(current) == "zoom"))) {
$container.addClass("fancybox-can-zoomIn");
} else if (current.opts.touch && (current.opts.touch.vertical || self.group.length > 1) && current.contentType !== "video") {
$container.addClass("fancybox-can-swipe");
}
},
// Check if current slide is zoomable
// ==================================
isZoomable: function() {
var self = this,
current = self.current,
fitPos;
// Assume that slide is zoomable if:
// - image is still loading
// - actual size of the image is smaller than available area
if (current && !self.isClosing && current.type === "image" && !current.hasError) {
if (!current.isLoaded) {
return true;
}
fitPos = self.getFitPos(current);
if (fitPos && (current.width > fitPos.width || current.height > fitPos.height)) {
return true;
}
}
return false;
},
// Check if current image dimensions are smaller than actual
// =========================================================
isScaledDown: function(nextWidth, nextHeight) {
var self = this,
rez = false,
current = self.current,
$content = current.$content;
if (nextWidth !== undefined && nextHeight !== undefined) {
rez = nextWidth < current.width && nextHeight < current.height;
} else if ($content) {
rez = $.fancybox.getTranslate($content);
rez = rez.width < current.width && rez.height < current.height;
}
return rez;
},
// Check if image dimensions exceed parent element
// ===============================================
canPan: function(nextWidth, nextHeight) {
var self = this,
current = self.current,
pos = null,
rez = false;
if (current.type === "image" && (current.isComplete || (nextWidth && nextHeight)) && !current.hasError) {
rez = self.getFitPos(current);
if (nextWidth !== undefined && nextHeight !== undefined) {
pos = {
width: nextWidth,
height: nextHeight
};
} else if (current.isComplete) {
pos = $.fancybox.getTranslate(current.$content);
}
if (pos && rez) {
rez = Math.abs(pos.width - rez.width) > 1.5 || Math.abs(pos.height - rez.height) > 1.5;
}
}
return rez;
},
// Load content into the slide
// ===========================
loadSlide: function(slide) {
var self = this,
type,
$slide,
ajaxLoad;
if (slide.isLoading || slide.isLoaded) {
return;
}
slide.isLoading = true;
if (self.trigger("beforeLoad", slide) === false) {
slide.isLoading = false;
return false;
}
type = slide.type;
$slide = slide.$slide;
$slide.off("refresh").trigger("onReset").addClass(slide.opts.slideClass);
// Create content depending on the type
switch (type) {
case "image":
self.setImage(slide);
break;
case "iframe":
self.setIframe(slide);
break;
case "html":
self.setContent(slide, slide.src || slide.content);
break;
case "video":
self.setContent(slide, slide.opts.video.tpl.replace(/\{\{src\}\}/gi, slide.src).replace("{{format}}", slide.opts.videoFormat || slide.opts.video.format || "").replace("{{poster}}", slide.thumb || ""));
break;
case "inline":
if ($(slide.src).length) {
self.setContent(slide, $(slide.src));
} else {
self.setError(slide);
}
break;
case "ajax":
self.showLoading(slide);
ajaxLoad = $.ajax($.extend({}, slide.opts.ajax.settings, {
url: slide.src,
success: function(data, textStatus) {
if (textStatus === "success") {
self.setContent(slide, data);
}
},
error: function(jqXHR, textStatus) {
if (jqXHR && textStatus !== "abort") {
self.setError(slide);
}
}
}));
$slide.one("onReset", function() {
ajaxLoad.abort();
});
break;
default:
self.setError(slide);
break;
}
return true;
},
// Use thumbnail image, if possible
// ================================
setImage: function(slide) {
var self = this,
ghost;
// Check if need to show loading icon
setTimeout(function() {
var $img = slide.$image;
if (!self.isClosing && slide.isLoading && (!$img || !$img.length || !$img[0].complete) && !slide.hasError) {
self.showLoading(slide);
}
}, 50);
//Check if image has srcset
self.checkSrcset(slide);
// This will be wrapper containing both ghost and actual image
slide.$content = $('<div class="fancybox-content"></div>').addClass("fancybox-is-hidden").appendTo(slide.$slide.addClass("fancybox-slide--image"));
// If we have a thumbnail, we can display it while actual image is loading
// Users will not stare at black screen and actual image will appear gradually
if (slide.opts.preload !== false && slide.opts.width && slide.opts.height && slide.thumb) {
slide.width = slide.opts.width;
slide.height = slide.opts.height;
ghost = document.createElement("img");
ghost.onerror = function() {
$(this).remove();
slide.$ghost = null;
};
ghost.onload = function() {
self.afterLoad(slide);
};
slide.$ghost = $(ghost).addClass("fancybox-image").appendTo(slide.$content).attr("src", slide.thumb);
}
// Start loading actual image
self.setBigImage(slide);
},
// Check if image has srcset and get the source
// ============================================
checkSrcset: function(slide) {
var srcset = slide.opts.srcset || slide.opts.image.srcset,
found,
temp,
pxRatio,
windowWidth;
// If we have "srcset", then we need to find first matching "src" value.
// This is necessary, because when you set an src attribute, the browser will preload the image
// before any javascript or even CSS is applied.
if (srcset) {
pxRatio = window.devicePixelRatio || 1;
windowWidth = window.innerWidth * pxRatio;
temp = srcset.split(",").map(function(el) {
var ret = {};
el.trim().split(/\s+/).forEach(function(el, i) {
var value = parseInt(el.substring(0, el.length - 1), 10);
if (i === 0) {
return (ret.url = el);
}
if (value) {
ret.value = value;
ret.postfix = el[el.length - 1];
}
});
return ret;
});
// Sort by value
temp.sort(function(a, b) {
return a.value - b.value;
});
// Ok, now we have an array of all srcset values
for (var j = 0; j < temp.length; j++) {
var el = temp[j];
if ((el.postfix === "w" && el.value >= windowWidth) || (el.postfix === "x" && el.value >= pxRatio)) {
found = el;
break;
}
}
// If not found, take the last one
if (!found && temp.length) {
found = temp[temp.length - 1];
}
if (found) {
slide.src = found.url;
// If we have default width/height values, we can calculate height for matching source
if (slide.width && slide.height && found.postfix == "w") {
slide.height = (slide.width / slide.height) * found.value;
slide.width = found.value;
}
slide.opts.srcset = srcset;
}
}
},
// Create full-size image
// ======================
setBigImage: function(slide) {
var self = this,
img = document.createElement("img"),
$img = $(img);
slide.$image = $img.one("error", function() {
self.setError(slide);
}).one("load", function() {
var sizes;
if (!slide.$ghost) {
self.resolveImageSlideSize(slide, this.naturalWidth, this.naturalHeight);
self.afterLoad(slide);
}
if (self.isClosing) {
return;
}
if (slide.opts.srcset) {
sizes = slide.opts.sizes;
if (!sizes || sizes === "auto") {
sizes = (slide.width / slide.height > 1 && $W.width() / $W.height() > 1 ? "100" : Math.round((slide.width / slide.height) * 100)) + "vw";
}
$img.attr("sizes", sizes).attr("srcset", slide.opts.srcset);
}
// Hide temporary image after some delay
if (slide.$ghost) {
setTimeout(function() {
if (slide.$ghost && !self.isClosing) {
slide.$ghost.hide();
}
}, Math.min(300, Math.max(1000, slide.height / 1600)));
}
self.hideLoading(slide);
}).addClass("fancybox-image").attr("src", slide.src).appendTo(slide.$content);
if ((img.complete || img.readyState == "complete") && $img.naturalWidth && $img.naturalHeight) {
$img.trigger("load");
} else if (img.error) {
$img.trigger("error");
}
},
// Computes the slide size from image size and maxWidth/maxHeight
// ==============================================================
resolveImageSlideSize: function(slide, imgWidth, imgHeight) {
var maxWidth = parseInt(slide.opts.width, 10),
maxHeight = parseInt(slide.opts.height, 10);
// Sets the default values from the image
slide.width = imgWidth;
slide.height = imgHeight;
if (maxWidth > 0) {
slide.width = maxWidth;
slide.height = Math.floor((maxWidth * imgHeight) / imgWidth);
}
if (maxHeight > 0) {
slide.width = Math.floor((maxHeight * imgWidth) / imgHeight);
slide.height = maxHeight;
}
},
// Create iframe wrapper, iframe and bindings
// ==========================================
setIframe: function(slide) {
var self = this,
opts = slide.opts.iframe,
$slide = slide.$slide,
$iframe;
slide.$content = $('<div class="fancybox-content' + (opts.preload ? " fancybox-is-hidden" : "") + '"></div>').css(opts.css).appendTo($slide);
$slide.addClass("fancybox-slide--" + slide.contentType);
slide.$iframe = $iframe = $(opts.tpl.replace(/\{rnd\}/g, new Date().getTime())).attr(opts.attr).appendTo(slide.$content);
if (opts.preload) {
self.showLoading(slide);
// Unfortunately, it is not always possible to determine if iframe is successfully loaded
// (due to browser security policy)
$iframe.on("load.fb error.fb", function(e) {
this.isReady = 1;
slide.$slide.trigger("refresh");
self.afterLoad(slide);
});
// Recalculate iframe content size
// ===============================
$slide.on("refresh.fb", function() {
var $content = slide.$content,
frameWidth = opts.css.width,
frameHeight = opts.css.height,
$contents,
$body;
if ($iframe[0].isReady !== 1) {
return;
}
try {
$contents = $iframe.contents();
$body = $contents.find("body");
} catch (ignore) {}
// Calculate content dimensions, if it is accessible
if ($body && $body.length && $body.children().length) {
// Avoid scrolling to top (if multiple instances)
$slide.css("overflow", "visible");
$content.css({
width: "100%",
"max-width": "100%",
height: "9999px"
});
if (frameWidth === undefined) {
frameWidth = Math.ceil(Math.max($body[0].clientWidth, $body.outerWidth(true)));
}
$content.css("width", frameWidth ? frameWidth : "").css("max-width", "");
if (frameHeight === undefined) {
frameHeight = Math.ceil(Math.max($body[0].clientHeight, $body.outerHeight(true)));
}
$content.css("height", frameHeight ? frameHeight : "");
$slide.css("overflow", "auto");
}
$content.removeClass("fancybox-is-hidden");
});
} else {
self.afterLoad(slide);
}
$iframe.attr("src", slide.src);
// Remove iframe if closing or changing gallery item
$slide.one("onReset", function() {
// This helps IE not to throw errors when closing
try {
$(this).find("iframe").hide().unbind().attr("src", "//about:blank");
} catch (ignore) {}
$(this).off("refresh.fb").empty();
slide.isLoaded = false;
slide.isRevealed = false;
});
},
// Wrap and append content to the slide
// ======================================
setContent: function(slide, content) {
var self = this;
if (self.isClosing) {
return;
}
self.hideLoading(slide);
if (slide.$content) {
$.fancybox.stop(slide.$content);
}
slide.$slide.empty();
// If content is a jQuery object, then it will be moved to the slide.
// The placeholder is created so we will know where to put it back.
if (isQuery(content) && content.parent().length) {
// Make sure content is not already moved to fancyBox
if (content.hasClass("fancybox-content") || content.parent().hasClass("fancybox-content")) {
content.parents(".fancybox-slide").trigger("onReset");
}
// Create temporary element marking original place of the content
slide.$placeholder = $("<div>").hide().insertAfter(content);
// Make sure content is visible
content.css("display", "inline-block");
} else if (!slide.hasError) {
// If content is just a plain text, try to convert it to html
if ($.type(content) === "string") {
content = $("<div>").append($.trim(content)).contents();
}
// If "filter" option is provided, then filter content
if (slide.opts.filter) {
content = $("<div>").html(content).find(slide.opts.filter);
}
}
slide.$slide.one("onReset", function() {
// Pause all html5 video/audio
$(this).find("video,audio").trigger("pause");
// Put content back
if (slide.$placeholder) {
slide.$placeholder.after(content.removeClass("fancybox-content").hide()).remove();
slide.$placeholder = null;
}
// Remove custom close button
if (slide.$smallBtn) {
slide.$smallBtn.remove();
slide.$smallBtn = null;
}
// Remove content and mark slide as not loaded
if (!slide.hasError) {
$(this).empty();
slide.isLoaded = false;
slide.isRevealed = false;
}
});
$(content).appendTo(slide.$slide);
if ($(content).is("video,audio")) {
$(content).addClass("fancybox-video");
$(content).wrap("<div></div>");
slide.contentType = "video";
slide.opts.width = slide.opts.width || $(content).attr("width");
slide.opts.height = slide.opts.height || $(content).attr("height");
}
slide.$content = slide.$slide.children().filter("div,form,main,video,audio,article,.fancybox-content").first();
slide.$content.siblings().hide();
// Re-check if there is a valid content
// (in some cases, ajax response can contain various elements or plain text)
if (!slide.$content.length) {
slide.$content = slide.$slide.wrapInner("<div></div>").children().first();
}
slide.$content.addClass("fancybox-content");
slide.$slide.addClass("fancybox-slide--" + slide.contentType);
self.afterLoad(slide);
},
// Display error message
// =====================
setError: function(slide) {
slide.hasError = true;
slide.$slide.trigger("onReset").removeClass("fancybox-slide--" + slide.contentType).addClass("fancybox-slide--error");
slide.contentType = "html";
this.setContent(slide, this.translate(slide, slide.opts.errorTpl));
if (slide.pos === this.currPos) {
this.isAnimating = false;
}
},
// Show loading icon inside the slide
// ==================================
showLoading: function(slide) {
var self = this;
slide = slide || self.current;
if (slide && !slide.$spinner) {
slide.$spinner = $(self.translate(self, self.opts.spinnerTpl)).appendTo(slide.$slide).hide().fadeIn("fast");
}
},
// Remove loading icon from the slide
// ==================================
hideLoading: function(slide) {
var self = this;
slide = slide || self.current;
if (slide && slide.$spinner) {
slide.$spinner.stop().remove();
delete slide.$spinner;
}
},
// Adjustments after slide content has been loaded
// ===============================================
afterLoad: function(slide) {
var self = this;
if (self.isClosing) {
return;
}
slide.isLoading = false;
slide.isLoaded = true;
self.trigger("afterLoad", slide);
self.hideLoading(slide);
// Add small close button
if (slide.opts.smallBtn && (!slide.$smallBtn || !slide.$smallBtn.length)) {
slide.$smallBtn = $(self.translate(slide, slide.opts.btnTpl.smallBtn)).appendTo(slide.$content);
}
// Disable right click
if (slide.opts.protect && slide.$content && !slide.hasError) {
slide.$content.on("contextmenu.fb", function(e) {
if (e.button == 2) {
e.preventDefault();
}
return true;
});
// Add fake element on top of the image
// This makes a bit harder for user to select image
if (slide.type === "image") {
$('<div class="fancybox-spaceball"></div>').appendTo(slide.$content);
}
}
self.adjustCaption(slide);
self.adjustLayout(slide);
if (slide.pos === self.currPos) {
self.updateCursor();
}
self.revealContent(slide);
},
// Prevent caption overlap,
// fix css inconsistency across browsers
// =====================================
adjustCaption: function(slide) {
var self = this,
current = slide || self.current,
caption = current.opts.caption,
preventOverlap = current.opts.preventCaptionOverlap,
$caption = self.$refs.caption,
$clone,
captionH = false;
$caption.toggleClass("fancybox-caption--separate", preventOverlap);
if (preventOverlap && caption && caption.length) {
if (current.pos !== self.currPos) {
$clone = $caption.clone().appendTo($caption.parent());
$clone.children().eq(0).empty().html(caption);
captionH = $clone.outerHeight(true);
$clone.empty().remove();
} else if (self.$caption) {
captionH = self.$caption.outerHeight(true);
}
current.$slide.css("padding-bottom", captionH || "");
}
},
// Simple hack to fix inconsistency across browsers, described here (affects Edge, too):
// https://bugzilla.mozilla.org/show_bug.cgi?id=748518
// ====================================================================================
adjustLayout: function(slide) {
var self = this,
current = slide || self.current,
scrollHeight,
marginBottom,
inlinePadding,
actualPadding;
if (current.isLoaded && current.opts.disableLayoutFix !== true) {
current.$content.css("margin-bottom", "");
// If we would always set margin-bottom for the content,
// then it would potentially break vertical align
if (current.$content.outerHeight() > current.$slide.height() + 0.5) {
inlinePadding = current.$slide[0].style["padding-bottom"];
actualPadding = current.$slide.css("padding-bottom");
if (parseFloat(actualPadding) > 0) {
scrollHeight = current.$slide[0].scrollHeight;
current.$slide.css("padding-bottom", 0);
if (Math.abs(scrollHeight - current.$slide[0].scrollHeight) < 1) {
marginBottom = actualPadding;
}
current.$slide.css("padding-bottom", inlinePadding);
}
}
current.$content.css("margin-bottom", marginBottom);
}
},
// Make content visible
// This method is called right after content has been loaded or
// user navigates gallery and transition should start
// ============================================================
revealContent: function(slide) {
var self = this,
$slide = slide.$slide,
end = false,
start = false,
isMoved = self.isMoved(slide),
isRevealed = slide.isRevealed,
effect,
effectClassName,
duration,
opacity;
slide.isRevealed = true;
effect = slide.opts[self.firstRun ? "animationEffect" : "transitionEffect"];
duration = slide.opts[self.firstRun ? "animationDuration" : "transitionDuration"];
duration = parseInt(slide.forcedDuration === undefined ? duration : slide.forcedDuration, 10);
if (isMoved || slide.pos !== self.currPos || !duration) {
effect = false;
}
// Check if can zoom
if (effect === "zoom") {
if (slide.pos === self.currPos && duration && slide.type === "image" && !slide.hasError && (start = self.getThumbPos(slide))) {
end = self.getFitPos(slide);
} else {
effect = "fade";
}
}
// Zoom animation
// ==============
if (effect === "zoom") {
self.isAnimating = true;
end.scaleX = end.width / start.width;
end.scaleY = end.height / start.height;
// Check if we need to animate opacity
opacity = slide.opts.zoomOpacity;
if (opacity == "auto") {
opacity = Math.abs(slide.width / slide.height - start.width / start.height) > 0.1;
}
if (opacity) {
start.opacity = 0.1;
end.opacity = 1;
}
// Draw image at start position
$.fancybox.setTranslate(slide.$content.removeClass("fancybox-is-hidden"), start);
forceRedraw(slide.$content);
// Start animation
$.fancybox.animate(slide.$content, end, duration, function() {
self.isAnimating = false;
self.complete();
});
return;
}
self.updateSlide(slide);
// Simply show content if no effect
// ================================
if (!effect) {
slide.$content.removeClass("fancybox-is-hidden");
if (!isRevealed && isMoved && slide.type === "image" && !slide.hasError) {
slide.$content.hide().fadeIn("fast");
}
if (slide.pos === self.currPos) {
self.complete();
}
return;
}
// Prepare for CSS transiton
// =========================
$.fancybox.stop($slide);
//effectClassName = "fancybox-animated fancybox-slide--" + (slide.pos >= self.prevPos ? "next" : "previous") + " fancybox-fx-" + effect;
effectClassName = "fancybox-slide--" + (slide.pos >= self.prevPos ? "next" : "previous") + " fancybox-animated fancybox-fx-" + effect;
$slide.addClass(effectClassName).removeClass("fancybox-slide--current"); //.addClass(effectClassName);
slide.$content.removeClass("fancybox-is-hidden");
// Force reflow
forceRedraw($slide);
if (slide.type !== "image") {
slide.$content.hide().show(0);
}
$.fancybox.animate($slide, "fancybox-slide--current", duration, function() {
$slide.removeClass(effectClassName).css({
transform: "",
opacity: ""
});
if (slide.pos === self.currPos) {
self.complete();
}
}, true);
},
// Check if we can and have to zoom from thumbnail
//================================================
getThumbPos: function(slide) {
var rez = false,
$thumb = slide.$thumb,
thumbPos,
btw,
brw,
bbw,
blw;
if (!$thumb || !inViewport($thumb[0])) {
return false;
}
thumbPos = $.fancybox.getTranslate($thumb);
btw = parseFloat($thumb.css("border-top-width") || 0);
brw = parseFloat($thumb.css("border-right-width") || 0);
bbw = parseFloat($thumb.css("border-bottom-width") || 0);
blw = parseFloat($thumb.css("border-left-width") || 0);
rez = {
top: thumbPos.top + btw,
left: thumbPos.left + blw,
width: thumbPos.width - brw - blw,
height: thumbPos.height - btw - bbw,
scaleX: 1,
scaleY: 1
};
return thumbPos.width > 0 && thumbPos.height > 0 ? rez : false;
},
// Final adjustments after current gallery item is moved to position
// and it`s content is loaded
// ==================================================================
complete: function() {
var self = this,
current = self.current,
slides = {},
$el;
if (self.isMoved() || !current.isLoaded) {
return;
}
if (!current.isComplete) {
current.isComplete = true;
current.$slide.siblings().trigger("onReset");
self.preload("inline");
// Trigger any CSS transiton inside the slide
forceRedraw(current.$slide);
current.$slide.addClass("fancybox-slide--complete");
// Remove unnecessary slides
$.each(self.slides, function(key, slide) {
if (slide.pos >= self.currPos - 1 && slide.pos <= self.currPos + 1) {
slides[slide.pos] = slide;
} else if (slide) {
$.fancybox.stop(slide.$slide);
slide.$slide.off().remove();
}
});
self.slides = slides;
}
self.isAnimating = false;
self.updateCursor();
self.trigger("afterShow");
// Autoplay first html5 video/audio
if (!!current.opts.video.autoStart) {
current.$slide.find("video,audio").filter(":visible:first").trigger("play").one("ended", function() {
if (Document.exitFullscreen) {
Document.exitFullscreen();
} else if (this.webkitExitFullscreen) {
this.webkitExitFullscreen();
}
self.next();
});
}
// Try to focus on the first focusable element
if (current.opts.autoFocus && current.contentType === "html") {
// Look for the first input with autofocus attribute
$el = current.$content.find("input[autofocus]:enabled:visible:first");
if ($el.length) {
$el.trigger("focus");
} else {
self.focus(null, true);
}
}
// Avoid jumping
current.$slide.scrollTop(0).scrollLeft(0);
},
// Preload next and previous slides
// ================================
preload: function(type) {
var self = this,
prev,
next;
if (self.group.length < 2) {
return;
}
next = self.slides[self.currPos + 1];
prev = self.slides[self.currPos - 1];
if (prev && prev.type === type) {
self.loadSlide(prev);
}
if (next && next.type === type) {
self.loadSlide(next);
}
},
// Try to find and focus on the first focusable element
// ====================================================
focus: function(e, firstRun) {
var self = this,
focusableStr = ["a[href]", "area[href]", 'input:not([disabled]):not([type="hidden"]):not([aria-hidden])', "select:not([disabled]):not([aria-hidden])", "textarea:not([disabled]):not([aria-hidden])",
"button:not([disabled]):not([aria-hidden])", "iframe", "object", "embed", "video", "audio", "[contenteditable]", '[tabindex]:not([tabindex^="-"])'
].join(","),
focusableItems,
focusedItemIndex;
if (self.isClosing) {
return;
}
if (e || !self.current || !self.current.isComplete) {
// Focus on any element inside fancybox
focusableItems = self.$refs.container.find("*:visible");
} else {
// Focus inside current slide
focusableItems = self.current.$slide.find("*:visible" + (firstRun ? ":not(.fancybox-close-small)" : ""));
}
focusableItems = focusableItems.filter(focusableStr).filter(function() {
return $(this).css("visibility") !== "hidden" && !$(this).hasClass("disabled");
});
if (focusableItems.length) {
focusedItemIndex = focusableItems.index(document.activeElement);
if (e && e.shiftKey) {
// Back tab
if (focusedItemIndex < 0 || focusedItemIndex == 0) {
e.preventDefault();
focusableItems.eq(focusableItems.length - 1).trigger("focus");
}
} else {
// Outside or Forward tab
if (focusedItemIndex < 0 || focusedItemIndex == focusableItems.length - 1) {
if (e) {
e.preventDefault();
}
focusableItems.eq(0).trigger("focus");
}
}
} else {
self.$refs.container.trigger("focus");
}
},
// Activates current instance - brings container to the front and enables keyboard,
// notifies other instances about deactivating
// =================================================================================
activate: function() {
var self = this;
// Deactivate all instances
$(".fancybox-container").each(function() {
var instance = $(this).data("FancyBox");
// Skip self and closing instances
if (instance && instance.id !== self.id && !instance.isClosing) {
instance.trigger("onDeactivate");
instance.removeEvents();
instance.isVisible = false;
}
});
self.isVisible = true;
if (self.current || self.isIdle) {
self.update();
self.updateControls();
}
self.trigger("onActivate");
self.addEvents();
},
// Start closing procedure
// This will start "zoom-out" animation if needed and clean everything up afterwards
// =================================================================================
close: function(e, d) {
var self = this,
current = self.current,
effect,
duration,
$content,
domRect,
opacity,
start,
end;
var done = function() {
self.cleanUp(e);
};
if (self.isClosing) {
return false;
}
self.isClosing = true;
// If beforeClose callback prevents closing, make sure content is centered
if (self.trigger("beforeClose", e) === false) {
self.isClosing = false;
requestAFrame(function() {
self.update();
});
return false;
}
// Remove all events
// If there are multiple instances, they will be set again by "activate" method
self.removeEvents();
$content = current.$content;
effect = current.opts.animationEffect;
duration = $.isNumeric(d) ? d : effect ? current.opts.animationDuration : 0;
current.$slide.removeClass("fancybox-slide--complete fancybox-slide--next fancybox-slide--previous fancybox-animated");
if (e !== true) {
$.fancybox.stop(current.$slide);
} else {
effect = false;
}
// Remove other slides
current.$slide.siblings().trigger("onReset").remove();
// Trigger animations
if (duration) {
self.$refs.container.removeClass("fancybox-is-open").addClass("fancybox-is-closing").css("transition-duration", duration + "ms");
}
// Clean up
self.hideLoading(current);
self.hideControls(true);
self.updateCursor();
// Check if possible to zoom-out
if (effect === "zoom" && !($content && duration && current.type === "image" && !self.isMoved() && !current.hasError && (end = self.getThumbPos(current)))) {
effect = "fade";
}
if (effect === "zoom") {
$.fancybox.stop($content);
domRect = $.fancybox.getTranslate($content);
start = {
top: domRect.top,
left: domRect.left,
scaleX: domRect.width / end.width,
scaleY: domRect.height / end.height,
width: end.width,
height: end.height
};
// Check if we need to animate opacity
opacity = current.opts.zoomOpacity;
if (opacity == "auto") {
opacity = Math.abs(current.width / current.height - end.width / end.height) > 0.1;
}
if (opacity) {
end.opacity = 0;
}
$.fancybox.setTranslate($content, start);
forceRedraw($content);
$.fancybox.animate($content, end, duration, done);
return true;
}
if (effect && duration) {
$.fancybox.animate(current.$slide.addClass("fancybox-slide--previous").removeClass("fancybox-slide--current"), "fancybox-animated fancybox-fx-" + effect, duration, done);
} else {
// If skip animation
if (e === true) {
setTimeout(done, duration);
} else {
done();
}
}
return true;
},
// Final adjustments after removing the instance
// =============================================
cleanUp: function(e) {
var self = this,
instance,
$focus = self.current.opts.$orig,
x,
y;
self.current.$slide.trigger("onReset");
self.$refs.container.empty().remove();
self.trigger("afterClose", e);
// Place back focus
if (!!self.current.opts.backFocus) {
if (!$focus || !$focus.length || !$focus.is(":visible")) {
$focus = self.$trigger;
}
if ($focus && $focus.length) {
x = window.scrollX;
y = window.scrollY;
$focus.trigger("focus");
$("html, body").scrollTop(y).scrollLeft(x);
}
}
self.current = null;
// Check if there are other instances
instance = $.fancybox.getInstance();
if (instance) {
instance.activate();
} else {
$("body").removeClass("fancybox-active compensate-for-scrollbar");
$("#fancybox-style-noscroll").remove();
}
},
// Call callback and trigger an event
// ==================================
trigger: function(name, slide) {
var args = Array.prototype.slice.call(arguments, 1),
self = this,
obj = slide && slide.opts ? slide : self.current,
rez;
if (obj) {
args.unshift(obj);
} else {
obj = self;
}
args.unshift(self);
if ($.isFunction(obj.opts[name])) {
rez = obj.opts[name].apply(obj, args);
}
if (rez === false) {
return rez;
}
if (name === "afterClose" || !self.$refs) {
$D.trigger(name + ".fb", args);
} else {
self.$refs.container.trigger(name + ".fb", args);
}
},
// Update infobar values, navigation button states and reveal caption
// ==================================================================
updateControls: function() {
var self = this,
current = self.current,
index = current.index,
$container = self.$refs.container,
$caption = self.$refs.caption,
caption = current.opts.caption;
// Recalculate content dimensions
current.$slide.trigger("refresh");
// Set caption
if (caption && caption.length) {
self.$caption = $caption;
$caption.children().eq(0).html(caption);
} else {
self.$caption = null;
}
if (!self.hasHiddenControls && !self.isIdle) {
self.showControls();
}
// Update info and navigation elements
$container.find("[data-fancybox-count]").html(self.group.length);
$container.find("[data-fancybox-index]").html(index + 1);
$container.find("[data-fancybox-prev]").prop("disabled", !current.opts.loop && index <= 0);
$container.find("[data-fancybox-next]").prop("disabled", !current.opts.loop && index >= self.group.length - 1);
if (current.type === "image") {
// Re-enable buttons; update download button source
$container.find("[data-fancybox-zoom]").show().end().find("[data-fancybox-download]").attr("href", current.opts.image.src || current.src).show();
} else if (current.opts.toolbar) {
$container.find("[data-fancybox-download],[data-fancybox-zoom]").hide();
}
// Make sure focus is not on disabled button/element
if ($(document.activeElement).is(":hidden,[disabled]")) {
self.$refs.container.trigger("focus");
}
},
// Hide toolbar and caption
// ========================
hideControls: function(andCaption) {
var self = this,
arr = ["infobar", "toolbar", "nav"];
if (andCaption || !self.current.opts.preventCaptionOverlap) {
arr.push("caption");
}
this.$refs.container.removeClass(arr.map(function(i) {
return "fancybox-show-" + i;
}).join(" "));
this.hasHiddenControls = true;
},
showControls: function() {
var self = this,
opts = self.current ? self.current.opts : self.opts,
$container = self.$refs.container;
self.hasHiddenControls = false;
self.idleSecondsCounter = 0;
$container.toggleClass("fancybox-show-toolbar", !!(opts.toolbar && opts.buttons)).toggleClass("fancybox-show-infobar", !!(opts.infobar && self.group.length > 1)).toggleClass("fancybox-show-caption", !!self
.$caption).toggleClass("fancybox-show-nav", !!(opts.arrows && self.group.length > 1)).toggleClass("fancybox-is-modal", !!opts.modal);
},
// Toggle toolbar and caption
// ==========================
toggleControls: function() {
if (this.hasHiddenControls) {
this.showControls();
} else {
this.hideControls();
}
}
});
$.fancybox = {
version: "3.5.7",
defaults: defaults,
// Get current instance and execute a command.
//
// Examples of usage:
//
// $instance = $.fancybox.getInstance();
// $.fancybox.getInstance().jumpTo( 1 );
// $.fancybox.getInstance( 'jumpTo', 1 );
// $.fancybox.getInstance( function() {
// console.info( this.currIndex );
// });
// ======================================================
getInstance: function(command) {
var instance = $('.fancybox-container:not(".fancybox-is-closing"):last').data("FancyBox"),
args = Array.prototype.slice.call(arguments, 1);
if (instance instanceof FancyBox) {
if ($.type(command) === "string") {
instance[command].apply(instance, args);
} else if ($.type(command) === "function") {
command.apply(instance, args);
}
return instance;
}
return false;
},
// Create new instance
// ===================
open: function(items, opts, index) {
return new FancyBox(items, opts, index);
},
// Close current or all instances
// ==============================
close: function(all) {
var instance = this.getInstance();
if (instance) {
instance.close();
// Try to find and close next instance
if (all === true) {
this.close(all);
}
}
},
// Close all instances and unbind all events
// =========================================
destroy: function() {
this.close(true);
$D.add("body").off("click.fb-start", "**");
},
// Try to detect mobile devices
// ============================
isMobile: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),
// Detect if 'translate3d' support is available
// ============================================
use3d: (function() {
var div = document.createElement("div");
return (window.getComputedStyle && window.getComputedStyle(div) && window.getComputedStyle(div).getPropertyValue("transform") && !(document.documentMode && document.documentMode < 11));
})(),
// Helper function to get current visual state of an element
// returns array[ top, left, horizontal-scale, vertical-scale, opacity ]
// =====================================================================
getTranslate: function($el) {
var domRect;
if (!$el || !$el.length) {
return false;
}
domRect = $el[0].getBoundingClientRect();
return {
top: domRect.top || 0,
left: domRect.left || 0,
width: domRect.width,
height: domRect.height,
opacity: parseFloat($el.css("opacity"))
};
},
// Shortcut for setting "translate3d" properties for element
// Can set be used to set opacity, too
// ========================================================
setTranslate: function($el, props) {
var str = "",
css = {};
if (!$el || !props) {
return;
}
if (props.left !== undefined || props.top !== undefined) {
str = (props.left === undefined ? $el.position().left : props.left) + "px, " + (props.top === undefined ? $el.position().top : props.top) + "px";
if (this.use3d) {
str = "translate3d(" + str + ", 0px)";
} else {
str = "translate(" + str + ")";
}
}
if (props.scaleX !== undefined && props.scaleY !== undefined) {
str += " scale(" + props.scaleX + ", " + props.scaleY + ")";
} else if (props.scaleX !== undefined) {
str += " scaleX(" + props.scaleX + ")";
}
if (str.length) {
css.transform = str;
}
if (props.opacity !== undefined) {
css.opacity = props.opacity;
}
if (props.width !== undefined) {
css.width = props.width;
}
if (props.height !== undefined) {
css.height = props.height;
}
return $el.css(css);
},
// Simple CSS transition handler
// =============================
animate: function($el, to, duration, callback, leaveAnimationName) {
var self = this,
from;
if ($.isFunction(duration)) {
callback = duration;
duration = null;
}
self.stop($el);
from = self.getTranslate($el);
$el.on(transitionEnd, function(e) {
// Skip events from child elements and z-index change
if (e && e.originalEvent && (!$el.is(e.originalEvent.target) || e.originalEvent.propertyName == "z-index")) {
return;
}
self.stop($el);
if ($.isNumeric(duration)) {
$el.css("transition-duration", "");
}
if ($.isPlainObject(to)) {
if (to.scaleX !== undefined && to.scaleY !== undefined) {
self.setTranslate($el, {
top: to.top,
left: to.left,
width: from.width * to.scaleX,
height: from.height * to.scaleY,
scaleX: 1,
scaleY: 1
});
}
} else if (leaveAnimationName !== true) {
$el.removeClass(to);
}
if ($.isFunction(callback)) {
callback(e);
}
});
if ($.isNumeric(duration)) {
$el.css("transition-duration", duration + "ms");
}
// Start animation by changing CSS properties or class name
if ($.isPlainObject(to)) {
if (to.scaleX !== undefined && to.scaleY !== undefined) {
delete to.width;
delete to.height;
if ($el.parent().hasClass("fancybox-slide--image")) {
$el.parent().addClass("fancybox-is-scaling");
}
}
$.fancybox.setTranslate($el, to);
} else {
$el.addClass(to);
}
// Make sure that `transitionend` callback gets fired
$el.data("timer", setTimeout(function() {
$el.trigger(transitionEnd);
}, duration + 33));
},
stop: function($el, callCallback) {
if ($el && $el.length) {
clearTimeout($el.data("timer"));
if (callCallback) {
$el.trigger(transitionEnd);
}
$el.off(transitionEnd).css("transition-duration", "");
$el.parent().removeClass("fancybox-is-scaling");
}
}
};
// Default click handler for "fancyboxed" links
// ============================================
function _run(e, opts) {
var items = [],
index = 0,
$target,
value,
instance;
// Avoid opening multiple times
if (e && e.isDefaultPrevented()) {
return;
}
e.preventDefault();
opts = opts || {};
if (e && e.data) {
opts = mergeOpts(e.data.options, opts);
}
$target = opts.$target || $(e.currentTarget).trigger("blur");
instance = $.fancybox.getInstance();
if (instance && instance.$trigger && instance.$trigger.is($target)) {
return;
}
if (opts.selector) {
items = $(opts.selector);
} else {
// Get all related items and find index for clicked one
value = $target.attr("data-fancybox") || "";
if (value) {
items = e.data ? e.data.items : [];
items = items.length ? items.filter('[data-fancybox="' + value + '"]') : $('[data-fancybox="' + value + '"]');
} else {
items = [$target];
}
}
index = $(items).index($target);
// Sometimes current item can not be found
if (index < 0) {
index = 0;
}
instance = $.fancybox.open(items, opts, index);
// Save last active element
instance.$trigger = $target;
}
// Create a jQuery plugin
// ======================
$.fn.fancybox = function(options) {
var selector;
options = options || {};
selector = options.selector || false;
if (selector) {
// Use body element instead of document so it executes first
$("body").off("click.fb-start", selector).on("click.fb-start", selector, {
options: options
}, _run);
} else {
this.off("click.fb-start").on("click.fb-start", {
items: this,
options: options
}, _run);
}
return this;
};
// Self initializing plugin for all elements having `data-fancybox` attribute
// ==========================================================================
$D.on("click.fb-start", "[data-fancybox]", _run);
// Enable "trigger elements"
// =========================
$D.on("click.fb-start", "[data-fancybox-trigger]", function(e) {
$('[data-fancybox="' + $(this).attr("data-fancybox-trigger") + '"]').eq($(this).attr("data-fancybox-index") || 0).trigger("click.fb-start", {
$trigger: $(this)
});
});
// Track focus event for better accessibility styling
// ==================================================
(function() {
var buttonStr = ".fancybox-button",
focusStr = "fancybox-focus",
$pressed = null;
$D.on("mousedown mouseup focus blur", buttonStr, function(e) {
switch (e.type) {
case "mousedown":
$pressed = $(this);
break;
case "mouseup":
$pressed = null;
break;
case "focusin":
$(buttonStr).removeClass(focusStr);
if (!$(this).is($pressed) && !$(this).is("[disabled]")) {
$(this).addClass(focusStr);
}
break;
case "focusout":
$(buttonStr).removeClass(focusStr);
break;
}
});
})();
})(window, document, jQuery);
// ==========================================================================
//
// Media
// Adds additional media type support
//
// ==========================================================================
(function($) {
"use strict";
// Object containing properties for each media type
var defaults = {
youtube: {
matcher: /(youtube\.com|youtu\.be)\/(watch\?(.*&)?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*))(.*)/i,
params: {
autoplay: 1,
autohide: 1,
fs: 1,
rel: 0,
hd: 1,
wmode: "transparent",
enablejsapi: 1,
html5: 1
},
paramPlace: 8,
type: "iframe",
url: "https://www.youtube.com/embed/$4",
thumb: "https://img.youtube.com/vi/$4/hqdefault.jpg"
},
vimeo: {
matcher: /^.+vimeo.com\/(.*\/)?([\d]+)(.*)?/,
params: {
autoplay: 1,
hd: 1,
show_title: 1,
show_byline: 1,
show_portrait: 0,
fullscreen: 1
},
paramPlace: 3,
type: "iframe",
url: "//player.vimeo.com/video/$2"
},
instagram: {
matcher: /(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,
type: "image",
url: "//$1/p/$2/media/?size=l"
},
// Examples:
// http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
// https://www.google.com/maps/@37.7852006,-122.4146355,14.65z
// https://www.google.com/maps/@52.2111123,2.9237542,6.61z?hl=en
// https://www.google.com/maps/place/Googleplex/@37.4220041,-122.0833494,17z/data=!4m5!3m4!1s0x0:0x6c296c66619367e0!8m2!3d37.4219998!4d-122.0840572
gmap_place: {
matcher: /(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(((maps\/(place\/(.*)\/)?\@(.*),(\d+.?\d+?)z))|(\?ll=))(.*)?/i,
type: "iframe",
url: function(rez) {
return ("//maps.google." + rez[2] + "/?ll=" + (rez[9] ? rez[9] + "&z=" + Math.floor(rez[10]) + (rez[12] ? rez[12].replace(/^\//, "&") : "") : rez[12] + "").replace(/\?/, "&") + "&output=" + (rez[12] && rez[12]
.indexOf("layer=c") > 0 ? "svembed" : "embed"));
}
},
// Examples:
// https://www.google.com/maps/search/Empire+State+Building/
// https://www.google.com/maps/search/?api=1&query=centurylink+field
// https://www.google.com/maps/search/?api=1&query=47.5951518,-122.3316393
gmap_search: {
matcher: /(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(maps\/search\/)(.*)/i,
type: "iframe",
url: function(rez) {
return "//maps.google." + rez[2] + "/maps?q=" + rez[5].replace("query=", "q=").replace("api=1", "") + "&output=embed";
}
}
};
// Formats matching url to final form
var format = function(url, rez, params) {
if (!url) {
return;
}
params = params || "";
if ($.type(params) === "object") {
params = $.param(params, true);
}
$.each(rez, function(key, value) {
url = url.replace("$" + key, value || "");
});
if (params.length) {
url += (url.indexOf("?") > 0 ? "&" : "?") + params;
}
return url;
};
$(document).on("objectNeedsType.fb", function(e, instance, item) {
var url = item.src || "",
type = false,
media,
thumb,
rez,
params,
urlParams,
paramObj,
provider;
media = $.extend(true, {}, defaults, item.opts.media);
// Look for any matching media type
$.each(media, function(providerName, providerOpts) {
rez = url.match(providerOpts.matcher);
if (!rez) {
return;
}
type = providerOpts.type;
provider = providerName;
paramObj = {};
if (providerOpts.paramPlace && rez[providerOpts.paramPlace]) {
urlParams = rez[providerOpts.paramPlace];
if (urlParams[0] == "?") {
urlParams = urlParams.substring(1);
}
urlParams = urlParams.split("&");
for (var m = 0; m < urlParams.length; ++m) {
var p = urlParams[m].split("=", 2);
if (p.length == 2) {
paramObj[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
}
}
}
params = $.extend(true, {}, providerOpts.params, item.opts[providerName], paramObj);
url = $.type(providerOpts.url) === "function" ? providerOpts.url.call(this, rez, params, item) : format(providerOpts.url, rez, params);
thumb = $.type(providerOpts.thumb) === "function" ? providerOpts.thumb.call(this, rez, params, item) : format(providerOpts.thumb, rez);
if (providerName === "youtube") {
url = url.replace(/&t=((\d+)m)?(\d+)s/, function(match, p1, m, s) {
return "&start=" + ((m ? parseInt(m, 10) * 60 : 0) + parseInt(s, 10));
});
} else if (providerName === "vimeo") {
url = url.replace("&%23", "#");
}
return false;
});
// If it is found, then change content type and update the url
if (type) {
if (!item.opts.thumb && !(item.opts.$thumb && item.opts.$thumb.length)) {
item.opts.thumb = thumb;
}
if (type === "iframe") {
item.opts = $.extend(true, item.opts, {
iframe: {
preload: false,
attr: {
scrolling: "no"
}
}
});
}
$.extend(item, {
type: type,
src: url,
origSrc: item.src,
contentSource: provider,
contentType: type === "image" ? "image" : provider == "gmap_place" || provider == "gmap_search" ? "map" : "video"
});
} else if (url) {
item.type = item.opts.defaultType;
}
});
// Load YouTube/Video API on request to detect when video finished playing
var VideoAPILoader = {
youtube: {
src: "https://www.youtube.com/iframe_api",
class: "YT",
loading: false,
loaded: false
},
vimeo: {
src: "https://player.vimeo.com/api/player.js",
class: "Vimeo",
loading: false,
loaded: false
},
load: function(vendor) {
var _this = this,
script;
if (this[vendor].loaded) {
setTimeout(function() {
_this.done(vendor);
});
return;
}
if (this[vendor].loading) {
return;
}
this[vendor].loading = true;
script = document.createElement("script");
script.type = "text/javascript";
script.src = this[vendor].src;
if (vendor === "youtube") {
window.onYouTubeIframeAPIReady = function() {
_this[vendor].loaded = true;
_this.done(vendor);
};
} else {
script.onload = function() {
_this[vendor].loaded = true;
_this.done(vendor);
};
}
document.body.appendChild(script);
},
done: function(vendor) {
var instance, $el, player;
if (vendor === "youtube") {
delete window.onYouTubeIframeAPIReady;
}
instance = $.fancybox.getInstance();
if (instance) {
$el = instance.current.$content.find("iframe");
if (vendor === "youtube" && YT !== undefined && YT) {
player = new YT.Player($el.attr("id"), {
events: {
onStateChange: function(e) {
if (e.data == 0) {
instance.next();
}
}
}
});
} else if (vendor === "vimeo" && Vimeo !== undefined && Vimeo) {
player = new Vimeo.Player($el);
player.on("ended", function() {
instance.next();
});
}
}
}
};
$(document).on({
"afterShow.fb": function(e, instance, current) {
if (instance.group.length > 1 && (current.contentSource === "youtube" || current.contentSource === "vimeo")) {
VideoAPILoader.load(current.contentSource);
}
}
});
})(jQuery);
// ==========================================================================
//
// Guestures
// Adds touch guestures, handles click and tap events
//
// ==========================================================================
(function(window, document, $) {
"use strict";
var requestAFrame = (function() {
return (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame ||
// if all else fails, use setTimeout
function(callback) {
return window.setTimeout(callback, 1000 / 60);
});
})();
var cancelAFrame = (function() {
return (window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || function(id) {
window.clearTimeout(id);
});
})();
var getPointerXY = function(e) {
var result = [];
e = e.originalEvent || e || window.e;
e = e.touches && e.touches.length ? e.touches : e.changedTouches && e.changedTouches.length ? e.changedTouches : [e];
for (var key in e) {
if (e[key].pageX) {
result.push({
x: e[key].pageX,
y: e[key].pageY
});
} else if (e[key].clientX) {
result.push({
x: e[key].clientX,
y: e[key].clientY
});
}
}
return result;
};
var distance = function(point2, point1, what) {
if (!point1 || !point2) {
return 0;
}
if (what === "x") {
return point2.x - point1.x;
} else if (what === "y") {
return point2.y - point1.y;
}
return Math.sqrt(Math.pow(point2.x - point1.x, 2) + Math.pow(point2.y - point1.y, 2));
};
var isClickable = function($el) {
if ($el.is('a,area,button,[role="button"],input,label,select,summary,textarea,video,audio,iframe') || $.isFunction($el.get(0).onclick) || $el.data("selectable")) {
return true;
}
// Check for attributes like data-fancybox-next or data-fancybox-close
for (var i = 0, atts = $el[0].attributes, n = atts.length; i < n; i++) {
if (atts[i].nodeName.substr(0, 14) === "data-fancybox-") {
return true;
}
}
return false;
};
var hasScrollbars = function(el) {
var overflowY = window.getComputedStyle(el)["overflow-y"],
overflowX = window.getComputedStyle(el)["overflow-x"],
vertical = (overflowY === "scroll" || overflowY === "auto") && el.scrollHeight > el.clientHeight,
horizontal = (overflowX === "scroll" || overflowX === "auto") && el.scrollWidth > el.clientWidth;
return vertical || horizontal;
};
var isScrollable = function($el) {
var rez = false;
while (true) {
rez = hasScrollbars($el.get(0));
if (rez) {
break;
}
$el = $el.parent();
if (!$el.length || $el.hasClass("fancybox-stage") || $el.is("body")) {
break;
}
}
return rez;
};
var Guestures = function(instance) {
var self = this;
self.instance = instance;
self.$bg = instance.$refs.bg;
self.$stage = instance.$refs.stage;
self.$container = instance.$refs.container;
self.destroy();
self.$container.on("touchstart.fb.touch mousedown.fb.touch", $.proxy(self, "ontouchstart"));
};
Guestures.prototype.destroy = function() {
var self = this;
self.$container.off(".fb.touch");
$(document).off(".fb.touch");
if (self.requestId) {
cancelAFrame(self.requestId);
self.requestId = null;
}
if (self.tapped) {
clearTimeout(self.tapped);
self.tapped = null;
}
};
Guestures.prototype.ontouchstart = function(e) {
var self = this,
$target = $(e.target),
instance = self.instance,
current = instance.current,
$slide = current.$slide,
$content = current.$content,
isTouchDevice = e.type == "touchstart";
// Do not respond to both (touch and mouse) events
if (isTouchDevice) {
self.$container.off("mousedown.fb.touch");
}
// Ignore right click
if (e.originalEvent && e.originalEvent.button == 2) {
return;
}
// Ignore taping on links, buttons, input elements
if (!$slide.length || !$target.length || isClickable($target) || isClickable($target.parent())) {
return;
}
// Ignore clicks on the scrollbar
if (!$target.is("img") && e.originalEvent.clientX > $target[0].clientWidth + $target.offset().left) {
return;
}
// Ignore clicks while zooming or closing
if (!current || instance.isAnimating || current.$slide.hasClass("fancybox-animated")) {
e.stopPropagation();
e.preventDefault();
return;
}
self.realPoints = self.startPoints = getPointerXY(e);
if (!self.startPoints.length) {
return;
}
// Allow other scripts to catch touch event if "touch" is set to false
if (current.touch) {
e.stopPropagation();
}
self.startEvent = e;
self.canTap = true;
self.$target = $target;
self.$content = $content;
self.opts = current.opts.touch;
self.isPanning = false;
self.isSwiping = false;
self.isZooming = false;
self.isScrolling = false;
self.canPan = instance.canPan();
self.startTime = new Date().getTime();
self.distanceX = self.distanceY = self.distance = 0;
self.canvasWidth = Math.round($slide[0].clientWidth);
self.canvasHeight = Math.round($slide[0].clientHeight);
self.contentLastPos = null;
self.contentStartPos = $.fancybox.getTranslate(self.$content) || {
top: 0,
left: 0
};
self.sliderStartPos = $.fancybox.getTranslate($slide);
// Since position will be absolute, but we need to make it relative to the stage
self.stagePos = $.fancybox.getTranslate(instance.$refs.stage);
self.sliderStartPos.top -= self.stagePos.top;
self.sliderStartPos.left -= self.stagePos.left;
self.contentStartPos.top -= self.stagePos.top;
self.contentStartPos.left -= self.stagePos.left;
$(document).off(".fb.touch").on(isTouchDevice ? "touchend.fb.touch touchcancel.fb.touch" : "mouseup.fb.touch mouseleave.fb.touch", $.proxy(self, "ontouchend")).on(isTouchDevice ? "touchmove.fb.touch" :
"mousemove.fb.touch", $.proxy(self, "ontouchmove"));
if ($.fancybox.isMobile) {
document.addEventListener("scroll", self.onscroll, true);
}
// Skip if clicked outside the sliding area
if (!(self.opts || self.canPan) || !($target.is(self.$stage) || self.$stage.find($target).length)) {
if ($target.is(".fancybox-image")) {
e.preventDefault();
}
if (!($.fancybox.isMobile && $target.parents(".fancybox-caption").length)) {
return;
}
}
self.isScrollable = isScrollable($target) || isScrollable($target.parent());
// Check if element is scrollable and try to prevent default behavior (scrolling)
if (!($.fancybox.isMobile && self.isScrollable)) {
e.preventDefault();
}
// One finger or mouse click - swipe or pan an image
if (self.startPoints.length === 1 || current.hasError) {
if (self.canPan) {
$.fancybox.stop(self.$content);
self.isPanning = true;
} else {
self.isSwiping = true;
}
self.$container.addClass("fancybox-is-grabbing");
}
// Two fingers - zoom image
if (self.startPoints.length === 2 && current.type === "image" && (current.isLoaded || current.$ghost)) {
self.canTap = false;
self.isSwiping = false;
self.isPanning = false;
self.isZooming = true;
$.fancybox.stop(self.$content);
self.centerPointStartX = (self.startPoints[0].x + self.startPoints[1].x) * 0.5 - $(window).scrollLeft();
self.centerPointStartY = (self.startPoints[0].y + self.startPoints[1].y) * 0.5 - $(window).scrollTop();
self.percentageOfImageAtPinchPointX = (self.centerPointStartX - self.contentStartPos.left) / self.contentStartPos.width;
self.percentageOfImageAtPinchPointY = (self.centerPointStartY - self.contentStartPos.top) / self.contentStartPos.height;
self.startDistanceBetweenFingers = distance(self.startPoints[0], self.startPoints[1]);
}
};
Guestures.prototype.onscroll = function(e) {
var self = this;
self.isScrolling = true;
document.removeEventListener("scroll", self.onscroll, true);
};
Guestures.prototype.ontouchmove = function(e) {
var self = this;
// Make sure user has not released over iframe or disabled element
if (e.originalEvent.buttons !== undefined && e.originalEvent.buttons === 0) {
self.ontouchend(e);
return;
}
if (self.isScrolling) {
self.canTap = false;
return;
}
self.newPoints = getPointerXY(e);
if (!(self.opts || self.canPan) || !self.newPoints.length || !self.newPoints.length) {
return;
}
if (!(self.isSwiping && self.isSwiping === true)) {
e.preventDefault();
}
self.distanceX = distance(self.newPoints[0], self.startPoints[0], "x");
self.distanceY = distance(self.newPoints[0], self.startPoints[0], "y");
self.distance = distance(self.newPoints[0], self.startPoints[0]);
// Skip false ontouchmove events (Chrome)
if (self.distance > 0) {
if (self.isSwiping) {
self.onSwipe(e);
} else if (self.isPanning) {
self.onPan();
} else if (self.isZooming) {
self.onZoom();
}
}
};
Guestures.prototype.onSwipe = function(e) {
var self = this,
instance = self.instance,
swiping = self.isSwiping,
left = self.sliderStartPos.left || 0,
angle;
// If direction is not yet determined
if (swiping === true) {
// We need at least 10px distance to correctly calculate an angle
if (Math.abs(self.distance) > 10) {
self.canTap = false;
if (instance.group.length < 2 && self.opts.vertical) {
self.isSwiping = "y";
} else if (instance.isDragging || self.opts.vertical === false || (self.opts.vertical === "auto" && $(window).width() > 800)) {
self.isSwiping = "x";
} else {
angle = Math.abs((Math.atan2(self.distanceY, self.distanceX) * 180) / Math.PI);
self.isSwiping = angle > 45 && angle < 135 ? "y" : "x";
}
if (self.isSwiping === "y" && $.fancybox.isMobile && self.isScrollable) {
self.isScrolling = true;
return;
}
instance.isDragging = self.isSwiping;
// Reset points to avoid jumping, because we dropped first swipes to calculate the angle
self.startPoints = self.newPoints;
$.each(instance.slides, function(index, slide) {
var slidePos, stagePos;
$.fancybox.stop(slide.$slide);
slidePos = $.fancybox.getTranslate(slide.$slide);
stagePos = $.fancybox.getTranslate(instance.$refs.stage);
slide.$slide.css({
transform: "",
opacity: "",
"transition-duration": ""
}).removeClass("fancybox-animated").removeClass(function(index, className) {
return (className.match(/(^|\s)fancybox-fx-\S+/g) || []).join(" ");
});
if (slide.pos === instance.current.pos) {
self.sliderStartPos.top = slidePos.top - stagePos.top;
self.sliderStartPos.left = slidePos.left - stagePos.left;
}
$.fancybox.setTranslate(slide.$slide, {
top: slidePos.top - stagePos.top,
left: slidePos.left - stagePos.left
});
});
// Stop slideshow
if (instance.SlideShow && instance.SlideShow.isActive) {
instance.SlideShow.stop();
}
}
return;
}
// Sticky edges
if (swiping == "x") {
if (self.distanceX > 0 && (self.instance.group.length < 2 || (self.instance.current.index === 0 && !self.instance.current.opts.loop))) {
left = left + Math.pow(self.distanceX, 0.8);
} else if (self.distanceX < 0 && (self.instance.group.length < 2 || (self.instance.current.index === self.instance.group.length - 1 && !self.instance.current.opts.loop))) {
left = left - Math.pow(-self.distanceX, 0.8);
} else {
left = left + self.distanceX;
}
}
self.sliderLastPos = {
top: swiping == "x" ? 0 : self.sliderStartPos.top + self.distanceY,
left: left
};
if (self.requestId) {
cancelAFrame(self.requestId);
self.requestId = null;
}
self.requestId = requestAFrame(function() {
if (self.sliderLastPos) {
$.each(self.instance.slides, function(index, slide) {
var pos = slide.pos - self.instance.currPos;
$.fancybox.setTranslate(slide.$slide, {
top: self.sliderLastPos.top,
left: self.sliderLastPos.left + pos * self.canvasWidth + pos * slide.opts.gutter
});
});
self.$container.addClass("fancybox-is-sliding");
}
});
};
Guestures.prototype.onPan = function() {
var self = this;
// Prevent accidental movement (sometimes, when tapping casually, finger can move a bit)
if (distance(self.newPoints[0], self.realPoints[0]) < ($.fancybox.isMobile ? 10 : 5)) {
self.startPoints = self.newPoints;
return;
}
self.canTap = false;
self.contentLastPos = self.limitMovement();
if (self.requestId) {
cancelAFrame(self.requestId);
}
self.requestId = requestAFrame(function() {
$.fancybox.setTranslate(self.$content, self.contentLastPos);
});
};
// Make panning sticky to the edges
Guestures.prototype.limitMovement = function() {
var self = this;
var canvasWidth = self.canvasWidth;
var canvasHeight = self.canvasHeight;
var distanceX = self.distanceX;
var distanceY = self.distanceY;
var contentStartPos = self.contentStartPos;
var currentOffsetX = contentStartPos.left;
var currentOffsetY = contentStartPos.top;
var currentWidth = contentStartPos.width;
var currentHeight = contentStartPos.height;
var minTranslateX, minTranslateY, maxTranslateX, maxTranslateY, newOffsetX, newOffsetY;
if (currentWidth > canvasWidth) {
newOffsetX = currentOffsetX + distanceX;
} else {
newOffsetX = currentOffsetX;
}
newOffsetY = currentOffsetY + distanceY;
// Slow down proportionally to traveled distance
minTranslateX = Math.max(0, canvasWidth * 0.5 - currentWidth * 0.5);
minTranslateY = Math.max(0, canvasHeight * 0.5 - currentHeight * 0.5);
maxTranslateX = Math.min(canvasWidth - currentWidth, canvasWidth * 0.5 - currentWidth * 0.5);
maxTranslateY = Math.min(canvasHeight - currentHeight, canvasHeight * 0.5 - currentHeight * 0.5);
// ->
if (distanceX > 0 && newOffsetX > minTranslateX) {
newOffsetX = minTranslateX - 1 + Math.pow(-minTranslateX + currentOffsetX + distanceX, 0.8) || 0;
}
// <-
if (distanceX < 0 && newOffsetX < maxTranslateX) {
newOffsetX = maxTranslateX + 1 - Math.pow(maxTranslateX - currentOffsetX - distanceX, 0.8) || 0;
}
// \/
if (distanceY > 0 && newOffsetY > minTranslateY) {
newOffsetY = minTranslateY - 1 + Math.pow(-minTranslateY + currentOffsetY + distanceY, 0.8) || 0;
}
// /\
if (distanceY < 0 && newOffsetY < maxTranslateY) {
newOffsetY = maxTranslateY + 1 - Math.pow(maxTranslateY - currentOffsetY - distanceY, 0.8) || 0;
}
return {
top: newOffsetY,
left: newOffsetX
};
};
Guestures.prototype.limitPosition = function(newOffsetX, newOffsetY, newWidth, newHeight) {
var self = this;
var canvasWidth = self.canvasWidth;
var canvasHeight = self.canvasHeight;
if (newWidth > canvasWidth) {
newOffsetX = newOffsetX > 0 ? 0 : newOffsetX;
newOffsetX = newOffsetX < canvasWidth - newWidth ? canvasWidth - newWidth : newOffsetX;
} else {
// Center horizontally
newOffsetX = Math.max(0, canvasWidth / 2 - newWidth / 2);
}
if (newHeight > canvasHeight) {
newOffsetY = newOffsetY > 0 ? 0 : newOffsetY;
newOffsetY = newOffsetY < canvasHeight - newHeight ? canvasHeight - newHeight : newOffsetY;
} else {
// Center vertically
newOffsetY = Math.max(0, canvasHeight / 2 - newHeight / 2);
}
return {
top: newOffsetY,
left: newOffsetX
};
};
Guestures.prototype.onZoom = function() {
var self = this;
// Calculate current distance between points to get pinch ratio and new width and height
var contentStartPos = self.contentStartPos;
var currentWidth = contentStartPos.width;
var currentHeight = contentStartPos.height;
var currentOffsetX = contentStartPos.left;
var currentOffsetY = contentStartPos.top;
var endDistanceBetweenFingers = distance(self.newPoints[0], self.newPoints[1]);
var pinchRatio = endDistanceBetweenFingers / self.startDistanceBetweenFingers;
var newWidth = Math.floor(currentWidth * pinchRatio);
var newHeight = Math.floor(currentHeight * pinchRatio);
// This is the translation due to pinch-zooming
var translateFromZoomingX = (currentWidth - newWidth) * self.percentageOfImageAtPinchPointX;
var translateFromZoomingY = (currentHeight - newHeight) * self.percentageOfImageAtPinchPointY;
// Point between the two touches
var centerPointEndX = (self.newPoints[0].x + self.newPoints[1].x) / 2 - $(window).scrollLeft();
var centerPointEndY = (self.newPoints[0].y + self.newPoints[1].y) / 2 - $(window).scrollTop();
// And this is the translation due to translation of the centerpoint
// between the two fingers
var translateFromTranslatingX = centerPointEndX - self.centerPointStartX;
var translateFromTranslatingY = centerPointEndY - self.centerPointStartY;
// The new offset is the old/current one plus the total translation
var newOffsetX = currentOffsetX + (translateFromZoomingX + translateFromTranslatingX);
var newOffsetY = currentOffsetY + (translateFromZoomingY + translateFromTranslatingY);
var newPos = {
top: newOffsetY,
left: newOffsetX,
scaleX: pinchRatio,
scaleY: pinchRatio
};
self.canTap = false;
self.newWidth = newWidth;
self.newHeight = newHeight;
self.contentLastPos = newPos;
if (self.requestId) {
cancelAFrame(self.requestId);
}
self.requestId = requestAFrame(function() {
$.fancybox.setTranslate(self.$content, self.contentLastPos);
});
};
Guestures.prototype.ontouchend = function(e) {
var self = this;
var swiping = self.isSwiping;
var panning = self.isPanning;
var zooming = self.isZooming;
var scrolling = self.isScrolling;
self.endPoints = getPointerXY(e);
self.dMs = Math.max(new Date().getTime() - self.startTime, 1);
self.$container.removeClass("fancybox-is-grabbing");
$(document).off(".fb.touch");
document.removeEventListener("scroll", self.onscroll, true);
if (self.requestId) {
cancelAFrame(self.requestId);
self.requestId = null;
}
self.isSwiping = false;
self.isPanning = false;
self.isZooming = false;
self.isScrolling = false;
self.instance.isDragging = false;
if (self.canTap) {
return self.onTap(e);
}
self.speed = 100;
// Speed in px/ms
self.velocityX = (self.distanceX / self.dMs) * 0.5;
self.velocityY = (self.distanceY / self.dMs) * 0.5;
if (panning) {
self.endPanning();
} else if (zooming) {
self.endZooming();
} else {
self.endSwiping(swiping, scrolling);
}
return;
};
Guestures.prototype.endSwiping = function(swiping, scrolling) {
var self = this,
ret = false,
len = self.instance.group.length,
distanceX = Math.abs(self.distanceX),
canAdvance = swiping == "x" && len > 1 && ((self.dMs > 130 && distanceX > 10) || distanceX > 50),
speedX = 300;
self.sliderLastPos = null;
// Close if swiped vertically / navigate if horizontally
if (swiping == "y" && !scrolling && Math.abs(self.distanceY) > 50) {
// Continue vertical movement
$.fancybox.animate(self.instance.current.$slide, {
top: self.sliderStartPos.top + self.distanceY + self.velocityY * 150,
opacity: 0
}, 200);
ret = self.instance.close(true, 250);
} else if (canAdvance && self.distanceX > 0) {
ret = self.instance.previous(speedX);
} else if (canAdvance && self.distanceX < 0) {
ret = self.instance.next(speedX);
}
if (ret === false && (swiping == "x" || swiping == "y")) {
self.instance.centerSlide(200);
}
self.$container.removeClass("fancybox-is-sliding");
};
// Limit panning from edges
// ========================
Guestures.prototype.endPanning = function() {
var self = this,
newOffsetX,
newOffsetY,
newPos;
if (!self.contentLastPos) {
return;
}
if (self.opts.momentum === false || self.dMs > 350) {
newOffsetX = self.contentLastPos.left;
newOffsetY = self.contentLastPos.top;
} else {
// Continue movement
newOffsetX = self.contentLastPos.left + self.velocityX * 500;
newOffsetY = self.contentLastPos.top + self.velocityY * 500;
}
newPos = self.limitPosition(newOffsetX, newOffsetY, self.contentStartPos.width, self.contentStartPos.height);
newPos.width = self.contentStartPos.width;
newPos.height = self.contentStartPos.height;
$.fancybox.animate(self.$content, newPos, 366);
};
Guestures.prototype.endZooming = function() {
var self = this;
var current = self.instance.current;
var newOffsetX, newOffsetY, newPos, reset;
var newWidth = self.newWidth;
var newHeight = self.newHeight;
if (!self.contentLastPos) {
return;
}
newOffsetX = self.contentLastPos.left;
newOffsetY = self.contentLastPos.top;
reset = {
top: newOffsetY,
left: newOffsetX,
width: newWidth,
height: newHeight,
scaleX: 1,
scaleY: 1
};
// Reset scalex/scaleY values; this helps for perfomance and does not break animation
$.fancybox.setTranslate(self.$content, reset);
if (newWidth < self.canvasWidth && newHeight < self.canvasHeight) {
self.instance.scaleToFit(150);
} else if (newWidth > current.width || newHeight > current.height) {
self.instance.scaleToActual(self.centerPointStartX, self.centerPointStartY, 150);
} else {
newPos = self.limitPosition(newOffsetX, newOffsetY, newWidth, newHeight);
$.fancybox.animate(self.$content, newPos, 150);
}
};
Guestures.prototype.onTap = function(e) {
var self = this;
var $target = $(e.target);
var instance = self.instance;
var current = instance.current;
var endPoints = (e && getPointerXY(e)) || self.startPoints;
var tapX = endPoints[0] ? endPoints[0].x - $(window).scrollLeft() - self.stagePos.left : 0;
var tapY = endPoints[0] ? endPoints[0].y - $(window).scrollTop() - self.stagePos.top : 0;
var where;
var process = function(prefix) {
var action = current.opts[prefix];
if ($.isFunction(action)) {
action = action.apply(instance, [current, e]);
}
if (!action) {
return;
}
switch (action) {
case "close":
instance.close(self.startEvent);
break;
case "toggleControls":
instance.toggleControls();
break;
case "next":
instance.next();
break;
case "nextOrClose":
if (instance.group.length > 1) {
instance.next();
} else {
instance.close(self.startEvent);
}
break;
case "zoom":
if (current.type == "image" && (current.isLoaded || current.$ghost)) {
if (instance.canPan()) {
instance.scaleToFit();
} else if (instance.isScaledDown()) {
instance.scaleToActual(tapX, tapY);
} else if (instance.group.length < 2) {
instance.close(self.startEvent);
}
}
break;
}
};
// Ignore right click
if (e.originalEvent && e.originalEvent.button == 2) {
return;
}
// Skip if clicked on the scrollbar
if (!$target.is("img") && tapX > $target[0].clientWidth + $target.offset().left) {
return;
}
// Check where is clicked
if ($target.is(".fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-container")) {
where = "Outside";
} else if ($target.is(".fancybox-slide")) {
where = "Slide";
} else if (instance.current.$content && instance.current.$content.find($target).addBack().filter($target).length) {
where = "Content";
} else {
return;
}
// Check if this is a double tap
if (self.tapped) {
// Stop previously created single tap
clearTimeout(self.tapped);
self.tapped = null;
// Skip if distance between taps is too big
if (Math.abs(tapX - self.tapX) > 50 || Math.abs(tapY - self.tapY) > 50) {
return this;
}
// OK, now we assume that this is a double-tap
process("dblclick" + where);
} else {
// Single tap will be processed if user has not clicked second time within 300ms
// or there is no need to wait for double-tap
self.tapX = tapX;
self.tapY = tapY;
if (current.opts["dblclick" + where] && current.opts["dblclick" + where] !== current.opts["click" + where]) {
self.tapped = setTimeout(function() {
self.tapped = null;
if (!instance.isAnimating) {
process("click" + where);
}
}, 500);
} else {
process("click" + where);
}
}
return this;
};
$(document).on("onActivate.fb", function(e, instance) {
if (instance && !instance.Guestures) {
instance.Guestures = new Guestures(instance);
}
}).on("beforeClose.fb", function(e, instance) {
if (instance && instance.Guestures) {
instance.Guestures.destroy();
}
});
})(window, document, jQuery);
// ==========================================================================
//
// SlideShow
// Enables slideshow functionality
//
// Example of usage:
// $.fancybox.getInstance().SlideShow.start()
//
// ==========================================================================
(function(document, $) {
"use strict";
$.extend(true, $.fancybox.defaults, {
btnTpl: {
slideShow: '<button data-fancybox-play class="fancybox-button fancybox-button--play" title="{{PLAY_START}}">' +
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 5.4v13.2l11-6.6z"/></svg>' +
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.33 5.75h2.2v12.5h-2.2V5.75zm5.15 0h2.2v12.5h-2.2V5.75z"/></svg>' + "</button>"
},
slideShow: {
autoStart: false,
speed: 3000,
progress: true
}
});
var SlideShow = function(instance) {
this.instance = instance;
this.init();
};
$.extend(SlideShow.prototype, {
timer: null,
isActive: false,
$button: null,
init: function() {
var self = this,
instance = self.instance,
opts = instance.group[instance.currIndex].opts.slideShow;
self.$button = instance.$refs.toolbar.find("[data-fancybox-play]").on("click", function() {
self.toggle();
});
if (instance.group.length < 2 || !opts) {
self.$button.hide();
} else if (opts.progress) {
self.$progress = $('<div class="fancybox-progress"></div>').appendTo(instance.$refs.inner);
}
},
set: function(force) {
var self = this,
instance = self.instance,
current = instance.current;
// Check if reached last element
if (current && (force === true || current.opts.loop || instance.currIndex < instance.group.length - 1)) {
if (self.isActive && current.contentType !== "video") {
if (self.$progress) {
$.fancybox.animate(self.$progress.show(), {
scaleX: 1
}, current.opts.slideShow.speed);
}
self.timer = setTimeout(function() {
if (!instance.current.opts.loop && instance.current.index == instance.group.length - 1) {
instance.jumpTo(0);
} else {
instance.next();
}
}, current.opts.slideShow.speed);
}
} else {
self.stop();
instance.idleSecondsCounter = 0;
instance.showControls();
}
},
clear: function() {
var self = this;
clearTimeout(self.timer);
self.timer = null;
if (self.$progress) {
self.$progress.removeAttr("style").hide();
}
},
start: function() {
var self = this,
current = self.instance.current;
if (current) {
self.$button.attr("title", (current.opts.i18n[current.opts.lang] || current.opts.i18n.en).PLAY_STOP).removeClass("fancybox-button--play").addClass("fancybox-button--pause");
self.isActive = true;
if (current.isComplete) {
self.set(true);
}
self.instance.trigger("onSlideShowChange", true);
}
},
stop: function() {
var self = this,
current = self.instance.current;
self.clear();
self.$button.attr("title", (current.opts.i18n[current.opts.lang] || current.opts.i18n.en).PLAY_START).removeClass("fancybox-button--pause").addClass("fancybox-button--play");
self.isActive = false;
self.instance.trigger("onSlideShowChange", false);
if (self.$progress) {
self.$progress.removeAttr("style").hide();
}
},
toggle: function() {
var self = this;
if (self.isActive) {
self.stop();
} else {
self.start();
}
}
});
$(document).on({
"onInit.fb": function(e, instance) {
if (instance && !instance.SlideShow) {
instance.SlideShow = new SlideShow(instance);
}
},
"beforeShow.fb": function(e, instance, current, firstRun) {
var SlideShow = instance && instance.SlideShow;
if (firstRun) {
if (SlideShow && current.opts.slideShow.autoStart) {
SlideShow.start();
}
} else if (SlideShow && SlideShow.isActive) {
SlideShow.clear();
}
},
"afterShow.fb": function(e, instance, current) {
var SlideShow = instance && instance.SlideShow;
if (SlideShow && SlideShow.isActive) {
SlideShow.set();
}
},
"afterKeydown.fb": function(e, instance, current, keypress, keycode) {
var SlideShow = instance && instance.SlideShow;
// "P" or Spacebar
if (SlideShow && current.opts.slideShow && (keycode === 80 || keycode === 32) && !$(document.activeElement).is("button,a,input")) {
keypress.preventDefault();
SlideShow.toggle();
}
},
"beforeClose.fb onDeactivate.fb": function(e, instance) {
var SlideShow = instance && instance.SlideShow;
if (SlideShow) {
SlideShow.stop();
}
}
});
// Page Visibility API to pause slideshow when window is not active
$(document).on("visibilitychange", function() {
var instance = $.fancybox.getInstance(),
SlideShow = instance && instance.SlideShow;
if (SlideShow && SlideShow.isActive) {
if (document.hidden) {
SlideShow.clear();
} else {
SlideShow.set();
}
}
});
})(document, jQuery);
// ==========================================================================
//
// FullScreen
// Adds fullscreen functionality
//
// ==========================================================================
(function(document, $) {
"use strict";
// Collection of methods supported by user browser
var fn = (function() {
var fnMap = [
["requestFullscreen", "exitFullscreen", "fullscreenElement", "fullscreenEnabled", "fullscreenchange", "fullscreenerror"],
// new WebKit
["webkitRequestFullscreen", "webkitExitFullscreen", "webkitFullscreenElement", "webkitFullscreenEnabled", "webkitfullscreenchange", "webkitfullscreenerror"],
// old WebKit (Safari 5.1)
["webkitRequestFullScreen", "webkitCancelFullScreen", "webkitCurrentFullScreenElement", "webkitCancelFullScreen", "webkitfullscreenchange", "webkitfullscreenerror"],
["mozRequestFullScreen", "mozCancelFullScreen", "mozFullScreenElement", "mozFullScreenEnabled", "mozfullscreenchange", "mozfullscreenerror"],
["msRequestFullscreen", "msExitFullscreen", "msFullscreenElement", "msFullscreenEnabled", "MSFullscreenChange", "MSFullscreenError"]
];
var ret = {};
for (var i = 0; i < fnMap.length; i++) {
var val = fnMap[i];
if (val && val[1] in document) {
for (var j = 0; j < val.length; j++) {
ret[fnMap[0][j]] = val[j];
}
return ret;
}
}
return false;
})();
if (fn) {
var FullScreen = {
request: function(elem) {
elem = elem || document.documentElement;
elem[fn.requestFullscreen](elem.ALLOW_KEYBOARD_INPUT);
},
exit: function() {
document[fn.exitFullscreen]();
},
toggle: function(elem) {
elem = elem || document.documentElement;
if (this.isFullscreen()) {
this.exit();
} else {
this.request(elem);
}
},
isFullscreen: function() {
return Boolean(document[fn.fullscreenElement]);
},
enabled: function() {
return Boolean(document[fn.fullscreenEnabled]);
}
};
$.extend(true, $.fancybox.defaults, {
btnTpl: {
fullScreen: '<button data-fancybox-fullscreen class="fancybox-button fancybox-button--fsenter" title="{{FULL_SCREEN}}">' +
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>' +
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 16h3v3h2v-5H5zm3-8H5v2h5V5H8zm6 11h2v-3h3v-2h-5zm2-11V5h-2v5h5V8z"/></svg>' + "</button>"
},
fullScreen: {
autoStart: false
}
});
$(document).on(fn.fullscreenchange, function() {
var isFullscreen = FullScreen.isFullscreen(),
instance = $.fancybox.getInstance();
if (instance) {
// If image is zooming, then force to stop and reposition properly
if (instance.current && instance.current.type === "image" && instance.isAnimating) {
instance.isAnimating = false;
instance.update(true, true, 0);
if (!instance.isComplete) {
instance.complete();
}
}
instance.trigger("onFullscreenChange", isFullscreen);
instance.$refs.container.toggleClass("fancybox-is-fullscreen", isFullscreen);
instance.$refs.toolbar.find("[data-fancybox-fullscreen]").toggleClass("fancybox-button--fsenter", !isFullscreen).toggleClass("fancybox-button--fsexit", isFullscreen);
}
});
}
$(document).on({
"onInit.fb": function(e, instance) {
var $container;
if (!fn) {
instance.$refs.toolbar.find("[data-fancybox-fullscreen]").remove();
return;
}
if (instance && instance.group[instance.currIndex].opts.fullScreen) {
$container = instance.$refs.container;
$container.on("click.fb-fullscreen", "[data-fancybox-fullscreen]", function(e) {
e.stopPropagation();
e.preventDefault();
FullScreen.toggle();
});
if (instance.opts.fullScreen && instance.opts.fullScreen.autoStart === true) {
FullScreen.request();
}
// Expose API
instance.FullScreen = FullScreen;
} else if (instance) {
instance.$refs.toolbar.find("[data-fancybox-fullscreen]").hide();
}
},
"afterKeydown.fb": function(e, instance, current, keypress, keycode) {
// "F"
if (instance && instance.FullScreen && keycode === 70) {
keypress.preventDefault();
instance.FullScreen.toggle();
}
},
"beforeClose.fb": function(e, instance) {
if (instance && instance.FullScreen && instance.$refs.container.hasClass("fancybox-is-fullscreen")) {
FullScreen.exit();
}
}
});
})(document, jQuery);
// ==========================================================================
//
// Thumbs
// Displays thumbnails in a grid
//
// ==========================================================================
(function(document, $) {
"use strict";
var CLASS = "fancybox-thumbs",
CLASS_ACTIVE = CLASS + "-active";
// Make sure there are default values
$.fancybox.defaults = $.extend(true, {
btnTpl: {
thumbs: '<button data-fancybox-thumbs class="fancybox-button fancybox-button--thumbs" title="{{THUMBS}}">' +
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.59 14.59h3.76v3.76h-3.76v-3.76zm-4.47 0h3.76v3.76h-3.76v-3.76zm-4.47 0h3.76v3.76H5.65v-3.76zm8.94-4.47h3.76v3.76h-3.76v-3.76zm-4.47 0h3.76v3.76h-3.76v-3.76zm-4.47 0h3.76v3.76H5.65v-3.76zm8.94-4.47h3.76v3.76h-3.76V5.65zm-4.47 0h3.76v3.76h-3.76V5.65zm-4.47 0h3.76v3.76H5.65V5.65z"/></svg>' +
"</button>"
},
thumbs: {
autoStart: false, // Display thumbnails on opening
hideOnClose: true, // Hide thumbnail grid when closing animation starts
parentEl: ".fancybox-container", // Container is injected into this element
axis: "y" // Vertical (y) or horizontal (x) scrolling
}
}, $.fancybox.defaults);
var FancyThumbs = function(instance) {
this.init(instance);
};
$.extend(FancyThumbs.prototype, {
$button: null,
$grid: null,
$list: null,
isVisible: false,
isActive: false,
init: function(instance) {
var self = this,
group = instance.group,
enabled = 0;
self.instance = instance;
self.opts = group[instance.currIndex].opts.thumbs;
instance.Thumbs = self;
self.$button = instance.$refs.toolbar.find("[data-fancybox-thumbs]");
// Enable thumbs if at least two group items have thumbnails
for (var i = 0, len = group.length; i < len; i++) {
if (group[i].thumb) {
enabled++;
}
if (enabled > 1) {
break;
}
}
if (enabled > 1 && !!self.opts) {
self.$button.removeAttr("style").on("click", function() {
self.toggle();
});
self.isActive = true;
} else {
self.$button.hide();
}
},
create: function() {
var self = this,
instance = self.instance,
parentEl = self.opts.parentEl,
list = [],
src;
if (!self.$grid) {
// Create main element
self.$grid = $('<div class="' + CLASS + " " + CLASS + "-" + self.opts.axis + '"></div>').appendTo(instance.$refs.container.find(parentEl).addBack().filter(parentEl));
// Add "click" event that performs gallery navigation
self.$grid.on("click", "a", function() {
instance.jumpTo($(this).attr("data-index"));
});
}
// Build the list
if (!self.$list) {
self.$list = $('<div class="' + CLASS + '__list">').appendTo(self.$grid);
}
$.each(instance.group, function(i, item) {
src = item.thumb;
if (!src && item.type === "image") {
src = item.src;
}
list.push('<a href="/javascript:;" tabindex="0" data-index="' + i + '"' + (src && src.length ? ' style="background-image:url(' + src + ')"' : 'class="fancybox-thumbs-missing"') + "></a>");
});
self.$list[0].innerHTML = list.join("");
if (self.opts.axis === "x") {
// Set fixed width for list element to enable horizontal scrolling
self.$list.width(parseInt(self.$grid.css("padding-right"), 10) + instance.group.length * self.$list.children().eq(0).outerWidth(true));
}
},
focus: function(duration) {
var self = this,
$list = self.$list,
$grid = self.$grid,
thumb,
thumbPos;
if (!self.instance.current) {
return;
}
thumb = $list.children().removeClass(CLASS_ACTIVE).filter('[data-index="' + self.instance.current.index + '"]').addClass(CLASS_ACTIVE);
thumbPos = thumb.position();
// Check if need to scroll to make current thumb visible
if (self.opts.axis === "y" && (thumbPos.top < 0 || thumbPos.top > $list.height() - thumb.outerHeight())) {
$list.stop().animate({
scrollTop: $list.scrollTop() + thumbPos.top
}, duration);
} else if (self.opts.axis === "x" && (thumbPos.left < $grid.scrollLeft() || thumbPos.left > $grid.scrollLeft() + ($grid.width() - thumb.outerWidth()))) {
$list.parent().stop().animate({
scrollLeft: thumbPos.left
}, duration);
}
},
update: function() {
var that = this;
that.instance.$refs.container.toggleClass("fancybox-show-thumbs", this.isVisible);
if (that.isVisible) {
if (!that.$grid) {
that.create();
}
that.instance.trigger("onThumbsShow");
that.focus(0);
} else if (that.$grid) {
that.instance.trigger("onThumbsHide");
}
// Update content position
that.instance.update();
},
hide: function() {
this.isVisible = false;
this.update();
},
show: function() {
this.isVisible = true;
this.update();
},
toggle: function() {
this.isVisible = !this.isVisible;
this.update();
}
});
$(document).on({
"onInit.fb": function(e, instance) {
var Thumbs;
if (instance && !instance.Thumbs) {
Thumbs = new FancyThumbs(instance);
if (Thumbs.isActive && Thumbs.opts.autoStart === true) {
Thumbs.show();
}
}
},
"beforeShow.fb": function(e, instance, item, firstRun) {
var Thumbs = instance && instance.Thumbs;
if (Thumbs && Thumbs.isVisible) {
Thumbs.focus(firstRun ? 0 : 250);
}
},
"afterKeydown.fb": function(e, instance, current, keypress, keycode) {
var Thumbs = instance && instance.Thumbs;
// "G"
if (Thumbs && Thumbs.isActive && keycode === 71) {
keypress.preventDefault();
Thumbs.toggle();
}
},
"beforeClose.fb": function(e, instance) {
var Thumbs = instance && instance.Thumbs;
if (Thumbs && Thumbs.isVisible && Thumbs.opts.hideOnClose !== false) {
Thumbs.$grid.hide();
}
}
});
})(document, jQuery);
//// ==========================================================================
//
// Share
// Displays simple form for sharing current url
//
// ==========================================================================
(function(document, $) {
"use strict";
$.extend(true, $.fancybox.defaults, {
btnTpl: {
share: '<button data-fancybox-share class="fancybox-button fancybox-button--share" title="{{SHARE}}">' +
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2.55 19c1.4-8.4 9.1-9.8 11.9-9.8V5l7 7-7 6.3v-3.5c-2.8 0-10.5 2.1-11.9 4.2z"/></svg>' + "</button>"
},
share: {
url: function(instance, item) {
return (
(!instance.currentHash && !(item.type === "inline" || item.type === "html") ? item.origSrc || item.src : false) || window.location);
},
tpl: '<div class="fancybox-share">' + "<h1>{{SHARE}}</h1>" + "<p>" + '<a class="fancybox-share__button fancybox-share__button--fb" href="https://www.facebook.com/sharer/sharer.php?u={{url}}">' +
'<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m287 456v-299c0-21 6-35 35-35h38v-63c-7-1-29-3-55-3-54 0-91 33-91 94v306m143-254h-205v72h196" /></svg>' + "<span>Facebook</span>" + "</a>" +
'<a class="fancybox-share__button fancybox-share__button--tw" href="https://twitter.com/intent/tweet?url={{url}}&text={{descr}}">' +
'<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m456 133c-14 7-31 11-47 13 17-10 30-27 37-46-15 10-34 16-52 20-61-62-157-7-141 75-68-3-129-35-169-85-22 37-11 86 26 109-13 0-26-4-37-9 0 39 28 72 65 80-12 3-25 4-37 2 10 33 41 57 77 57-42 30-77 38-122 34 170 111 378-32 359-208 16-11 30-25 41-42z" /></svg>' +
"<span>Twitter</span>" + "</a>" + '<a class="fancybox-share__button fancybox-share__button--pt" href="https://www.pinterest.com/pin/create/button/?url={{url}}&description={{descr}}&media={{media}}">' +
'<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m265 56c-109 0-164 78-164 144 0 39 15 74 47 87 5 2 10 0 12-5l4-19c2-6 1-8-3-13-9-11-15-25-15-45 0-58 43-110 113-110 62 0 96 38 96 88 0 67-30 122-73 122-24 0-42-19-36-44 6-29 20-60 20-81 0-19-10-35-31-35-25 0-44 26-44 60 0 21 7 36 7 36l-30 125c-8 37-1 83 0 87 0 3 4 4 5 2 2-3 32-39 42-75l16-64c8 16 31 29 56 29 74 0 124-67 124-157 0-69-58-132-146-132z" fill="#fff"/></svg>' +
"<span>Pinterest</span>" + "</a>" + "</p>" + '<p><input class="fancybox-share__input" type="text" value="{{url_raw}}" onclick="select()" /></p>' + "</div>"
}
});
function escapeHtml(string) {
var entityMap = {
"&": "&",
"<": "<",
">": ">",
'"': """,
"'": "'",
"/": "/",
"`": "`",
"=": "="
};
return String(string).replace(/[&<>"'`=\/]/g, function(s) {
return entityMap[s];
});
}
$(document).on("click", "[data-fancybox-share]", function() {
var instance = $.fancybox.getInstance(),
current = instance.current || null,
url,
tpl;
if (!current) {
return;
}
if ($.type(current.opts.share.url) === "function") {
url = current.opts.share.url.apply(current, [instance, current]);
}
tpl = current.opts.share.tpl.replace(/\{\{media\}\}/g, current.type === "image" ? encodeURIComponent(current.src) : "").replace(/\{\{url\}\}/g, encodeURIComponent(url)).replace(/\{\{url_raw\}\}/g, escapeHtml(url))
.replace(/\{\{descr\}\}/g, instance.$caption ? encodeURIComponent(instance.$caption.text()) : "");
$.fancybox.open({
src: instance.translate(instance, tpl),
type: "html",
opts: {
touch: false,
animationEffect: false,
afterLoad: function(shareInstance, shareCurrent) {
// Close self if parent instance is closing
instance.$refs.container.one("beforeClose.fb", function() {
shareInstance.close(null, 0);
});
// Opening links in a popup window
shareCurrent.$content.find(".fancybox-share__button").click(function() {
window.open(this.href, "Share", "width=550, height=450");
return false;
});
},
mobile: {
autoFocus: false
}
}
});
});
})(document, jQuery);
// ==========================================================================
//
// Hash
// Enables linking to each modal
//
// ==========================================================================
(function(window, document, $) {
"use strict";
// Simple $.escapeSelector polyfill (for jQuery prior v3)
if (!$.escapeSelector) {
$.escapeSelector = function(sel) {
var rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g;
var fcssescape = function(ch, asCodePoint) {
if (asCodePoint) {
// U+0000 NULL becomes U+FFFD REPLACEMENT CHARACTER
if (ch === "\0") {
return "\uFFFD";
}
// Control characters and (dependent upon position) numbers get escaped as code points
return ch.slice(0, -1) + "\\" + ch.charCodeAt(ch.length - 1).toString(16) + " ";
}
// Other potentially-special ASCII characters get backslash-escaped
return "\\" + ch;
};
return (sel + "").replace(rcssescape, fcssescape);
};
}
// Get info about gallery name and current index from url
function parseUrl() {
var hash = window.location.hash.substr(1),
rez = hash.split("-"),
index = rez.length > 1 && /^\+?\d+$/.test(rez[rez.length - 1]) ? parseInt(rez.pop(-1), 10) || 1 : 1,
gallery = rez.join("-");
return {
hash: hash,
/* Index is starting from 1 */
index: index < 1 ? 1 : index,
gallery: gallery
};
}
// Trigger click evnt on links to open new fancyBox instance
function triggerFromUrl(url) {
if (url.gallery !== "") {
// If we can find element matching 'data-fancybox' atribute,
// then triggering click event should start fancyBox
$("[data-fancybox='" + $.escapeSelector(url.gallery) + "']").eq(url.index - 1).focus().trigger("click.fb-start");
}
}
// Get gallery name from current instance
function getGalleryID(instance) {
var opts, ret;
if (!instance) {
return false;
}
opts = instance.current ? instance.current.opts : instance.opts;
ret = opts.hash || (opts.$orig ? opts.$orig.data("fancybox") || opts.$orig.data("fancybox-trigger") : "");
return ret === "" ? false : ret;
}
// Start when DOM becomes ready
$(function() {
// Check if user has disabled this module
if ($.fancybox.defaults.hash === false) {
return;
}
// Update hash when opening/closing fancyBox
$(document).on({
"onInit.fb": function(e, instance) {
var url, gallery;
if (instance.group[instance.currIndex].opts.hash === false) {
return;
}
url = parseUrl();
gallery = getGalleryID(instance);
// Make sure gallery start index matches index from hash
if (gallery && url.gallery && gallery == url.gallery) {
instance.currIndex = url.index - 1;
}
},
"beforeShow.fb": function(e, instance, current, firstRun) {
var gallery;
if (!current || current.opts.hash === false) {
return;
}
// Check if need to update window hash
gallery = getGalleryID(instance);
if (!gallery) {
return;
}
// Variable containing last hash value set by fancyBox
// It will be used to determine if fancyBox needs to close after hash change is detected
instance.currentHash = gallery + (instance.group.length > 1 ? "-" + (current.index + 1) : "");
// If current hash is the same (this instance most likely is opened by hashchange), then do nothing
if (window.location.hash === "#" + instance.currentHash) {
return;
}
if (firstRun && !instance.origHash) {
instance.origHash = window.location.hash;
}
if (instance.hashTimer) {
clearTimeout(instance.hashTimer);
}
// Update hash
instance.hashTimer = setTimeout(function() {
if ("replaceState" in window.history) {
window.history[firstRun ? "pushState" : "replaceState"]({}, document.title, window.location.pathname + window.location.search + "#" + instance.currentHash);
if (firstRun) {
instance.hasCreatedHistory = true;
}
} else {
window.location.hash = instance.currentHash;
}
instance.hashTimer = null;
}, 300);
},
"beforeClose.fb": function(e, instance, current) {
if (!current || current.opts.hash === false) {
return;
}
clearTimeout(instance.hashTimer);
// Goto previous history entry
if (instance.currentHash && instance.hasCreatedHistory) {
window.history.back();
} else if (instance.currentHash) {
if ("replaceState" in window.history) {
window.history.replaceState({}, document.title, window.location.pathname + window.location.search + (instance.origHash || ""));
} else {
window.location.hash = instance.origHash;
}
}
instance.currentHash = null;
}
});
// Check if need to start/close after url has changed
$(window).on("hashchange.fb", function() {
var url = parseUrl(),
fb = null;
// Find last fancyBox instance that has "hash"
$.each($(".fancybox-container").get().reverse(), function(index, value) {
var tmp = $(value).data("FancyBox");
if (tmp && tmp.currentHash) {
fb = tmp;
return false;
}
});
if (fb) {
// Now, compare hash values
if (fb.currentHash !== url.gallery + "-" + url.index && !(url.index === 1 && fb.currentHash == url.gallery)) {
fb.currentHash = null;
fb.close();
}
} else if (url.gallery !== "") {
triggerFromUrl(url);
}
});
// Check current hash and trigger click event on matching element to start fancyBox, if needed
setTimeout(function() {
if (!$.fancybox.getInstance()) {
triggerFromUrl(parseUrl());
}
}, 50);
});
})(window, document, jQuery);
// ==========================================================================
//
// Wheel
// Basic mouse weheel support for gallery navigation
//
// ==========================================================================
(function(document, $) {
"use strict";
var prevTime = new Date().getTime();
$(document).on({
"onInit.fb": function(e, instance, current) {
instance.$refs.stage.on("mousewheel DOMMouseScroll wheel MozMousePixelScroll", function(e) {
var current = instance.current,
currTime = new Date().getTime();
if (instance.group.length < 2 || current.opts.wheel === false || (current.opts.wheel === "auto" && current.type !== "image")) {
return;
}
e.preventDefault();
e.stopPropagation();
if (current.$slide.hasClass("fancybox-animated")) {
return;
}
e = e.originalEvent || e;
if (currTime - prevTime < 250) {
return;
}
prevTime = currTime;
instance[(-e.deltaY || -e.deltaX || e.wheelDelta || -e.detail) < 0 ? "next" : "previous"]();
});
}
});
})(document, jQuery);
</script>
</span></div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtTabbedContent" style="margin-top: 0px;">
<script>
function getParameterByName(tabid) {
var regexS = "[\\?&]tabid=([^&#]*)",
regex = new RegExp(regexS),
results = regex.exec(window.location.search);
if (results == null) {
return "";
} else {
return decodeURIComponent(results[1].replace(/\+/g, " "));
}
}
</script>
<script>
$(document).ready(function() {
var reqTabId = getParameterByName('tabid').toLowerCase().replace(/-/g, '').replace(/ /g, '');
if (reqTabId != '') {
$('[tabid=' + reqTabId + ']').click();
}
});
</script><span id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtTabbedContent_wt7_wtListRecords1"></span>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtBelow" style="margin-top: 0px;">
<div style="margin-top: 0px;"></div>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtBottom" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtBottom_wt20_wtBottomContainer" class="pCMS_BottomContainer pCMS_BottomContainer_personal" style="margin-top: 0px;margin-top: 0px;display:none"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtBottom_wt20_wtBottomList"></span></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtNavigation" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtNavigation_wt27_wtNavigationBarContainer" class="pCMS_NavigationBarContainer pCMS_NavigationBarContainer_personal" style="margin-top: 0px;"></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtFooter" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtFooter_wt22_wtFooterContainer" class="pCMS_FooterContainer pCMS_FooterContainer_personal"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtFooter_wt22_wtFooterList"></span></div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_wtBespokeFooter"></div>
</div>
<script>
SilkDeviceDetect.init('desktop', false, false, '', false, false, false)
</script>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_WebPatterns_wt11_block_wt13_wtdivWait" class="Feedback_AjaxWait" style="text-align: center;text-align: center;display:none">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_WebPatterns_wt11_block_wt13_wtloader" class="Loader"></div>Loading
</div>
<script>
RichWidgets_Feedback_AjaxWait_init('pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_WebPatterns_wt11_block_wt13_wtdivWait');
</script><span id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_WebPatterns_wt11_block_RichWidgets_wt9_block">
<script type="text/javascript">
OsRegisterExceptionHandler(RichWidgets_Feedback_Message_ErrorHandler)
</script>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_WebPatterns_wt11_block_RichWidgets_wt9_block_wtFeedback_Wrapper" class="Feedback_Message_Wrapper"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_WebPatterns_wt11_block_RichWidgets_wt9_block_wtnotify"><span class="NotifyWidget"></span>
<script type="text/javascript">
//<![CDATA[
RichWidgets_Feedback_Message_notifyWidget = 'pCMS_wt3_block_wt15_wtGenericContent_wt14_wt1_wt22_wt5_WebPatterns_wt11_block_RichWidgets_wt9_block_wtnotify';
//]]>
</script>
</span></div>
</span>
<!-- Content Version : 28/10/2021 08:07:04 UTC [Content Caching Active] -->
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_wtFooterContainer" class="FooterContainer">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_wtSectionContainer" class="SectionContainer"><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems" class="ListRecords">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wtMenuPanelItem" class="pCMS_SiteMenuPanelItem AER LTDHero personal-landing">
<div class="pCMS_SiteMenuSection">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenu" class="pCMS_SubMenu OSInline" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSectionTitle" class="pCMS_SectionTitle ">Paragon Bank PLC</div><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList" class="ListRecords">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl00_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl00_wtSiteMenuItemText" class="pCMS_SiteMenuItemText ">
<p>Head office<br>Paragon<br>51 Homer Road<br>Solihull<br>West Midlands<br>B91 3QJ</p>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl02_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl02_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl02_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl02_wt14_wt5_wtMenuItemLink" tabindex="1817" target="" href="/who-we-are">About us</a></div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl04_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl04_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl04_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl04_wt14_wt5_wtMenuItemLink" tabindex="1818" target="" href="/news-and-media">News and media</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl06_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl06_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl06_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl06_wt14_wt5_wtMenuItemLink" tabindex="1819" target="" href="https://www.paragonbank.co.uk/contact-us">Contact</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl08_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl08_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl08_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl00_wt3_wtSubMenuList_ctl08_wt14_wt5_wtMenuItemLink" tabindex="1820" target="_blank" href="https://www.paragonbankinggroup.co.uk/careers/">Careers</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wtMenuPanelItem" class="pCMS_SiteMenuPanelItem AER LTDHero personal-landing">
<div class="pCMS_SiteMenuSection">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenu" class="pCMS_SubMenu OSInline" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSectionTitle" class="pCMS_SectionTitle ">Personal</div><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList" class="ListRecords">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl00_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl00_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl00_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl00_wt14_wt5_wtMenuItemLink" tabindex="1823" target="" href="/savings">Savings</a></div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl02_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl02_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl02_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl02_wt14_wt5_wtMenuItemLink" tabindex="1824" target="" href="https://www.paragonbank.co.uk/personal/mortgages">Mortgages</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl04_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl04_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl04_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl04_wt14_wt5_wtMenuItemLink" tabindex="1825" target="" href="https://www.paragonbank.co.uk/personal/loans">Loans</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl06_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl06_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl06_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl06_wt14_wt5_wtMenuItemLink" tabindex="1826" target="" href="https://www.paragonbank.co.uk/faq">FAQs</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl08_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl08_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl08_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl08_wt14_wt5_wtMenuItemLink" tabindex="1827" target="" href="/personal/documents">Documents</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl10_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl10_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl10_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl10_wt14_wt5_wtMenuItemLink" tabindex="1828" target="" href="/contact-us?tabid=personal">Contact</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl12_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl12_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl12_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl12_wt14_wt5_wtMenuItemLink" tabindex="1829" target="" href="/contact-us?tabid=personal_complaints">Complaints</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl14_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl14_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl14_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl02_wt3_wtSubMenuList_ctl14_wt14_wt5_wtMenuItemLink" tabindex="1830" target="" href="/personal/loans/financial-help">Need financial help?</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wtMenuPanelItem" class="pCMS_SiteMenuPanelItem AER LTDHero personal-landing">
<div class="pCMS_SiteMenuSection">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenu" class="pCMS_SubMenu OSInline" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSectionTitle" class="pCMS_SectionTitle ">Business</div><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList" class="ListRecords">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl00_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl00_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl00_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl00_wt14_wt5_wtMenuItemLink" tabindex="1833" target="" href="/business/mortgages">Mortgages</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl02_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl02_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl02_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl02_wt14_wt5_wtMenuItemLink" tabindex="1834" target="" href="https://www.paragonbank.co.uk/business/loans">Loans</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl04_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl04_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl04_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl04_wt14_wt5_wtMenuItemLink" tabindex="1835" target="" href="/business/documents">Documents</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl06_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl06_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl06_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl06_wt14_wt5_wtMenuItemLink" tabindex="1836" target="" href="/contact-us?tabid=business">Contact</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl08_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl08_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl08_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl04_wt3_wtSubMenuList_ctl08_wt14_wt5_wtMenuItemLink" tabindex="1837" target="" href="/contact-us/complaints?tabid=business-complaints">Complaints</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wtMenuPanelItem" class="pCMS_SiteMenuPanelItem AER LTDHero personal-landing">
<div class="pCMS_SiteMenuSection">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenu" class="pCMS_SubMenu OSInline" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSectionTitle" class="pCMS_SectionTitle ">Intermediary</div><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList" class="ListRecords">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl00_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl00_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl00_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl00_wt14_wt5_wtMenuItemLink" tabindex="1840" target="" href="https://www.paragonbank.co.uk/intermediary/mortgages">Mortgages</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl02_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl02_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl02_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl02_wt14_wt5_wtMenuItemLink" tabindex="1841" target="" href="/intermediary/loans">Loans</a></div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl04_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl04_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl04_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl04_wt14_wt5_wtMenuItemLink" tabindex="1842" target="" href="https://www.paragonbank.co.uk/intermediary-faqs">FAQs</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl06_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl06_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl06_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl06_wt14_wt5_wtMenuItemLink" tabindex="1843" target="" href="/intermediary/documents">Documents</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl08_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl08_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl08_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl08_wt14_wt5_wtMenuItemLink" tabindex="1844" target="" href="/contact-us?tabid=intermediary">Contact</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl10_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl10_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl10_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl06_wt3_wtSubMenuList_ctl10_wt14_wt5_wtMenuItemLink" tabindex="1845" target="" href="/contact-us/complaints?tabid=intermediary">Complaints</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wtMenuPanelItem" class="pCMS_SiteMenuPanelItem AER LTDHero personal-landing">
<div class="pCMS_SiteMenuSection">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenu" class="pCMS_SubMenu OSInline" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSectionTitle" class="pCMS_SectionTitle ">Useful information</div><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList" class="ListRecords">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl00_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl00_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl00_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl00_wt14_wt5_wtMenuItemLink" tabindex="1848" target="" href="https://www.paragonbank.co.uk/accessibility">Accessibility</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl02_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl02_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl02_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl02_wt14_wt5_wtMenuItemLink" tabindex="1849" target="" href="/data-protection">Privacy</a></div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl04_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl04_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl04_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl04_wt14_wt5_wtMenuItemLink" tabindex="1850" target="" href="/cookies">Cookies</a></div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl06_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl06_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl06_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl06_wt14_wt5_wtMenuItemLink" tabindex="1851" target="" href="/terms">Legal information</a></div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl08_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl08_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl08_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl08_wt14_wt5_wtMenuItemLink" tabindex="1852" target="" href="https://www.paragonbank.co.uk/contact-us/financial-services-compensation-scheme">FSCS</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl10_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl10_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl10_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl10_wt14_wt5_wtMenuItemLink" tabindex="1853" target="" href="/security">Security</a></div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl12_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl12_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl12_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl12_wt14_wt5_wtMenuItemLink" tabindex="1854" target="" href="https://www.paragonbankinggroup.co.uk/contact-us/_hidden/mss">Modern slavery statement</a>
</div>
</div>
</div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl14_wtSubMenuItem" class="pCMS_SubMenuItem AER LTDHero personal-landing" style="margin-top: 0px;">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl14_wt14_wtSiteMenuItemContainer" class="pCMS_SiteMenuItemContainer ">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl14_wt14_wt5_wtMenuLinkContainer" class="pCMS_MenuLinkContainer">
<a id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt2_block_wtSiteMenuItems_ctl08_wt3_wtSubMenuList_ctl14_wt14_wt5_wtMenuItemLink" tabindex="1855" target="" href="https://www.paragonbank.co.uk/sitemap">Sitemap</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
</span></div>
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_wtRegulatorySectionContainer" class="RegulatorySectionContainer"><span id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt5_block_wt3_wtContentList"
class="ListRecords">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt5_block_wt3_wtContentList_ctl00_wt5_wt29_wt16_wtMainContentContainer" class="RegFooter AER LTDHero personal-landing" name="regulatory_footer_text">
<div id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt5_block_wt3_wtContentList_ctl00_wt5_wt29_wt16_wtContentContainer" class="pCMS_ContentItem OSAutoMarginTop"><span
id="pCMS_wt3_block_wt15_wtGenericContent_wtBespokeFooter_wt5_pCMS_wt5_block_wt3_wtContentList_ctl00_wt5_wt29_wt16_wt16_wtMainHTML">
<p>Paragon Bank PLC is authorised by the Prudential Regulation Authority and regulated by the Financial Conduct Authority and the Prudential Regulation Authority. Registered in England number 05390593. Registered office 51 Homer
Road, Solihull, West Midlands B91 3QJ. Paragon Bank PLC is registered on the Financial Services Register under the firm reference number 604551</p>
</span></div>
</div>
</span></div>
</div>
</div>
</div>
</div>
</div>
<script>
SilkDeviceDetect.init('desktop', false, false, 'chrome', false, false, false)
</script>
<div id="pCMS_wt3_block_wt15_WebPatterns_wt11_block_wt13_wtdivWait" class="Feedback_AjaxWait" style="text-align: center;text-align: center;display:none">
<div id="pCMS_wt3_block_wt15_WebPatterns_wt11_block_wt13_wtloader" class="Loader"></div>Loading
</div>
<script>
RichWidgets_Feedback_AjaxWait_init('pCMS_wt3_block_wt15_WebPatterns_wt11_block_wt13_wtdivWait');
</script><span id="pCMS_wt3_block_wt15_WebPatterns_wt11_block_RichWidgets_wt9_block">
<script type="text/javascript">
OsRegisterExceptionHandler(RichWidgets_Feedback_Message_ErrorHandler)
</script>
<div id="pCMS_wt3_block_wt15_WebPatterns_wt11_block_RichWidgets_wt9_block_wtFeedback_Wrapper" class="Feedback_Message_Wrapper"><span id="pCMS_wt3_block_wt15_WebPatterns_wt11_block_RichWidgets_wt9_block_wtnotify"><span class="NotifyWidget"></span>
<script type="text/javascript">
//<![CDATA[
RichWidgets_Feedback_Message_notifyWidget = 'pCMS_wt3_block_wt15_WebPatterns_wt11_block_RichWidgets_wt9_block_wtnotify';
//]]>
</script>
</span></div>
</span>
<script>
SilkDeviceDetect.init('desktop', false, false, 'chrome', false, false, false)
</script>
<div id="pCMS_wt3_block_wt15_WebPatterns_wt6_block_wt13_wtdivWait" class="Feedback_AjaxWait" style="text-align: center;text-align: center;display:none">
<div id="pCMS_wt3_block_wt15_WebPatterns_wt6_block_wt13_wtloader" class="Loader"></div>Loading
</div>
<script>
RichWidgets_Feedback_AjaxWait_init('pCMS_wt3_block_wt15_WebPatterns_wt6_block_wt13_wtdivWait');
</script><span id="pCMS_wt3_block_wt15_WebPatterns_wt6_block_RichWidgets_wt9_block">
<script type="text/javascript">
OsRegisterExceptionHandler(RichWidgets_Feedback_Message_ErrorHandler)
</script>
<div id="pCMS_wt3_block_wt15_WebPatterns_wt6_block_RichWidgets_wt9_block_wtFeedback_Wrapper" class="Feedback_Message_Wrapper"><span id="pCMS_wt3_block_wt15_WebPatterns_wt6_block_RichWidgets_wt9_block_wtnotify"><span class="NotifyWidget"></span>
<script type="text/javascript">
//<![CDATA[
RichWidgets_Feedback_Message_notifyWidget = 'pCMS_wt3_block_wt15_WebPatterns_wt6_block_RichWidgets_wt9_block_wtnotify';
//]]>
</script>
</span></div>
</span>
<script type="text/javascript">
outsystems.internal.$.get("/ParagonBank_Viewer/_status.aspx")
</script>
<script type="text/javascript">
//<![CDATA[
var OsPage_ValidatorsOrder = new Array("pCMS_wt3_block_wt15_wtGenericContent_wt14_wt2_WebPatterns_wt21_block_wt8", "pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt33_block_wtSearchInput",
"pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt22_block_wtContent_wt57_pCMS_wt16_block_wtSearchInput");
var OsPage_Validators = new Array({}, {
controltovalidate: "pCMS_wt3_block_wt15_wtGenericContent_wtBespokeHeader_wt1_WebPatterns_wt43_block_wtContent_pCMS_wt33_block_wtSearchInput",
evaluationfunction: "OsCustomValidatorEvaluateIsValid",
errormessage: "Text expected!",
clientvalidationfunction: "OsCustomValidatorText"
});
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var OsPage_ValidationActive = false;
OsValidatorOnLoad();
function OsValidatorOnSubmit() {
if (OsPage_ValidationActive) {
return OsValidatorCommonOnSubmit();
}
return true;
}
// ]]>
</script>
</form>Text Content
We use cookies to track usage and preferences. Accept cookies Manage cookies This site will not render correctly without Javascript. Please enable Javascript in your browser settings. Site Preview Use up and down arrows to select available result. Press enter to go to selected search result. Touch devices users can use touch and swipe gestures. About us News room Blog Contact Careers Investors Personal Business Intermediary HomeSavings SAVINGS Reach your savings goals with our simple, straightforward savings accounts and cash ISAs. Savings accounts Savings Fixed Rate Access Cash ISAs Fixed Rate Access Lifetime ISA View all accounts FIXED RATE SAVINGS ACCOUNTS 1.65% Enjoy peace of mind and higher returns with our Fixed Rate Savings Accounts * Manage your account easily online or by post * Monthly or annual interest * Top up your account for the first five days after your opening deposit View Accounts Helpful information Historic rates FAQs FSCS Security Our awards Savings explained Savings documents Customer reviews MANAGING YOUR SAVINGS ONLINE COULDN'T BE EASIER WITH US. Learn more Mortgages MORTGAGES Discover our range of specialist buy-to-let and residential mortgages, available through intermediaries. New and existing customers Buy-to-let mortgages Residential mortgages Second charge mortgages Helpful information Mortgage blog Mortgage documents Intermediaries Buy-to-let mortgages Residential mortgages Helpful information Intermediary mortgage documents FAQs INTERMEDIARY PORTAL It’s easier than ever for you to manage your buy-to-let cases with us. Log in to our portal today and benefit from many features. Learn more Loans LOANS Find the right finance to get you moving with our tailored business and personal loans. Intermediaries Asset finance Development finance Motor finance Professions finance Business customers Asset finance Development finance Structured lending Invoice finance Personal customers Motor finance Helpful Information Personal loan documents Business loan documents Intermediary loan documents FAQs INTRODUCING OUR NEW ASSET FINANCE BROKER PORTAL Developed in response to your feedback about the need for speed, simplicity and accuracy of lending applications, you can now log in and apply in minutes. Find out more Contact ContactGet in touchComplaints Help centre Helpful informationAbout usNews and mediaOur awardsFAQsDocumentsNeed financial help?FSCS Login PersonalSavingsBuy-to-let mortgagesBusiness CustomersInvoice finance - CashflowInvoice finance - E-bondedIntermediariesAsset financeBuy-to-let mortgagesSecond charge mortgagesResidential mortgagesMotor finance Site Preview FREEDOM WITH OUR AWARD-WINNING CASH ISAS Up to 1.31%AER* Freedom from the ISA rules with our award-winning Cash ISAs. You can spread your ISA allowance across our range, transfer your ISAs from other providers and open and manage your Fixed Rate ISAs online or by post. View Cash ISAs CORONAVIRUS - WE ARE HERE TO HELP AND SUPPORT YOU. Find out more > A consistently and comprehensively excellent banking experience - Savings trusted customer BEST INTERNET ACCOUNT PROVIDER “Straightforward and easy-to-use online system, Paragon Bank is the deserved winner” MANAGING YOUR SAVINGS IS SIMPLE WITH US Learn how easy it is to manage your savings online and how we’re here to help if you need us. Learn more 120 DAY NOTICE SAVINGS ACCOUNT 0.70% * Unlimited deposits * Unlimited withdrawals with only 120 days' notice * Full FSCS protection View Account ASSET FINANCE FOR BUSINESS CUSTOMERS From business equipment to aviation, we provide finance for a wide range of assets. Whatever you’re looking to finance, we’re here to help move your business forward. View all our products BUY-TO-LET MORTGAGES FOR INTERMEDIARIES With a range of portfolio and non-portfolio products available, we’re here to help you find the perfect solution for your landlord customers. View all our products MOTOR FINANCE FOR INTERMEDIARIES Now offering finance for Motor homes and Caravans. We’ll support you in providing the right package for your customers. View all our products Loading Paragon Bank PLC Head office Paragon 51 Homer Road Solihull West Midlands B91 3QJ About us News and media Contact Careers Personal Savings Mortgages Loans FAQs Documents Contact Complaints Need financial help? Business Mortgages Loans Documents Contact Complaints Intermediary Mortgages Loans FAQs Documents Contact Complaints Useful information Accessibility Privacy Cookies Legal information FSCS Security Modern slavery statement Sitemap Paragon Bank PLC is authorised by the Prudential Regulation Authority and regulated by the Financial Conduct Authority and the Prudential Regulation Authority. Registered in England number 05390593. Registered office 51 Homer Road, Solihull, West Midlands B91 3QJ. Paragon Bank PLC is registered on the Financial Services Register under the firm reference number 604551 Loading Loading