@font-face {
    font-family: 'Typo';
    src: url('../fonts/Typo Gotika Black Demo.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/*************************** FONTS ***************************/
.font-bai							{font-family: 'Bai Jamjuree', sans-serif;}
.font-typo							{font-family: 'Typo';}

/*************************** COLORS ***************************/
.bg-black							{background-color: #0a0a0a !important;}
.bg-blue							{background-color: #6cc7d0 !important;}
.bg-gray							{background-color: #525352 !important;}
.bg-shadow							{background-color: #0a0a0a55 !important;}
.bg-red								{background-color: #e03a27 !important;}
.bg-white							{background-color: #ffffff !important;}

.clr-black							{color: #0a0a0a !important;}
.clr-blue							{color: #6cc7d0 !important;}
.clr-gray							{color: #525352 !important;}
.clr-gray-d							{color: #231f20 !important;}
.clr-red							{color: #e03a27 !important;}
.clr-white							{color: #ffffff !important;}

/*************************** STRUCTURE ***************************/
*									{scrollbar-width: thin;}
html, body 							{background: white; font-size: 62.5%;}
body								{color: #525352; font-weight: 400; font-size: 1.4rem; font-family: 'Bai Jamjuree',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: 2rem;}
h4									{font-size: 1.6rem;}
p									{font-size: 1.6rem;}
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: white; box-shadow: none; height: auto; line-height: 1.5; position: fixed; top: 0; z-index: 1002;}
nav a.sidenav-trigger				{color: #525352; height: auto; display: flex; align-items: center; margin: 0; padding: 1rem; transition: all .2s ease;}
nav a.sidenav-trigger:hover			{}
nav ul a							{color: #525352; 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 #525352; transition: all .2s ease;}
nav ul a:focus-visible				{outline: none;}
nav ul li+li						{padding-left: 2.4rem;}
nav .logo-wrapper					{max-width: 16rem;}
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: 'Typo'; height: auto; text-transform: none;}
.btn-def							{background: #e03a27; border: none; 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: #e01a07; border: none; color: white; 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%;}
.modal-overlay						{opacity: 0.9;}
.row								{margin: 0;}
.sidenav							{background-color: #f5f5f5;; font-family: 'Typo'; padding: 4rem; z-index: 1004;}
.sidenav li							{padding-left: 4rem;}
.sidenav li+li						{margin-top: 1.6rem;}
.sidenav li>a						{color: #525352; font-size: 2rem; padding: 0; transition: all .2s ease;}
.sidenav li>a.active				{color: #525352;}
.sidenav li>a:hover					{background: transparent; color: #525352; 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-cat			{position: absolute; bottom: 0; left: -1000%; width: 100%; max-width: 10rem;}
.sidenav-inner .social-icon			{max-width: 2.4rem;}
.toast								{background: #e03a27; 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%;}

@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;}
	.btn-def						{font-size: 1.6rem; padding: 1rem 2rem;}
}

/*************************** 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;}
.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;}
.mrg-tb-lg							{margin-top: 3.2rem; margin-bottom: 3.2rem;}
.mrg-tb-xl							{margin-top: 4.8rem; margin-bottom: 4.8rem;}
.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: 6rem !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: 6rem !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: #525352; 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: #525352; 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: white; position: relative;}
.home-carousel						{background: white;}
.home-carousel .item				{height: 80vh;}
.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: #231f20; font-family: 'Typo'; font-size: 4rem;}
.banner-qualidade					{background: url('../img/layout/banner-qualidade.webp'), linear-gradient(90deg, #eaeaea, #fff); background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; align-items: center;}
.banner-agilidade					{background: url('../img/layout/banner-agilidade.webp'), linear-gradient(90deg, #fff, #eaeaea); background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; align-items: center;}

.sec-title							{font-family: 'Typo'; font-size: 4.8rem; margin: 0; 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;}

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

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

@media only screen and (max-width: 768px) {
	.banner-qualidade				{background: url('../img/layout/banner-qualidade-mobile.webp'), linear-gradient(90deg, #eaeaea, #fff); background-size: cover; background-position: bottom center; align-items: start;}
	.banner-agilidade				{background: url('../img/layout/banner-agilidade-mobile.webp'), linear-gradient(90deg, #fff, #eaeaea); background-size: cover; background-position: bottom center; align-items: start;}
	.banner-title					{color: white; font-size: 3rem; margin-top: 3rem;}
}

/************************************* ABOUT *************************************/
#about 								{background: white;}

#sobre								{background: white; color: #0a0a0a;}
#sobre .top-div						{background: url(../img/layout/bg-quem-somos.jpg), #6cc7d0; background-blend-mode: soft-light; background-position: top center; background-repeat: no-repeat; background-size: cover;}
#sobre h2							{font-family: 'Typo'; font-size: 2.4rem; letter-spacing: .6rem; text-transform: uppercase;}

/************************************* PRODUCTS *************************************/
#products							{background: white;}
.cat-item							{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1001;}
.prod-div							{display: flex; justify-content: space-around; flex-wrap: wrap;}
.prod-item							{display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 6rem; position: relative; width: 50%; z-index: 1000;}
.prod-item img						{filter: invert(1); max-width: 100px; padding: 1rem;}
.prod-item h3						{font-weight: 400; letter-spacing: .4rem; text-transform: uppercase;}
.img-wrap							{background: #6cc7d0; border-radius: 100%; display: flex;}

#produtos .top-div					{background: url(../img/layout/banner-qualidade.webp); background-position: center; background-repeat: no-repeat; background-size: cover;}
#produtos .top-div h1				{background: unset;}
.prod-list							{display: flex; flex-direction: column;}
.prod-list h2						{background: linear-gradient(171deg, white 40%, #f5f5f5 40%); font-family: 'Typo'; font-size: 4.4rem; padding: 2rem 0; margin: 0;}
.prod-segment						{display: flex; flex-direction: column; padding: 8rem 0;}
.prod-segment h3					{margin: 3rem; padding: 1rem 0; font-weight: 700; font-size: 2.4rem; text-transform: uppercase;}
.ps-category						{display: flex; flex-wrap: wrap; margin-bottom: 4rem; width: 100%;}
.ps-product							{cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; text-align: center; width: 33%;}
.ps-product h4						{font-size: 1.8rem;}
.ps-product img						{border-radius: 100px; border: solid 1px #6cc7d0; filter: grayscale(1); margin-bottom: 2rem; max-width: 160px; padding: 1rem; transition: .2s ease all;}
.ps-product:hover img				{filter: grayscale(0); padding: 0.7rem; transition: .2s ease all;}

#produtos h1						{background: linear-gradient(171deg, white 40%, #f5f5f5 40%); font-family: 'Typo'; font-size: 4.4rem; padding: 2rem 0; margin: 0;}
.prod-detail						{display: flex; padding: 8rem 0; width: 100%;}
.pd-img								{display: flex; align-items: center; flex-wrap: wrap; padding: 0 2rem; width: 60%;}
.pd-img .material-placeholder		{padding: 1rem; width: 33%;}
.pd-img .material-placeholder+.material-placeholder {}
.pd-info							{padding: 0 2rem; width: 40%;}
.pd-info h3							{margin: 0; margin-bottom: 3rem; font-weight: 700; font-size: 2.4rem; text-transform: uppercase;}

#sugestions .container				{padding-bottom: 12rem;}
#sugestions h3						{background: linear-gradient(226deg, white 90%, #6cc7d0 90%); margin: 0; margin-bottom: 3rem; padding: 1rem 12%; text-transform: uppercase;}
.ps-prod-sugestion					{justify-content: unset; padding: 2rem; width: 20%;}
.ps-prod-sugestion h4				{font-size: 1.4rem;}
.ps-prod-sugestion img				{width: 100px}

@media only screen and (max-width: 768px) {
	.prod-list h2					{background: linear-gradient(155deg, white 50%, #f5f5f5 50%); font-size: 3rem;}
	.prod-segment					{padding: 4rem 0;}
	.prod-segment h3				{font-size: 2rem; margin: 2rem;}
	.ps-product						{width: 50%; padding: 1rem; justify-content: start;}
	.ps-product img					{width: 100px; margin-bottom: 0;}
	.ps-product h4					{font-size: 1.6rem;}
	.prod-item						{width: 100%;}
	.prod-item+.prod-item			{margin-top: 3rem;}
	#produtos h1					{background: linear-gradient(155deg, white 50%, #f5f5f5 50%); font-size: 3rem;}
	.prod-detail					{flex-direction: column; padding: 4rem 0;}
	.pd-img							{padding: 0 1rem; margin-bottom: 3rem; width: 100%;}
	.pd-img .material-placeholder	{width: 50%;}
	.pd-info						{width: 100%;}
	.pd-info h3						{font-size: 2rem;}
	#sugestions h3					{background: linear-gradient(226deg, white 80%, #6cc7d0 80%); padding: 0.6rem 0.6rem 0.6rem 22%; text-align: right;}
	.ps-prod-sugestion				{padding: 1rem; width: 33%;}
	.ps-prod-sugestion img			{width: 70px; margin-bottom: 1rem;}
	.ps-prod-sugestion h4			{font-size: 1.2rem;}
}

/************************************* CLIENTS **************************************/
#clients .sec-title-div::after		{background-color: #0a0a0a; content: " "; width: 8rem; height: 2px; position: absolute; bottom: 0; left: 0;}

/************************************* CONTACT *************************************/
#contato							{background: linear-gradient(186deg, white 15%, #f5f5f5 15%); padding: 2rem 0 8rem 0;}
#contato .container					{}
.contact-div						{display: flex;}
.contact-info						{width: 50%;}
.contact-box						{background: white; box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3); padding: 2rem; width: 40%;}
.address-box h4						{color: #525352; 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: #525352; 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: white; padding: 12rem 4rem;}
.footer-div							{font-size: 1.4rem; padding: 8rem 0 8rem 0;}
.footer-div h3						{color: #525352; font-family: 'Typo'; 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;}
.nav-footer a						{color: #525352; font-size: 1.4rem; font-weight: 400; padding: 0; transition: all .2s ease;}
.nav-footer a+a						{margin-top: 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					{bottom: 74px !important; z-index: 100;}

@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: #f2f2f2; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000;}
#contato #preloader{position: absolute;}
#loader			{display: block; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);}/*  border-radius: 50%; border: 2px solid transparent; border-top-color: #555;*/
#loader svg		{height: 150px; margin: auto; display: block;}
#loader g:nth-child(1)	{-webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; transform-origin: center;}
#loader g:nth-child(2)	{-webkit-animation: spin2 1s linear infinite; animation: spin2 1s linear infinite; transform-origin: center; animation-delay: .1s;}
#loader g:nth-child(3)	{-webkit-animation: spin2 1s linear infinite; animation: spin2 1s linear infinite; transform-origin: center; animation-delay: .2s;}
/* #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: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }
    50% {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        stroke: none;
        fill: #e03a27;
    }
    75% {
        
    }
    100%   {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@-webkit-keyframes spin2 {
    0%   {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }
    50% {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        stroke: none;
        fill: #6cc7d0;
    }
    75% {
    	
    }
    100%   {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }
    50% {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        stroke: none;
        fill: #e03a27;
    }
    75% {
        
    }
    100%   {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@keyframes spin2 {
    0%   {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }
    50% {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        stroke: none;
        fill: #6cc7d0;
    }
    75% {
    	
    }
    100%   {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }
}

/*************************** 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: #525352; font-size: 1.2rem; font-family: 'Open sans', sans-serif; height: 4rem; background: white; border: 1px solid #d2d2d2; padding: 0 5px; box-sizing: border-box; transition: .2s ease all;}
textarea.materialize-textarea				{color: #525352; font-size: 1.2rem; font-family: 'Open sans', sans-serif; height: 12rem !important; background: white; border: 1px solid #d2d2d2; padding: 25px 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: #525352 !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: #525352 !important;}

input:-internal-autofill-selected 		{color: #525352 !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: #525352 !important; font-family: 'Open Sans', sans-serif;}