.elementor-469756 .elementor-element.elementor-element-2f4e043{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-469756 .elementor-element.elementor-element-2f4e043 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-469756 .elementor-element.elementor-element-65e5fbb{width:100%;max-width:100%;}.elementor-469756 .elementor-element.elementor-element-65e5fbb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-469756 .elementor-element.elementor-element-4975cf6{overflow:hidden;padding:0px 0px 0px 0px;}.elementor-469756 .elementor-element.elementor-element-be9ec40 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-65e5fbb */@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
* {
  box-sizing: border-box;
}
body {
  background: #0a0a0a;
}
main {
  max-width: auto;
  margin: auto;
  padding-top: 70px;
  text-align: center;
  background: #0a0a0a;
  font-family: "Roboto";
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
.btn-container {
  cursor: pointer;
  margin: auto;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  padding-top: 5px;
  width: calc(250px + 5px*2);
  height: calc(250px + 5px*2);
  -webkit-tap-highlight-color: transparent;
  animation: pulse-red 1.5s infinite;
}
button {
  display: block;
  width: calc(250px + 5px*2);
  height: calc(250px + 5px*2);
  color: #4681db;
  font-size: 16px;
  background: #0a0a0a;
  box-shadow: inset 0 0 65px #4681db;
  text-shadow: 0 0 10px #4681db;
  margin: auto;
  position: relative;
  top: -5px;
  border-radius: 50%;
  border: none;
  transition: all 0.5s ease-in-out;
  outline: none;
  font-family: "Roboto";
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 10;
  -webkit-tap-highlight-color: transparent;
  
}

#pulse-button:hover {
  animation: none;
}

@keyframes pulse-red {
  0% {
		transform: scale(1.0);
		box-shadow: 0 0 0 0 rgba(70, 129, 219, 0.7);
	}
	
	80% {
		transform: scale(1);
		box-shadow: 0 0 0 60px rgba(70, 129, 219, 0);
	}
	
	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgba(70, 129, 219,0);
	}
}

.btn-container:not(.active):hover button {
  box-shadow: inset 0 0 75px #46b9db;
  color: #46b9db;
  font-size: calc(11px + 1);
  -webkit-tap-highlight-color: transparent;
}
.active button {
  width: 250px;
  height: 250px;
  box-shadow: inset 0 0 15px rgba(199, 5, 239, 0.3);
  text-shadow: none;
  color: rgba(0, 0, 0, 0);
  top: 0px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-tap-highlight-color: transparent;
}
.nomad-text {
  opacity: 0;
  z-index: 0;
  position: absolute;
  color: white;
  font-size: 52px;
  font-weight: 100;
  top: 140px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 20;
  transition: all 0s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}
.active .nomad-text {
  opacity: 1;
  transition: all 0.6s ease-in-out;
  top: 90px;
  -webkit-tap-highlight-color: transparent;
}
.nomad-label {
  font-size: 18px;
  display: block;
}
.arc-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
}
.arc {
  width: 200px;
  height: 200px;
  margin-left: -30px;
  margin-top: 20px;
  position: absolute;
  transition: all 0s ease-in-out;
  opacity: 0;
}
.active .arc {
  opacity: 1;
  transition: all 2s ease-in-out;
}
.arc1 {
  background: #ff3aff;
  -webkit-transform: translate(80%, -40%);
}
.arc2 {
  background: #7034f9;
  -webkit-transform: translate(110%, 60%);
}
.arc3 {
  background: #33f9ff;
  -webkit-transform: translate(60%, 110%);
}
.arc4 {
  background: #39f58a;
  -webkit-transform: translate(-40%, 95%);
}
.location-description {
  text-align: left;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 40px;
  font-weight: 100;
  overflow: hidden;
  position: relative;
  opacity: 0;
  bottom: -100px;
  transition: all 0.4s ease-in-out;
}
.location-description.active {
  bottom: 0;
  opacity: 1;
}
.arc-text {
  width: 40%;
  float: left;
  margin: 25px 5% 0;
}
.arc-label {
  overflow: hidden;
}
.location {
  float: left;
  color:silver;
  font-weight:bold;
}
.amount {
  float: right;
  color: #ccc;
  font-weight: 400;
}
.arc-bar {
  overflow: hidden;
  position: relative;
  height: 3px;
  margin-top: 5px;
}
.arc-bar__fill {
  position: absolute;
  height: 3px;
  top: 0px;
  left: 0;
}
.arc-bar--arc1 {
  background: #250e25;
}
.arc-bar__fill--arc1 {
  background: #ff3aff;
}
.arc-bar--arc2 {
  background: #211242;
}
.arc-bar__fill--arc2 {
  background: #7034f9;
}
.arc-bar--arc3 {
  background: #072223;
}
.arc-bar__fill--arc3 {
  background: #33f9ff;
}
.arc-bar--arc4 {
  background: #081f12;
}
.arc-bar__fill--arc4 {
  background: #39f58a;
}

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be9ec40 */#container1{
    height:500px;
}

navv {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 100%;
  background: #2680F3;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0px 0px 10px #333;
}
navv:hover {
  width: 8rem;
}
navv * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
navv > ul {
  display: table;
  width: 14rem;
}
navv > ul > li {
  display: table-row;
  cursor: pointer;
}
navv > ul > li:hover {
  background: #569cf6;
}
navv > ul > li:active {
  background: #87b9f8;
}
navv > ul > li > div {
  height: 3.5rem;
  line-height: 3.5rem;
  display: table-cell;
}
navv > ul > li > div:nth-child(1) {
  width: 3.5rem;
  text-align: center;
}
navv > ul > li > div:nth-child(2) {
  width: 10.5rem;
  text-align: left;
  padding-left: 0.7rem;
}

.desktop {
  position: absolute;
  top: 0;
  width: 100%;
  left:-100%;
  height: 100%;
  padding: 1rem 3rem 1rem 4.5rem;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: auto;
}
.desktop h1 {
  margin: 1rem 0;
  font-weight: 300;
}
.desktop h1:nth-child(1) {
  margin-top: 0;
}
.desktop p {
  font-weight: 300;
  text-align: justify;
  margin: 0 0 1rem 0;
}

#one {
  background: radial-gradient(ellipse at bottom left, rgba(104, 128, 138, 0.4) 10%, rgba(138, 114, 76, 0) 40%), linear-gradient(to bottom, rgba(57, 173, 219, 0.25), rgba(42, 60, 87, 0.4)), linear-gradient(135deg, #670d10, #092756);
}

#two {
  background: linear-gradient(135deg, #723362, #9d223c);
}

#three {
  background: linear-gradient(135deg, #2c539e, #63967d);
}

#four {
  background: linear-gradient(135deg, rgba(244, 226, 156, 0) 0%, #3b293a 100%), linear-gradient(to right, #f4e29c 0%, #826057 100%);
}

#five {
  background: linear-gradient(45deg, rgba(194, 233, 221, 0.5) 1%, rgba(104, 119, 132, 0.5) 100%), linear-gradient(-45deg, #494d71 0%, rgba(217, 230, 185, 0.5) 80%);
}/* End custom CSS */