/* =========================================================
   ART OF SOUND — CLIENT PORTAL ONLY
   Aggressively trimmed from the legacy theme stylesheet.
   Source: style-portal(7).css
   ========================================================= */
@charset "UTF-8";

@media print {
*,
*::before,
*::after {text-shadow: none !important;
		box-shadow: none !important;}

img {page-break-inside: avoid;}

p {orphans: 3;
		widows: 3;}

body {min-width: 992px !important;}

.container {min-width: 992px !important;}
}

*,
*::before,
*::after {box-sizing: border-box;}

html {font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: rgba(25, 25, 25, 0);}

html,
body {
    overflow: hidden;
}

header,
nav {
    display: block;
}

body {margin: 0;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #434345;
	text-align: left;
	background-color: #191919;}

[tabindex="-1"]:focus {outline: 0 !important;}

h1,
h4 {margin-top: 0;
	margin-bottom: 0.5rem;}

p {margin-top: 0;
	margin-bottom: 1rem;}

ul,
dl {margin-top: 0;
	margin-bottom: 1rem;}

ul ul,
ul ol {margin-bottom: 0;}

dt {font-weight: 700;}

dd {margin-bottom: .5rem;
	margin-left: 0;}

strong {font-weight: bolder;}

a {color: inherit;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;}

a:hover {color: inherit;
	text-decoration: underline;}

a:not([href]):not([tabindex]) {color: inherit;
	text-decoration: none;}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {color: inherit;
	text-decoration: none;}

a:not([href]):not([tabindex]):focus {outline: 0;}

img {vertical-align: middle;
	border-style: none;}

button {border-radius: 0;}

/* Modern keyboard focus indicator for buttons */
button:focus {
	outline: none;
}

button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

button {margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;}

button {overflow: visible;}

button {text-transform: none;}

button,
html [type="button"] {-webkit-appearance: button;}

button::-moz-focus-inner {padding: 0;
	border-style: none;}

::-webkit-file-upload-button {font: inherit;
	-webkit-appearance: button;}

h1,
h4 {margin-bottom: 0.5rem;
	font-family: inherit;
	font-weight: 400;
	line-height: 1.1;
	color: inherit;}

h1 {font-size: 45px;}

h4 {font-size: 24px;}

.small {font-size: 80%;
	font-weight: 400;}

.img-fluid {max-width: 100%;
	height: auto;}

a > code {color: inherit;}

.container {width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;}

@media (min-width: 480px) {
.container {max-width: 540px;}
}

@media (min-width: 768px) {
.container {max-width: 720px;}
}

@media (min-width: 992px) {
.container {max-width: 960px;}
}

@media (min-width: 1200px) {
.container {max-width: 1200px;}
}

.row {display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;}

.col-md-6,
.col-lg-7,
.col-lg-8,
.col-xl-6 {position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;}

@media (min-width: 768px) {
.col-md-6 {flex: 0 0 50%;
		max-width: 50%;}
}

@media (min-width: 992px) {
.col-lg-7 {flex: 0 0 58.33333%;
		max-width: 58.33333%;}

.col-lg-8 {flex: 0 0 66.66667%;
		max-width: 66.66667%;}

.offset-lg-5 {margin-left: 41.66667%;}
}

@media (min-width: 1200px) {
.col-xl-6 {flex: 0 0 50%;
		max-width: 50%;}
}

@media (min-width: 1600px) {
.offset-xxl-6 {margin-left: 50%;}
}

@media (min-width: 480px) {
.justify-content-sm-center {justify-content: center !important;}

.align-items-sm-center {align-items: center !important;}
}

@media (min-width: 768px) {
.justify-content-md-center {justify-content: center !important;}
}

.text-center {text-align: center !important;}

.text-uppercase {text-transform: uppercase !important;}

html *:first-child {margin-top: 0;}

html *:last-child {margin-bottom: 0;}

a:hover,
a:focus {text-decoration: none;
	outline: none;}

button:hover {cursor: pointer;}

* + .row {margin-top: 50px;}

* + [class*="col-"] {margin-top: 30px;}

* + [class*="col-xs-"] {margin-top: 0;}

@media (min-width: 480px) {
* + [class*="col-sm-"] {margin-top: 0;}
}

@media (min-width: 768px) {
* + [class*="col-md-"] {margin-top: 0;}
}

@media (min-width: 992px) {
* + [class*="col-lg-"] {margin-top: 0;}
}

@media (min-width: 1200px) {
* + [class*="col-xl-"] {margin-top: 0;}
}

@media (min-width: 1600px) {
* + [class*="col-xxl-"] {margin-top: 0;}
}

.hr {height: 1px;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
	background: #f5f5f5;
	border: none;}

.hr-gradient {background: white;
	background: -moz-linear-gradient(left, white 0%, #d9d9d9 50%, white 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(50%, #d9d9d9), color-stop(100%, white));
	background: -webkit-linear-gradient(left, white 0%, #d9d9d9 50%, white 100%);
	background: -o-linear-gradient(left, white 0%, #d9d9d9 50%, white 100%);
	background: -ms-linear-gradient(left, white 0%, #d9d9d9 50%, white 100%);
	background: linear-gradient(to right, white 0%, #d9d9d9 50%, white 100%);}

h1 {margin-top: 26px;
	margin-bottom: 21px;
	font-size: 36px;
	line-height: 1.4;}

@media (min-width: 768px) {
h1 {line-height: 1.4;
		font-size: 39.6px;}
}

@media (min-width: 1200px) {
h1 {line-height: 1.3;
		font-size: 40.5px;}
}

@media (min-width: 1600px) {
h1 {line-height: 1.2;
		font-size: 45px;}
}

h4 {margin-top: 28px;
	margin-bottom: 16px;
	font-size: 24px;
	line-height: 1.5;}

@media (min-width: 768px) {
h4 {line-height: 1.5;
		font-size: 24px;}
}

@media (min-width: 1200px) {
h4 {line-height: 1.25;
		font-size: 24px;}
}

@media (min-width: 1600px) {
h4 {line-height: 1.25;
		font-size: 24px;}
}

h1 a,
h4 a {transition: .3s all ease;}

h1 a:hover,
h4 a:hover {color: #55bbeb;}

h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {color: #9b9b9b;}

p {margin-top: 18px;
	margin-bottom: 18px;}

p a:hover {text-decoration: underline;}

@media (min-width: 480px) {
.big {font-size: 106.25%;
		line-height: 1.470588235294118;}
}

@media (min-width: 1200px) {
h1 .big {font-size: 120%;
		line-height: 1.2;}

h2 .big {font-size: 120%;
		line-height: 1.2;}
}

@media (min-width: 1600px) {
h1 .big {font-size: 142.22%;
		line-height: 1.125;}

h2 .big {font-size: 147.36%;
		line-height: 1.142857142857143;}
}

blockquote .small,
.small {font-size: 93.75%;}

blockquote .small:before,
.small:before {display: none;}

h1 blockquote small,
h1
blockquote .small,
h1
small,
h1
.small {font-size: 62.22222222222222%;}

h2
blockquote .small,
h2
.small {font-size: 63.15789473684211%;}

h3
blockquote .small,
h3
.small {font-size: 73.33333333333333%;}

h4 blockquote small,
h4
blockquote .small,
h4
small,
h4
.small {font-size: 75%;}

h5
blockquote .small,
h5
.small {font-size: 72.72727272727273%;}

h6
blockquote .small,
h6
.small {font-size: 94.11764705882353%;}

.bg-black {background: #191919;
	fill: #191919;}

.slider-menu-position {position: relative;}

.slider-menu-position .rd-navbar-wrap {position: absolute;
	top: 0;
	left: 0;
	right: 0;}

.section-cover {min-height: 100vh;}

.ie-11 .section-cover {height: 100vh;}

.section-110 {padding-top: 110px;
	padding-bottom: 110px;}

@font-face {font-family: "Material Design Icons";
	src: url("../fonts/materialdesignicons-webfont.eot?v=1.4.57");
	src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg");
	font-weight: normal;
	font-style: normal;}

.mdi {display: inline-block;
	font-weight: 400;
	font-style: normal;
	font-family: "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);}

.mdi-cellphone-android:before {content: "";}

.page {overflow: hidden;
	background-color: #ffffff;}

.page .text-center {text-align: center;}

.page .text-middle {vertical-align: middle;}

.page .text-light {font-weight: 300;}

.page strong {font-weight: 700;}

.page .text-ubold {font-weight: 900;}

.page .text-spacing-60 {letter-spacing: 0.06em;}

html [class*="grid-group-"] > * {margin-top: 0;}

.label {padding: 0.2em 0.6em 0.2em;}

.label-custom {display: inline-block;
	padding: 8px;
	font-size: 8px;
	font-weight: 900;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	letter-spacing: .06em;
	transition: .3s;}

h1 .label-custom,
h2 .label-custom,
h3 .label-custom,
h4 .label-custom,
h5 .label-custom,
h6 .label-custom,
p .label-custom {margin-left: 10px;}

.label-custom,
.label-custom:hover,
.label-custom:focus {color: #ffffff;}

.label-rounded-custom {border-radius: 3px;}

.label-xs-custom {padding: 3px 5px;}

.label-success {color: #212529;
	background-color: #abcc37;}

.label-success[href]:hover,
.label-success[href]:focus {color: #212529;
	text-decoration: none;
	background-color: #8aa62a;}

[data-x-mode] form * {pointer-events: none;}

[data-x-mode] form label,
[data-x-mode] form button {pointer-events: auto;}

html body .offset-top-0 {margin-top: 0;}

html body .offset-top-10 {margin-top: 10px;}

html body .offset-top-34 {margin-top: 34px;}

html body .offset-top-41 {margin-top: 41px;}

@media (min-width: 768px) {
html body .offset-md-top-20 {margin-top: 20px;}
}

@media (min-width: 1600px) {
html body .offset-xxl-top-50 {margin-top: 50px;}
}

.context-dark,
.context-dark h1,
.context-dark h2,
.context-dark h3,
.context-dark h4,
.context-dark h5,
.context-dark h6 {color: #ffffff;}

.page-loader-variant-1 {position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 25px;
	z-index: 9999999;
	background: #191919;
	transition: .3s all ease;}

.page-loader-variant-1 .spinner {width: 56px;
	height: 56px;
	background: url("../images/633328.png") no-repeat transparent -2240px 0;
	animation: 1.5s sprite-animation steps(40) infinite;
	display: inline-block;}

.page-loader-variant-1.loaded {opacity: 0;
	visibility: hidden;
	z-index: -1;}

.page-loader-variant-1.loaded .spinner {animation: none;}

[data-x-mode] .page-loader-variant-1 {display: none;}

.page-loader-logo {margin-top: -20px;
    margin-left: -18px;}


/* ==================================================
   HEADER & MOBILE NAVBAR BRANDING
   ================================================== */

.header-logo {
  margin-top: -8px;
  margin-left: 30px;
}

.mobile-brand-name {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-default {transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li a,
.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a {font-size: 13px;
	font-weight: 900;
	line-height: 24px;
	text-transform: uppercase;}

.rd-navbar {display: none;
	position: relative;
	z-index: 1999;
	text-align: left;}

.rd-navbar ul {list-style-type: none;
	margin-bottom: 0;}

.rd-navbar a {transition: .3s all ease;}

.rd-navbar-static.rd-navbar--is-stuck {position: fixed;
	top: 0;
	left: 0;
	right: 0;}

.rd-navbar-fixed,
.rd-navbar-static {display: block;}

.rd-navbar--no-transition,
.rd-navbar--no-transition * {transition: none !important;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-panel {position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 16;}

.rd-navbar-default.rd-navbar-fixed,
.rd-navbar-default.rd-navbar-fixed .rd-navbar-panel {height: 69px;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle {position: fixed;
	z-index: 17;
	top: 4px;
	left: 4px;
	display: inline-block;
	position: relative;
	width: 48px;
	height: 48px;
	font-size: 24px;
	line-height: 48px;
	text-align: center;
	color: #ffffff;
	background: none;
	border: none;
	outline: none;
	padding: 0;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span {position: relative;
	display: block;
	margin: auto;
	transition: .3s all ease;
	transform: rotate(180deg);}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span:before,
.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span:after {transform-origin: 1.71429px center;
	transform-origin: 1.71429px center;
	content: "";
	position: absolute;
	left: 0;
	top: -8px;
	transition: .3s all ease;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span:after {top: 8px;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span:after,
.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span:before,
.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span {width: 24px;
	height: 4px;
	background-color: #ffffff;
	backface-visibility: hidden;
	border-radius: 0;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle.active span {transform: rotate(360deg);}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle.active span:before,
.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle.active span:after {top: 0;
	width: 15px;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle.active span:before {-webkit-transform: rotate3d(0, 0, 1, -40deg);
	transform: rotate3d(0, 0, 1, -40deg);}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle.active span:after {-webkit-transform: rotate3d(0, 0, 1, 40deg);
	transform: rotate3d(0, 0, 1, 40deg);}

@media (min-width: 480px) {
.rd-navbar-default.rd-navbar-fixed .rd-navbar-brand {display: block;
		position: fixed;
		top: 10px;
		left: 50%;
		width: auto;}
}

.rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-panel {background: #191919;
	box-shadow: 0 1px 10px 0 rgba(67, 67, 69, 0.3);}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav-wrap {position: fixed;
	top: 0;
	left: 0;
	width: 280px;
	bottom: 0;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	z-index: 15;
	transform: translateX(-105%);
	padding: 56px 10px 0;}

	/* Mobile navbar: transparent panel with no shadow, leaving only the hamburger visible. */
.rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-panel {
    background: transparent;
    box-shadow: none;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav-wrap.active {transform: translateX(0);}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-mobile-scroll {max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-mobile-brand {display: block;
	text-align: center;
	margin-top: 30px;}

.rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav-wrap {color: #ffffff;
	background: #191919;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav {padding: 0;
	margin-top: 15px;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav > li:last-child {margin-bottom: 10px;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li {float: none;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li + li {margin-top: 5px;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li a {cursor: pointer;
	display: block;
	padding: 8px 30px 8px 15px;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li a span {vertical-align: middle;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-label {margin-left: 5px;}

.rd-navbar-default.rd-navbar-fixed ul {-webkit-padding-start: 0;}

.rd-navbar-default.rd-navbar-fixed * + [class*="col-"] {margin-top: 0;}

.rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li a {color: #ffffff;}

.rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li:hover > a {background: #212121;}

.rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li.opened > a,
.rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav li.active > a {background: #212121;}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav::after {display: block;
	clear: both;
	content: "";}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li {float: left;
	position: relative;}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a {position: relative;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0.06em;}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a:after {content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 2px;
	margin-top: 4px;
	transition: .3s all ease;}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a:after {background: -moz-linear-gradient(90deg, #42b574 0%, #84c450 100%);
	background: -webkit-linear-gradient(90deg, #42b574 0%, #84c450 100%);
	background: -o-linear-gradient(90deg, #42b574 0%, #84c450 100%);
	background: -ms-linear-gradient(90deg, #42b574 0%, #84c450 100%);
	background: linear-gradient(90deg, #42b574 0%, #84c450 100%);}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a > .rd-navbar-label {position: absolute;
	margin: -10px 0 0 -15px;}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li.active > a:after,
.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li.focus > a:after,
.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a:hover:after {left: 0;
	width: 100%;}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li + li {margin-left: 37px;}

.rd-navbar-default.rd-navbar-transparent.rd-navbar-static .rd-navbar-nav > li a {color: #ffffff;}

.rd-navbar-default.rd-navbar-static .rd-navbar-inner.active .rd-navbar-nav-wrap {opacity: 0;
	visibility: hidden;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-brand {display: none;}

@media (min-width: 480px) {
.rd-navbar-default.rd-navbar-fixed .rd-navbar-mobile-brand {display: none;}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-brand {display: block;
		transform: translateX(-50%);}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-brand .header-logo {
	width: auto;
	height: 55px;
	margin: 0;
}
}

.rd-navbar-default.rd-navbar-static .rd-navbar-mobile-brand {display: none;}

.rd-navbar-default.rd-navbar-static .rd-navbar-brand {float: left;}

.rd-navbar-default.rd-navbar-static .rd-navbar-brand img {vertical-align: baseline;}

.rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap {float: right;}

.rd-navbar-default.rd-navbar-static .rd-navbar-brand {margin-top: 9px;}

.rd-navbar-default.rd-navbar-static .rd-navbar-panel .rd-navbar-toggle {display: none;}

.rd-navbar-default.rd-navbar-static .rd-navbar-inner {transition: .3s all ease;
	padding: 32px 55px 20px 55px;
	position: relative;
	text-align: left;}

.rd-navbar-default.rd-navbar-static .rd-navbar-inner::after {display: block;
	clear: both;
	content: "";}

.rd-navbar-default.rd-navbar-static .rd-navbar-inner.active .rd-navbar-panel {opacity: 0;
	visibility: hidden;}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav-wrap,
.rd-navbar-default.rd-navbar-static .rd-navbar-panel {transition: .3s all ease;}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav-wrap {margin-top: 11px;
	display: inline-block;}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav-wrap::after {display: block;
	clear: both;
	content: "";}

.rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck {box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);}

.rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner {padding-top: 15px;
	padding-bottom: 15px;}

.rd-navbar-default.rd-navbar-transparent.rd-navbar-static.rd-navbar--is-stuck {background: #191919;}

* {-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

.parallax-container {position: relative;
	overflow: hidden;}

.material-parallax {position: absolute;
	top: 0;
	left: -1px;
	right: -1px;
	bottom: 0;}

.ipad .material-parallax,
.iphone .material-parallax {background-attachment: scroll !important;}

.material-parallax img {display: none;
	position: absolute;
	left: 50%;
	bottom: 0;
	min-width: 101%;
	min-height: 101%;
	transform: translate3d(-50%, 0, 0);}

.parallax-content {position: relative;
	z-index: 1;}

.parallax-disabled {background-size: cover;}

html:not(.ie-11):not(.ios) .parallax-disabled {background-attachment: fixed;}

.portal-login-btn {position: relative;
    isolation: isolate;

    display: inline-block;
    min-width: 200px;
    padding: 15px 30px;

    border: 2px solid #ffffff;
    border-radius: 2px;

    background: transparent;
    color: #ffffff !important;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;

    cursor: pointer;
    overflow: visible;

    transition:
        color 0.3s ease,
        transform 0.25s ease,
        box-shadow 0.3s ease;}

.portal-login-btn::before {content: "";

    position: absolute;
    inset: -2px;

    z-index: 2;

    border-radius: 2px;
    background: #ffffff;

    opacity: 0;
    pointer-events: none;

    transition: opacity 0.3s ease;}

.portal-button-text {position: relative;
    z-index: 3;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;}

.portal-particles {position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    opacity: 0;
    transition: opacity 0.7s ease;}

.portal-particles i {position: absolute;

    width: 10px;
    height: 10px;

    border-radius: 50%;
    opacity: 0;

    transform: translate(0, 0) scale(0.35);

    box-shadow:
        0 0 7px currentColor,
        0 0 13px rgba(255, 255, 255, 0.20);

    pointer-events: none;}

.portal-particles i:nth-child(3n) {width: 14px;
    height: 14px;}

.portal-particles i:nth-child(3n + 1) {width: 10px;
    height: 10px;}

.portal-particles i:nth-child(5n) {width: 12px;
    height: 12px;}

.portal-particles i:nth-child(6n + 1) {color: #ff5f87;
    background: rgba(255, 95, 135, 0.88);}

.portal-particles i:nth-child(6n + 2) {color: #ffd166;
    background: rgba(255, 209, 102, 0.88);}

.portal-particles i:nth-child(6n + 3) {color: #57d9ad;
    background: rgba(87, 217, 173, 0.88);}

.portal-particles i:nth-child(6n + 4) {color: #5cc8ff;
    background: rgba(92, 200, 255, 0.88);}

.portal-particles i:nth-child(6n + 5) {color: #bd7cff;
    background: rgba(189, 124, 255, 0.88);}

.portal-particles i:nth-child(6n) {color: #ff9f43;
    background: rgba(255, 159, 67, 0.88);}

.portal-particles i:nth-child(1) {left: 4%;  top: 14%;}

.portal-particles i:nth-child(2) {left: 11%; top: 28%;}

.portal-particles i:nth-child(3) {left: 18%; top: 12%;}

.portal-particles i:nth-child(4) {left: 25%; top: 34%;}

.portal-particles i:nth-child(5) {left: 32%; top: 18%;}

.portal-particles i:nth-child(6) {left: 39%; top: 30%;}

.portal-particles i:nth-child(7) {left: 46%; top: 12%;}

.portal-particles i:nth-child(8) {left: 53%; top: 32%;}

.portal-particles i:nth-child(9) {left: 60%; top: 16%;}

.portal-particles i:nth-child(10) {left: 67%; top: 28%;}

.portal-particles i:nth-child(11) {left: 74%; top: 12%;}

.portal-particles i:nth-child(12) {left: 81%; top: 34%;}

.portal-particles i:nth-child(13) {left: 88%; top: 16%;}

.portal-particles i:nth-child(14) {left: 95%; top: 30%;}

.portal-particles i:nth-child(15) {left: 5%;  top: 46%;}

.portal-particles i:nth-child(16) {left: 12%; top: 58%;}

.portal-particles i:nth-child(17) {left: 19%; top: 42%;}

.portal-particles i:nth-child(18) {left: 26%; top: 54%;}

.portal-particles i:nth-child(19) {left: 33%; top: 44%;}

.portal-particles i:nth-child(20) {left: 40%; top: 58%;}

.portal-particles i:nth-child(21) {left: 47%; top: 42%;}

.portal-particles i:nth-child(22) {left: 54%; top: 56%;}

.portal-particles i:nth-child(23) {left: 61%; top: 44%;}

.portal-particles i:nth-child(24) {left: 68%; top: 58%;}

.portal-particles i:nth-child(25) {left: 75%; top: 42%;}

.portal-particles i:nth-child(26) {left: 82%; top: 56%;}

.portal-particles i:nth-child(27) {left: 89%; top: 44%;}

.portal-particles i:nth-child(28) {left: 96%; top: 58%;}

.portal-particles i:nth-child(29) {left: 4%;  top: 76%;}

.portal-particles i:nth-child(30) {left: 11%; top: 66%;}

.portal-particles i:nth-child(31) {left: 18%; top: 82%;}

.portal-particles i:nth-child(32) {left: 25%; top: 70%;}

.portal-particles i:nth-child(33) {left: 32%; top: 84%;}

.portal-particles i:nth-child(34) {left: 39%; top: 68%;}

.portal-particles i:nth-child(35) {left: 46%; top: 82%;}

.portal-particles i:nth-child(36) {left: 53%; top: 70%;}

.portal-particles i:nth-child(37) {left: 60%; top: 84%;}

.portal-particles i:nth-child(38) {left: 67%; top: 68%;}

.portal-particles i:nth-child(39) {left: 74%; top: 82%;}

.portal-particles i:nth-child(40) {left: 81%; top: 70%;}

.portal-particles i:nth-child(41) {left: 88%; top: 84%;}

.portal-particles i:nth-child(42) {left: 95%; top: 68%;}

.portal-particles i:nth-child(43) {left: 9%;  top: 38%;}

.portal-particles i:nth-child(44) {left: 16%; top: 64%;}

.portal-particles i:nth-child(45) {left: 23%; top: 24%;}

.portal-particles i:nth-child(46) {left: 30%; top: 62%;}

.portal-particles i:nth-child(47) {left: 37%; top: 38%;}

.portal-particles i:nth-child(48) {left: 44%; top: 66%;}

.portal-particles i:nth-child(49) {left: 51%; top: 24%;}

.portal-particles i:nth-child(50) {left: 58%; top: 62%;}

.portal-particles i:nth-child(51) {left: 65%; top: 36%;}

.portal-particles i:nth-child(52) {left: 72%; top: 64%;}

.portal-particles i:nth-child(53) {left: 80%; top: 26%;}

.portal-particles i:nth-child(54) {left: 90%; top: 62%;}

.portal-particles i:nth-child(55) {left: 8%;  top: 18%;}

.portal-particles i:nth-child(56) {left: 36%; top: 10%;}

.portal-particles i:nth-child(57) {left: 76%; top: 16%;}

.portal-particles i:nth-child(58) {left: 91%; top: 24%;}

.portal-particles i:nth-child(59) {left: 94%; top: 55%;}

.portal-particles i:nth-child(60) {left: 82%; top: 76%;}

.portal-particles i:nth-child(61) {left: 55%; top: 86%;}

.portal-particles i:nth-child(62) {left: 18%; top: 78%;}

.portal-particles i:nth-child(63) {left: 6%;  top: 52%;}

.portal-particles i:nth-child(64) {left: 14%; top: 22%;}

.portal-particles i:nth-child(65) {left: 49%; top: 8%;}

.portal-particles i:nth-child(66) {left: 84%; top: 20%;}

.portal-particles i:nth-child(67) {left: 96%; top: 36%;}

.portal-particles i:nth-child(68) {left: 92%; top: 66%;}

.portal-particles i:nth-child(69) {left: 72%; top: 84%;}

.portal-particles i:nth-child(70) {left: 43%; top: 88%;}

.portal-particles i:nth-child(71) {left: 12%; top: 72%;}

.portal-particles i:nth-child(72) {left: 4%;  top: 44%;}

.portal-particles i:nth-child(73) {left: 20%; top: 16%;}

.portal-particles i:nth-child(74) {left: 62%; top: 9%;}

.portal-particles i:nth-child(75) {left: 90%; top: 18%;}

.portal-particles i:nth-child(76) {left: 97%; top: 46%;}

.portal-particles i:nth-child(77) {left: 88%; top: 74%;}

.portal-particles i:nth-child(78) {left: 64%; top: 88%;}

.portal-particles i:nth-child(79) {left: 31%; top: 86%;}

.portal-particles i:nth-child(80) {left: 8%;  top: 82%;}

.portal-particles i:nth-child(81) {left: 3%;  top: 58%;}

.portal-login-btn:active {transform: scale(0.97);}

@media (prefers-reduced-motion: reduce) {
.portal-login-btn,
.portal-login-btn::before,
.portal-particles i {transition: none;
        animation: none !important;}

.portal-particles {display: none;}
}

.portal-login-btn {color: #191919 !important;
    transform: scale(1.035);
    box-shadow: 0 12px 22px -12px rgba(0, 0, 0, 0.50);}

.portal-login-btn::before {opacity: 1;}

.portal-particles {opacity: 1;}

.portal-particles i {animation-duration: 1.55s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;}

.portal-particles i:nth-child(9n + 1) {animation-name: portal-fizz-up-left;
    animation-delay: -0.15s;}

.portal-particles i:nth-child(9n + 2) {animation-name: portal-fizz-up;
    animation-delay: -0.55s;}

.portal-particles i:nth-child(9n + 3) {animation-name: portal-fizz-up-right;
    animation-delay: -1.05s;}

.portal-particles i:nth-child(9n + 4) {animation-name: portal-fizz-right-up;
    animation-delay: -0.35s;}

.portal-particles i:nth-child(9n + 5) {animation-name: portal-fizz-right-down;
    animation-delay: -0.85s;}

.portal-particles i:nth-child(9n + 6) {animation-name: portal-fizz-down-right;
    animation-delay: -1.30s;}

.portal-particles i:nth-child(9n + 7) {animation-name: portal-fizz-down;
    animation-delay: -0.65s;}

.portal-particles i:nth-child(9n + 8) {animation-name: portal-fizz-down-left;
    animation-delay: -1.15s;}

.portal-particles i:nth-child(9n) {animation-name: portal-fizz-left;
    animation-delay: -0.95s;}

.portal-particles i:nth-child(1),
.portal-particles i:nth-child(15),
.portal-particles i:nth-child(29) {animation-name: portal-fizz-left-up;
    animation-delay: -0.20s;}

.portal-particles i:nth-child(2),
.portal-particles i:nth-child(16),
.portal-particles i:nth-child(30),
.portal-particles i:nth-child(43) {animation-name: portal-fizz-left;
    animation-delay: -0.75s;}

.portal-particles i:nth-child(44) {animation-name: portal-fizz-left-down;
    animation-delay: -1.20s;}

@media (hover: hover) and (pointer: fine) {
.portal-login-btn:hover,
.portal-login-btn:focus-visible {transform: scale(1.07);
        box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.55);}
}

.portal-copyright {position: absolute;
    left: 0;
    bottom: 18px;
    width: 100%;
    padding: 0 20px;
    text-align: center;}

.portal-copyright p {margin: 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.65);}

.portal-copyright a {color: rgba(255, 255, 255, 0.75);
    text-decoration: none;}

.portal-copyright a:hover,
.portal-copyright a:focus {color: #ffffff;}

.portal-copyright-divider {margin: 0 10px;}

@-webkit-keyframes sprite-animation {from {
		background-position: 0 0;
	}}

@keyframes sprite-animation {from {
		background-position: 0 0;
	}}

@keyframes portal-fizz-up-left {0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.30);
    }

    12% {
        opacity: 0.88;
    }

    62% {
        opacity: 0.78;
    }

    100% {
        opacity: 0;
        transform: translate(-28px, -48px) scale(1.15);
    }}

@keyframes portal-fizz-up {0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.35);
    }

    12% {
        opacity: 0.88;
    }

    62% {
        opacity: 0.76;
    }

    100% {
        opacity: 0;
        transform: translate(2px, -52px) scale(1.05);
    }}

@keyframes portal-fizz-up-right {0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.30);
    }

    12% {
        opacity: 0.88;
    }

    62% {
        opacity: 0.78;
    }

    100% {
        opacity: 0;
        transform: translate(29px, -48px) scale(1.18);
    }}

@keyframes portal-fizz-right-up {0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.35);
    }

    12% {
        opacity: 0.88;
    }

    62% {
        opacity: 0.76;
    }

    100% {
        opacity: 0;
        transform: translate(52px, -25px) scale(1.05);
    }}

@keyframes portal-fizz-right-down {0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.30);
    }

    12% {
        opacity: 0.88;
    }

    62% {
        opacity: 0.78;
    }

    100% {
        opacity: 0;
        transform: translate(52px, 27px) scale(1.15);
    }}

@keyframes portal-fizz-down-right {0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.35);
    }

    12% {
        opacity: 0.88;
    }

    62% {
        opacity: 0.76;
    }

    100% {
        opacity: 0;
        transform: translate(28px, 48px) scale(1.05);
    }}

@keyframes portal-fizz-down {0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.30);
    }

    12% {
        opacity: 0.88;
    }

    62% {
        opacity: 0.78;
    }

    100% {
        opacity: 0;
        transform: translate(-2px, 52px) scale(1.18);
    }}

@keyframes portal-fizz-down-left {0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.35);
    }

    12% {
        opacity: 0.88;
    }

    62% {
        opacity: 0.76;
    }

    100% {
        opacity: 0;
        transform: translate(-29px, 48px) scale(1.05);
    }}

@keyframes portal-fizz-left {0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.30);
    }

    12% {
        opacity: 0.88;
    }

    62% {
        opacity: 0.78;
    }

    100% {
        opacity: 0;
        transform: translate(-52px, -4px) scale(1.15);
    }}

@keyframes portal-fizz-left-up {0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.30);
    }

    12% {
        opacity: 0.88;
    }

    62% {
        opacity: 0.78;
    }

    100% {
        opacity: 0;
        transform: translate(-50px, -24px) scale(1.12);
    }}

@keyframes portal-fizz-left-down {0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.32);
    }

    12% {
        opacity: 0.88;
    }

    62% {
        opacity: 0.76;
    }

    100% {
        opacity: 0;
        transform: translate(-50px, 25px) scale(1.10);
    }}

	/* Mobile Call Now CTA */
.mobile-call-cta {
    display: block;
    width: 240px;
    max-width: 100%;
    margin: 0 auto;
}

.mobile-call-cta img {
    display: block;
    width: 100%;
    height: auto;
}