/* CONTAINER _____________________________________________________________________ */

body { padding: 0px; margin: 0px; }
.container { position: relative; width:100%; margin: 0 auto; max-width: 1920px; }




/* TYPO & FONTS _____________________________________________________________________ */

h1, h2, h3, h4, p, a ,form, ul, li{
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	margin:0px; padding: 0;
}
h1 { font-family: 'Bakery'; font-size: 120px; line-height: 1; color: #d6291a; font-weight: 300; }
h2 { font-family: 'Bakery'; font-size: 120px; line-height: 1; color: #d6291a; font-weight: 300; }
h3 { font-family: 'Roboto Condensed', sans-serif; font-size: 24px; line-height: 1; color: #d6291a; font-weight: 300; text-transform: uppercase; letter-spacing: 0.3vw; }
h4 { font-family: 'Roboto Condensed', sans-serif; font-size: 42px; line-height: 1; color: #1e1e1e; font-weight: 300; text-transform: uppercase; letter-spacing: 0.3vw; }
p, li { font-family: 'Roboto', sans-serif; font-size: 22px; line-height: 1.2; color: #1e1e1e; font-weight: 300; }
li { line-height: 1; list-style: none; }
a { font-family: 'Roboto Condensed', sans-serif; font-size: 24px; line-height: 1; color: #d6291a; font-weight: 700; display: block; text-decoration: none; transition: .3s ease; }
span { color: #; }




/* SIMULATE BOOTSTRAP _____________________________________________________________________ */

.w10{ width: 10%; }
.w15{ width: 15%;}
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w33{ width: calc(100% / 3); }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w66{ width: calc((100% / 3) * 2); }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }


.rel { position: relative; }
.abs { position: absolute; }
.float_l { float: left; }
.float_r { float: right; }




/* DINAMIC HEIGHT _____________________________________________________________________ */

.h10 { height: 10vh; max-height: ; min-height: ; }
.h20 { height: 20vh; max-height: ; min-height: ; }
.h30 { height: 30vh; max-height: ; min-height: ; }
.h40 { height: 40vh; max-height: ; min-height: ; }
.h50 { height: 50vh; max-height: ; min-height: ; }
.h5 { height: 5vh; max-height: ; min-height: ; }
.h5 { height: 5vh; max-height: ; min-height: ; }
.h5 { height: 5vh; max-height: ; min-height: ; }
.h5 { height: 5vh; max-height: ; min-height: ; }
.h5 { height: 5vh; max-height: ; min-height: ; }




/* PADDING _____________________________________________________________________ */ 

.p1 { padding: 1.25%; }
.p2 { padding: 2.5%; }
.p5 { padding: 5%; }
.p7 { padding: 7.5%; }
.p10 { padding: 10%; }
.p15 { padding: 15%; }
.p20 { padding: 20%; }
.p25 { padding: 25%; }
.p30 { padding: 30%; }
.p35 { padding: 35%; }
.p40 { padding: 40%; }
.p45 { padding: 45%; }
.p50 { padding: 50%; }


.notop { padding-top: 0 !important; }
.noright { padding-right: 0 !important; }
.nobottom { padding-bottom: 0 !important; }
.noleft	{ padding-left: 0 !important; }




/* TABLE _____________________________________________________________________ */

.t_flex { display:flex; align-items: center; justify-content: center; }
.t_left { display: flex; align-items: center; justify-content: flex-start; }
.t_right { display: flex; align-items: center; justify-content: flex-end; }




/* ELEMENTS _____________________________________________________________________ */

.only_screen{display:inline-block;}
.only_mobile{display:none;}




/*__ GENERAL __*/

.clr { clear: both; }
.none { display: none !important; }
.display { display: initial !important; }
.hidden { visibility: hidden !important; }
.non-hidden { visibility: visible !important; }

.grid_item:nth-of-type(1n+1) { clear: both; }




/*__ FILTERS __*/

.filter_black { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: #1e1e1e; opacity: 0.5; }
.filter_red { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: #d6291a; opacity: 0.85; }











/* responsive layout _____________________________________________________________________ */


/*__ FLUID RESPONSIVE __*/
@media screen and (max-width: 1680px) {
	.main_container {}
}




/*__ ÜBER __*/
@media screen and (min-width: 1920px) {}




/*__ FULL_HD __*/
@media screen and (max-width: 1920px) {}




/*__ LAPTOP __*/
@media screen and (max-width: 1440px) {}




/*__ TABLET GRANDE __*/
@media screen and (max-width: 1280px) {

	.h5 {  height: ; min-height: ; }
	.h10 { height: ; min-height: ; }
	.h15 { height: ; min-height: ; }
	.h20 { height: ; min-height: ; }
	.h25 { height: ; min-height: ; }

}




/*__ TABLET __*/
@media screen and (max-width: 1024px) {

	.h5 {  height: ; min-height: ; }
	.h10 { height: ; min-height: ; }
	.h15 { height: ; min-height: ; }
	.h20 { height: ; min-height: ; }
	.h25 { height: ; min-height: ; }
	h2 { font-family: 'Bakery'; font-size: 60px; line-height: 1; color: #d6291a; font-weight: 300; }

}




/*__ TABLET PICCOLO __*/
@media screen and (max-width: 768px) {

	.h5 {  height: ; min-height: ; }
	.h10 { height: ; min-height: ; }
	.h15 { height: ; min-height: ; }
	.h20 { height: ; min-height: ; }
	.h25 { height: ; min-height: ; }
	p { font-size: 20px; }

}




/*__ MOBILE PORT __*/
@media only screen and (max-width: 480px) {

	.main_container { font-size: 20px; }

	.h5 {  height: ; min-height: ; }
	.h10 { height: ; min-height: ; }
	.h15 { height: ; min-height: ; }
	.h20 { height: ; min-height: ; }
	.h25 { height: ; min-height: ; }
	p { font-size: 15px; }
	h1 { font-size: 70px; }
	h2 { font-size: 48px; }

}




















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

   	.w10:not(.noresp){	width:100%; float:none;}
	.w15:not(.noresp){	width:100%; float:none;}
	.w20:not(.noresp){	width:100%; float:none;}
	.w25:not(.noresp){	width:100%; float:none;}
	.w30:not(.noresp){	width:100%; float:none;}
	.w33:not(.noresp){	width:100%; float:none;}
	.w35:not(.noresp){	width:100%; float:none;}
	.w40:not(.noresp){	width:100%; float:none;}
	.w50:not(.noresp){	width:100%; float:none;}
	.w60:not(.noresp){	width:100%; float:none;}
	.w70:not(.noresp){	width:100%; float:none;}
	.w75:not(.noresp){	width:100%; float:none;}
	.w80:not(.noresp){	width:100%; float:none;}
	.w90:not(.noresp){	width:100%; float:none;}
	.w100:not(.noresp){	width:100%; float:none;}
	
	.only_screen{ display:none; }
	.only_mobile{ display:inline-block; }




	.h5 {  height: ; min-height: ; }
	.h10 { height: ; min-height: ; }
	.h15 { height: ; min-height: ; }
	.h20 { height: ; min-height: ; }
	.h25 { height: ; min-height: ; }


}



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



	.h5 {  height: ; min-height: ; }
	.h10 { height: ; min-height: ; }
	.h15 { height: ; min-height: ; }
	.h20 { height: ; min-height: ; }
	.h25 { height: ; min-height: ; }
	
	 
			
}