/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
@import url("https://use.typekit.net/dsa6yyw.css");

:root {
	--color1: #00e7ff;
	--color1-rgb: 0, 231, 255;
	--color2: #FF00E5;
	--color2-rgb: 255, 0, 229;
	--color3: #6100FF;
	--color3-rgb: 97, 0, 255;
  --bodycolor: #030917;
	--bodycolor-rgb: 3, 9, 23;

	--cnvs-themecolor:var(--color2);

	/* Font Families */
  --cnvs-body-font: 'Montserrat', sans-serif;
	--cnvs-primary-font: lust-display, Georgia, serif;
	--cnvs-secondary-font: 'Montserrat', sans-serif;

  --transition: all .2s ease-in-out;
}

h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6{
  color:var(--bodycolor) !important;
  font-family: var(--cnvs-primary-font) !important;
  font-weight: 400;
  font-style: normal;
}

body{
  line-height: 24pt;
  color:var(--bodycolor) !important;
	font-family: var(--cnvs-body-font);
}

a, button {
  -webkit-transition: var(--transition) !important;
  -o-transition: var(--transition) !important;
  transition: var(--transition) !important;
}

a{color:var(--color1) !important;}

::selection {
 background:rgba(0,231,255,1);
 color:#030917;
 text-shadow:none
}
::-moz-selection {
 background:rgba(0,231,255,1);
 color:#030917;
 text-shadow:none
}
::-webkit-selection {
 background:rgba(0,231,255,1);
 color:#030917;
 text-shadow:none
}

:focus-visible {
  outline: 2px solid var(--color1) !important;
  color: var(--color3) !important;
}

/* ----------------------------------------------------------------
	Media Queries
-----------------------------------------------------------------*/
@media (min-width:992px) {
  .ba-fixed-md {background-attachment:fixed}
}

/* ----------------------------------------------------------------
	Contact Banner BG
-----------------------------------------------------------------*/
@media (min-width:1920px){
	.contact-banner{background: url('../images/contact-banner/6025271-01.png') center center; padding: 150px 0;}
	hmtl.webp .contact-banner{background: url('../images/contact-banner/6025271-01.webp') center center; padding: 150px 0;}
}
@media (min-width:1440px) and (max-width:1919px){
	.contact-banner{background: url('../images/contact-banner/6025271-01_1875x1250.png') center center; background-size: 220%; padding: 150px 0;}
	hmtl.webp .contact-banner{background: url('../images/contact-banner/6025271-01_1875x1250.webp') center center; background-size: 220%; padding: 150px 0;}
}
@media (min-width:768px) and (max-width:1439px){
	.contact-banner{background: url('../images/contact-banner/6025271-01_1469x979.png') center center; background-size: 220%;}
	hmtl.webp .contact-banner{background: url('../images/contact-banner/6025271-01_1469x979.webp') center center; background-size: 220%;}
}
@media (min-width:250px) and (max-width:767px){
	.contact-banner{background: url('../images/contact-banner/6025271-01_781x521.png') center center;}
	hmtl.webp .contact-banner{background: url('../images/contact-banner/6025271-01_781x521.webp') center center;}
}

/* ----------------------------------------------------------------
	Styling Classes
-----------------------------------------------------------------*/
.font-underline{text-decoration: underline !important;}
.font-light{font-weight:300;}

.box-shadow {
	box-shadow: 0px 2.2px 5.3px rgba(0, 0, 0, 0.028),
		0px 7.4px 17.9px rgba(0, 0, 0, 0.042),
		0px 33px 80px rgba(0, 0, 0, 0.07)
}

.is-expanded-menu #header.transparent-header:not(.sticky-header) #header-wrap{
  background-color:transparent !important;
}
.is-expanded-menu .sub-menu-container .menu-item > .menu-link{
	font-weight: 700 !important;
}

.cnvs-hamburger {
  --cnvs-hamburger-size: 1.4rem;
  --cnvs-hamburger-width: 2.5px;
}

#header {
/*  Primary Menu */
--cnvs-primary-menu-font:	var(--cnvs-primary-font);
--cnvs-primary-menu-font-weight:	700;
--cnvs-primary-menu-font-size:	1.65rem;
--cnvs-primary-menu-tt:	uppercase;
--cnvs-primary-menu-ls:	0.15em;
}

.menu-link {
  font-weight: var(--cnvs-primary-menu-font-weight);
  font-size: var(--cnvs-primary-menu-font-size);
  font-family: var(--cnvs-primary-menu-font);
  text-transform: var(--cnvs-primary-menu-tt);
  letter-spacing: var(--cnvs-primary-menu-ls);
  -webkit-transition: var(--transition) !important;
  -o-transition: var(--transition) !important;
  transition: var(--transition) !important;
}

.social-icon.si-large {
  --cnvs-socialicon-size: 4.8rem;
}

		.glass-panel {
			display: inline-block;
			color: #fff;
			background-color: rgba(255, 255, 255, 0.06);
			border: 1px solid rgba(255, 255, 255, 0.1);
			width: 100%;
			border-radius: 10px;
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);
		}

		.glass-button {
			display: inline-block;
			padding: 1.5% 8%;
			border: 0;
			text-decoration: none;
			border-radius: 15px;
			background-color: rgba(255, 255, 255, 0.1);
			border: 1px solid rgba(255, 255, 255, 0.1);
			backdrop-filter: blur(30px);
			-webkit-backdrop-filter: blur(30px);
			color: rgba(255, 255, 255, 0.8);
			font-size: 14px;
			letter-spacing: 2px;
			cursor: pointer;
			text-transform: uppercase;
		}

		.glass-button:hover {
			background-color: rgba(255, 255, 255, 0.2);
		}



		/* ----------------------------------------------------------------
			Accessibility Classes & Styling
		-----------------------------------------------------------------*/
		.fa-sr-only,
		.fa-sr-only-focusable:not(:focus),
		.sr-only,
		.sr-only-focusable:not(:focus) {
		  position: absolute;
		  width: 1px;
		  height: 1px;
		  padding: 0;
		  margin: -1px;
		  overflow: hidden;
		  clip: rect(0, 0, 0, 0);
		  white-space: nowrap;
		  border-width: 0
		}

		.sr-only-focusable:active,
		.sr-only-focusable:focus,
		.sr-only-focusable:focus-visible{
		  width: auto !important;
		height: auto !important;
		clip: auto !important;
		margin: 0 !important;
		overflow: visible !important;
		position: absolute !important;
		}



/* ----------------------------------------------------------------
	Color Classes
-----------------------------------------------------------------*/
/* --------------------------- Black --------------------------- */
.body-color{color:var(--bodycolor) !important;}

/* --------------------------- White --------------------------- */
.font-white{color:#fff !important;}
a.font-white:hover{color:var(--color1) !important;}

/* --------------------------- Blue --------------------------- */
.font-color1{color:var(--color1) !important;}
.border-color1{border-color:var(--color1) !important;}
.btn-color1{background-color:var(--color1) !important;}
.btn-color1:hover{background-color:var(--color1) !important;}
.btn.border-color1:hover{background-color:var(--color1) !important;color:var(--bodycolor) !important;}

/* --------------------------- Pink --------------------------- */
.font-color2{color:var(--color2) !important;}

/* --------------------------- Purple --------------------------- */
.font-color3{color:var(--color3) !important;}
.badge.bg-purple{background-color: rgba(var(--color3-rgb), 0.25) !important}

/* ----------------------------------------------------------------
	Canvas Demo Snippets
-----------------------------------------------------------------*/
.gradient-underline {
	background-image: -webkit-linear-gradient(90deg, rgba(0,231,255,1) 0%, rgba(97,0,255,1) 50%, rgba(255,0,229,1) 100%);
	background-image: -o-linear-gradient(90deg, rgba(0,231,255,1) 0%, rgba(97,0,255,1) 50%, rgba(255,0,229,1) 100%);
	background-image: linear-gradient(90deg, rgba(0,231,255,1) 0%, rgba(97,0,255,1) 50%, rgba(255,0,229,1) 100%);
	background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 75%;
}

a.gradient-underline{
  background-image: -webkit-linear-gradient(90deg, rgba(0,231,255,1) 0%, rgba(97,0,255,1) 100%);
	background-image: -o-linear-gradient(90deg, rgba(0,231,255,1) 0%, rgba(97,0,255,1) 100%);
	background-image: linear-gradient(90deg, rgba(0,231,255,1) 0%, rgba(97,0,255,1) 100%);
  padding:5% 0;
}

.divider.gradient-divider::before,.divider.gradient-divider::after{background-image: linear-gradient(90deg, rgb(0, 231, 255) 0%, rgb(97, 0, 255) 55%, rgb(255, 0, 229) 100%);height:15px;}

/*a.gradient-underline:hover{
  background-size: 100% 1em;
  background-position: 0 100%;
}*/

.btn-scale i {
			--width: 30px;
			position: relative;
			margin-left: 6px;
			transition: padding .3s linear;
		}

		.btn-scale i::after {
			content: "";
			opacity: 0;
			position: absolute;
			right: 8px;
			top: 48%;
			width: 2px;
			height: 1px;
			background-color: #444;
			transition: all .3s linear;
		}

		.btn-scale:hover i::after {
			opacity: 1;
			width: var(--width);
		}

		.btn-scale:hover i { padding-left: var(--width); }


/* ----------------------------------------------------------------
	Theme-Specific Overrides
-----------------------------------------------------------------*/
.font-primary{font-family: var(--cnvs-primary-font) !important;}
.font-secondary{font-family: var(--cnvs-secondary-font) !important;}

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2{
  text-transform:none !important;
}
.heading-block::after {
	content: '';
	margin-top: 15px !important;
	width: 95px !important;
	border-top: 3px solid var(--bodycolor) !important;
}

.menu-link{font-family:lust-display, Georgia, serif!important; font-size:1.2rem;letter-spacing:2pt;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;}
.dark .menu-item:hover > .menu-link{
	color: var(--color2) !important;
}
.dark .menu-item.current > .menu-link {
	color: var(--color3) !important;
	-webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}
.dark #header-wrap {background-color:var(--bodycolor) !important; text-align:center;}
.dark #header, #header.dark{border-bottom-color:var(--bodycolor);}
.sub-menu-container > .menu-item > .menu-link {text-transform: none!important; font-family: var(--cnvs-secondary-font) !important; font-size:11.5pt !important;}
.dark .sticky-header #header-wrap,
	.sticky-header.dark #header-wrap {
		background-color: var(--bodycolor) !important;
		border-bottom-color: var(--bodycolor) !important;
	}

.promo-dark{background-color:var(--bodycolor) !important; text-shadow:none !important;}

.dark #copyrights, #copyrights.dark{color:#fff !important; background-color:var(--bodycolor) !important;}
.dark .copyright-links a {border-bottom-color: rgba(var(--color1-rgb),0.65)}
.dark .copyright-links a:hover {color: rgba(255, 0, 229,1)!important;border-bottom-color: rgba(255, 0, 229,0.7);}

.dark .primary-menu:not(.not-dark) .sub-menu-container, .dark .primary-menu:not(.not-dark) .mega-menu-content{text-align:left !important; background-color:var(--bodycolor);border-color:var(--bodycolor);border-top-color:var(--color2)}

h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) {color:var(--bodycolor) !important;}

#gotoTop{background-color: rgba(var(--color1-rgb), 0.3);color:var(--bodycolor)}
#gotoTop:hover{background-color:var(--color1)}

.button{font-weight:700 !important;}
.button-black:not(.button-border) {background-color:var(--bodycolor);}
.button.button-border:not(.button-fill):hover{background-color:var(--bodycolor);}

.button-black:not(.button-border),
.button-black:not(.button-border):hover,
.button.button-border:not(.button-fill),
.button.button-border:not(.button-fill):hover
{text-shadow:none}



.nav-solid .flex-prev,
.nav-solid .flex-next {
  background-color: var(--cnvs-white);
}
.nav-solid .flex-prev:hover, .nav-solid .flex-next:hover {
  background-color: var(--bodycolor) !important;
}
.slider-arrow-left i, .slider-arrow-right i, .flex-prev i, .flex-next i, .slider-arrow-top-sm i, .slider-arrow-bottom-sm i {
  color: var(--color2);
}
.overlay-trigger-icon.bg-light.text-dark:hover {
  background-color: rgba(var(--bodycolor-rgb), var(--bs-bg-opacity)) !important;
}