Centering code into middle of page

Site URL: https://www.gothambespoke.co.uk

Hi, 

I'm trying to add a car loan calculator to my website however when added it always loads into the header of the page, I have tried putting images and blocks but still will not move down the page. 

The code is as follows: 

<div class="calconic-calculator"  data-calculatorid="6148b4f11f01fd0021262c5d"></div>
<script>
  (function() { var qs,j,q,s,d=document, gi=d.getElementById,
  ce=d.createElement, gt=d.getElementsByTagName,
  id="calconic_", b="https://cdn.calconic.com/static/js/";
  if(!gi.call(d,id)) { j=ce.call(d,"script"); j.id=id; j.type="text/javascript"; j.async=true;
  j.dataset.calconic=true;
  j.src=b+"calconic.min.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(j,q) }
})();
</script>

Many thanks to anyone who comments ! 

Hi,

Did you add to Code Block or Page Header? If Page Header, cut it to Code Block

If Code BLock, let me know, we will check it again