/*
	Autor: 
		PUM! estudio

	Index: 
		  -- vars
		1 -- unit
		2 -- space
		3 -- color
		4 -- text
		5 -- icons & logos
		6 -- animation
*/


/* -- Vars */
@font-face { font-family: "satoshi"; src: url("../fonts/Satoshi-Regular.woff") format("woff"), url("../fonts/Satoshi-Regular.woff2") format("woff2"); font-weight: 400;}
@font-face { font-family: "satoshi"; src: url("../fonts/Satoshi-Medium.woff") format("woff"), url("../fonts/Satoshi-Medium.woff2") format("woff2"); font-weight: 500;}


:root {

	/* 0 -- */
	--vh: 0;
	--sW: 0;

	
	/* 1 -- unit */

	--unit-middle: .4rem; 
	--unit: .8rem; 
	--unit-2: calc(var(--unit) * 2); 
	--unit-3: calc(var(--unit) * 3); 
	--unit-4: calc(var(--unit) * 4); 
	--unit-5: calc(var(--unit) * 5);
	--unit-6: calc(var(--unit) * 6); 
	--unit-7: calc(var(--unit) * 7); 
	--unit-8: calc(var(--unit) * 8); 
	--unit-9: calc(var(--unit) * 9); 
	--unit-10: calc(var(--unit) * 10); 
	--unit-11: calc(var(--unit) * 11); 
	--unit-12: calc(var(--unit) * 12); 
	--unit-13: calc(var(--unit) * 13); 
	--unit-14: calc(var(--unit) * 14); 
	--unit-15: calc(var(--unit) * 15); 
	--unit-16: calc(var(--unit) * 16); 
	--unit-17: calc(var(--unit) * 17); 
	--unit-18: calc(var(--unit) * 18); 
	--unit-19: calc(var(--unit) * 19); 
	--unit-20: calc(var(--unit) * 20); 
	



	/* 2 -- space */
	
	--padd-middle: .7rem;
	--padd: 1.4rem;
	--padd-footer: 1.2rem;
	--padd-col-footer: var(--unit-7);
	--padd-col-main: 1.8rem;
	--padd-s: .6rem;
	--padd-col-header-s: var(--unit-3);
	--padd-col-footer-s: var(--padd-footer);
	--padd-col-main-s: 1.2rem;
	



	/* 3 -- color */

    --c-main: #FE5000;
	--c-grey-1: #8A8A87;
	--c-grey-2: #F4F4F4;
	--c-black: #060606;
	--c-white: #FFF;
	--c-error: #FF0000;

	--bg-html: var(--c-black);
	--bg-body: var(--c-grey-2);
	--bg-header: var(--c-grey-2);
	--bg-header-submenu: var(--c-black);
	--bg-header-search: var(--c-grey-3);
	--bg-footer: var(--c-black);
	--c-txt: var(--c-black);




	/* 4 -- text */

	--font: "neue-haas-grotesk-text"; /* Neue Haas Grotesk */ 
	
	--fw-strong: 500;
	--fw-regular: 400;
	--txt-h1: 5.6rem;
	--txt-h1-lh: 1em;
	--txt-h1-ls: -2%;
	--txt-h1-fw: 400;
	--txt-h2: 3.8rem;
	--txt-h2-lh: 1em;
	--txt-h2-ls: -2%;
	--txt-h2-fw: 400;
	--txt-h3: 2.0rem;
	--txt-h3-lh: 1.24em;
	--txt-h3-ls: 1%;
	--txt-h3-fw: 500;
	--txt-h4: 1.7rem;
	--txt-h4-lh: 1.30em;
	--txt-h4-ls: 0;
	--txt-h4-fw: 400;
	--txt-h5: 1.3rem;
	--txt-h5-lh: 1.3em;
	--txt-h5-ls: 0;
	--txt-h5-fw: 400;
	--txt-h6: 1.1rem;
	--txt-h6-lh: 1.50em;
	--txt-h6-ls: 0;
	--txt-h6-fw: 400;
	--txt-body: 1.6rem;
	--txt-body-lh: 1.6em;
	--txt-body-ls: 1%;
	--txt-body-fw: 400;
	--txt-cta: 1.6rem;
	--txt-cta-lh: 1.6em;
	--txt-cta-ls: 1%;
	--txt-cta-fw: 400;

	--txt-h1-s: 2.8rem;
	--txt-h1-lh-s: 1.1em;
	--txt-h1-ls-s: 0;
	--txt-h1-fw-s: 400;
	--txt-h2-s: 2.4rem;
	--txt-h2-lh-s: 1.1em;
	--txt-h2-ls-s: 0;
	--txt-h2-fw-s: 500;
	--txt-h3-s: 1.8rem;
	--txt-h3-lh-s: 1.24em;
	--txt-h3-ls-s: 0;
	--txt-h3-fw-s: 400;
	--txt-h4-s: 1.5rem;
	--txt-h4-lh-s: 1.3em;
	--txt-h4-ls-s: 0;
	--txt-h4-fw-s: 400;
	--txt-h5-s: 1.2rem;
	--txt-h5-lh-s: 1.3em;
	--txt-h5-ls-s: 0;
	--txt-h5-fw-s: 400;
	--txt-h6-s: 1rem;
	--txt-h6-lh-s: 1.5em;
	--txt-h6-ls-s: 0;
	--txt-h6-fw-s: 400;
	--txt-body-s: 1.4rem;
	--txt-body-lh-s: 1.4em;
	--txt-body-ls-s: 0;
	--txt-body-fw-s: 400;
	--txt-cta-s: 1.4rem;
	--txt-cta-lh-s: 1.4em;
	--txt-cta-ls-s: 0;
	--txt-cta-fw-s: 400;




	/* 5 -- icons & logos */
	
	--icon-b-search: url(../img/icon/b/search.svg);
	--icon-w-search: url(../img/icon/w/search.svg);
	--icon-c-search: url(../img/icon/color/search.svg);
	--icon-b-down-angle: url(../img/icon/b/arrow-down-angle.svg);
	--icon-w-down-angle: url(../img/icon/w/arrow-down-angle.svg);
	--icon-c-down-angle: url(../img/icon/color/arrow-down-angle.svg);
	--icon-b-down: url(../img/icon/b/arrow-down.svg);
	--icon-w-down: url(../img/icon/w/arrow-down.svg);
	--icon-c-down: url(../img/icon/color/arrow-down.svg);
	--icon-b-left: url(../img/icon/b/arrow-left.svg);
	--icon-w-left: url(../img/icon/w/arrow-left.svg);
	--icon-c-left: url(../img/icon/color/arrow-left.svg);
	--icon-b-right: url(../img/icon/b/arrow-right.svg);
	--icon-w-right: url(../img/icon/w/arrow-right.svg);
	--icon-c-right: url(../img/icon/color/arrow-right.svg);
	--icon-b-attach: url(../img/icon/b/attachement.svg);
	--icon-w-attach: url(../img/icon/w/attachement.svg);
	--icon-c-attach: url(../img/icon/color/attachement.svg);
	--icon-b-filter: url(../img/icon/b/filter.svg);
	--icon-w-filter: url(../img/icon/w/filter.svg);
	--icon-c-filter: url(../img/icon/color/filter.svg);
	--icon-b-burguer: url(../img/icon/b/burguer.svg);
	--icon-w-burguer: url(../img/icon/w/burguer.svg);
	--icon-c-burguer: url(../img/icon/color/burguer.svg);
	--icon-b-calendar: url(../img/icon/b/calendar.svg);
	--icon-w-calendar: url(../img/icon/w/calendar.svg);
	--icon-c-calendar: url(../img/icon/color/calendar.svg);
	--icon-b-cross: url(../img/icon/b/cross.svg);
	--icon-w-cross: url(../img/icon/w/cross.svg);
	--icon-c-cross: url(../img/icon/color/cross.svg);
	--icon-b-dropdown: url(../img/icon/b/dropdown.svg);
	--icon-w-dropdown: url(../img/icon/w/dropdown.svg);
	--icon-c-dropdown: url(../img/icon/color/dropdown.svg);
	--icon-b-checkbox: url(../img/icon/b/checkbox.svg);
	--icon-w-checkbox: url(../img/icon/w/checkbox.svg);
	--icon-c-checkbox: url(../img/icon/color/checkbox.svg);
	--icon-b-less: url(../img/icon/b/less.svg);
	--icon-w-less: url(../img/icon/w/less.svg);
	--icon-c-less: url(../img/icon/color/less.svg);
	--icon-b-plus: url(../img/icon/b/plus.svg);
	--icon-w-plus: url(../img/icon/w/plus.svg);
	--icon-c-plus: url(../img/icon/color/plus.svg);
	--icon-play: url(../img/icon/play.svg);
	
	--height-logo-header-1: 5.4rem;
	--height-logo-header-2: 3rem;
	--height-logo-header-1-s: 2.8rem;
	--height-logo-header-2-s: 2rem;
	--height-logo-footer-1: 3.2rem;
	--height-logo-footer-2: 3.2rem;
	--height-logo-footer-1-s: 2.2rem;
	--height-logo-footer-2-s: 2.2rem;




	/* 6 -- animation */
	
	--bezier: cubic-bezier(.3,0,.5,1);
}




/* The end -- :P */