@font-face {
    font-family: 'Mostra';
    src: url('../fonts/Mostra Nuova.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*************************** FONTS ***************************/
.font-mostra						{font-family: 'Mostra' !important;}

/*************************** COLORS ***************************/
.bg-black							{background-color: #0a0a0a !important;}
.bg-gray							{background-color: #131313 !important;}
.bg-offwhite						{background-color: #c8c8ae !important;}
.bg-shadow							{background-color: #0a0a0a55 !important;}
.bg-red								{background-color: #c82a2a !important;}
.bg-white							{background-color: #ffffff !important;}

.clr-black							{color: #0a0a0a !important;}
.clr-gray							{color: #131313 !important;}
.clr-gray-d							{color: #231f20 !important;}
.clr-offwhite						{color: #c8c8ae !important;}
.clr-red							{color: #c82a2a !important;}
.clr-white							{color: #ffffff !important;}

/*************************** STRUCTURE ***************************/
*									{scrollbar-width: thin;}
html								{background: #0a0a0a;}
html, body 							{font-size: 62.5%;}
body								{background: transparent; color: white; font-weight: 400; font-size: 1.4rem; font-family: 'Abel',sans-serif,Helvetica Neue,Helvetica,Arial; line-height: 1.5; letter-spacing: -.01em; /*margin-top: 80px;*/ overflow: auto !important;}
h2									{font-size: 6.4rem;}
h3									{font-size: 4rem;}
h4									{font-size: 1.6rem;}
p									{font-family: 'Abel', sans-serif; font-size: 2.4rem;}
input								{color: white;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; -moz-appearance: textfield;}
textarea							{height: auto;}
.body-wrapper						{overflow: hidden; position: relative;}

@media only screen and (max-width: 768px) {
	h2								{font-size: 4.4rem;}
	h3								{font-size: 1.4rem;}
	p								{font-size: 1.3rem;}
}

/*************************** MATERIALIZE ***************************/
nav									{background-color: transparent; box-shadow: none; height: auto; line-height: 1.5; position: fixed; top: 0; z-index: 1002;}
nav a.sidenav-trigger				{color: white; height: auto; display: flex; align-items: center; margin: 0; padding: 2rem; transition: all .2s ease; transform: rotate(-90deg);}
nav a.sidenav-trigger:hover			{transform: rotate(0deg); transition: all .2s ease;}
nav a.sidenav-trigger img			{max-width: 40px;}
nav ul a							{color: white; font-size: 1.3rem; padding: 0; padding-top: 3rem; padding-bottom: 3rem; transition: all .2s ease;}
nav ul a.active,
nav ul a:hover						{background-color: transparent; box-shadow: inset 0 -4px #131313; transition: all .2s ease;}
nav ul a:focus-visible				{outline: none;}
nav ul li+li						{padding-left: 2.4rem;}
nav .logo-wrapper					{max-width: 18rem;}
nav .nav-logo						{line-height: 1; width: 14rem;}
nav .nav-right,						
nav .nav-right-item	a				{display: flex; align-items: center; margin-left: auto;}
nav .nav-right-item+.nav-right-item	{margin-left: 1.6rem;}
nav .nav-wrapper					{padding: 0 4rem;}
.btn								{font-family: 'Mostra'; height: auto; text-transform: none;}
.btn-def							{background: transparent; border: 2px solid white; color: white; font-size: 1.8rem; line-height: 1; text-transform: uppercase;
									display: flex; align-items: center; justify-content: center; min-width: 140px; padding: 1.5rem 3rem; transition: all .2s ease;}
.btn-def:focus,
.btn-def:hover						{background: white; border: 2px solid white; color: #131313; font-weight: bold; transform: scale(1.05); transform-origin: center; transition: all .2s ease;}
.container							{width: 90%;}
.dropdown-content					{align-items: center; justify-content: center; flex-direction: column; min-width: 200px;}
.dropdown-content li				{display: flex; align-items: center; padding: 0;}
.dropdown-content li+li				{border-top: solid 1px #f2f2f2;}
.dropdown-content li>a,
.dropdown-content li>span			{font-size: unset; color: unset; display: block; line-height: 50px; padding: 0 0 0 1rem; width: 100%;}
.dropdown-content li>a:active,
.dropdown-content li>a:hover		{box-shadow: unset;}
.input-field						{width: 100%;}
#materialbox-overlay				{background-color: #131313ee;}
.modal-overlay						{opacity: 0.9;}
.row								{margin: 0;}
.sidenav							{background-color: #f5f5f5;; font-family: 'Mostra'; padding: 0rem; z-index: 1004;}
.sidenav li							{padding-left: 4rem;}
.sidenav li+li						{margin-top: 1.6rem;}
.sidenav li>a						{color: #131313; font-size: 2rem; padding: 0; transition: all .2s ease;}
.sidenav li>a.active				{color: #131313;}
.sidenav li>a:hover					{background: transparent; color: #131313; margin-left: 1rem; transition: all .2s ease;}
.sidenav-overlay					{background-color: rgba(0,0,0,0.8); z-index: 1003;}

.sidenav-inner						{position: relative; width: 100%; height: 100%; padding-left: 4.8rem;}
/* .sidenav-inner .menu-img			{position: absolute; bottom: 0; left: -1000%; width: 100%; max-width: 10rem;} */
.sidenav-inner .social-icon			{max-width: 2.4rem;}
.toast								{background: #c82a2a; color: white; font-size: 1.4rem;}
.btn-close							{position: absolute; top: 2rem; right: 2rem; width: 3rem; z-index: 1008; transition: all .2s ease;}
.btn-close:hover					{transform: rotate(45deg); transition: all .2s ease;}
.btn-close img						{width: 100%;}
.menu-img							{position: absolute; top: 0; height: 100%; transform: translateX(-100%);}

@media only screen and (min-width: 993px){
	.modal-sm						{max-width: 600px;}
}

@media only screen and (max-width: 992px){
	.sidenav>a						{padding: 0;}
	.btn-close img					{width: 2rem;}
}

@media only screen and (min-width: 769px){
	.hide-on-med-and-up				{display: none !important;}
}

@media only screen and (max-width: 768px) {
	nav .logo-wrapper				{max-width: 12rem;}
	nav .nav-wrapper				{padding: 0 2rem;}
	nav a.sidenav-trigger img		{max-width: 3.2rem;}
	.btn-def						{font-size: 1.6rem; padding: 1rem 2rem;}
	.sidenav						{width: 240px;}
	.sidenav-inner,
	.sidenav li						{padding-left: 2rem;}
}

/*************************** OWL-CAROUSEL ***************************/
.owl-carousel .owl-item img			{width: auto;}
.animated  							{-webkit-animation-duration: 2500ms !important; animation-duration: 2500ms !important; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

/*************************** HELPERS ***************************/
.h-1000								{height: 1000px;}
.abs-fill							{top: 0; bottom: 0; left: 0; right: 0;}
.bdr-bt								{border-bottom: 1px solid rgba(0,0,0,.2);}
.bdr-lf								{border-left: 1px solid rgba(0,0,0,.2);}
.bdr-tp								{border-top: 1px solid #bebebe;}
.bdr-none							{border: none !important;}
.bg-fixed							{position: fixed; z-index: -1; top: 0; left: 0;}
.bg-fixed img						{display: block; height: 100vh;}
.bold								{font-weight: 900;}
.box-shadow							{box-shadow: 0 0 2px 0 rgba(0,0,0,.24), 0 0 4px 0 rgba(0,0,0,.12);}
.clearfix							{clear: both;}
.fixed								{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;}
.flex								{display: flex;}
.flex-align-center					{align-items: center;}
.flex-align-end						{align-items: flex-end;}
.flex-basis-20						{flex-basis: 20%;}
.flex-column						{flex-direction: column !important;}
.flex-grow-1						{flex-grow: 1 !important;}
.flex-grow-2						{flex-grow: 2 !important;}
.flex-grow-3						{flex-grow: 3 !important;}
.flex-grow-4						{flex-grow: 4 !important;}
.flex-grow-5						{flex-grow: 5 !important;}
.flex-justify-center				{justify-content: center;}
.flex-justify-spa					{justify-content: space-around;}
.flex-justify-spb					{justify-content: space-between;}
.flex-justify-spe					{justify-content: space-evenly;}
.flex-row-reverse					{flex-direction: row-reverse !important;}
.flex-wrap							{flex-wrap: wrap;}
.fluid								{width: 100% !important;}
.ft-600								{font-weight: 600;}
.ft-700								{font-weight: 700;}
.ft-size-xs							{font-size: 1.1rem !important;}
.ft-size-sm							{font-size: 1.4rem !important;}
.ft-size-md							{font-size: 1.8rem !important;}
.ft-size-lg							{font-size: 2.4rem !important;}
.ft-size-xl							{font-size: 3.2rem !important;}
.hide-sm							{display: block;}
.img-responsive						{display: block; width: 100%;}
.invalid							{color: #c7c7c7;}
.inverted							{filter: invert(1);}
.valid								{color: #fcaf17;}
.line-height-1						{line-height: 1;}
.link-wrapper						{position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.mrg-none							{margin: 0 !important;}
.mrg-auto							{display: block; margin: auto !important;}
.mrg-tb-md							{margin-top: 2.4rem; margin-bottom: 2.4rem !important;}
.mrg-tb-lg							{margin-top: 3.2rem; margin-bottom: 3.2rem !important;}
.mrg-tb-xl							{margin-top: 4.8rem; margin-bottom: 4.8rem !important;}
.mrg-bt-xs							{margin-bottom: 0.8rem !important;}
.mrg-bt-sm							{margin-bottom: 1.6rem !important;}
.mrg-bt-md							{margin-bottom: 2.4rem !important;}
.mrg-bt-lg							{margin-bottom: 3.2rem !important;}
.mrg-bt-xl							{margin-bottom: 8rem !important;}
.mrg-lf-sm							{margin-left: 1.6rem !important;}
.mrg-tp-xs							{margin-top: 0.8rem !important;}
.mrg-tp-sm							{margin-top: 1.6rem !important;}
.mrg-tp-md							{margin-top: 2.4rem !important;}
.mrg-tp-lg							{margin-top: 3.2rem !important;}
.mrg-tp-xl							{margin-top: 8rem !important;}
.no-pd								{padding: 0 !important;}
.pd-10								{padding: 10px;}
.pd-lg								{padding: 3.2rem 4.8rem;}
.pd-lr-md							{padding-left: 2rem; padding-right: 2rem;}
.pd-tb-xl							{padding-top: 12rem !important; padding-bottom: 12rem !important;}
.pd-tb-lg							{padding-top: 4.8rem !important; padding-bottom: 4.8rem !important;}
.pd-tb-md							{padding-top: 2.4rem !important; padding-bottom: 2.4rem !important;}
.pd-tb-sm							{padding-top: 1.6rem !important; padding-bottom: 1.6rem !important;}
.pos-relative						{position: relative;}
.pos-absolute						{position: absolute;}
.text-lower							{text-transform: lowercase;}
.text-upper							{text-transform: uppercase;}
.text-justify						{text-align: justify;}
.vh-70								{height: 70vh;}
.vh-100								{height: 100vh;}
.wrap-filler						{min-height: 0 !important; padding: 0 !important;}
.hide-992-up						{display: none;}
.hide-992-down						{display: block;}

.up-text							{font-size: 2rem; margin: 0; margin-bottom: -0.2rem; font-weight: 400;}
.down-text							{font-size: 4.2rem; margin: 0;}

@media only screen and (max-width: 992px){
	.mrg-lg								{margin-top: 1.6rem; margin-bottom: 1.6rem;}
	.mrg-lg+.mrg-lg						{margin-top: 0;}
	.hide-992-up						{display: block;}
	.hide-992-down						{display: none;}
}

@media only screen and (max-width: 768px) {
	.ft-size-md							{font-size: 1.6rem !important;}
	.ft-size-lg							{font-size: 2.2rem !important;}
	.ft-size-xl							{font-size: 2.8rem !important;}
	.hide-sm							{display: none;}
	/* .pd-tb-xl							{padding-top: 4rem !important; padding-bottom: 4rem !important;} */
	.pd-tb-lg							{padding-top: 1.6rem !important; padding-bottom: 1.6rem !important;}
	.up-text							{font-size: 2.4rem;}
	.down-text							{font-size: 3.2rem;}
	.order-sm-1							{order: 1 !important;}
	.order-sm-2							{order: 2 !important;}
	.order-sm-3							{order: 3 !important;}
}

/************************************* MISC *************************************/
.btn-contact						{padding: 1rem;}
.btn-contact svg					{max-width: 3.2rem; width: 100%;}
.fixed-btn							{border: solid 1px #fcaf17; border-left: unset; border-top-right-radius: 30px; position: fixed; left: 0; top: 50%; transform: translateY(-50%); z-index: 1002; transition: all .2s ease;}
.fixed-btn:hover					{background: linear-gradient(90deg, #f7941d, #ffc20e); border-top-right-radius: 0px; transition: all .2s ease;}
.fixed-btn:hover svg path			{fill: #131313; transition: all .2s ease;}
.more-box							{margin: 15px 0; width: fit-content; transition: all .2s ease;}
.more-box:hover .more-bar			{width: 45px; transition: all .2s ease;}
.more-box:hover .more-anchor		{background-color: white; color: #131313; transition: all .2s ease;}
.more-bar							{background-color: white; color: white; content:""; width: 30px; height: 1px; transition: all .2s ease;}
.more-anchor						{color: white; margin-left: 15px; text-transform: uppercase; text-decoration: none;}

#home								{background: #0a0a0a; position: relative;}
.home-carousel						{background: #0a0a0a;}
.home-carousel .item				{height: 100vh;}
.home-carousel .owl-dots			{display: flex; align-items: center; position: absolute; transform: translateX(-50%); bottom: 1.6rem; left: 50%; transition: all .2s ease;}
.home-carousel button.owl-dot		{background: transparent; border: solid 1px white; border-radius: 2rem; width: 1rem; height: 1rem; position: relative; transition: all .2s ease;}
.home-carousel button.owl-dot+button.owl-dot{margin-left: 2.5rem;}
.home-carousel button.owl-dot+button.owl-dot span::before{content: ''; width: 2.6rem; height: 0.1rem; position: absolute; background-color: white; transform: translateY(-50%); top: 50%; right: 100%;  transition: all .2s ease;}
.home-carousel button.owl-dot:hover,
.home-carousel button.owl-dot.active{background: white; border: none; transition: all .2s ease;}

.banner-title						{color: #fff; font-family: 'Mostra'; font-size: 4rem;}
.banner-home-1						{background: url('../img/layout/home-banner-1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; align-items: center;}
.banner-home-1 img					{max-width: 400px;}

.sec-title							{color: #c8c8ae; font-family: 'Mostra'; font-size: 4.8rem; margin: 0; text-align: center; text-transform: uppercase;}
.sec-title span						{display: inline-block; padding: 0 0 0.6rem 0;}
.sec-title-div						{padding: 1.6rem 0; position: relative;}
.sec-title-div::after				{background-color: white; content: " "; width: 8rem; height: 2px; position: absolute; bottom: 0; left: 0;}
.sec-subtitle						{font-family: 'Mostra'; margin: 0; text-transform: uppercase;}
.sec-text							{color: #231f20; font-family: 'Abel', sans-serif; font-size: 3.2rem;}

.top-div							{display: flex; align-items: center; justify-content: center; height: 80vh;}

.fixed-media						{display: flex; flex-direction: column; gap: 1rem; position: fixed; z-index: 1000; bottom: 10%; left: 5%;}
.fixed-media h4						{color: #c82a2a; font-family: 'Mostra'; text-transform: uppercase;}
.media-wrapper						{display: flex; gap: .5rem;}
.media-wrapper a					{transition: .2s ease all;}
.media-wrapper a:hover				{opacity: .6; transform: scale(1.15); transition: .2s ease all;}
.media-wrapper svg					{width: 2.5rem;}
.media-wrapper g					{fill: #c8c8ae;}

.bg-fixed-item						{background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; width: 100vw; height: 100vh;}
.bg-fixed-item.img1					{background: url('../img/layout/gu-1.jpg');}
.bg-fixed-item.img2					{background: url('../img/layout/gu-2.jpg');}
.bg-fixed-item.img3					{background: url('../img/layout/gu-3.jpg');}
.bg-fixed-item.img4					{background: url('../img/layout/gu-4.jpg');}

@media only screen and (max-width: 992px) {
	
	
}

@media only screen and (max-width: 768px) {
	.banner-home-1					{background-position: right;}
	.banner-home-1 img				{max-width: 320px;}

	.sec-title						{font-size: 3.8rem;}
	.sec-subtitle					{font-size: 2.4rem;}

	.fixed-media					{display: none;}
}

/************************************* HIGHLIGHT *************************************/
.highlight							{position: relative; overflow: hidden;}
.highlight .container-fluid			{height: 70vh; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 3;}
.highlight .videoBg				{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; z-index: 1;}
.highlight .videoOverlay			{background: rgba(0,0,0,0.5); position: absolute; top: 0; bottom: 0; left: 0; right: 0; min-width: 100%; min-height: 100%; z-index: 2;}

/* #highlight-1						{background: url('../img/layout/bg-chromatic.jpg') #131313; background-blend-mode: overlay; background-size: cover; background-position: center;}

#highlight-2						{position: relative; overflow: hidden;}
#highlight-2 .container-fluid		{position: relative; z-index: 3;}
#highlight-2 .videoBg				{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; z-index: 1;}
#highlight-2 .videoOverlay			{background: rgba(0,0,0,0.5); position: absolute; top: 0; bottom: 0; left: 0; right: 0; min-width: 100%; min-height: 100%; z-index: 2;} */

@media only screen and (max-width: 768px) {
	.highlight .container-fluid		{height: 80vh;}
}

/************************************* MUSIC *************************************/
#music								{background: white; color:#131313;}
#music .sec-title					{color: #131313;}
#music a							{color: #131313;}
.music-wrapper						{display: flex; align-items: center; justify-content: center; gap: 15px;}
.music-logo							{width: 25%; max-width: 18rem; transition: .2s ease all;}
.music-logo:hover 					{opacity: .6; transform: scale(1.05); transition: .2s ease all;}
.music-logo g						{fill: #131313;}
.album-cover						{max-width: 320px; margin-right: 4rem;}

@media only screen and (max-width: 768px) {
	#music .row.flex				{flex-direction: column;}
	#music .sec-text				{text-align: center;}
	#music p						{font-size: 1.8rem; text-align: center;}
	.album-cover					{margin-bottom: 30px; margin-right: 0;}
	.music-wrapper					{flex-wrap: wrap; row-gap: 30px;}
	.music-logo						{width: 50%; text-align: center;}
	.music-logo svg					{max-width: 12rem;}
}

/************************************* VIDEO *************************************/
#video								{background: white; color:#131313;}
#video .sec-title					{color: #131313;}
#video svg							{max-width: 18rem;}
.video-wrapper						{display: flex; flex-direction: column; align-items: center; justify-content: center; }
.video-item							{aspect-ratio: 16 / 9; width: 100%; max-width: 65rem;}
.video-item+.video-item				{margin-top: 3rem;}

/************************************* SYME *************************************/
#syme 								{background: #131313;}
#syme p								{color: #c8c8ae; font-size: 1.8rem; max-width: 60%; margin: auto;}
.album-item							{max-width: 50rem;}

#syme .owl-item								{transition: .2s ease all;}
#syme .owl-item:not(.owl-item.active.center) 	{transform: scale(.85); transition: .2s ease all;}

@media only screen and (max-width: 768px) {
	#syme p							{max-width: 80%;}
	.album-item						{max-width: 28rem;}
}

/************************************* ABOUT *************************************/
#about 								{background: #131313aa;}
.about-wrapper						{display: flex; align-items: center; justify-content: center;}
.about-wrapper img					{max-width: 40rem;}
.about-wrapper p 					{color: #c8c8ae; font-size: 2rem; letter-spacing: .1rem; margin-left: 4rem; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}

@media only screen and (max-width: 768px) {
	.about-wrapper					{flex-direction: column;}
	.about-wrapper p 				{font-size: 1.8rem; margin-left: 0; text-align: justify;}
}

/************************************* SOCIAL *************************************/
#social 							{background: #131313aa;}
.instagram-media					{background-color: #131313 !important; border: none !important; border-radius: 15px !important; color: white;}
.instagram-media body				{background: #131313 !important; color: white !important;}

/************************************* CONTACT *************************************/
#contact							{background: #131313ee; padding: 8rem 0;}
#contact p							{color: #c8c8ae; font-size: 1.8rem;}
.contact-div						{display: flex;}
.contact-info						{width: 50%; margin: auto; text-align: center;}
.contact-box						{padding: 2rem;}
.address-box h4						{color: #131313; line-height: 1; margin: 0;}
.address-box img					{max-height: 2.6rem; margin-right: 1.4rem;}
.address-item						{display: flex; align-items: center; margin: 1rem 0;}
.address-item span					{color: #131313; margin-right: 1rem; line-height: 1;}

#cta .container						{padding-top: 6rem; padding-bottom: 12rem;}
.cta-div							{display: flex; justify-content: space-between; align-items: center;}

#contact-fixed						{background: white; padding-top: 1rem; padding-bottom: 1rem; width: 100%; position: fixed; bottom: 0; z-index: 1005;}
#contact-fixed h2					{margin: 0;}
#contact-fixed img					{margin-left: 2rem; max-width: 36px;}
#contact-fixed .btn-def				{font-size: 1.4rem; padding: 1rem 2rem;}

@media only screen and (max-width: 768px) {
	.address-box					{width: 16rem; text-align: center;}
	.contact-div					{flex-direction: column;}
	.contact-info					{width: 100%; margin-bottom: 3rem;}
	.contact-box					{width: 100%}
	#contact-fixed h2				{display: none;}
	#contact-fixed img				{margin-left: 0;}
	#contact-fixed a+a				{margin-left: 1rem;}
	#cta .container					{padding-top: 4rem; padding-bottom: 4rem;}
	.cta-div						{flex-direction: column; text-align: center;}
	
}

/************************************* FOOTER *************************************/
footer								{background: #131313ee; color: #c8c8ae; padding: 4rem;}
.footer-div							{font-size: 1.8rem; padding: 4rem 0;}
.footer-div h3						{color: #c8c8ae; font-family: 'Mostra'; font-size: 1.6rem; letter-spacing: .6rem; margin: 0; margin-bottom: 2.4rem; text-transform: uppercase;}
.footer-div p						{margin: 0;}
.footer-logo img					{max-width: 200px;}
.footer-media						{display: flex; align-items: center; justify-content: center; margin-top: 1.5rem;}
.footer-media a+ a					{margin-left: 2rem;}
.footer-media a						{width: 3rem; transition: .2s ease all;}
.footer-media a:hover				{opacity: .6; transform: scale(1.15); transition: .2s ease all;}
.footer-media svg g					{fill: #c8c8ae;}
.nav-footer a						{color: #c8c8ae; font-size: 1.8rem; font-weight: 400; padding: 0; transition: all .2s ease;}
.nav-footer a+a						{margin-left: 1.5rem;}
.nav-footer a:hover					{background-color: transparent; opacity: 0.7; transition: all .2s ease;}
.social-icon						{max-width: 3.6rem;}
.social-icon:hover					{opacity: 0.7;}
.social-icon+.social-icon			{margin-left: 1.5rem;}

.grecaptcha-badge					{display: none !important;}

@media only screen and (max-width: 768px) {
	footer							{padding: 8rem 1rem;}
	footer img						{}
	footer h6						{width: 100%; text-align: center;}
	.footer-div						{text-align: center;}
	.footer-div h3					{margin-bottom: 1rem;}
	.footer-div .col+.col			{margin-top: 4rem;}
	.footer-logo					{justify-content: center;}
	.footer-logo img				{max-width: 160px;}
}

/************************************* Loader *************************************/
#preloader							{background: #131313; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000;}
#contact #preloader					{position: absolute;}
#loader								{display: block; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#loader svg							{height: 80px; margin: auto; display: block;}
#loader g:nth-child(1)				{-webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; transform-origin: center;}
/* #loader:before	{content: ""; position: absolute; top: 5px; left: 5px; right: 5px;bottom: 5px; border-radius: 50%; 
				border: 2px solid transparent; border-top-color: #999; -webkit-animation: spin 3s linear infinite;
				animation: spin 3s linear infinite;}
#loader:after	{content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%;
				border: 2px solid transparent; border-top-color: #ffffff; -webkit-animation: spin 1.5s linear infinite;
				animation: spin 1.5s linear infinite;} */
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        
    }
    100%   {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*************************** SYSTEM DEFAULT ***************************/

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default)	{color: #c8c8ae; font-size: 1.2rem; font-family: 'Abel', sans-serif; height: 4rem; background: transparent; border-bottom: 1px solid #c8c8ae; padding: 0 5px; box-sizing: border-box; transition: .2s ease all;}
textarea.materialize-textarea				{color: #c8c8ae; font-size: 1.2rem; font-family: 'Abel', sans-serif; height: 12rem !important; background: transparent; border: 1px solid #c8c8ae; padding: 5px; box-sizing: border-box; transition: .2s ease all;}
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {border-bottom: 1px solid white; box-shadow: 0 1px 0 0 white;}

@media only screen and (max-width: 600px){
	input:not([type]),
	input[type=text]:not(.browser-default),
	input[type=password]:not(.browser-default),
	input[type=email]:not(.browser-default),
	input[type=url]:not(.browser-default),
	input[type=time]:not(.browser-default),
	input[type=date]:not(.browser-default),
	input[type=datetime]:not(.browser-default),
	input[type=datetime-local]:not(.browser-default),
	input[type=tel]:not(.browser-default),
	input[type=number]:not(.browser-default),
	input[type=search]:not(.browser-default),
	textarea.materialize-textarea		{}
}

.input-field label {color: #c8c8ae !important; font-size: 1.2rem; padding-left: 2rem;}

.input-field input[type=text]:focus + label,
.input-field input[type=password]:focus + label,
.input-field input[type=email]:focus + label,
.input-field input[type=url]:focus + label,
.input-field input[type=time]:focus + label,
.input-field input[type=date]:focus + label,
.input-field input[type=datetime]:focus + label,
.input-field input[type=datetimelocal]:focus + label,
.input-field input[type=tel]:focus + label,
.input-field input[type=number]:focus + label,
.input-field input[type=search]:focus + label,
textarea.materialize-textarea:focus + label 	{color: #c8c8ae !important;}

input:-internal-autofill-selected 		{color: #c8c8ae !important; background: transparent !important;}

::-webkit-scrollbar			{width: 6px; height: 6px;}
::-webkit-scrollbar-track	{background: rgba(255, 255, 255, 0.1);}
::-webkit-scrollbar-thumb 	{background: #0a0a0abb;}

.btn.disabled,
.disabled.btn-large,
.disabled.btn-small,
.btn-floating.disabled,
.btn-large.disabled,
.btn-small.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-flat:disabled,
.btn[disabled],
.btn-large[disabled],
.btn-small[disabled],
.btn-floating[disabled],
.btn-large[disabled],
.btn-small[disabled],
.btn-flat[disabled]		{background-color: rgba(255,255,255,0.3) !important; border-color: transparent; color: #131313 !important; font-family: 'Open Sans', sans-serif;}