.glass {
			background: rgba( 241, 246, 252, 0.1 );
			box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
			backdrop-filter: blur( 7.0px );
			-webkit-backdrop-filter: blur( 7.0px );
			border-radius: 10px;
			border: 1px solid rgba( 255, 255, 255, 0.18 );
		}

		.glassEquip {
			background: rgba( 241, 246, 252, 0.1 );
			box-shadow: 0 0 10px 0 rgba( 31, 38, 135, 0.37 );
			backdrop-filter: blur( 7.0px );
			-webkit-backdrop-filter: blur( 7.0px );
			border-radius: 10px;
			border: 1px solid rgba( 255, 255, 255, 0.18 );
          	width: 100px;
          	height: 100px;
          	text-align:center;
		}

		.glassMenu {
			background: rgba( 241, 246, 252, 0.1 );
			box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
			/*backdrop-filter: blur( 7.0px );*/
			/*-webkit-backdrop-filter: blur( 7.0px );*/
          	border-radius: 10px;
			border: 1px solid rgba( 255, 255, 255, 0.18 );
		}

		.theme-bg-shapes-left {
          	position:absolute;
			height: 100%;
			width: 100%;
			right: 0;
			top: 0;
			overflow: hidden;
		}

		.theme-bg-shapes-left:before {
			content: "";
			width: 300px;
			height: 150px;
			background: rgba(18,110,241,0.1);
			position: absolute;
			left: -90px;
			top: 0;
			border-radius: 6px;
			transform: skew(25deg, -12deg);
			moz-transform-origin: top left;
			transform-origin: top left;
		}

		.theme-bg-shapes-left:after {
			content: "";
			width: 150px;
			height: 600px;
			background: rgba(18,110,241,0.15);
			position: absolute;
			left: 0px;
			top: 30px;
			border-radius: 4px;
			transform: skew(-25deg, 10deg);
			moz-transform-origin: top left;
			transform-origin: top left;
		}

		.theme-bg-shapes-left2 {
          	position:absolute;
			height: 100%;
			width: 100%;
			right: 0;
			bottom: 0;
			overflow: hidden;
		}

		.theme-bg-shapes-left2:before {
			content: "";
			width: 300px;
			height: 150px;
			background: rgba(18,110,241,0.1);
			position: absolute;
			left: -90px;
			bottom: 0;
			border-radius: 6px;
			transform: skew(25deg, -12deg);
			moz-transform-origin: top left;
			transform-origin: top left;
		}

		.theme-bg-shapes-left2:after {
			content: "";
			width: 150px;
			height: 600px;
			background: rgba(18,110,241,0.15);
			position: absolute;
			left: 0px;
			bottom: 30px;
			border-radius: 4px;
			transform: skew(-25deg, 10deg);
			moz-transform-origin: top left;
			transform-origin: top left;
		}

		.theme-bg-shapes-right {
          	position:absolute;
			height: 100%;
			width: 100%;
			right: 0;
			top: 0;
			overflow: hidden;
		}

		.theme-bg-shapes-right:before {
			content: "";
			width: 300px;
			height: 150px;
			background: rgba(18,110,241,0.1);
			position: absolute;
			right: -60px;
			top: 0;
			border-radius: 4px;
			transform: skew(25deg, -10deg);
			moz-transform-origin: top left;
			transform-origin: top left;
		}

		.theme-bg-shapes-right:after {
			content: "";
			width: 150px;
			height: 600px;
			background: rgba(18,110,241,0.15);
			position: absolute;
			right: 0px;
			top: 30px;
			border-radius: 6px;
			transform: skew(25deg, 10deg);
			moz-transform-origin: top left;
			transform-origin: top left;
		}

		.theme-bg-shapes-right2 {
          	position:absolute;
			height: 100%;
			width: 100%;
			right: 0;
			bottom: 0;
			overflow: hidden;
		}

		.theme-bg-shapes-right2:before {
			content: "";
			width: 300px;
			height: 150px;
			background: rgba(18,110,241,0.1);
			position: absolute;
			right: -60px;
			bottom: 0;
			border-radius: 4px;
			transform: skew(25deg, -10deg);
			moz-transform-origin: top left;
			transform-origin: top left;
		}

		.theme-bg-shapes-right2:after {
			content: "";
			width: 150px;
			height: 600px;
			background: rgba(18,110,241,0.15);
			position: absolute;
			right: 0px;
			bottom: 30px;
			border-radius: 6px;
			transform: skew(25deg, 10deg);
			moz-transform-origin: top left;
			transform-origin: top left;
		}


.circle1 {
  background: rgba(18,110,241,0.1);
  border-radius: 50%;
  position: absolute;
  height: 9rem;
  width: 9rem;
  left: 30%;
  top: 18%;
}
.circle2 {
  background: rgba(18,110,241,0.1);
  border-radius: 50%;
  position: absolute;
  height: 9rem;
  width: 9rem;
  right: 30%;
  bottom: 32%;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #128c54 !important;
  border-color: #128c54 !important;
}

.page-link:hover {
  z-index: 2;
  color: #128c54 !important;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

@media screen and (max-width: 900px) {
	#desktop {
    	display: none !important;
    }
}

@media screen and (min-width: 900px) {
	#mobile {
    	display: none !important;
    }
}

/*
.loader {
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;
  	background-position: center;
  	background-size: 100px;
    height:100px;
    z-index:100;
}
*/

/* Loader 1 */
.loader {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.loader:after {
  content: " ";
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  border: 6px solid #15a362;
  border-color: #15a362 transparent #15a362 transparent;
  animation: loader 1.2s linear infinite;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* -------------- */

/* Loader 2 */
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.loader2 {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}

.textLoader {
  display: flex;
  margin-bottom: 30px;
  
  height: 30px;
  width: 230px;
  margin: 4px 0;
  @ .loader2;
}

/* -------------- */