/*
Table Of Contents
 
 1.) Typography
 2.) Default Styles
 3.) Header - Main
 4.) Content - Main
 5.) Footer - Main
 6.) Inner - Pages
 7.) Site - Cores

========================================*/

/*
 1.) Typography
----------------------------------------*/

.poppins {
	font-family: "Poppins", sans-serif;
}


/*
 2.) Default Styles
----------------------------------------*/

/* -----------------------------------------------------------
   Modern Global Reset (2025)
----------------------------------------------------------- */

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

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #dbdbdb;
    line-height: 1.5em;
    background: #2b2b2b;
}

@media (max-width: 1199px) {
body {
    font-size: 20px;
}
}

@media (max-width: 767px) {
body {
    font-size: 18px;
}
}


/* -----------------------------------------------------------
   Links
----------------------------------------------------------- */

a {
	color: inherit;
	text-decoration: underline;
	transition: all .25s ease-out;
	cursor: pointer;
}

a:hover,
a:focus,
a:active {
	color: #9f00d9;
	text-decoration: underline;
}

a:visited {
	outline: 0;
}

a[href^="mailto:"] {
	word-break: break-all;
}


/* -----------------------------------------------------------
   Typography
----------------------------------------------------------- */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-weight: 500;
	color: #ffffff;
	line-height: 1.43em;
	letter-spacing: -0.02em;
	padding-bottom: 23px;
}

h1,
.h1 {
	font-size: 96px;
	line-height: 1.1em;
}

h2,
.h2 {
	font-weight: 300;
	font-size: 56px;
}

h3,
.h3 {
	font-size: 36px;
}

h4,
.h4 {
	font-size: 32px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit;
	color: inherit;
	text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	text-decoration: none;
}

h1:last-child,
.h1:last-child,
h2:last-child,
.h2:last-child,
h3:last-child,
.h3:last-child,
h4:last-child,
.h4:last-child,
h5:last-child,
.h5:last-child,
h6:last-child,
.h6:last-child {
	padding-bottom: 0;
}

p {
	padding-bottom: 28px;
}

p:last-child {
	padding-bottom: 0;
}

.txt {
	margin-bottom: 60px;
}

.txt:last-child {
	margin-bottom: 0;
}

em {
	font-style: italic; 
}

em.fal,
em.far,
em.fas,
em.fab {
	font-style: normal; 
}

strong {
	font-weight: 500;
	color: #ffffff;
}

@media (max-width: 1399px) {
h1,
.h1 {
	font-size: 86px;
}
}

@media (max-width: 1299px) {
h1,
.h1 {
	font-size: 80px;
}
}

@media (max-width: 1199px) {
h1,
.h1 {
	font-size: 70px;
	line-height: 1.2em;
}

h2,
.h2 {
	font-size: 46px;
}

h2.sm-alt,
.h2.sm-alt {
	font-size: 42px;
}

h3,
.h3 {
	font-size: 32px;
}

h4,
.h4 {
	font-size: 28px;
}

p {
	padding-bottom: 24px;
}
}

@media (max-width: 767px) {
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	padding-bottom: 17px;
}

h1,
.h1 {
	font-size: 44px;
	line-height: 1.3em;
}

h2,
.h2 {
	font-size: 36px;
}

h2.sm-alt,
.h2.sm-alt {
	font-size: 30px;
}

h3,
.h3 {
	font-size: 26px;
}

h4,
.h4 {
	font-size: 24px;
}

p {
	padding-bottom: 20px;
}

.txt {
	margin-bottom: 50px;
}
}


/* -----------------------------------------------------------
   Lists
----------------------------------------------------------- */

ul,
ol {
	list-style: none;
}

li {
	position: relative;	 
	padding-left: 44px;
	margin-bottom: 13px;
}

li:last-child {
	margin-bottom: 28px;
}

ul:last-child li:last-child,
ol:last-child li:last-child {
	margin-bottom: 0;
}

ul li:before {	
	font-family: "Font Awesome 5 Pro";
	content: "\f058";
	font-weight: 900;
	font-size: 90%;
	color: #9f00d9;
	line-height: .5em;
	position: absolute;
	top: 13px;
	left: 0;
}

@media (max-width: 1199px) {
li {	 
	padding-left: 36px;
}

li:last-child {
	margin-bottom: 24px;
}

ul li:before {	
	top: 11px;
}
}

@media (max-width: 767px) {
li {
	padding-left: 30px;
	margin-bottom: 10px;
}

li:last-child {
	margin-bottom: 20px;
}

ul li:before {	
	top: 10px;
}
}


/* Ordered list numbers */
ol {
	counter-reset: item;
}

ol > li {
	counter-increment: item;
	padding-left: 30px;
}

ol > li:before {
	content: counter(item)".";
	font-weight: 500;
	color: #9f00d9;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}


/* -----------------------------------------------------------
   Images
----------------------------------------------------------- */

img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}


/* -----------------------------------------------------------
   Form Controls
----------------------------------------------------------- */

label {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font-family: "Poppins", sans-serif;
	font-weight: 300;	
	font-size: 24px;
	color: #dbdbdb;
	line-height: 1.5em;
	padding-bottom: 6px;
}

input,
select,
textarea {
	width: 100%;
	height: 80px;
	display: inline-block;
	vertical-align: top;
	font-family: "Poppins", sans-serif;
	font-weight: 300;	
	font-size: 24px;
	color: #2b2b2b;
	line-height: 1.25em;
	white-space: nowrap;
	text-overflow: ellipsis;	
	background: #ffffff;		
	border-radius: 4px;
	box-shadow: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow: hidden;
	padding: 25px 25px;
	transition: box-shadow .2s;
}

textarea {
	height: 204px;
	line-height: 1.5em;
	white-space: normal;
	outline: none;
	resize: none;
}

select {
	background-image: url(img/frm-chevron-down.svg);
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: top 30px right 25px;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
}

select.colorize .expand-item:not([disabled]) {
	color: #2b2b2b;
}

select.colorize .expand-item.def:not([disabled]),
select.colorize.empty:not([disabled]) {
	color: #c7c7c7;
	background-image: url(img/frm-chevron-down-gray.svg);
}

::-webkit-input-placeholder, 
::-webkit-textarea-placeholder {
	color: #c7c7c7;
}

input::-moz-placeholder, 
textarea::-moz-placeholder {
	color: #c7c7c7;
}

::-moz-placeholder {
	color: #c7c7c7;
}

::-ms-input-placeholder {
	color: #c7c7c7;
}

input:focus,
textarea:focus,
select:focus {
	outline: 0;
}

@media (max-width: 1199px) {
label {
	font-size: 22px;
}

input,
select,
textarea {
	height: 70px;
	font-size: 22px;
	padding: 20px 25px;
}

textarea {
	height: 204px;
}

select {
	background-position: top 24px right 25px;
}
}

@media (max-width: 767px) {
label {
	font-size: 20px;
}

input,
select,
textarea {
	height: 60px;
	font-size: 20px;
	padding: 15px 25px;
}

textarea {
	height: 204px;
}

select {
	background-position: top 19px right 25px;
}
}


/* Checkbox/Radio */
.form-check {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}

.form-check:last-child {
	margin-bottom: 0;
}

.form-check label {
	width: 100%;
	min-height: 22px;
	font-weight: 300;
	font-size: 20px;
	color: #dbdbdb;
	line-height: 1.5em;
	text-align: left;	
	text-transform: none;
	position: relative;
	padding: 0 0 0 37px;
}

.form-check label:before {
	content: "";
	width: 22px;
	height: 22px;
	background: #ffffff;
	position: absolute;
	top: 4px;
	left: 0;
	margin: 0;
}

.form-check input[type=checkbox],
.form-check input[type=radio] {
	width: 0;
	height: 0;
	opacity: 0;
	position: absolute;
	overflow: hidden;
}

.form-check input[type=radio]+label:before {
	border-radius: 900px;
}

.form-check input[type=checkbox]:checked+label:before,
.form-check input[type=checkbox]:checked+label:focus:before {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(img/frm-check.svg);
	background-size: 11px auto;
}

.form-check input[type=radio]:checked+label:before,
.form-check input[type=radio]:checked+label:focus:before {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(img/frm-circle.svg);
	background-size: 10px auto;
}


/* #Buttons
================================================== */

/* Custom - Select */
button {
	background: none;
	border: none;
	box-shadow: none;
	text-decoration: none;
	white-space: normal;
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0;
}

button:hover,
button:focus,
button:active,
button:active:focus,
button.active,
button.active:focus {
	outline: 0;
}

.btn,
input[type="button"],
input[type="submit"] {
	width: auto;
	height: auto;
	float: none;
	min-width: 278px;
	display: inline-block;
	vertical-align: middle;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #ffffff;
	line-height: 22px;
	letter-spacing: 0.16em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	white-space: normal;
	background: #9f00d9;
	box-shadow: inset #9f00d9 0 0 0 1px;	
	border-radius: 6px;
	border: none;	
	overflow: hidden;
	position: relative;
	z-index: 1;
	cursor: pointer;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: all .25s ease-out;
	padding: 17px 40px;
	margin: 0;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active,
.btn.active:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:active:focus,
input[type="button"].active,
input[type="button"].active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:active:focus,
input[type="submit"].active,
input[type="submit"].active:focus,
.btn:not(:disabled):not(.disabled).active,
a.box:hover .btn,
a.box:focus .btn,
a.box:active .btn {
	color: #ffffff;
	text-decoration: none;
	background: rgba(159, 0, 217, 0.08);
	box-shadow: inset #9f00d9 0 0 0 1px;
	outline: 0;
}

.btn-accent, 
input.btn-accent[type="button"], 
input.btn-accent[type="submit"] {
	background: #494949;
	box-shadow: inset #494949 0 0 0 1px;
}

.btn-accent:hover, 
.btn-accent:focus, 
.btn-accent:active, 
.btn-accent:active:focus, 
.btn-accent.active, 
.btn-accent.active:focus,
input.btn-accent[type="button"]:hover, 
input.btn-accent[type="button"]:focus, 
input.btn-accent[type="button"]:active, 
input.btn-accent[type="button"]:active:focus, 
input.btn-accent[type="button"].active, 
input.btn-accent[type="button"].active:focus, 
input.btn-accent[type="submit"]:hover, 
input.btn-accent[type="submit"]:focus, 
input.btn-accent[type="submit"]:active, 
input.btn-accent[type="submit"]:active:focus, 
input.btn-accent[type="submit"].active, 
input.btn-accent[type="submit"].active:focus,
.btn-accent:not(:disabled):not(.disabled).active,
a.box:hover .btn-accent,
a.box:focus .btn-accent,
a.box:active .btn-accent { 
	color: #ffffff;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: inset #ffffff 0 0 0 1px;
}

.disabled {
	cursor: not-allowed;
	filter: alpha(opacity=50);
	opacity: .50;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=50);
	opacity: .50;
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 12px -10px -16px -10px;
}

.btn-wrap.center-align {
	justify-content: center;
}

.btn-wrap .btn {
	float: left;
	margin: 0 10px 16px 10px;
}

@media (max-width: 767px) {
.btn,
input[type="button"],
input[type="submit"] {
	min-width: 240px;
	font-size: 15px;
	line-height: 21px;
	padding: 15px 35px;
}

.btn-wrap {
	margin-top: 10px;
}
}


/* #Flying focus
================================================== */

#flying-focus {
	position: absolute;
	margin: 0;
	background: transparent;
	transition-property: left, top, width, height, opacity;
	transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
	visibility: hidden;
	pointer-events: none;
	box-shadow: -webkit-focus-ring-color 0 0 0 2px; 
	border-radius: 0;
}

#flying-focus.flying-focus_visible {
	visibility: visible;
	z-index: 9999;
}

.flying-focus_target {
	outline: none !important; /* Doesn't work in Firefox :( */
}

/* http://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links/199319 */
.flying-focus_target::-moz-focus-inner {
	border: 0 !important;
}

/* Replace it with @supports rule when browsers catch up */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
#flying-focus {
	box-shadow: none;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -3px;
}
}


/* Skip - Button */
.skip-btn {
	height: 56px;
	float: left;
	font-weight: 700;
	font-size: 16px;
	color: #ffffff;
	line-height: 56px;
	letter-spacing: 0.16em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: normal;
	background: #9f00d9;	
	border-radius: 0;
	border: none;
	transition: top 1s ease-out, background 1s linear;
	overflow: hidden;
	position: fixed;
	z-index: 1001;
	top: -56px;
	left: 4px;
	opacity: 0;
	padding: 0 40px; 
	margin: 0;
}

.skip-btn:hover,
.skip-btn:focus,
.skip-btn:active {
	top: 4px;
	color: #ffffff;
	text-decoration: none;
	transition: top .1s ease-in, background .5s linear;
	opacity: 1;
}


/* Hidden */
.hidden {
	width: 1px;
	height: 1px;
	clip: rect(0,0,0,0);	
	overflow: hidden;	
	position: absolute;
	padding: 0;
	margin: -1px;
}


/*= Container - Main
=======================================================*/

.container-main {
	width: 100%;
	min-height: 100vh;
	float: left;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}

.container {
	width: 100%;
	max-width: 1480px;
	padding: 0 40px;
	margin: 0 auto;
}

@media (max-width: 767px) {
.container {
	max-width: 650px;
	padding: 0 25px;
}
}


/* Sub - Heading */
.sub-head {
	font-weight: 700;
	font-size: 18px;
	color: #ffffff;
    line-height: 1.3em;
    letter-spacing: 0.16em;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	padding-bottom: 20px;
	margin-bottom: 35px;
}
 
.sub-head:after { 
	content: ""; 
	width: 48px; 
	height: 2px; 
	background: #9f00d9;
	position: absolute; 
	bottom: 0; 
	left: 50%;
	transform: translate(-50%, 0);
	z-index: -1;
}

.sub-head:last-child {
	margin-bottom: 0;
}

@media (max-width: 1199px) {
.sub-head {
	font-size: 16px;
}
}

@media (max-width: 767px) {
.sub-head {
	font-size: 14px;
	padding-bottom: 20px;
	margin-bottom: 28px;
}
}


/* Read - More */
.read-more {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.read-more a,
.read-more .a {
	display: inline-block;
	vertical-align: top;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.16em;
	text-decoration: none;
	text-transform: uppercase;	
	cursor: pointer;
	transition: all .25s ease-out;
}

.read-more a:hover,
.read-more a:focus,
.read-more a:active,
a.box:hover .read-more .a,
a.box:focus .read-more .a,
a.box:active .read-more .a {
	text-decoration: underline;
}

@media (max-width: 1199px) {
.read-more {
	margin-top: 4px;
}
}

@media (max-width: 767px) {
.read-more {
	margin-top: 8px;
}

.read-more a,
.read-more .a {
	font-size: 15px;
	line-height: 21px;
}
}


/* Heading - Txt */
.heading-txt {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: relative;
	margin-bottom: 100px;
}

.heading-txt:last-child {
	margin-bottom: 0;
}

.heading-txt h1,
.heading-txt h2,
.heading-txt h3,
.heading-txt h4 {
	color: inherit;
}

.heading-txt p {
	padding-bottom: 23px;
}

.heading-txt p:last-child {
	padding-bottom: 0;
}

.heading-txt .max-1030 {
	width: 100%;
	max-width: 1030px;
	margin: 0 auto;
}

.heading-txt .max-1250 {
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
}

.heading-txt .max-1270 {
	width: 100%;
	max-width: 1270px;
	margin: 0 auto;
}

@media (max-width: 1199px) {
.heading-txt {
	margin-bottom: 80px;
}

.heading-txt h1 br,
.heading-txt h2 br,
.heading-txt h3 br,
.heading-txt h4 br {
	display: none;
}
}

@media (max-width: 767px) {
.heading-txt {
	margin-bottom: 50px;
}

.heading-txt p br {
	display: none;
}
}


/* Form - Fields */
.form-fields {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 100px;
}

.form-fields:last-child {
	margin-bottom: 0;
}

.form-fields form {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.form-fields ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 -12px -24px -12px;
}

.form-fields ul li {
	width: 100%;
	line-height: 1em;
	padding: 0 12px;
	margin: 0 0 24px 0;
}

.form-fields ul li:before {
	display: none;
}

.form-fields ul li.half-width {
	width: 50%;
}

.form-fields .btn-wrap {
	margin-top: 24px;
}

.form-fields .btn,
.form-fields input[type="button"],
.form-fields input[type="submit"] {
	min-width: inherit;
	width: 100%;
}

@media (max-width: 1199px) {
.form-fields {
	margin-bottom: 80px;
}
}

@media (max-width: 767px) {
.form-fields {
	margin-bottom: 50px;
}

.form-fields ul li.half-width {
	width: 100%;
}
}


/*
 3.) Header - Main
----------------------------------------*/

.header-main {
	width: 100%;
	height: 120px;
	float: left;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 9;
}

.header-main .container {
	max-width: 1520px;
	padding: 0 60px;
}

@media (max-width: 1399px) {
.header-main {
	top: 25px;
}
}

@media (max-width: 767px) {
.header-main {
	height: 90px;
	top: 15px;
}

.header-main .container {
	padding: 0 40px;
}
}


/* Site Brand */
.header-main .brand {
	height: 120px;
	float: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	z-index: 10;
	padding: 0 0 4px 0;
	margin: 0 -500px 0 0;
}

.header-main .brand img {
	width: 100%;
	max-width: 198px;
	display: inline-block;
	vertical-align: middle;
}

@media (max-width: 1199px) {
.header-main .brand img {
	max-width: 178px;
}
}

@media (max-width: 767px) {
.header-main .brand {
	height: 90px;
}
}


/* Nav - Bar */
.header-main .btn {
	min-width: inherit;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	line-height: 1.3em;
	letter-spacing: 0.08em;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: inset #9f00d9 0 0 0 1px;
}

.header-main .btn:hover,
.header-main .btn:focus,
.header-main .btn:active {
	color: #9f00d9;
	background: rgba(255, 255, 255, 1);
	box-shadow: inset #ffffff 0 0 0 1px;
}

@media (min-width: 992px) {
.header-main .nav-bar {
	width: 100%;
	height: 110px;
	float: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;	
}

.header-main .nav-bar .nav-max,
.header-main .nav-bar .nav-inn {
	width: 100%;
	float: left;
}

/* Primary - Menu */
.header-main .primary-menu {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
}

.header-main .primary-menu ul {
	float: left;
	padding: 0;
	margin: 0 -13px;
}

.header-main .primary-menu ul li {
	height: 120px;
	float: left;
	padding: 0;
	margin: 0 13px;
}

.header-main .primary-menu ul li:before {
	display: none;
}

.header-main .primary-menu ul li:last-child {
	margin-bottom: 0;
}

.header-main .primary-menu ul li > a {
	height: 120px;
	float: left;
	font-weight: 700;
	font-size: 13px;
	color: #ffffff;
	line-height: 120px;
	letter-spacing: 0.08em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
}

.header-main .primary-menu ul li > a:before {
	content: "";
	width: 0;
	height: 2px;
	background: #9f00d9;
	transition: all .25s ease-out;
	position: absolute;
	top: 0;
	left: 50%;
}

.header-main .primary-menu ul li .submenu-lv1 {
	display: none;
}

.header-main .primary-menu ul li.menu-item-has-children > a {
	padding-right: 20px;
}

.header-main .primary-menu ul li.menu-item-has-children > a:after {
	content: "\f078";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 15px;
	transition: all .25s ease-out;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	margin: 0;
}

.header-main .primary-menu ul li:hover > a,
.header-main .primary-menu ul li > a:focus, 
.header-main .primary-menu ul li.nav-menu-open > a, 
.header-main .primary-menu ul li.current-menu-item > a, 
.header-main .primary-menu ul li.current-menu-parent > a, 
.header-main .primary-menu ul li.current-menu-ancestor > a {
	color: #fbfbfb;
}

.header-main .primary-menu ul li:hover > a:before,
.header-main .primary-menu ul li > a:focus:before, 
.header-main .primary-menu ul li.nav-menu-open > a:before, 
.header-main .primary-menu ul li.current-menu-item > a:before, 
.header-main .primary-menu ul li.current-menu-parent > a:before, 
.header-main .primary-menu ul li.current-menu-ancestor > a:before {
	width: 100%;
	left: 0;
}

.header-main .primary-menu ul li.menu-item-has-children:hover > a:after,
.header-main .primary-menu ul li.menu-item-has-children > a:focus:after,
.header-main .primary-menu ul li.menu-item-has-children.nav-menu-open > a:after {	
	transform: translate(0, -50%) rotate(-180deg);
}

.header-main .primary-menu ul li > ul {
	width: 260px;
	float: left;
	background: #ffffff;
	box-shadow: rgba(0, 0, 0, .20) 0 15px 15px;
	transition: all .2s ease-in-out;	
	transform-origin: left top;	
	transform: scaleY(0);
	visibility: hidden;
	opacity: 0;
	display: block!important;
	position: absolute;
	top: 100%;
	left: -30px;
	padding: 25px 30px 30px 30px;
	margin: 0;
}

.header-main .primary-menu ul li > a:focus+ul,
.header-main .primary-menu ul li:hover > ul,
.header-main .primary-menu ul li.nav-menu-open > ul {
	transform: scaleY(1);
	visibility: visible;
	opacity: 1;	 
}

.header-main .primary-menu ul li > ul li {
	width: 100%;
	height: auto;
	float: left;
	padding: 0;
	margin: 0 0 25px 0;
}

.header-main .primary-menu ul li > ul li:last-child {
	margin-bottom: 0;
}

.header-main .primary-menu ul li > ul li > a {
	width: 100%;
	height: auto;
	color: #2b2b2b;
	line-height: 20px;
	text-align: left;
}

.header-main .primary-menu ul li > ul li > a:before {
	display: none;
}

.header-main .primary-menu ul li > ul li:hover > a,
.header-main .primary-menu ul li > ul li > a:focus, 
.header-main .primary-menu ul li > ul li.nav-menu-open > a, 
.header-main .primary-menu ul li > ul li.current-menu-item > a, 
.header-main .primary-menu ul li > ul li.current-menu-parent > a, 
.header-main .primary-menu ul li > ul li.current-menu-ancestor > a {
	color: #9f00d9;
}


/* Cart - Count */
.header-main .btn-cnt {
	height: 120px;
	float: right;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-left: -500px;
}

.header-main .btn {
	width: 175px;
	height: 46px;
	font-size: 13px;
	padding: 0 10px;
}
}

@media (min-width: 1200px) {
.header-main .primary-menu ul {
	margin: 0 -20px;
}

.header-main .primary-menu ul li {
	margin: 0 20px;
}

.header-main .primary-menu ul li > a {
	font-size: 14px;
}

.header-main .btn {
	width: 200px;
	height: 50px;
	font-size: 14px;
}
}

@media (min-width: 1300px) {
.header-main .primary-menu ul {
	margin: 0 -25px;
}

.header-main .primary-menu ul li {
	margin: 0 25px;
}

.header-main .cart-count {
	margin-left: 50px;
}
}

@media (min-width: 1400px) {
.header-main .primary-menu ul {
	margin: 0 -30px;
}

.header-main .primary-menu ul li {
	margin: 0 30px;
}

.header-main .primary-menu ul li > a {
	font-size: 16px;
}

.header-main .btn {
	width: 239px;
	height: 54px;
	font-size: 16px;
}
}

@media (min-width: 1600px) {
.header-main .primary-menu ul {
	margin: 0 -32px;
}

.header-main .primary-menu ul li {
	margin: 0 32px;
}
}

@media (max-width: 991px) {
.hiddenscroll-menu {
	overflow: hidden;
}
	
.header-main .overlay-menu {
	width: 100%;
	height: 100%;
	background: #000000;
	position: fixed;
	top: 25px;
	left: 0;
	z-index: 7;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
}

.header-main .overlay-menu.active {
	visibility: visible;
	opacity: .90;
	transition: opacity .2s ease-out;
}

.header-main .nav-bar {
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9;
	padding: 145px 25px 25px 25px;
}

.header-main .nav-bar.active {
	transition: all .25s ease-out;
	visibility: visible;
	opacity: 1;
}

.header-main .nav-bar .nav-max {
	width: 100%;
	height: 100%;
	float: left;
	background: #2b2b2b;
	border-radius: 16px;		
	overflow: auto;
	overflow-x: hidden;
}

.header-main .nav-bar .nav-inn {
	width: 100%;
	float: left;
	position: relative;
	padding: 30px 40px 50px 40px;
}


/* Primary - Menu */
.header-main .primary-menu {
	width: 100%;
	float: left;
	padding: 0 0 20px 0;
}

.header-main .primary-menu:last-child {
	padding-bottom: 0;
}

.header-main .primary-menu ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

.header-main .primary-menu ul li {
	width: 100%;
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
}

.header-main .primary-menu ul li:before {
	display: none;
}

.header-main .primary-menu ul li > a {
	width: 100%;
	float: left;
	font-weight: 700;
	font-size: 16px;
	color: #ffffff;
	line-height: 22px;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	padding: 16px 0;
	margin: 0;
}

.header-main .primary-menu ul li.menu-item-has-children > a {
	padding-right: 40px;
}

.header-main .primary-menu ul li .submenu-lv1 {
	display: none;
}

.header-main .primary-menu ul li.menu-item-has-children > .submenu-lv1 {
	display: block;
	width: 100px;
	height: 50px;
	float: right;
	text-align: right;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.header-main .primary-menu ul li.menu-item-has-children > .submenu-lv1:after {
	width: 17px;
	height: 14px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	content: "\f078";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 18px;
	color: #fbfbfb;
	line-height: .5em;
	transition: all .25s ease-out;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	margin: -1px 0 1px 0;
}

.header-main .primary-menu ul li.menu-item-has-children > .submenu-lv1.active:after {
	transform: translate(0, -50%) rotate(-180deg);
}

.header-main .primary-menu ul li:hover > a,
.header-main .primary-menu ul li > a:focus, 
.header-main .primary-menu ul li.nav-menu-open > a, 
.header-main .primary-menu ul li.current-menu-item > a, 
.header-main .primary-menu ul li.current-menu-parent > a, 
.header-main .primary-menu ul li.current-menu-ancestor > a {
	color: #9f00d9;
}

.header-main .primary-menu ul li.menu-item-has-children > .submenu-lv1.active.active {
	color: #9f00d9;
}

.header-main .primary-menu ul li ul {
	display: none;
	padding: 0 0 0 20px;
	margin: 0;
}

.header-main .primary-menu ul li ul li {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}
}

@media (max-width: 767px) {
.header-main .overlay-menu {
	top: 15px;
}

.header-main .nav-bar {
	padding: 105px 15px 15px 15px;
}

.header-main .nav-bar .nav-inn {
	padding: 30px 40px 50px 40px;
}
}


/* Menu - Button */
.header-main .menu-btn {
	min-width: inherit;
	height: 120px;
	float: right;
	flex-wrap: wrap;
	align-items: center;	
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	position: relative;
	z-index: 10;
	padding: 0;
	margin: 0 0 0 -500px;
	display: none;
}

.header-main .menu-btn .menu-bar {
	width: 30px;
	height: 2px;
	float: left;
	text-indent: -99999px;
	transition: all .25s ease-out;
	position: relative;
	margin: 5px 0;
}

.header-main .menu-btn .menu-bar:before,
.header-main .menu-btn .menu-bar:after {
	content: "";
	width: 100%;
	height: 2px;
	float: left;
	background: #ffffff;
	transition: all .25s ease-out;
	position: absolute;
	left: 0;
}

.header-main .menu-btn .menu-bar:before {
	top: -5px;
}

.header-main .menu-btn .menu-bar:after {
	top: 5px;
}

.header-main .menu-btn.active .menu-bar {
	background: none;
}

.header-main .menu-btn.active .menu-bar:before,
.header-main .menu-btn.active .menu-bar:after {
	top: 0;
}

.header-main .menu-btn.active .menu-bar:before {
	transform: rotate3d(0, 0, 1, -45deg);
}

.header-main .menu-btn.active .menu-bar:after {
	transform: rotate3d(0, 0, 1, 45deg);
}

.header-main.fixed .menu-btn.active .menu-bar {
	background: none;
}

@media (max-width: 991px) {
.header-main .menu-btn {
	display: flex;
}
}

@media (max-width: 767px) {
.header-main .menu-btn {
	height: 90px;
}

.header-main .menu-btn .menu-bar {
	width: 26px;
}
}


/*
 4.) Content - Main
----------------------------------------*/

.content-main {
	width: 100%;
	float: left;
	flex: 1 0 auto;
	overflow: hidden;
}


/* Grid */
.row-wrap {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.row {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 120px;
	margin: 0 -30px -60px -30px;
}

.row:last-child {
	padding-bottom: 0;
}

.row > div {
	width: 100%;
	padding: 0 30px 60px 30px;
}

@media (max-width: 1399px) {
.row {
	margin: 0 -25px -60px -25px;
}

.row > div {
	padding: 0 25px 60px 25px;
}
}

@media (max-width: 1199px) {
.row {
	padding-bottom: 100px;
	margin: 0 -20px -60px -20px;
}

.row > div {
	padding: 0 20px 60px 20px;
}
}

@media (max-width: 767px) {
.row {
	padding-bottom: 70px;
	margin: 0 -15px -50px -15px;
}

.row > div {
	padding: 0 15px 50px 15px;
}
}


/* Hero - Main */
.hero-main {
	width: 100%;
	overflow: hidden;
	padding: 30px 30px 0 30px;
}

.hero-main .hero-cont {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #121212;
	border-radius: 36px;
	overflow: hidden;
	position: relative;	
	z-index: 1;
	padding: 320px 0 170px 0;
}

.hero-main .container {
	max-width: 1520px;
	padding: 0 60px;
}

.hero-main .media {
	width: 100%;
	height: 100%;	
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.hero-main .media:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .60);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.hero-main .media img {
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%; 
	transform: translate(-50%, -50%);	
}

.hero-main .cont {
	width: 100%;
	max-width: 1280px;
	display: inline-block;
	vertical-align: top;
}

.hero-main .cont p strong {
	font-weight: 600;
}

.hero-main .cont .sub-head {
	display: inline-table;	
	padding: 12px 32px;
	margin-bottom: 50px;
}

.hero-main .cont .sub-head:last-child {
	margin-bottom: 0;
}

.hero-main .cont .sub-head:after {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.08);
	border-radius: 900px;
}

.hero-main .cont .btn-wrap {
	justify-content: center;
	margin-top: 30px;
}

.hero-main .cont .btn-wrap .btn {
	min-width: 260px;
}

@media (max-width: 1399px) {
.hero-main {
	padding: 25px 25px 0 25px;
}

.hero-main .hero-cont {
	border-radius: 26px;
	padding: 280px 0 140px 0;
}
}

@media (max-width: 1199px) {
.hero-main .hero-cont {
	padding: 260px 0 210px 0;
}
}

@media (max-width: 767px) {
.hero-main {
	padding: 15px 15px 0 15px;
}

.hero-main .container {
	padding: 0 40px;
}

.hero-main .hero-cont {
	border-radius: 16px;
	padding: 150px 0 80px 0;
}

.hero-main .cont .sub-head {
	padding: 10px 26px;
	margin-bottom: 30px;
}

.hero-main .cont .btn-wrap {
	margin-top: 20px;
}

.hero-main .cont .btn-wrap .btn {
	min-width: 240px;
}
}


/* Split - Content */
.split-cont {
	width: 100%;
	overflow: hidden;
	padding: 230px 0;
}

.split-cont .heading-txt {
	margin-bottom: 270px;
}

.split-cont .heading-txt:last-child {
	margin-bottom: 0;
}

.split-cont .col-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -30px -60px -30px;
}

.split-cont .col-wrap > div {
	width: 50%;
	padding: 0 30px 60px 30px;
}

.split-cont .col-wrap > div .steps {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -36px 0;
}

.split-cont .col-wrap > div .step {
	width: 100%;
	background: #19182C;
	background: linear-gradient(180deg, rgba(25, 24, 44, 1) 45%, rgba(26, 14, 26, 1) 85%, rgba(1, 1, 1, 1) 100%);
	border-radius: 48px;
	overflow: hidden;
	position: relative;
	margin: 0 0 36px 0;
}

.split-cont .col-wrap > div .step .media {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.split-cont .col-wrap > div .step .media:before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, transparent 50%, #000000 100%);
	position: absolute;
	top: 0;
	left: 0;
}

.split-cont .col-wrap > div .step .media img {
	width: 100%;
}

.split-cont .col-wrap > div .step .cont {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding: 55px 50px;
}

.split-cont .col-wrap > div .step .cont p {
	width: 100%;
	max-width: 490px;
}

.split-cont .col-wrap > div .step .cont .sub-head {
	text-align: inherit;
	padding-bottom: 0;
	margin-bottom: 22px;
}

.split-cont .col-wrap > div .step .cont .sub-head:last-child {
	margin-bottom: 0;
}

.split-cont .col-wrap > div .step .cont .sub-head:after {
	display: none;
}

.split-cont .col-wrap > div .step:nth-child(2) {
	background: #02032F;
	background: linear-gradient(225deg, rgba(2, 3, 47, 1) 32%, rgba(41, 0, 41, 1) 63%, rgba(1, 1, 1, 1) 100%);
}

.split-cont .col-wrap > div .step:nth-child(3) {
	background: #02032F;
	background: linear-gradient(180deg, rgba(2, 3, 47, 1) 25%, rgba(41, 0, 41, 1) 65%, rgba(1, 1, 1, 1) 100%);
}

@media (max-width: 1199px) {
.split-cont {
	padding: 160px 0;
}

.split-cont .heading-txt {
	margin-bottom: 160px;
}

.split-cont .col-wrap > div .step {
	border-radius: 38px;
}

.split-cont .col-wrap > div .step .cont {
	padding: 45px 40px;
}

.split-cont .col-wrap > div .step .cont p {
	max-width: 400px;
}
}

@media (max-width: 991px) {
.split-cont .col-wrap {
	margin: 0;
}

.split-cont .col-wrap .left-cl {
	width: 100%;
	min-height: inherit !important;
	text-align: center;
	position: relative !important;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0 0 70px 0;
}

.split-cont .col-wrap .left-cl .StickySidebar {
	width: 100% !important;
	float: none !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	padding: 0 !important;
	margin: 0 auto !important;
}

.split-cont .col-wrap .right-cl {
	width: 100%;
	padding: 0;
}
}

@media (max-width: 767px) {
.split-cont {
	padding: 100px 0;
}

.split-cont .heading-txt {
	margin-bottom: 70px;
}

.split-cont .col-wrap .left-cl {
	margin: 0 0 50px 0;
}

.split-cont .col-wrap > div .steps {
	margin: 0 0 -32px 0;
}

.split-cont .col-wrap > div .step {
	border-radius: 28px;
	margin: 0 0 32px 0;
}

.split-cont .col-wrap > div .step .cont {
	padding: 35px 30px;
}

.split-cont .col-wrap > div .step .cont .sub-head {
	margin-bottom: 18px;
}
}

@media (max-width: 479px) {
.split-cont .col-wrap > div .step .media:before {
	background: linear-gradient(180deg, transparent 20%, #000000 100%);
}
}


/* Screens - Content */
.screens-cont {
	width: 100%;
	background: linear-gradient(180deg, #2B2B2B 0%, #000000 100%);
	overflow: hidden;
	padding: 230px 0;
}

.screens-cont .heading-txt {
	margin-bottom: 200px;
}

.screens-cont .heading-txt:last-child {
	margin-bottom: 0;
}

.screens-cont .media {
	width: 100%;
	overflow: hidden;
	margin-bottom: -170px;
}

.screens-cont .media img {
	width: 100%;
}

@media (max-width: 1399px) {
.screens-cont .media {
	margin-bottom: -13%;
}
}

@media (max-width: 1199px) {
.screens-cont {
	padding: 160px 0;
}

.screens-cont .heading-txt {
	margin-bottom: 120px;
}
}

@media (max-width: 767px) {
.screens-cont {
	padding: 100px 0;
}

.screens-cont .heading-txt {
	margin-bottom: 70px;
}
}


/* Split - Content2 */
.split-cont2 {
	width: 100%;
	background: #000000;
	overflow: hidden;
	padding: 230px 0;
}

.split-cont2 .row {
	margin: 0 -17px -60px -17px;
}

.split-cont2 .row > div {
	width: 33.33333333333333%;
	padding: 0 17px 60px 17px;
}

.split-cont2 .row > div p {
	width: 90%;
}

.split-cont2 .row > div .media {
	width: 100%;
	overflow: hidden;
	margin-bottom: 60px;
}

.split-cont2 .row > div .media:last-child {
	margin-bottom: 0;
}

.split-cont2 .row > div .media img {
	width: 100%;
}

@media (max-width: 1199px) {
.split-cont2 {
	padding: 160px 0;
}

.split-cont2 .row > div .media {
	margin-bottom: 40px;
}
}

@media (max-width: 991px) {
.split-cont2 .row > div {
	width: 50%;
}
}

@media (max-width: 767px) {
.split-cont2 {
	padding: 100px 0;
}

.split-cont2 .row > div {
	width: 100%;
}

.split-cont2 .row > div .media {
	margin-bottom: 30px;
}
}


/* Slider - Content */
.slider-cont {
	width: 100%;
	overflow: hidden;
	padding: 230px 0;
}

.slider-cont .swiper {
	margin-left: -25px;
	margin-right: -25px;
	margin-bottom: 75px; 
}

.slider-cont .swiper:last-child {
	margin-bottom: 0; 
}

.slider-cont .swiper-slide {
	width: 100%;
	position: relative;
	padding-bottom: 10px; 
}

.slider-cont .swiper-slide::before {
	content: "";	
	width: 100%;
	height: 2px;
	background: #dbdbdb;
	border-radius: 900px;
	visibility: hidden;
	position: absolute;
	bottom: 0;
	left: 0;	
}

.slider-cont .swiper-slide::after {
	content: "";	
	width: 0;
	height: 2px;
	background: #9f00d9;
	border-radius: 900px;
	transition: width 3.5s linear;
	visibility: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;	
}

.slider-cont .swiper-slide-active::before,
.slider-cont .swiper-slide-active::after {
	width: 100%;
	visibility: visible;
}

.slider-cont .swiper-slide .media {
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
}

.slider-cont .swiper-slide .media:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .20);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.slider-cont .swiper-slide .media img {
	width: 100%;
}

.slider-cont .quote-txt {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding-bottom: 120px;
}

.slider-cont .quote-txt .container {
	max-width: 720px;
}

.slider-cont .quote-txt p {
	padding-bottom: 17px;
}

.slider-cont .quote-txt p:last-child {
	padding-bottom: 0;
}

.slider-cont .quote-txt p strong {
	font-weight: 600;
	color: inherit;
}

.slider-cont .quote-txt .name {
	font-weight: 500;
	color: #ffffff;
}

.slider-cont .btn-wrap {
	justify-content: center;
	margin-top: 0;
}

.slider-cont .quote-txt p,
.slider-cont .quote-txt .name{
	opacity: 1;
	transform: translateY(0);
	transition: opacity .45s ease, transform .45s ease;
}

.slider-cont .quote-txt.animate p,
.slider-cont .quote-txt.animate .name{
	opacity: 0;
	transform: translateY(15px);
}

@media (max-width: 1199px) {
.slider-cont {
	padding: 160px 0;
}

.slider-cont .quote-txt {
	padding-bottom: 100px;
}

.slider-cont .quote-txt .container {
	max-width: 650px;
}
}

@media (max-width: 767px) {
.slider-cont {
	padding: 100px 0;
}

.slider-cont .swiper {
	margin-bottom: 50px; 
}

.slider-cont .quote-txt {
	padding-bottom: 70px;
}

.slider-cont .quote-txt .container {
	max-width: 550px;
}
}


/* Split - Content3 */
.split-cont3 {
	width: 100%;
	background: linear-gradient(166.4deg, #5D5D5D 6.35%, #383838 56.49%);
	overflow: hidden;
	padding: 230px 0;
}

.split-cont3 .row {
	margin: 0 -16px -32px -16px;
}

.split-cont3 .row > div {
	width: 50%;
	padding: 0 16px 32px 16px;
}

.split-cont3 .row > div .box {
	width: 100%;
	height: 100%;
	background: #3c3c3c;
	border: 1px solid #5c5c5c;
	border-radius: 8px;
	overflow: hidden;
	padding: 135px 40px 35px 40px;
}

.split-cont3 .row > div .box h3,
.split-cont3 .row > div .box .h3 {
	width: 100%;
	max-width: 470px;
	padding-bottom: 5px;
}

.split-cont3 .row > div .box h3:last-child,
.split-cont3 .row > div .box .h3:last-child {
	padding-bottom: 0;
}

.split-cont3 .row > div .box p {
	width: 100%;
	max-width: 370px;
	padding-bottom: 5px;
}

.split-cont3 .row > div .box p:last-child {
	padding-bottom: 0;
}

.split-cont3 .row > div .box .icon {
	margin-bottom: 28px;
}

.split-cont3 .row > div .box .icon:last-child {
	margin-bottom: 0;
}

.split-cont3 .row > div .box .icon img {
	max-height: 100px;
}

.split-cont3 .btm-txt {
	width: 100%;
	max-width: 790px;
	margin: 0 auto;
}

.split-cont3 .btm-txt .sub-head {
	margin-bottom: 47px;
}

.split-cont3 .btm-txt .sub-head:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {
.split-cont3 .row > div .box .icon {
	height: 100px;
	display: inline-flex;
	align-items: flex-end;
}
}

@media (max-width: 1199px) {
.split-cont3 {
	padding: 160px 0;
}

.split-cont3 .row > div .box {
	padding: 105px 40px 35px 40px;
}

.split-cont3 .btm-txt {
	max-width: 660px;
}
}

@media (max-width: 767px) {
.split-cont3 {
	padding: 100px 0;
}

.split-cont3 .row > div {
	width: 100%;
}

.split-cont3 .row > div .box {
	padding: 85px 30px 35px 30px;
}

.split-cont3 .btm-txt {
	max-width: 590px;
}

.split-cont3 .btm-txt .sub-head {
	margin-bottom: 40px;
}
}


/* CTA - Content */
.cta-cont {
	width: 100%;
	text-align: center;
	background: linear-gradient(180deg, #22022C 0%, #4D0067 100%);
	overflow: hidden;
	padding: 230px 0;
}

.cta-cont .heading-txt {
	max-width: 1030px;
	margin-bottom: 60px;
}

.cta-cont .heading-txt:last-child {
	margin-bottom: 0;
}

.cta-cont .fields {
	width: 100%;
	max-width: 920px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 65px;
}

.cta-cont .fields:last-child {
	margin-bottom: 0;
}

.cta-cont .fields select, 
.cta-cont .fields textarea, 
.cta-cont .fields input[type="text"], 
.cta-cont .fields input[type="password"], 
.cta-cont .fields input[type="datetime"], 
.cta-cont .fields input[type="datetime-local"], 
.cta-cont .fields input[type="date"], 
.cta-cont .fields input[type="month"], 
.cta-cont .fields input[type="time"], 
.cta-cont .fields input[type="week"], 
.cta-cont .fields input[type="number"], 
.cta-cont .fields input[type="email"], 
.cta-cont .fields input[type="url"], 
.cta-cont .fields input[type="search"], 
.cta-cont .fields input[type="tel"], 
.cta-cont .fields input[type="color"], 
.cta-cont .fields .uneditable-input {
	height: 102px;
	font-size: 32px;
	line-height: 42px;
	text-align: center;
	padding: 30px 30px;
}

.cta-cont .fields .btn {
	min-width: inherit;
	width: 100%;
	margin-top: 32px;
}

.cta-cont .term-txt {
	font-size: 20px;
}

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

@media (max-width: 1199px) {
.cta-cont {
	padding: 160px 0;
}

.cta-cont .heading-txt {
	margin-bottom: 50px;
}

.cta-cont .fields {
	margin-bottom: 50px;
}

.cta-cont .fields select, 
.cta-cont .fields textarea, 
.cta-cont .fields input[type="text"], 
.cta-cont .fields input[type="password"], 
.cta-cont .fields input[type="datetime"], 
.cta-cont .fields input[type="datetime-local"], 
.cta-cont .fields input[type="date"], 
.cta-cont .fields input[type="month"], 
.cta-cont .fields input[type="time"], 
.cta-cont .fields input[type="week"], 
.cta-cont .fields input[type="number"], 
.cta-cont .fields input[type="email"], 
.cta-cont .fields input[type="url"], 
.cta-cont .fields input[type="search"], 
.cta-cont .fields input[type="tel"], 
.cta-cont .fields input[type="color"], 
.cta-cont .fields .uneditable-input {
	height: 82px;
	font-size: 26px;
	line-height: 36px;
	padding: 25px 30px;
}

.cta-cont .fields .btn {
	margin-top: 28px;
}

.cta-cont .term-txt {
	font-size: 18px;
}
}

@media (max-width: 767px) {
.cta-cont {
	padding: 100px 0;
}

.cta-cont .heading-txt {
	margin-bottom: 40px;
}

.cta-cont .fields {
	margin-bottom: 40px;
}

.cta-cont .fields select, 
.cta-cont .fields textarea, 
.cta-cont .fields input[type="text"], 
.cta-cont .fields input[type="password"], 
.cta-cont .fields input[type="datetime"], 
.cta-cont .fields input[type="datetime-local"], 
.cta-cont .fields input[type="date"], 
.cta-cont .fields input[type="month"], 
.cta-cont .fields input[type="time"], 
.cta-cont .fields input[type="week"], 
.cta-cont .fields input[type="number"], 
.cta-cont .fields input[type="email"], 
.cta-cont .fields input[type="url"], 
.cta-cont .fields input[type="search"], 
.cta-cont .fields input[type="tel"], 
.cta-cont .fields input[type="color"], 
.cta-cont .fields .uneditable-input {
	height: 66px;
	font-size: 20px;
	line-height: 30px;
	padding: 25px 25px;
}

.cta-cont .fields .btn {
	margin-top: 22px;
}

.cta-cont .term-txt {
	font-size: 16px;
}
}


/*
 5.) Footer - Main
----------------------------------------*/

/* Animation */
@keyframes marqueeMove{
    from{
        transform: translateX(0);
    }
    to{
        transform: translateX(-50%);
    }
}

.footer-main {
	width: 100%;
	float: left;
	flex-shrink: 0;
	font-weight: 400;
	font-size: 16px;
	color: #6d6d6d;
	line-height: 24px;
	text-align: center;
	background: #121212;
	overflow: hidden;
	padding: 90px 0 0 0;	
}

.footer-main p a,
.footer-main li a {
	color: inherit;
	text-decoration: none;
}

.footer-main p a:hover,
.footer-main p a:focus, 
.footer-main p a:active, 
.footer-main li > a:hover,
.footer-main li > a:focus, 
.footer-main li > a:active, 
.footer-main li.current-menu-item > a, 
.footer-main li.current-menu-parent > a, 
.footer-main li.current-menu-ancestor > a {
	color: #9f00d9;
}

.footer-main .brand {
	text-align: center;
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
}

.footer-main .brand:last-child {
	margin-bottom: 0;
}

.footer-main .brand img {
	width: 100%;
	max-width: 198px;
}

.footer-main .txt-fit-wrap {
	width: 100%;
	overflow: hidden;
}

.footer-main .txt-fit-track {
	display: flex;
	width: max-content;
	animation: marqueeMove 18s linear infinite;
}

.footer-main .txt-fit-wrap:hover .txt-fit-track {
	animation-play-state: paused;
}

.footer-main .txt-fit{
	display: inline-block;
	font-weight: 500;
	font-size: clamp(4rem,18vw,21.875rem);
	color: #2b2b2b;
	line-height: 1;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	white-space: nowrap;
	padding-right: 120px;
	margin-bottom: 10px;
}

.footer-main .txt-fit:last-child {
	margin-bottom: 0;
}

.footer-main .pre-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-align: left;
	border-top: 1px solid #494949;
	border-bottom: 1px solid #494949;
	padding: 32px 0;
}

.footer-main .pre-footer .footer-menu {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding-right: 16%;
}

.footer-main .pre-footer .footer-menu ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}

.footer-main .pre-footer .footer-menu ul li {
	padding: 0;
	margin: 0;
}

.footer-main .pre-footer .footer-menu ul li:before {
	display: none;
}

.footer-main .pre-footer .footer-menu ul li a {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.16em;
	text-decoration: none;
	text-transform: uppercase;
}

.footer-main .pre-footer .social-links {
    width: 200px;
    float: right;
	margin: 0 0 0 -200px;
}

.footer-main .pre-footer .social-links ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
    padding: 0;
    margin: 0 -8px -10px -8px;
}

.footer-main .pre-footer .social-links ul li {
    padding: 0;
    margin: 0 8px 10px 8px;
}

.footer-main .pre-footer .social-links ul li:before {
    display: none;
}

.footer-main .pre-footer .social-links ul li a {
	float: left;
    font-size: 18px;
    text-decoration: none;
}

.footer-main .pre-footer .social-links ul li .fa-twitter { 
	width: 16px; 
	height: 16px; 
	float: left; 
	background: url(img/twitter-gray.png) no-repeat center center; 
	background-size:auto 100%;
	text-indent: -99999px;
}

.footer-main .pre-footer .social-links ul li .fa-twitter:hover,
.footer-main .pre-footer .social-links ul li .fa-twitter:focus,
.footer-main .pre-footer .social-links ul li .fa-twitter:active {
	background-image: url(img/twitter-purple.png); 
}

.footer-main .copy-rights {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;	
	padding: 40px 0;
}

@media (max-width: 1399px) {
.footer-main .brand {
	margin-bottom: 20px;
}

.footer-main .txt-fit {
	margin-bottom: 20px;
}
}

@media (max-width: 1199px) {
.footer-main {
	padding: 80px 0 0 0;	
}

.footer-main .brand {
	margin-bottom: 30px;
}

.footer-main .txt-fit {
	margin-bottom: 30px;
}

.footer-main .pre-footer .footer-menu ul li a {
	font-size: 15px;
	line-height: 21px;
}
}

@media (max-width: 991px) {
.footer-main .pre-footer .footer-menu ul li a {
	font-size: 12px;
	line-height: 18px;
}
}

@media (max-width: 767px) {
.footer-main {
	padding: 70px 0 0 0;	
}

.footer-main .pre-footer .footer-menu {
	padding-right: 0;
}

.footer-main .pre-footer .footer-menu ul {
	justify-content: center;
	margin: 0 -15px -24px -15px;
}

.footer-main .pre-footer .footer-menu ul li {
	padding: 0 15px 24px 15px;
}

.footer-main .pre-footer .footer-menu ul li a {
	font-size: 15px;
	line-height: 21px;
}

.footer-main .pre-footer .social-links {
    width: 100%;
    float: none;
	display: inline-block;
	vertical-align: top;
	border-top: 1px solid rgba(255, 255, 255, .32);
	padding: 32px 0 0 0;
	margin: 32px 0 0 0;
}

.footer-main .pre-footer .social-links ul {
	justify-content: center;
}
}


/*
 6.) Inner - Pages
------------------------------------------------------*/

/* Content - Inner */
.content-inner {
	width: 100%;
	overflow: hidden;
	padding: 80px 0 120px 0;
}

@media (max-width: 1199px) {
.content-inner {
	padding: 60px 0 100px 0;
}
}

@media (max-width: 767px) {
.content-inner {
	padding: 50px 0 70px 0;
}
}


/*
 7.) Site - Cores
------------------------------------------------------*/

/* Text Size */
.text-xl {
	font-size: 32px;
	line-height: 48px;
}

@media (max-width: 1199px) {
.text-xl {
	font-size: 26px;
	line-height: 40px;
}
}

@media (max-width: 767px) {
.text-xl {
	font-size: 22px;
	line-height: 36px;
}
}


/* Colors */
.black {
	color: #000000!important;
}

.charcoal {
	color: #2b2b2b!important;
}

.grey-1 {
	color: #dbdbdb!important;
}

.white {
	color: #ffffff!important;
}

.purple {
	color: #9f00d9!important;
}


/* Font - Weights */
.light {
	font-weight: 300 !important;
}

.regular {
	font-weight: 400 !important;
}

.medium {
	font-weight: 500 !important;
}

.semi-bold {
	font-weight: 600 !important;
}

.bold {
	font-weight: 700 !important;
}

.extra-bold {
	font-weight: 800 !important;
}


/* Text - Positions */
.upper-case {
	text-transform: uppercase !important;
}

.lower-case {
	text-transform: none !important;
}

.underline {
	text-decoration: underline !important;
}

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

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

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


/* Padding/Margin - None */
.pt-0 {
	padding-top: 0!important;
}

.pb-0 {
	padding-bottom: 0!important;
}

.mt-0 {
	margin-top: 0!important;
}

.mb-0 {
	margin-bottom: 0!important;
}