/*************************** FONTS ***************************/
.font-baloo							{font-family: 'Baloo Tammudu 2', cursive;}
.font-passion						{font-family: 'Passion One', cursive;}
.font-alumni						{font-family: 'Alumni Sans', sans-serif;}

/*************************** COLORS ***************************/
.bg-gradient-black					{background: linear-gradient(#000 0%, #120f10 30%), linear-gradient(180deg, rgba(7,7,7,0) 70%, #111111 100%); background-blend-mode: overlay; background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-gray							{background-color: #231f20 !important;}
.bg-gray-d							{background-color: #120f10 !important;}
.bg-yellow							{background-color: #fcaf17 !important;}
.bg-yellow-d						{background-color: #f7941d !important;}
.bg-yellow-l						{background-color: #ffc20e !important;}
.bg-white							{background-color: #ffffff !important;}

.clr-gray							{color: #231f20 !important;}
.clr-gray-d							{color: #120f10 !important;}
.clr-outline-white					{color: transparent !important; -webkit-text-stroke: 1px white !important;}
.clr-yellow							{color: #fcaf17 !important;}
.clr-yellow-d						{color: #f7941d !important;}
.clr-yellow-l						{color: #ffc20e !important;}
.clr-white							{color: #ffffff !important;}

/*************************** STRUCTURE ***************************/
*									{scrollbar-width: thin;}
html, body 							{background-color: #231f20; font-size: 62.5%;}
body								{color: white; font-weight: 400; font-size: 1.4rem; font-family: 'Baloo Tammudu 2',Helvetica Neue,Helvetica,Arial,sans-serif; line-height: 1.5; letter-spacing: -.01em; overflow: auto !important;}
h2									{font-size: 6.4rem;}
h3									{font-size: 2.2rem;}
h4									{font-size: 1.8rem; line-height: 2rem;}
input								{color: #fcaf17;}
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;}

/*************************** MATERIALIZE ***************************/
a,
nav a								{color: rgba(0,0,0,.87); text-decoration: none;}
nav									{background-color: transparent; box-shadow: none; height: auto; line-height: 1.5; position: fixed; top: 4rem; z-index: 10;}
nav a.sidenav-trigger				{border: solid 1px #fcaf17; border-right: unset; border-top-left-radius: 30px; color: #fcaf17; height: auto; line-height: 1; display: flex; align-items: center; margin: 0; padding: 1rem 3.2rem 1rem 1.6rem; transition: all .2s ease;}
nav a.sidenav-trigger:hover			{background: linear-gradient(90deg, #f7941d, #ffc20e); border-top-left-radius: 0px; color: #231f20; transition: all .2s ease;}
nav a.sidenav-trigger .menu-icon	{width: 100%; max-width: 3.2rem; margin-left: 1.6rem; transition: all .2s ease;}
nav a.sidenav-trigger .menu-icon rect		{transition: all .2s ease;}
nav a.sidenav-trigger:hover .menu-icon rect	{fill: #231f20; transition: all .2s ease;}
nav .nav-logo						{line-height: 1; margin-left: 1.6rem; 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;}
.btn								{font-family: 'Baloo Tammudu 2', cursive; height: auto; text-transform: none;}
.btn-def							{background: transparent; border: solid 1px #fcaf17; border-radius: 0; border-top-right-radius: 30px; color: #fcaf17; font-size: 2rem;
									display: flex; align-items: center; justify-content: center; min-width: 160px; height: 60px; padding: 6px 16px 0 16px; transition: all .2s ease;}
.btn-def:focus,
.btn-def:hover						{background: linear-gradient(90deg, #f7941d, #ffc20e); border: none; color: #231f20; border-top-right-radius: 0; transition: all .2s ease;}
.container							{}
.input-field						{width: 100%;}
.modal-overlay						{opacity: 0.9;}
.sidenav							{background-color: #231f20; font-family: 'Passion One', cursive; width: 350px; z-index: 1004;}
.sidenav ul							{}
.sidenav li+li						{margin-top: 1.6rem;}
.sidenav li>a						{color: white; font-size: 4rem; padding: 0; transform: skewX(-9deg); transition: all .2s ease;}
.sidenav li>a.active				{color:#fcaf17;}
.sidenav li>a:hover					{background: transparent; color: #fcaf17; 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: linear-gradient(90deg, #f7941d, #ffc20e); color: #120f10; 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){
	.container						{width: 75%;}
	.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								{top: 2rem;}
	nav .nav-logo					{margin-left: .6rem; width: 8rem;}
	nav a.sidenav-trigger			{background: linear-gradient(90deg, #f7941d, #ffc20e); color: #231f20; padding: 1rem 1.6rem 1rem .8rem;}
	nav a.sidenav-trigger .menu-icon{max-width: 2.4rem;}
	nav a.sidenav-trigger .menu-icon rect	{fill: #120f10; height: 5px;}
	.hide-on-small-only,
	.hide-on-small-and-down 		{display: none !important;}
	.hide-on-med-and-up				{display: inherit !important;}
	.sidenav						{width: 300px;}
}

/*************************** BUTTONS ***************************/
.hexagon-wrapper 					{margin: auto; display: flex; text-align: initial; width: 200px; height: 200px; cursor: pointer;}
.hexagon 							{border-top-right-radius: 50px; position: relative; width: 80%; height: 46%; margin: auto; color: white; background: linear-gradient(90deg, #f7941d, #ffc20e); display: flex; align-content: center; justify-content: center; transition: 0.5s;}
.hexagon i 							{z-index: 1; margin: auto; font-size: 40px; color: transparent; background: linear-gradient(90deg, #000000, #333333); background-clip: text; -webkit-background-clip: text;}
.hexagon:hover 						{border-top-right-radius: 0px; transition: 0.5s;}
.hexagon:hover:before 				{border-top-right-radius: 0px; transition: 0.5s;}
.hexagon:hover:after 				{border-top-right-radius: 0px; transition: 0.5s;}

/*************************** 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 rgba(0,0,0,.2);}
.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-baseline				{align-items: baseline !important;}
.flex-align-center					{align-items: center !important;}
.flex-align-end						{align-items: flex-end !important;}
.flex-align-start					{align-items: flex-start !important;}
.flex-basis-20						{flex-basis: 20%;}
.flex-column						{flex-direction: column !important;}
.flex-row							{flex-direction: row !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 !important;}
.flex-justify-end					{justify-content: end !important;}
.flex-justify-spa					{justify-content: space-around !important;}
.flex-justify-spb					{justify-content: space-between !important;}
.flex-justify-spe					{justify-content: space-evenly !important;}
.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						{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-rg-sm							{margin-right: 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: 10rem !important; padding-bottom: 10rem !important;}
.pd-tb-lg							{padding-top: 3.2rem !important; padding-bottom: 3.2rem !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;}
.tab-1								{margin-left: 2rem;}
.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: 4.4rem; line-height: 1; margin: 0; margin-bottom: -2.6rem;}
.down-text							{font-size: 6.4rem; margin: 0; transform: skewX(-9deg);}

@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: 6rem !important; padding-bottom: 6rem !important;}
	.pd-tb-lg							{padding-top: 1.6rem !important; padding-bottom: 1.6rem !important;}
	.up-text							{font-size: 2.8rem; margin-bottom: -0.6rem;}
	.down-text							{font-size: 4.8rem;}
	.order-sm-1							{order: 1 !important;}
	.order-sm-2							{order: 2 !important;}
	.order-sm-3							{order: 3 !important;}
}

/************************************* MISC *************************************/
#videoModal .modal-content			{padding: 0; max-height: 400px;}
.btn-contact						{padding: 1.2rem;}
.btn-contact svg					{max-width: 4.2rem; width: 100%;}
.fixed-btn							{background: linear-gradient(90deg, #25D366, #21bd5b); border: solid 1px white; border-right: unset; border-top-left-radius: 30px; position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 1002; transition: all .2s ease;}
.fixed-btn svg path					{fill: white;}
.fixed-btn:hover					{background: linear-gradient(90deg, #f7941d, #ffc20e); border-color: #fcaf17; border-top-left-radius: 0px; transition: all .2s ease;}
.fixed-btn:hover svg path			{fill: #231f20; transition: all .2s ease;}

#home								{background: #120f10; position: relative;}
.home-carousel						{background: black;}
.home-carousel .item				{height: auto; padding-bottom: 30px;}
.home-carousel .owl-dots			{display: flex; align-items: center; position: absolute; transform: rotate(90deg) translateY(-50%);  top: 50%; right: 1.6rem;  transition: all .2s ease;}
.home-carousel button.owl-dot		{background: transparent; border: solid 1px #fcaf17; 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: #fcaf17; transform: translateY(-50%); top: 50%; right: 100%;  transition: all .2s ease;}
.home-carousel button.owl-dot:hover,
.home-carousel button.owl-dot.active{background: #fcaf17; border: none; transition: all .2s ease;}
.cat-divider						{position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% - 6rem); z-index: 1003;}
.cat-divider img					{height: 12rem;}

.banner-home						{background: url('../img/layout/banner-home.jpg'), linear-gradient(rgba(7,7,7,.6), rgba(31,32,32,.6)); background-blend-mode: multiply; background-size: cover; background-position-y: 85%; display: flex; align-items: flex-end;}
.banner-home .up-text				{font-size: 8rem;}
.banner-home .down-text				{font-size: 9rem;}

.banner-numbers						{background: url(https://i.postimg.cc/xdjLQrS9/banner-site-1920x1080-01.jpg), linear-gradient(180deg, rgba(7,7,7,0) 70%, #111111 100%); background-blend-mode: multiply; background-size: cover; background-position: center; background-repeat: no-repeat !important; display: flex;}
.banner-numbers .up-text			{font-family: 'Passion One', cursive; font-size: 12rem; transform: skew(-9deg);}
.banner-numbers .down-text			{font-family: 'Passion One', cursive; font-size: 3rem; text-transform: uppercase; transform: skew(0deg)}
.banner-title						{text-align: center; text-transform: uppercase;}
.abs-banner-box						{position: absolute; bottom: 2rem; right: 5%;}

.data-box							{display: flex; justify-content: space-evenly;}
.data-wrap							{display: flex; flex-direction: column; align-items: center;}

.banner-impulse						{background: url(https://i.postimg.cc/vZtMjpmG/banner-site-1920x1080-02-preto.jpg), linear-gradient(180deg, rgba(7,7,7,0) 70%, #111111 100%); background-blend-mode: multiply; background-size: cover; background-position: top; background-repeat: no-repeat !important; display: flex;}
.banner-impulse .up-text			{font-size: 12rem; line-height: 0.8; margin-top: 28px; transform: skew(-9deg); color: transparent !important; text-shadow: -8px -28px 0px #fcaf17; -webkit-text-stroke: 1px #fcaf17;}
.banner-impulse .down-text			{font-size: 3rem; line-height: 1.1; transform: skew(0deg);}
.banner-impulse .banner-title		{text-align: left; margin: 0 2rem;}
.banner-impulse .data-wrap			{align-items: flex-end;}
.banner-impulse .flex				{justify-content: flex-end;}

.banner-werock						{background: url(https://i.postimg.cc/hjMVcBQg/banner-werock-2022-1920x1080.jpg), linear-gradient(180deg, rgba(7,7,7,0) 85%, #111111 100%); background-blend-mode: multiply; background-size: cover; background-position: center; background-repeat: no-repeat !important; display: flex;}
.banner-werock .stripe				{background: rgba(0,0,0,0.8); display: inline-flex; flex-direction: column; justify-content: center; height: 100vh; margin-left: 1.6rem; padding: 0 1.6rem;}
.banner-werock .stripe p			{font-size: 2rem; line-height: 1; margin: 2.4rem 0; text-transform: uppercase;}
.banner-werock .stripe span			{font-size: 3.2rem;}
.banner-werock .abs-banner-box		{bottom: 24%; right: 12%; transform: skewY(-7deg);}
.banner-werock .abs-banner-box p	{font-size: 4rem; text-shadow: 2px 2px 2px rgb(0 0 0 / 70%);}

.banner-method						{background: url(https://i.postimg.cc/Gm6yzCCX/Banner-Site-Friday-2023.jpg), linear-gradient(180deg, rgba(7,7,7,0) 85%, #111111 100%); background-blend-mode: multiply; background-size: cover; background-position: center; background-repeat: no-repeat !important; display: flex;}
.banner-method .upper-text			{font-family: 'Passion One', cursive; font-size: 4.2rem; transform: skew(-9deg); margin: 0;}
.banner-method .up-text				{font-family: 'Passion One', cursive; font-size: 12rem; transform: skew(-9deg); color: transparent; -webkit-text-stroke: 1px white; line-height: 0.7; margin: 0;}
.banner-method .down-text			{font-family: 'Passion One', cursive; font-size: 3rem; transform: skew(0deg); margin: 0;}
.banner-method .data-box			{flex-direction: column;}
.banner-method .data-wrap			{align-items: end; padding: 24px 0; width: 100%;}
.banner-method .data-wrap+.data-wrap{border-top: solid 1px #fcaf17;}
.banner-method .stripe				{background: rgba(0,0,0,0.8); display: inline-flex; flex-direction: column; justify-content: center; height: 100vh; margin-left: 1.6rem; padding: 0 1.6rem;}
.banner-method .stripe p			{line-height: 1; margin: 0;}
.banner-method .stripe span			{font-size: 3.2rem;}
.banner-method .abs-banner-box		{top: 100px; left: 30%;}
.banner-method .abs-banner-box p	{font-size: 4.2rem; letter-spacing: 0.8rem;}

.banner-singular					{background: url('../img/layout/singular-bg-desk.png'); background-size: cover; background-repeat: no-repeat; font-family: 'Alumni Sans', sans-serif; text-transform: uppercase;}
.banner-singular .container			{width: 50%; padding-top: 60px;}
.banner-singular p					{color: white; font-size: 2.4rem; line-height: 1; margin: 0 15px 0 0;}
.banner-singular .up-text			{color: #f5dec6; font-size: 6.4rem; font-weight: bold; margin-bottom: -1.4rem;}
.banner-singular .upper-text		{color: white; font-size: 2.4rem; margin: 0 0 0 -20px; transform: rotate(-90deg);}
.banner-singular .down-text			{color: #f5dec6; font-size: 3.4rem; transform: unset; font-weight: bold;}
.banner-singular .data-box			{flex-direction: column;}
.banner-singular .data-wrap			{flex-direction: row; position: relative; padding: 15px 0 15px 30px;}
.banner-singular .data-wrap div		{margin-right: 15px;}
.banner-singular .data-wrap+.data-wrap:before	{content: ''; width: 120px; height: 1px; background-color: white; position: absolute; top: 0; left: 0;}
.banner-singular img				{margin: 0 auto 2rem auto; width: 80% !important;}

@media only screen and (max-width: 992px) {
	
	.banner-numbers .up-text			{font-size: 8rem; margin-bottom: -2.6rem;}
	.banner-numbers .down-text			{line-height: 1.5;}
	.banner-numbers .data-wrap .down-text	{font-size: 2rem; margin-top: 2rem;}
	
}

@media only screen and (max-width: 768px) {
	#home .container					{padding-top: 8rem !important;}
	.home-carousel .item				{height: 100vh; padding-bottom: 30px;}
	.banner-home .up-text				{font-size: 4rem;}
	.banner-home .down-text				{font-size: 6rem;}
	.fixed-btn							{background: linear-gradient(90deg, #f7941d, #ffc20e); top: 100%; transform: translateY(-100%);}
	.fixed-btn a						{display: block;}
	.fixed-btn svg path					{fill: #120f10;}
	.data-box							{flex-direction: column; align-items: flex-end;}
	.data-wrap							{align-items: flex-end;}
	.banner-numbers						{background: url(https://i.postimg.cc/CLDwCZTB/banner-site-620x1220-01-preto.jpg), linear-gradient(180deg, rgba(7,7,7,0) 70%, #000000 100%); background-position: bottom;}
	.banner-numbers .up-text			{font-size: 8rem; margin-bottom: -2.6rem;}
	.banner-numbers .down-text			{line-height: 1.5;}
	.banner-numbers .data-wrap .down-text	{font-size: 2rem; margin-top: 1rem;}
	.banner-title						{max-width: 60%; line-height: 1.1 !important;}
	.abs-banner-box						{left: 0; bottom: 2rem;}
	
	.banner-impulse						{background: url(https://i.postimg.cc/SxhkgykZ/banner-site-620x1220-02-preto.jpg), linear-gradient(180deg, rgba(7,7,7,0) 70%, #000000 100%);}
	.banner-impulse .up-text			{font-size: 7rem;}
	.banner-impulse .banner-title		{max-width: 100%;}
	.banner-impulse .flex				{justify-content: flex-start; flex-direction: column;}
	.banner-impulse .data-box			{align-items: center; margin-top: 1rem;}
	
	.banner-werock						{background: url(https://i.postimg.cc/SsmcBssD/banner-werock-2022-620x1220.jpg), linear-gradient(180deg, rgba(7,7,7,0) 85%, #111111 100%); background-position: right bottom;}
	.banner-werock .stripe				{padding: 2rem; position: absolute; bottom: 0; right: 0; height: auto; margin: 0;}
	.banner-werock .stripe p			{font-size: 1.2rem; margin: 1rem 0;}
	.banner-werock .stripe span			{font-size: 2.4rem;}
	
	.banner-method						{background: url(https://i.postimg.cc/DZDCQzgB/Banner-Site-Friday-2023-mobile.jpg), linear-gradient(180deg, rgba(7,7,7,0) 85%, #111111 100%); background-position: top center;}
	.banner-method .up-text				{font-size: 7rem;}
	.banner-method .down-text			{margin: 0;}
	.banner-method .data-wrap			{padding: 7px 0;}
	.banner-method .stripe				{padding: 2rem; position: absolute; bottom: 0; right: 0; height: auto; margin: 0;}
	.banner-method .stripe p			{font-size: 1.6rem; margin: 0;}
	.banner-method .stripe span			{font-size: 2.4rem;}
	.banner-method .abs-banner-box		{position: unset;}
	.banner-method .abs-banner-box p	{margin: 1rem; font-size: 2.4rem; letter-spacing: .2rem;}

	.banner-singular .container			{width: 90%}
	.banner-singular img				{margin: 4rem auto; width: 100% !important;}
	.banner-singular p					{margin: 0 10px 0 0;}
	.banner-singular .up-text			{font-size: 4.4rem; margin-bottom: -1rem;}
	.banner-singular .upper-text		{font-size: 2.4rem; margin: 0 0 0 -20px;}
	.banner-singular .down-text			{font-size: 2.4rem;}
	.banner-singular .data-box			{align-items: start; padding: 15px 0;}
	.banner-singular .data-wrap			{align-items: center; padding: 15px;}
	.banner-singular .data-wrap div		{margin-right: 10px;}

	.cat-divider						{top: calc(100vh - 6rem);}
	.cat-divider img					{height: 8rem;}
}

/************************************* MAP *************************************/
#map								{background: linear-gradient(#010200 10%, rgba(0,0,0,0) 40%); position: relative;}
#map .container						{padding: 12rem 0rem 0rem 0rem;}
#map canvas							{opacity: 0.3;}
#map svg							{position: relative; transition: all .2s ease;}
#map .has-info						{cursor: pointer; pointer-events: all; position: relative; transition: all .2s ease;}
#map g.has-info:hover .clr-fill		{fill: #ffc20e; transition: all .2s ease;}
#map g.has-info:hover .clr-outline	{fill: #120f10; transition: all .2s ease;}
.city-list h3						{font-size: 3.6rem;}
.city-list h4						{font-size: 1.8rem;}
.has-info .clr-fill					{fill: #f7941d;}
.has-info .clr-outline				{fill: #120f10;}
.state-info							{padding: 1rem; transition: all .2s ease; pointer-events: none;}

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

/************************************* PROJECTS *************************************/
#projects							{background: linear-gradient(#231f20 0%, #120f10 50%, #000 100%);}
#projects iframe					{width: 100%; max-width: 560px;}
#projects .banner-home				{background-size: contain !important; background-blend-mode: multiply; background-repeat: no-repeat !important; justify-content: center; align-items: center;}
#projects .up-text					{font-size: 4.4rem;}
#projects .down-text				{font-size: 6.4rem;}
.btn-wrapper						{opacity: 0; transition: all .8s ease;}
.btn-wrapper .btn-def				{height: 30px; transition: all .8s ease;}
.masonry							{display: flex; flex-wrap: wrap;}
.masonry-item						{width: 50%; padding: 0 .75rem; margin-bottom: 1.5rem; height: 100%; max-height: 300px; overflow: hidden;}
.masonry-item.mrg-tp-neg			{margin-top: -2rem;}
.project-card						{background-size: 100% !important; background-position: top center !important; border-top-right-radius: 30px; min-height: 60rem !important; justify-content: flex-end; transition: all .8s ease;}
.project-card:hover					{background-size: 104% !important; transition: all .8s ease;}
.project-card:hover .project-info	{min-height: 28rem; transition: all .8s ease;}
.project-card:hover .btn-wrapper	{opacity: 1; transition: all .8s ease;}
.project-card:hover .btn-def		{height: 60px; transition: all .8s ease;}
.project-info						{border-top-right-radius: 30px; display: flex; flex-direction: column; justify-content: space-between; min-height: 24rem; padding: 1rem; transition: all .8s ease;}
.project-info h3					{font-size: 3.2rem; margin: 0;}
.project-wrapper:nth-child(odd) .project-info	{background: linear-gradient(#231f20, #070707);}
.project-wrapper:nth-child(even) .project-info	{background: linear-gradient(#f7941d, #ffc20e);}
.project-wrapper:nth-child(even) .project-services img	{filter: grayscale(100%) brightness(200%);}
.project-wrapper:nth-child(even) .btn-def	{background: #231f20; border: solid 1px #231f20; color: #fcaf17;}
.project-wrapper:nth-child(even) .btn-def:hover	{opacity: 0.8;}
.project-services					{padding: 2rem 0;}
.project-services img				{width: 100%; max-width: 3.2rem;}
.project-services img+img			{margin-left: 1rem;}

.projects-list .project-wrapper		{cursor: pointer;}
.projects-list .project-card		{min-height: 40rem !important;}
.projects-list .project-info		{justify-content: center; min-height: 16rem;}
.projects-list .project-info h3		{font-size: 2.4rem;}
.projects-list .project-card:hover .project-info {min-height: 18rem;}

@media only screen and (max-width: 768px) {
	#projects .up-text					{font-size: 2.4rem;}
	#projects .down-text				{font-size: 4.4rem;}
	#projects .banner-home				{background-position: top center !important; background-size: unset !important;}
	.project-card						{min-height: 50rem !important;}
	.project-card:hover .project-info	{min-height: 24rem;}
	.project-info						{min-height: 20rem;}
	.project-info h3					{font-size: 2.8rem;}
	.project-services					{padding: 1rem 0;}
	.projects-list						{/* margin-top: 40%; */}
	.projects-list .project-card		{min-height: 28rem !important;}
	.projects-list .project-info		{min-height: 12rem;}
	.projects-list .project-info h3		{font-size: 1.8rem;}
	.projects-list .project-card:hover .project-info {min-height: 16rem;}
	.masonry-item						{width: 100%; margin-bottom: 0.75rem; margin-top: 0 !important;}
	.masonry-item.mrg-tp-neg			{margin-top: 0 !important;}
}

/************************************* CLIENTS *************************************/
/* #clients							{background: url('../img/layout/clients-bg.jpg'), #231f20; background-blend-mode: soft-light; background-size: cover; background-position: center; background-repeat: no-repeat;} */
#clients							{background: linear-gradient(#000 0%, #231f20 50%, #000 100%);}
#clients .up-text					{font-size: 4.4rem;}
#clients .down-text					{font-size: 6.4rem;}
.clients-wrap						{display: flex;}
.col-1,
.col-2,
.col-3								{flex-wrap: wrap; width: 100%;}
.cli-item							{padding: 3rem; width: 16.66%;}
.cli-item:hover						{filter: drop-shadow(3px 3px 2px black) brightness(130%); transform: scale(1.1);}

@media only screen and (max-width: 768px) {
	.clients-wrap					{flex-direction: column;}
	.col-1,
	.col-2,
	.col-3						{flex-direction: row;}
	.cli-item						{padding: 2rem; width: 33.33%;}
}	

/************************************* ABOUT *************************************/
#about canvas						{opacity: 0.5;}
#about .banner-home					{background:  linear-gradient(#000000 0%, #120f10 30%), linear-gradient(180deg, #120f10 70%, #000000 100%); background-position: center; background-size: cover; background-blend-mode: hard-light; justify-content: center; align-items: center;}
.bg-charts							{background: url('../img/layout/charts-bg.jpg'), linear-gradient(#000000 20%, rgba(7,7,7,0) 40%), linear-gradient(180deg, #103144 50%, #000000 95%); background-blend-mode: overlay; background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-flare							{background: url(../img/layout/launch-bg.jpg), linear-gradient(#000000 0%, rgba(7,7,7,0) 25%), linear-gradient(180deg, #03127d 48%, #000000 95%); background-blend-mode: overlay; background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-neon							{background: url(../img/layout/neon-bg.jpg), linear-gradient(#000000 0%, rgba(7,7,7,0) 25%), linear-gradient(180deg, #116743 48%, #000000 95%); background-blend-mode: overlay; background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-code							{background: url(../img/layout/cat-whole.svg), linear-gradient(#000000 0%, rgba(7,7,7,0) 50%), linear-gradient(180deg, #120f10 50%, #000000 95%); background-blend-mode: overlay; background-size: contain; background-position: bottom; background-repeat: no-repeat;}

/************************************* SERVICES **************************************/
#services 							{background: linear-gradient(#000000 0%, #120f10 30%), linear-gradient(180deg, rgba(7,7,7,0) 50%, #000000 100%);}
#services .services-item			{padding-top: 4rem; padding-bottom: 4rem;}
#services .down-text				{font-size: 4.4rem;}

/************************************* CONTACT *************************************/
#contact							{background: url('../img/layout/cat-back.png'), linear-gradient(#070707 0%, #231f20 30%); background-blend-mode: overlay; background-position: right top; background-repeat: no-repeat;}
#contact .container					{}
.address-box h4						{line-height: 100%; margin: 8px 0 4px 0;}
.address-box img					{max-height: 2.6rem; margin-right: 1.4rem;}

@media only screen and (max-width: 768px) {
	.address-box					{width: 16rem; text-align: center;}
}

/************************************* FOOTER *************************************/
footer								{background: url('../img/layout/cat-front.png'), #120f10; background-blend-mode: overlay; background-position: left bottom; background-repeat: no-repeat; position: relative;}
footer .container					{width: 85%; padding-top: 12rem; padding-bottom: 12rem;}
.footer-item						{flex-basis: inherit;}
.footer-logo						{max-width: 28rem;}
.footer-wrapper						{display: flex; flex-basis: 25%;}
.nav-footer							{display: flex; justify-content: space-between; flex-wrap: wrap;}
.nav-footer a						{border-top-right-radius: 16px; box-shadow: inset 0 -2px #fcaf17; font-family: 'Passion One', cursive; font-size: 2.2rem; padding: 8px 0 0 0; color: white; text-decoration: none; transition: all .2s ease;}
.nav-footer a:hover					{box-shadow: inset 0 -49px #fcaf17; color: #231f20; padding: 8px 8px 0 8px;}
.nav-footer a+a						{margin-left: 10px;}
.social-icon						{max-width: 3.6rem;}
.social-icon:hover					{opacity: 0.7;}
.social-icon+.social-icon			{margin-left: 3.2rem;}
.swirl-divider						{position: absolute; top: -5rem;}

@media only screen and (max-width: 768px) {
	footer .container					{width: 90%; padding-top: 6rem; padding-bottom: 6rem;}
	.footer-wrapper						{flex-direction: column; justify-content: center; align-items: center;}
	.footer-item						{display: flex; flex-direction: column;}
	.footer-logo						{max-width: 20rem;}
	.nav-footer							{justify-content: center;}
	.swirl-divider						{top: -2rem;}
}

/************************************* Loader *************************************/
.loader-box							{background: #231f20; box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.3); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2000;}
.loader-box h6						{animation: pulse1 0.6s infinite; margin: 5px 0;}
.loader-wrapper						{position: relative; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
.page-loader						{background: #231f20; box-shadow: none; height: 100%; position: fixed; overflow: hidden;}
.lds-ellipsis 						{display: inline-block; position: relative; width: 64px; height: 24px;}
.lds-ellipsis div 					{position: absolute; top: 7px; width: 11px; height: 11px; border-top-right-radius: 50%; background: #fcaf17; animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) 		{left: 6px; animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) 		{left: 6px; animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) 		{left: 26px; animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) 		{left: 45px; animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {
  0% {transform: scale(0);}
  100% {transform: scale(1);}
}
@keyframes lds-ellipsis3 {
  0% {transform: scale(1);}
  100% {transform: scale(0);}
}
@keyframes lds-ellipsis2 {
  0% {transform: translate(0, 0);}
  100% {transform: translate(19px, 0);}
}
@keyframes pulse1 {
  0% {transform: scale(0.95);}
  50% {transform: scale(1);}
  100% {transform: scale(0.95);}
}

/*************************** 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)	{font-size: 1.8rem; font-family: 'Baloo Tammudu 2', cursive; height: 4rem; border-bottom: 1px solid #fcaf17;}
textarea.materialize-textarea				{color: #fcaf17; font-size: 1.8rem; font-family: 'Baloo Tammudu 2', cursive; height: 12rem !important; border: 1px solid #fcaf17; padding: .8rem;}
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 #fcaf17; box-shadow: 0 1px 0 0 #fcaf17;}

@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		{font-size: 1.6rem; height: 3.2rem;}
}

.input-field label {color: #fcaf17 !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 { color: #fcaf17 !important; }

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

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

.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: #231f20 !important; font-family: 'Baloo Tammudu 2', cursive;}