/*
Theme Name: Linoolmostudio
Theme URI: //
Author: Linoolmostudio
Author URI: https://www.linoolmostudio.it/
Description: Tema base della web agency Lino Olmo Studio
Version: 2.0
License: Private
Text Domain: linoolmostudio
Tags: //




*
* PLATFORM.CSS - "NOME_SITO"
* DESIGN BY LINOOLMOSTUDIO
* CUSTOM - NORMALIZE + TABLE + GRID + BOOTSRAP + FLUID RESP
*
*/



/* CONTAINER _____________________________________________________________________ */

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; font-size: 20px; /*scroll-behavior: smooth;*/ }
body { padding: 0; margin: 0; }
main { display: block; position: relative; width: 100%; }
.container { position: relative; width: 100%; margin: auto; max-width: 1920px; }
.rel { position: relative; }
.abs { position: absolute; }
.float_l { float: left; }
.float_r { float: right; }

body::-webkit-scrollbar { width: 9px; background-color: #fff; }
body::-webkit-scrollbar-thumb { width: 9px; background-color: #eb6c2a; }




/* GRID _____________________________________________________________________ */

.grid { display: grid; }




/* TABLE _____________________________________________________________________ */

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


.v_flex { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.v_top { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; }
.v_right { display: flex; align-items: flex-end; justify-content: center; flex-direction: column; }
.v_bottom { display: flex; align-items: center; justify-content: flex-end; flex-direction: column; }
.v_left { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }


.t_wrap { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.t_rev { flex-direction: row-reverse; }

/* 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; }

#iubenda-cs-banner .iubenda-banner-content-padded a { display: inline-block; }
.grecaptcha-badge { display: none !important; }

/*__ BACKGROUNDS __*/
.bkg { background-position: center; background-repeat: no-repeat; background-size: cover; }
.bkg_abs {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
	width: 100%; height: 100%;
	background-repeat: no-repeat; background-position: center center; background-size: cover;
	transition: .5s ease-out;
}
.bkg_video {
    position: absolute;
    top: 0;/* right: 0; */ bottom: 0; left: 50%;
    margin: auto; width: auto; height: auto;
    min-width: 100%; min-height: 100%;
    transform: translateX(-50%);
}




/*__ FILTERS __*/
.filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; }
.filter_black { background-color: #1e1e1e; opacity: 0.5; }
.filter_color { background-color: #ffffff; opacity: 0; }

.filter_lr_white {
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.6) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#99ffffff',GradientType=1 );
}

.filter_lr {
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=1 );
}



/* TYPO & FONTS _____________________________________________________________________ */

h1, h2, h3, h4, p, a ,form, ul, ol, li {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	margin: 0; padding: 0;
}
/* INSERIRE FONT DI BACKUP CON E SENZA SERIF IN BASE ALL'ESIGENZA! */
h1 { font-family: 'Fogie', sans-serif; font-size: 6rem; line-height: 1.2; color: #fff; font-weight: normal; }
h2 { font-family: 'Fogie', sans-serif;; font-size: 4.7rem; line-height: 1; color: #eb6c29; font-weight: normal; padding-bottom: 2rem; }
h3 { font-family: 'Fogie', sans-serif;; font-size: 3rem; line-height: 1; color: #1e1e1e; font-weight: normal; }
h4 { font-family: 'Colaborate', sans-serif;; font-size: 2rem; line-height: 1; color: #1e1e1e; font-weight: normal; }
p, li { font-family: 'Colaborate', sans-serif;; font-size: 1rem; line-height: 1.4; color: #3f1c09; font-weight: normal; }
li { list-style: none; }
a, button, label {
	display: block; background-color: transparent;
	font-family: 'Colaborate', sans-serif;; font-size: 1em; line-height: 1; color: #1e1e1e; font-weight: normal; text-decoration: none;
	transition: .25s ease;
}
span { color: #eb6c2a; }
b, strong { font-weight: bolder; }
img { width: 100%; height: auto; border-style: none; }




/* PLACEHOLDER _____________________________________________________________________ */

::placeholder { color: rgba(30,30,30,0.8); transition: .25s ease; }
::-webkit-placeholder { color: rgba(230,30,30,0.8); transition: .25s ease; }
::-ms-input-placeholder { color: rgba(30,30,30,0.8); transition: .25s ease; }
:focus::placeholder { color: rgba(30,30,30,0.4); }
:focus::-webkit-placeholder { color: rgba(30,30,30,0.4); }
:focus::-ms-input-placeholder { color: rgba(30,30,30,0.4); }




/* BUTTONS _____________________________________________________________________ */

button, input, optgroup, select, textarea {
  font-family: 'Colaborate'; font-size: 1em; line-height: 1;
  padding: 0; margin: 0;
}
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: none; border: none; background-color: transparent;
	transition: .25s ease;
}
button:active, input:active, textarea:active, select:active { outline: none; }
button:focus, input:focus, textarea:focus, select:focus { outline: 0; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ }




/* SPECIAL TAGS _____________________________________________________________________ */

hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1rem; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1rem; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; resize: none; border: none; background-color: rgba( 255,255,255,0.2 ); }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }













/* DINAMIC HEIGHT _____________________________________________________________________ */

.h10   { height: 10vh; }
.h15   { height: 15vh; }
.h20   { height: 20vh; }
.h25   { height: 25vh; }
.h30   { height: 30vh; }
.h35   { height: 35vh; }
.h40   { height: 40vh; }
.h45   { height: 45vh; }
.h50   { height: 50vh; }
.h55   { height: 55vh; }
.h60   { height: 60vh; }
.h65   { height: 65vh; }
.h70   { height: 70vh; }
.h75   { height: 75vh; }
.h80   { height: 80vh; }
.h85   { height: 85vh; }
.h90   { height: 90vh; }
.h95   { height: 95vh; }
.h100 { height: 100vh; }




/* PADDING _____________________________________________________________________ */ 

.p1  { padding: 1.25%; } .p1t { padding-top: 1.25%; } .p1r { padding-right: 1.25%; } .p1b { padding-bottom: 1.25%; } .p1l { padding-left: 1.25%; }
.p2  { padding: 2.5%; }  .p2t { padding-top: 2.5%; }  .p2r { padding-right: 2.5%; }  .p2b { padding-bottom: 2.5%; }  .p2l { padding-left: 2.5%; }
.p5  { padding: 5%; }    .p5t { padding-top: 5%; }    .p5r { padding-right: 5%; }    .p5b { padding-bottom: 5%; }    .p5l { padding-left: 5%; }
.p7  { padding: 7.5%; }  .p7t { padding-top: 7.5%; }  .p7r { padding-right: 7.5%; }  .p7b { padding-bottom: 7.5%; }  .p7l { padding-left: 7.5%; }
.p10 { padding: 10%; }   .p10t { padding-top: 10%; }  .p10r { padding-right: 10%; }  .p10b { padding-bottom: 10%; }  .p10l { padding-left: 10%; }
.p15 { padding: 15%; }   .p15t { padding-top: 15%; }  .p15r { padding-right: 15%; }  .p15b { padding-bottom: 15%; }  .p15l { padding-left: 15%; }
.p20 { padding: 20%; }   .p20t { padding-top: 20%; }  .p20r { padding-right: 20%; }  .p20b { padding-bottom: 20%; }  .p20l { padding-left: 20%; }
.p25 { padding: 25%; }   .p25t { padding-top: 25%; }  .p25r { padding-right: 25%; }  .p25b { padding-bottom: 25%; }  .p25l { padding-left: 25%; }
.p30 { padding: 30%; }   .p30t { padding-top: 30%; }  .p30r { padding-right: 30%; }  .p30b { padding-bottom: 30%; }  .p30l { padding-left: 30%; }
.p35 { padding: 35%; }   .p35t { padding-top: 35%; }  .p35r { padding-right: 35%; }  .p35b { padding-bottom: 35%; }  .p35l { padding-left: 35%; }
.p40 { padding: 40%; }   .p40t { padding-top: 40%; }  .p40r { padding-right: 40%; }  .p40b { padding-bottom: 40%; }  .p40l { padding-left: 40%; }
.p45 { padding: 45%; }   .p45t { padding-top: 45%; }  .p45r { padding-right: 45%; }  .p45b { padding-bottom: 45%; }  .p45l { padding-left: 45%; }
.p50 { padding: 50%; }   .p50t { padding-top: 50%; }  .p50r { padding-right: 50%; }  .p50b { padding-bottom: 50%; }  .p50l { padding-left: 50%; }


.p1tb { padding-top: 1.25%; padding-bottom: 1.25%; } .p1lr { padding-left: 1.25%; padding-right: 1.25%; }
.p2tb { padding-top: 2.5%; padding-bottom: 2.5%; }   .p2lr { padding-left: 2.5%; padding-right: 2.5%; }
.p5tb { padding-top: 5%; padding-bottom: 5%; }       .p5lr { padding-left: 5%; padding-right: 5%; }
.p7tb { padding-top: 7.5%; padding-bottom: 7.5%; }   .p7lr { padding-left: 7.5%; padding-right: 7.5%; }
.p10tb { padding-top: 10%; padding-bottom: 10%; }    .p10lr { padding-left: 10%; padding-right: 10%; }
.p15tb { padding-top: 15%; padding-bottom: 15%; }    .p15lr { padding-left: 15%; padding-right: 15%; }
.p20tb { padding-top: 20%; padding-bottom: 20%; }    .p20lr { padding-left: 20%; padding-right: 20%; }
.p25tb { padding-top: 25%; padding-bottom: 25%; }    .p25lr { padding-left: 25%; padding-right: 25%; }
.p30tb { padding-top: 30%; padding-bottom: 30%; }    .p30lr { padding-left: 30%; padding-right: 30%; }
.p35tb { padding-top: 35%; padding-bottom: 35%; }    .p35lr { padding-left: 35%; padding-right: 35%; }
.p40tb { padding-top: 40%; padding-bottom: 40%; }    .p40lr { padding-left: 40%; padding-right: 40%; }
.p45tb { padding-top: 45%; padding-bottom: 45%; }    .p45lr { padding-left: 45%; padding-right: 45%; }
.p50tb { padding-top: 50%; padding-bottom: 50%; }    .p50lr { padding-left: 50%; padding-right: 50%; }


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




/* SIMULATE BOOTSTRAP _____________________________________________________________________ */

.w2  { width: 2.5%; }
.w5  { width: 5%; }
.w7  { width: 7.5%; }
.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%; }




/* RESPONSIVE WIDTH _____________________________________________________________________ */ 

/*
.container.pad { padding: 0 5%; --pad: 20%; }
*/

.w2l  { width: 2.5%; min-width: calc( (1280px - var(--pad)) * .025 ); }
.w5l  { width: 5%; min-width: calc( (1280px - var(--pad)) * .05 ); }
.w7l  { width: 7.5%; min-width: calc( (1280px - var(--pad)) * .075 ); }
.w10l { width: 10%; min-width: calc( (1280px - var(--pad)) * .1 ); }
.w15l { width: 15%; min-width: calc( (1280px - var(--pad)) * .15 );}
.w20l { width: 20%; min-width: calc( (1280px - var(--pad)) / 5 ); }
.w25l { width: 25%; min-width: calc( (1280px - var(--pad)) / 4 ); }
.w30l { width: 30%; min-width: calc( (1280px - var(--pad)) * .3 ); }
.w33l { width: calc(100% / 3); min-width: calc( (1280px - var(--pad)) / 3 ); }
.w35l { width: 35%; min-width: calc( (1280px - var(--pad)) * .35 ); }
.w40l { width: 40%; min-width: calc( (1280px - var(--pad)) * .4 ); }
.w45l { width: 45%; min-width: calc( (1280px - var(--pad)) * 45 ); }
.w50l { width: 50%; min-width: calc( (1280px - var(--pad)) / 2 ); }
.w55l { width: 55%; min-width: calc( (1280px - var(--pad)) * .55 ); }
.w60l { width: 60%; min-width: calc( (1280px - var(--pad)) * .6 ); }
.w65l { width: 65%; min-width: calc( (1280px - var(--pad)) * .65 ); }
.w66l { width: calc((100% / 3) * 2); min-width: calc( ( (1280px - var(--pad)) / 3 ) * 2 ); }
.w70l { width: 70%; min-width: calc( (1280px - var(--pad)) * .7 ); }
.w75l { width: 75%; min-width: calc( (1280px - var(--pad)) * .75 ); }
.w80l { width: 80%; min-width: calc( (1280px - var(--pad)) * .8 ); }
.w85l { width: 85%; min-width: calc( (1280px - var(--pad)) * .85 ); }
.w90l { width: 90%; min-width: calc( (1280px - var(--pad)) * .9 ); }
.w95l { width: 95%; min-width: calc( (1280px - var(--pad)) * .95 ); }

@media screen and (max-width: 1280px) {
	.w2l, .w5l, .w7l, .w10l, .w15l, .w20l, .w25l, .w30l, .w33l, .w35l, .w40l, .w45l, 
	.w50l, .w55l, .w60l, .w65l, .w66l, .w70l, .w75l, .w80l, .w85l, .w90l, .w95l {
		width: 100%; min-width: 0;
	}
}


.w2m  { width: 2.5%; min-width: calc( (1024px - var(--pad)) * .025 ); }
.w5m  { width: 5%; min-width: calc( (1024px - var(--pad)) * .05 ); }
.w7m  { width: 7.5%; min-width: calc( (1024px - var(--pad)) * .075 ); }
.w10m { width: 10%; min-width: calc( (1024px - var(--pad)) * .1 ); }
.w15m { width: 15%; min-width: calc( (1024px - var(--pad)) * .15 ); }
.w20m { width: 20%; min-width: calc( (1024px - var(--pad)) / 5 ); }
.w25m { width: 25%; min-width: calc( (1024px - var(--pad)) / 5 ); }
.w30m { width: 30%; min-width: calc( (1024px - var(--pad)) * .3 ); }
.w33m { width: calc(100% / 3); min-width: calc( (1024px - var(--pad)) / 3 ); }
.w35m { width: 35%; min-width: calc( (1024px - var(--pad)) * .35 ); }
.w40m { width: 40%; min-width: calc( (1024px - var(--pad)) * .4 ); }
.w45m { width: 45%; min-width: calc( (1024px - var(--pad)) * .45 ); }
.w50m { width: 50%; min-width: calc( (1024px - var(--pad)) / 2 ); }
.w55m { width: 55%; min-width: calc( (1024px - var(--pad)) * .55 ); }
.w60m { width: 60%; min-width: calc( (1024px - var(--pad)) * .6 ); }
.w65m { width: 65%; min-width: calc( (1024px - var(--pad)) * .65 ); }
.w66m { width: calc((100% / 3) * 2); min-width: calc( ( (1024px - var(--pad)) / 3 )* 2 ); }
.w70m { width: 70%; min-width: calc( (1024px - var(--pad)) * .7 ); }
.w75m { width: 75%; min-width: calc( (1024px - var(--pad)) * .75 ); }
.w80m { width: 80%; min-width: calc( (1024px - var(--pad)) * .8 ); }
.w85m { width: 85%; min-width: calc( (1024px - var(--pad)) * .85 ); }
.w90m { width: 90%; min-width: calc( (1024px - var(--pad)) * .9 ); }
.w95m { width: 95%; min-width: calc( (1024px - var(--pad)) * .95 ); }

@media screen and (max-width: 1024px) {
	.w2m, .w5m, .w7m, .w10m, .w15m, .w20m, .w25m, .w30m, .w33m, .w35m, .w40m, .w45m, 
	.w50m, .w55m, .w60m, .w65m, .w66m, .w70m, .w75m, .w80m, .w85m, .w90m, .w95m {
		width: 100%; min-width: 0;
	}
}


.w2s  { width: 2.5%; min-width: calc( (768px - var(--pad)) * .025 ); }
.w5s  { width: 5%; min-width: calc( (768px - var(--pad)) * .05 ); }
.w7s  { width: 7.5%; min-width: calc( (768px - var(--pad)) * .075 ); }
.w10s { width: 10%; min-width: calc( (768px - var(--pad)) * .1 ); }
.w15s { width: 15%; min-width: calc( (768px - var(--pad)) * .15 ); }
.w20s { width: 20%; min-width: calc( (768px - var(--pad)) / 5 ); }
.w25s { width: 25%; min-width: calc( (768px - var(--pad)) / 4 ); }
.w30s { width: 30%; min-width: calc( (768px - var(--pad)) * .3 ); }
.w33s { width: calc(100% / 3); min-width: calc( (768px - var(--pad)) / 3 ); }
.w35s { width: 35%; min-width: calc( (768px - var(--pad)) * .35 ); }
.w40s { width: 40%; min-width: calc( (768px - var(--pad)) * .4 ); }
.w45s { width: 45%; min-width: calc( (768px - var(--pad)) * .45 ); }
.w50s { width: 50%; min-width: calc( (768px - var(--pad)) / 2 ); }
.w55s { width: 55%; min-width: calc( (768px - var(--pad)) * .55 ); }
.w60s { width: 60%; min-width: calc( (768px - var(--pad)) * .6 ); }
.w65s { width: 65%; min-width: calc( (768px - var(--pad)) * .65 ); }
.w66s { width: calc((100% / 3) * 2); min-width: calc( ( (768px - var(--pad)) / 3 ) * 2 ); }
.w70s { width: 70%; min-width: calc( (768px - var(--pad)) * .7 ); }
.w75s { width: 75%; min-width: calc( (768px - var(--pad)) * .75 ); }
.w80s { width: 80%; min-width: calc( (768px - var(--pad)) * .8 ); }
.w85s { width: 85%; min-width: calc( (768px - var(--pad)) * .85 ); }
.w90s { width: 90%; min-width: calc( (768px - var(--pad)) * .9 ); }
.w95s { width: 95%; min-width: calc( (768px - var(--pad)) * .95 ); }

@media screen and (max-width: 768px) {
	.w2s, .w5s, .w7s, .w10s, .w15s, .w20s, .w25s, .w30s, .w33s, .w35s, .w40s, .w45s, 
	.w50s, .w55s, .w60s, .w65s, .w66s, .w70s, .w75s, .w80s, .w85s, .w90s, .w95s {
		width: 100%; min-width: 0;
	}
}


.w2xs  { width: 2.5%; min-width: calc( (480px - var(--pad)) * .025 ); }
.w5xs  { width: 5%; min-width: calc( (480px - var(--pad)) * .05 ); }
.w7xs  { width: 7.5%; min-width: calc( (480px - var(--pad)) * .075 ); }
.w10xs { width: 10%; min-width: calc( (480px - var(--pad)) * .1 ); }
.w15xs { width: 15%; min-width: calc( (480px - var(--pad)) * .15 ); }
.w20xs { width: 20%; min-width: calc( (480px - var(--pad)) / 5 ); }
.w25xs { width: 25%; min-width: calc( (480px - var(--pad)) / 4 ); }
.w30xs { width: 30%; min-width: calc( (480px - var(--pad)) * .3 ); }
.w33xs { width: calc(100% / 3); min-width: calc( (480px - var(--pad)) / 3 ); }
.w35xs { width: 35%; min-width: calc( (480px - var(--pad)) * .35 ); }
.w40xs { width: 40%; min-width: calc( (480px - var(--pad)) * .4 ); }
.w45xs { width: 45%; min-width: calc( (480px - var(--pad)) * .45 ); }
.w50xs { width: 50%; min-width: calc( (480px - var(--pad)) * .5 ); }
.w55xs { width: 55%; min-width: calc( (480px - var(--pad)) * .55 ); }
.w60xs { width: 60%; min-width: calc( (480px - var(--pad)) * .6 ); }
.w65xs { width: 65%; min-width: calc( (480px - var(--pad)) * .65 ); }
.w66xs { width: calc((100% / 3) * 2); min-width: calc( ( (480px - var(--pad)) / 3 ) * 2 ); }
.w70xs { width: 70%; min-width: calc( (480px - var(--pad)) * .7 ); }
.w75xs { width: 75%; min-width: calc( (480px - var(--pad)) * .75 ); }
.w80xs { width: 80%; min-width: calc( (480px - var(--pad)) * .8 ); }
.w85xs { width: 85%; min-width: calc( (480px - var(--pad)) * .85 ); }
.w90xs { width: 90%; min-width: calc( (480px - var(--pad)) * .9 ); }
.w95xs { width: 95%; min-width: calc( (480px - var(--pad)) * .95 ); }

@media screen and (max-width: 480px) {
	.w2xs, .w5xs, .w7xs, .w10xs, .w15xs, .w20xs, .w25xs, .w30xs, .w33xs, .w35xs, .w40xs, .w45xs, 
	.w50xs, .w55xs, .w60xs, .w65xs, .w66xs, .w70xs, .w75xs, .w80xs, .w85xs, .w90xs, .w95xs {
		width: 100%; min-width: 0;
	}
}











/* responsive layout _____________________________________________________________________ */


/*__ FLUID RESPONSIVE __*/

/* RESP INVERTITO -> DA MOBILE SALENDO */
/* CALC BASE  ->  calc(12px + (24 - 12) * ((100vw - 480px) / (1680 - 480))); } */




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




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




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




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




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




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




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








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

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

}




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