body{
  background: #2A2A2A;	
}
/* Main Theme Base */
.themed-content,
.modal .modal-content{
  background: #2A2A2A;
  box-shadow: inset 2px 2px 0 #3a3a3a, inset -2px -2px 0px #1a1a1a, 6px 6px 11px #1a1a1a, -6px -6px 12px #3a3a3a;
  color:white;
}
.themed-header.text-center,
.themed-content h1.text-center,
.themed-content h2.text-center,
.themed-content h3.text-center,
.themed-content h4.text-center,
.themed-content h5.text-center{
	background: transparent;
	background-image: radial-gradient(ellipse at bottom, rgba(105,105,105,1) 0%, rgba(58,58,58,0.5) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%);

}
.btn-custom{
	margin:3px 0px;
	position:relative;
	padding-left:25px;
	
    background: #2A2A2A;
    box-shadow: inset 2px 2px 4px #3a3a3a, inset -2px -2px 4px #1a1a1a, 2px 2px 4px #1a1a1a, -2px -2px 4px #3a3a3a;
	
	color:white;
	
	border:none;
}
.btn-custom:hover{
	color:grey;
    box-shadow: inset 3px 3px 3px #3a3a3a, inset -3px -3px 3px #1a1a1a, 1px 1px 2px #1a1a1a, -1px -1px 2px #3a3a3a;
}
/*
.themed-content .themed-header,
.themed-content h1,
.themed-content h2,
.themed-content h3,
.themed-content h4,
.themed-content h5{
	position:relative;
	padding-left:20px;
	padding-right:20px;
	display:block;
}
.themed-content .themed-header:before,
.themed-content h1:before,
.themed-content h2:before,
.themed-content h3:before,
.themed-content h4:before,
.themed-content h5:before,
.themed-content themed-header:after,
.themed-content h1:after,
.themed-content h2:after,
.themed-content h3:after,
.themed-content h4:after,
.themed-content h5:after{
	position:absolute;
	content:"";
	top:50%;
	transform:translate(0,-50%);
	
	padding:0;
	margin:0;

	font-size:150%;
	 background-color: #3A3A3A;
  color: transparent;
  font-weight:bolder;
  text-shadow: 0px 3px 2px rgba(255,255,255, 0.5);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}
.themed-content .themed-header:before,
.themed-content h1:before,
.themed-content h2:before,
.themed-content h3:before,
.themed-content h4:before,
.themed-content h5:before{
	content:"\005d";
	left:2px;
}
.themed-content .themed-header:after,
.themed-content h1:after,
.themed-content h2:after,
.themed-content h3:after,
.themed-content h4:after,
.themed-content h5:after{
	content:"\005b";
	right:2px;
}
*/
.dropdown-menu-marker{
	position:relative;
}
.dropdown-menu-marker:after{
	position:absolute;
	content:"\203A";
	font-weight:bold;
	right:5px;
	top:50%;
	transform:translate(0%, -50%);
	transition:all 0.25s
}
.dropdown-menu-marker:hover:after,
.dropdown-menu-marker:active:after{
	right:2px;
}
/* ============ desktop view ============ */
/*@media all and (min-width: 992px) {*/
	
	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:0px;
		padding:0;
		margin:0;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover .dropdown-item{ background-color: inherit; }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
	.dropdown-menu > li.active > .submenu{
	}
/*}	*/
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
	.dropdown-menu{
        max-height:calc(100vh - 300px);
        overflow-y:auto;
    }

	.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
	}
	.dropdown-menu .submenu{ 
		position:relative;
		left:0;
	}
}	
/* ============ small devices .end// ============ */


.footer.themed-content{
  box-shadow: -6px -6px 12px #3a3a3a;	
}

.container.themed-content,
.fluid-container.themed-content {
	border-radius:15px;
}
.modal-open{
	overflow:hidden !important;
}
@media(max-width: 768px) {
    .modal-footer button {
		display:block;
        width: 100%;
		margin:4px 0px 0px 0px;
    }
}
.offcanvas-header .btn-close{
	margin-right:0.5em;
}
.btn-block{ display:block; width:100%;}
table.table-transparent tr td, table.table-transparent tr th{
    background-color: transparent !important;
}
table.table-transparent{
	color:inherit !important;
}
.cursor-alias {cursor: alias;}
.cursor-all-scroll {cursor: all-scroll;}
.cursor-auto {cursor: auto;}
.cursor-cell {cursor: cell;}
.cursor-col-resize {cursor: col-resize;}
.cursor-context-menu {cursor: context-menu;}
.cursor-copy {cursor: copy;}
.cursor-crosshair {cursor: crosshair;}
.cursor-default {cursor: default;}
.cursor-e-resize {cursor: e-resize;}
.cursor-ew-resize {cursor: ew-resize;}
.cursor-grab {cursor: grab;}
.cursor-grabbing {cursor: grabbing;}
.cursor-help {cursor: help;}
.cursor-move {cursor: move;}
.cursor-n-resize {cursor: n-resize;}
.cursor-ne-resize {cursor: ne-resize;}
.cursor-nesw-resize {cursor: nesw-resize;}
.cursor-ns-resize {cursor: ns-resize;}
.cursor-nw-resize {cursor: nw-resize;}
.cursor-nwse-resize {cursor: nwse-resize;}
.cursor-no-drop {cursor: no-drop;}
.cursor-none {cursor: none;}
.cursor-not-allowed {cursor: not-allowed;}
.cursor-pointer {cursor: pointer;}
.cursor-progress {cursor: progress;}
.cursor-row-resize {cursor: row-resize;}
.cursor-s-resize {cursor: s-resize;}
.cursor-se-resize {cursor: se-resize;}
.cursor-sw-resize {cursor: sw-resize;}
.cursor-text {cursor: text;}
.cursor-url {cursor: url(myBall.cur),auto;}
.cursor-w-resize {cursor: w-resize;}
.cursor-wait {cursor: wait;}
.cursor-zoom-in {cursor: zoom-in;}
.cursor-zoom-out {cursor: zoom-out;}
/* Flicker Text */
.sign {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50%;
  background-image: radial-gradient(
    ellipse 50% 35% at 50% 50%,
    #6b1839,
    transparent
  );
  transform: translate(-50%, -50%);
  letter-spacing: 2;
  left: 50%;
  top: 50%;
  font-family: "Clip";
  text-transform: uppercase;
  font-size: 6em;
  color: #ffe6ff;
  text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
    -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
    0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
  animation: shine 2s forwards, flicker 3s infinite;
}

@keyframes blink {
  0%,
  22%,
  36%,
  75% {
    color: #ffe6ff;
    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
      -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
      0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
  }
  28%,
  33% {
    color: #ff65bd;
    text-shadow: none;
  }
  82%,
  97% {
    color: #ff2483;
    text-shadow: none;
  }
}

.flicker {
  animation: shine 2s forwards, blink 3s 2s infinite;
}

.fast-flicker {
  animation: shine 2s forwards, blink 10s 1s infinite;
}

@keyframes shine {
  0% {
    color: #6b1839;
    text-shadow: none;
  }
  100% {
    color: #ffe6ff;
    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
      -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
      0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
  }
}

@keyframes flicker {
  from {
    opacity: 1;
  }

  4% {
    opacity: 0.9;
  }

  6% {
    opacity: 0.85;
  }

  8% {
    opacity: 0.95;
  }

  10% {
    opacity: 0.9;
  }

  11% {
    opacity: 0.922;
  }

  12% {
    opacity: 0.9;
  }

  14% {
    opacity: 0.95;
  }

  16% {
    opacity: 0.98;
  }

  17% {
    opacity: 0.9;
  }

  19% {
    opacity: 0.93;
  }

  20% {
    opacity: 0.99;
  }

  24% {
    opacity: 1;
  }

  26% {
    opacity: 0.94;
  }

  28% {
    opacity: 0.98;
  }

  37% {
    opacity: 0.93;
  }

  38% {
    opacity: 0.5;
  }

  39% {
    opacity: 0.96;
  }

  42% {
    opacity: 1;
  }

  44% {
    opacity: 0.97;
  }

  46% {
    opacity: 0.94;
  }

  56% {
    opacity: 0.9;
  }

  58% {
    opacity: 0.9;
  }

  60% {
    opacity: 0.99;
  }

  68% {
    opacity: 1;
  }

  70% {
    opacity: 0.9;
  }

  72% {
    opacity: 0.95;
  }

  93% {
    opacity: 0.93;
  }

  95% {
    opacity: 0.95;
  }

  97% {
    opacity: 0.93;
  }

  to {
    opacity: 1;
  }
}
.modal .close{	
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
	border:none;
	background:transparent;
}
.modal-dialog{
	
}
.modal-dialog .modal-content{
	
}
.modal-dialog .modal-content .modal-header{
	
}
.modal-dialog .modal-content .modal-body{
	
}
.modal-dialog .modal-content .modal-footer{
	
}
.modal .modal-dialog{
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;	
}
.fade-scale .modal-dialog{
  transform: scale(0);
  opacity: 0;
}

.fade-scale.show .modal-dialog{
  opacity: 1;
  transform: scale(1);
}

.alert-custom{
	color:darkgrey;
}
/* Preloader */
.preloader-background{	
	position:fixed;
	display:block;
	top:0;
	right:0;
	bottom:0;
	left:0;
	
	height:100%;
	width:100%;
	
	background-color:rgba(0,0,0,0.95);
	z-index:10001;
}
.preloader-image {
  width: 64px;
  aspect-ratio:1/1;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: #FFF #FFF transparent transparent;
  box-sizing: border-box;
  background-image:none;
  animation: rotation 1s linear infinite;
  
	top:calc(50% - 32px);
	left:calc(50% - 32px);
	overflow:hidden;
}
.preloader-image::after,
.preloader-image::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform:translate(-50%,-50%);
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent #333 #333;
  width: 52px;
  aspect-ratio:1/1;
  border-radius: 50%;
  box-sizing: border-box;
  transform-origin: center center;
  animation: rotationBack 0.5s linear infinite;
}
.loader::before {
  width: 44px;
  border-color: #FFF #FFF transparent transparent;
  animation: rotation 1.5s linear infinite;
}
body.themed .preloader-image {
  animation: none;
  border:none;
  box-sizing: initial;
	
}
body.themed .preloader-image::after,
body.themed .preloader-image::before {
  animation: none;
  border:none;
  box-sizing: initial;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
    
/* Menu Button */

.circular-menu {
  position: absolute;
  top: 1em;
  left: 1em;
  width: 3.5em;
  aspect-ratio:1/1;
  z-index:5;
  border-radius:50%;
  transition: transform .3s ease, background .2s ease, opacity .2s ease, border .2s ease;
  background-color: hsla(0,0%,0%,0.75);
  border:1px solid transparent;
  padding:0;
  margin:0;
}
.circular-menu.fixed-menu {
  position: fixed;
}
.circular-menu input[type=checkbox]{
	position:absolute;
	display:none;
}

.circular-menu .floating-btn {
  display: block;
  width: 100%;
  aspect-ratio:1/1;
  border-radius: 50%;
  color: hsl(0, 0%, 100%);
  text-align: center;
  cursor: pointer;
  outline: 0;
  transition: transform .2s;  
}

.circular-menu .floating-btn i {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
  font-size: 1.3em;
  transition: transform .2s;  
}
.circular-menu.active .floating-btn  {
  transform: rotate(-45deg);
}
.circular-menu .items-wrapper {
  padding: 0;
  margin: 0;
}

.circular-menu .menu-item,
.circular-menu .menu-item .sub-menu-item {
  position: absolute;
  top: .2em;
  right: .2em;
  z-index: -1;
  display: block;
  text-decoration: none;
  color: hsl(0, 0%, 100%);
  font-size: 1em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  text-align: center;
  line-height: 3;
  opacity:0;
  background-color: hsla(0,0%,0%,0.75);
  transition: transform .3s ease, background .2s ease, opacity .2s ease, border .2s ease;
  border:1px solid transparent;
}
.circular-menu .menu-item.blank,
.circular-menu.active .menu-item.blank{
	opacity:0;
	z-index:-100;
	background:transparent;
	background-color:transparent;
	border:none;
}

.circular-menu .menu-item:hover, .circular-menu .menu-item.active { background-color: hsla(0,0%,0%,.3); }

.circular-menu.active{ border-color:white; }

.circular-menu.active .menu-item {
	opacity:0.75;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.circular-menu.active .menu-item:hover,
.circular-menu.active .menu-item.active{	
	opacity:1;
	border-color:white;
}
.circular-menu.active .menu-item.active .sub-menu-item {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	opacity:1;
}
.circular-menu.active .menu-item.active .sub-menu-item:hover{ border-color:white; }

.circular-menu.active .menu-item:nth-child(1) { transform: translate3d(-0.5em,7em,0); }
.circular-menu.active .menu-item:nth-child(2) { transform: translate3d(3.5em,6.3em,0); }
.circular-menu.active .menu-item:nth-child(3) { transform: translate3d(6.5em,4.2em,0); }
.circular-menu.active .menu-item:nth-child(4) { transform: translate3d(7em,-0.5em,0); }

.circular-menu.active .menu-item.active .sub-menu-item:nth-child(1) { transform: translate3d(-0.5em,7em,0); }
.circular-menu.active .menu-item.active .sub-menu-item:nth-child(2) { transform: translate3d(3.5em,6.3em,0); }
.circular-menu.active .menu-item.active .sub-menu-item:nth-child(3) { transform: translate3d(6.5em,3.2em,0); }
.circular-menu.active .menu-item.active .sub-menu-item:nth-child(4) { transform: translate3d(7em,-0.5em,0); }

/* Alt locations */
.circular-menu.top-right{ top: 1em; left: auto; right: 1em; bottom: auto; }

.circular-menu.top-right .floating-btn, .circular-menu.top-right .menu-item{ background-color:rgba(50,0,0,0.5); }

.circular-menu.top-right.active .menu-item:nth-child(1) { transform: translate3d(0.5em,7em,0);}
.circular-menu.top-right.active .menu-item:nth-child(2) { transform: translate3d(-3.5em,6.3em,0); }
.circular-menu.top-right.active .menu-item:nth-child(3) { transform: translate3d(-6.5em,3.2em,0); }
.circular-menu.top-right.active .menu-item:nth-child(4) { transform: translate3d(-7em,-0.5em,0); }

.circular-menu.top-right.active .menu-item.active .sub-menu-item:nth-child(1) { transform: translate3d(0.5em,7em,0);}
.circular-menu.top-right.active .menu-item.active .sub-menu-item:nth-child(2) { transform: translate3d(-3.5em,6.3em,0); }
.circular-menu.top-right.active .menu-item.active .sub-menu-item:nth-child(3) { transform: translate3d(-6.5em,3.2em,0); }
.circular-menu.top-right.active .menu-item.active .sub-menu-item:nth-child(4) { transform: translate3d(-7em,-0.5em,0); }

/* Bottom Right */
.circular-menu.bottom-right{ top: auto; left: auto; right: 1em; bottom: 1em; }

.circular-menu.bottom-right .floating-btn, .circular-menu.bottom-right .menu-item{ background-color:rgba(0,50,0,0.5); }

.circular-menu.bottom-right.active .menu-item:nth-child(1) { transform: translate3d(0.5em,-7em,0); }
.circular-menu.bottom-right.active .menu-item:nth-child(2) { transform: translate3d(-3.5em,-6.3em,0); }
.circular-menu.bottom-right.active .menu-item:nth-child(3) { transform: translate3d(-6.5em,-3.2em,0); }
.circular-menu.bottom-right.active .menu-item:nth-child(4) { transform: translate3d(-7em,0.5em,0); }

.circular-menu.bottom-right.active .menu-item.active .sub-menu-item:nth-child(1) { transform: translate3d(0.5em,-7em,0); }
.circular-menu.bottom-right.active .menu-item.active .sub-menu-item:nth-child(2) { transform: translate3d(-3.5em,-6.3em,0); }
.circular-menu.bottom-right.active .menu-item.active .sub-menu-item:nth-child(3) { transform: translate3d(-6.5em,-3.2em,0); }
.circular-menu.bottom-right.active .menu-item.active .sub-menu-item:nth-child(4) { transform: translate3d(-7em,0.5em,0); }

/* Bottom left */
.circular-menu.bottom-left{ top: auto; left: 1em; right: auto; bottom: 1em; }

.circular-menu.bottom-left .floating-btn, .circular-menu.bottom-left .menu-item{ background-color:rgba(0,0,50,0.5); }

.circular-menu.bottom-left.active .menu-item:nth-child(1) { transform: translate3d(-0.5em,-7em,0); }
.circular-menu.bottom-left.active .menu-item:nth-child(2) { transform: translate3d(3.5em,-6.3em,0); }
.circular-menu.bottom-left.active .menu-item:nth-child(3) { transform: translate3d(6.5em,-3.2em,0); }
.circular-menu.bottom-left.active .menu-item:nth-child(4) { transform: translate3d(7em,0.5em,0); }

.circular-menu.bottom-left.active .menu-item.active .sub-menu-item:nth-child(1) { transform: translate3d(-0.5em,-7em,0); }
.circular-menu.bottom-left.active .menu-item.active .sub-menu-item:nth-child(2) { transform: translate3d(3.5em,-6.3em,0); }
.circular-menu.bottom-left.active .menu-item.active .sub-menu-item:nth-child(3) { transform: translate3d(6.5em,-3.2em,0); }
.circular-menu.bottom-left.active .menu-item.active .sub-menu-item:nth-child(4) { transform: translate3d(7em,0.5em,0); }