.elementor-253 .elementor-element.elementor-element-162a7772{--display:flex;}.elementor-253 .elementor-element.elementor-element-5e11608f{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;}.elementor-253 .elementor-element.elementor-element-5e11608f > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-5e11608f.elementor-element{--align-self:center;}.elementor-253 .elementor-element.elementor-element-74b26b70{--display:flex;}.elementor-253 .elementor-element.elementor-element-14a4683e > .elementor-widget-container{margin:-120px 0px -120px 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-31a12886{--display:flex;}.elementor-253 .elementor-element.elementor-element-268a04a4 > .elementor-widget-container{margin:-18px 0px -18px 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-5a08a73e{--display:flex;}.elementor-253 .elementor-element.elementor-element-786108b8 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-786108b8.elementor-element{--align-self:center;}.elementor-253 .elementor-element.elementor-element-5d13a1a5{--display:flex;}.elementor-253 .elementor-element.elementor-element-5d13a1a5.e-con{--e-con-transform-scale:0;}.elementor-253 .elementor-element.elementor-element-11cc2f48{--display:flex;}.elementor-253 .elementor-element.elementor-element-11cc2f48.e-con{--e-con-transform-scale:0;}.elementor-253 .elementor-element.elementor-element-123e170a{--display:flex;}@media(min-width:768px){.elementor-253 .elementor-element.elementor-element-162a7772{--content-width:400px;}}@media(max-width:1366px){.elementor-253 .elementor-element.elementor-element-5e11608f > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-5e11608f.elementor-element{--align-self:center;}.elementor-253 .elementor-element.elementor-element-14a4683e > .elementor-widget-container{margin:-120px 0px -120px 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-268a04a4 > .elementor-widget-container{margin:-18px 0px -18px 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-786108b8 > .elementor-widget-container{margin:-10px 0px 0px 0px;}}@media(max-width:1024px){.elementor-253 .elementor-element.elementor-element-5e11608f > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-5e11608f.elementor-element{--align-self:center;}.elementor-253 .elementor-element.elementor-element-14a4683e > .elementor-widget-container{margin:-120px 0px -120px 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-268a04a4 > .elementor-widget-container{margin:-18px 0px -18px 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-786108b8 > .elementor-widget-container{margin:-10px 0px 0px 0px;}}@media(max-width:767px){.elementor-253 .elementor-element.elementor-element-162a7772{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:027px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-5e11608f > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-5e11608f.elementor-element{--align-self:center;}.elementor-253 .elementor-element.elementor-element-74b26b70{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-14a4683e > .elementor-widget-container{margin:-120px 0px -120px 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-31a12886{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-268a04a4 > .elementor-widget-container{margin:-18px 0px -18px 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-786108b8 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-786108b8.elementor-element{--align-self:center;}}/* Start custom CSS for html, class: .elementor-element-5e11608f *//*<style type="text/css">*/
    .land {
        fill: #b9b9b9;
        stroke: white;
        stroke-width: 1.5;
        stroke-miterlimit: 4;
    }
    .coast {
        stroke-width: 0.5;
    }
    .circle {
        opacity: 0;
        fill-opacity: 1;
        stroke: black;
        stroke-width: 0.5;
        stroke-opacity: 1;
    }
    path:hover {
        opacity: 0.5;
    }
	.colour0 {fill: #b9b9b9;}
	.colour1 {fill: #ffa6a9;}
	.colour2 {fill: #cc6674;}
	.colour3 {fill: #992038;}
	.colour4 {fill: #60000e;}
	/*.land.dz {fill: #b9b9b9;}*/
/* </style>*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14a4683e */button{
  display:block;
  padding: 10px;
  font-size:1.2rem;
  margin: 150px auto;
}

.box{
  position:absolute;
  top:0;
  left:0;
  text-align:center;
  padding:50px 0;
  background-color: yellow;
  width:100%;
  transform: translateY(-100%);
  border:solid 1px black;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-268a04a4 */body{
  background-color:black;
}

.hamburger__toggle{
  display:block;
  position: relative;
  background-color:#3d3d3d;
  width: 60px; 
  height: 60px; 
  margin:50px auto;
  border-radius:50%;
  border:none;
}

/* give the span element and related pseudo-elements the appearance of white lines */
.hamburger__icon,
.hamburger__icon::before,
.hamburger__icon::after {
  position: absolute;
  width: 30px; 
  height: 2px;
  border-radius: 4px;
  background-color: white;
}

/* center the span element in the middle of its containing button */
.hamburger__icon {
  top: calc(50% - 2px);
  left: calc(50% - 15px);
}

/* position the two pseudo-elements to the very left */
.hamburger__icon::before,
.hamburger__icon::after {
  content: "";
  left: 0;
}

/* this is the top dash of the hamburger */
.hamburger__icon::before {
  bottom: 8px;
}

/* this is the bottom dash of the hamburger */
.hamburger__icon::after {
  top: 8px;
}

/* HOVER STYLES ON THE BUTTON */

/* rotate middle dash of hamburger */
.hamburger__toggle:hover .hamburger__icon {
  height: 5px;
  width: 54px;
  left: 5px;
  top: calc(50% - 2px);
  transform: rotate(-45deg);
  background-color: red;
}

/* rotate bottom dash of hamburger counter clockwise */
.hamburger__toggle:hover .hamburger__icon::after {
  width: 54px;
  height: 5px;
  top: -1px;
  transform: rotate(-270deg);
  background-color: red;
}

/* hide the top dash by scaling it to 0 */
.hamburger__toggle:hover .hamburger__icon::before {
  transform: scale(0);
}

/* TRANSITION */
/* adjust duration to see it happen slower */
.hamburger__icon, .hamburger__icon::after {
  transition: all 0.3s linear;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62819dfa */body {
  background: #000;
  width: 100%;
  height: 100%;
}

iframe {
  display: none;
}

@keyframes textie {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

h3 {
  text-align: center;
  color: #639B38;
  font-size: 30px;
  animation: textie 1s 4s linear backwards;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}

h3 span {
  color: #fff;
}

.midd {
  width: 200px;
  margin: 0 auto;
  margin-top: 10px;
}

svg {
  display: block;
  margin-top: 30px;
}

@keyframes offset {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes fill-dat {
  50% {
    fill: #000;
  }
  100% {
    fill: #639B38;
  }
}

.line {
  fill: none;
  stroke: #fff;
  stroke-width: 3px;
  stroke-dasharray: 1060;
  stroke-dashoffset: 1060;
  animation: offset 3s linear forwards, fill-dat .8s 3s forwards;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37c8c219 */.sticky-social {
    position: fixed;
    left: 5px;
    /*top: 25%;*/ /*orig*/
    /*top: 88px;*/ /*wfi .5x0.10*/
    /*top: 132px;*/ /*wfi .5x0.15*/
    top: 176px; /*wfi .5x0.20*/
    /*top: 220px;*/ /*wfi .5x0.25*/
    /*top: 290px;*/ /*wfi .5x0.33*/
    /*top: 395px;*/ /*wfi .5x0.45*/
    /*top: 439px;*/ /*wfi .5x0.50*/
    /*top: 543px;*/ /*wfi .5x0.62*/
    /*top: 606px;*/ /*wfi .5x0.69*/
    /*top: 659px;*/ /*wfi .5x0.75*/
    /*top: 791px;*/ /*wfi .5x0.90*/
    /*top: 879px;*/ /*wfi .5x1.00*/    
    z-index: 200;
}



svg:not(:root).svg-inline--fa {
    overflow: visible;
}

.svg-inline--fa.fa-w-14 {
    width: 0.875em;
}

.fa-1x {
    font-size: 1em;
}

.sonj-gray {
    color: #888888;
}

.d-none {
    display: none;
    /*color: red;*/
}/* End custom CSS */