:root {
    /*-----PALETTE-----*/
    --black: 0, 0, 0; /*#000*/
    --white: #ffffff;
    --red: #E30613;
    /*Primary*/
    --color-primary-0: 254, 245, 246; /* #FEF5F6 */
    --color-primary-100: 251, 216, 218; /* #FBD8DA */
    --color-primary-200: 247, 181, 185; /* #F7B5B9 */
    --color-primary-300: 241, 135, 141; /* #F1878D */
    --color-primary-400: 238, 106, 113; /* #EE6A71 */
    --color-primary-500: 233, 56, 66; /* #E93842 */
    --color-primary-600: 212, 6, 18; /* #D40612 */
    --color-primary-700: 172, 5, 14; /* #AC050E */
    --color-primary-800: 147, 4, 12; /* #93040C */
    --color-primary-900: 109, 3, 9; /* #6D0309 */
    /*Secondary*/
    --color-secondary-0: 230, 230, 230; /* #E6E6E6 */
    --color-secondary-100: 222, 222, 222; /* #DEDEDE */
    --color-secondary-200: 213, 213, 213; /* #D5D5D5 */
    --color-secondary-300: 198, 193, 193; /* #C6C1C1 */
    --color-secondary-400: 194, 195, 195; /* #C2C3C3 */
    --color-secondary-500: 156, 157, 158; /* #9C9D9E */
    --color-secondary-600: 113, 114, 116; /* #717274 */
    --color-secondary-700: 37, 40, 43; /* #25282b */
    --color-secondary-800: 21, 22, 23; /* #151617 */
    --color-secondary-900: 13, 14, 15; /* #0D0E0F */
    --color-secondary-1000: 5, 6, 7; /* #050607 */

    /* Orange */
    --color-orange-0: 253, 250, 245; /* #fdfaf5 */
    --color-orange-100: 248, 235, 216; /* #f8ebd8 */
    --color-orange-200: 240, 213, 171; /* #f0d5ab */
    --color-orange-300: 229, 180, 105; /* #e5b469 */
    --color-orange-400: 218, 148, 41; /* #da9429 */
    --color-orange-500: 199, 122, 6; /* #c77a06 */
    --color-orange-600: 168, 103, 5; /* #a86705 */
    --color-orange-700: 134, 82, 4; /* #865204 */
    --color-orange-800: 105, 65, 3; /* #694103 */
    --color-orange-900: 87, 53, 2; /* #573502 */

    /* Yellow */
    --color-yellow-0: 254, 254, 251; /* #fefefb */
    --color-yellow-100: 251, 250, 232; /* #fbfae8 */
    --color-yellow-200: 243, 239, 186; /* #f3efba */
    --color-yellow-300: 234, 227, 131; /* #eae383 */
    --color-yellow-400: 219, 207, 47; /* #dbcf2f */
    --color-yellow-500: 183, 170, 5; /* #b7aa05 */
    --color-yellow-600: 146, 136, 4; /* #928804 */
    --color-yellow-700: 114, 106, 3; /* #726a03 */
    --color-yellow-800: 85, 80, 2; /* #555002 */
    --color-yellow-900: 70, 66, 2; /* #464202 */

    /* Green */
    --color-green-0: 245, 253, 250; /* #f5fdfa */
    --color-green-100: 197, 245, 226; /* #c5f5e2 */
    --color-green-200: 128, 233, 191; /* #80e9bf */
    --color-green-300: 31, 216, 143; /* #1fd88f */
    --color-green-400: 5, 190, 117; /* #05be75 */
    --color-green-500: 5, 164, 100; /* #05a464 */
    --color-green-600: 4, 135, 83; /* #048753 */
    --color-green-700: 3, 106, 65; /* #036a41 */
    --color-green-800: 2, 87, 53; /* #025735 */
    --color-green-900: 2, 71, 44; /* #02472c */

    /* Teal */
    --color-teal-0: 242, 252, 253; /* #f2fcfd */
    --color-teal-100: 197, 240, 245; /* #c5f0f5 */
    --color-teal-200: 143, 226, 236; /* #8fe2ec */
    --color-teal-300: 69, 207, 223; /* #45cfdf */
    --color-teal-400: 6, 177, 197; /* #06b1c5 */
    --color-teal-500: 5, 151, 168; /* #0597a8 */
    --color-teal-600: 4, 123, 136; /* #047b88 */
    --color-teal-700: 3, 95, 106; /* #035f6a */
    --color-teal-800: 3, 80, 88; /* #035058 */
    --color-teal-900: 2, 66, 73; /* #024249 */

    /* Cyan */
    --color-cyan-0: 245, 251, 253; /* #f5fbfd */
    --color-cyan-100: 211, 238, 247; /* #d3eef7 */
    --color-cyan-200: 191, 230, 244; /* #bfe6f4 */
    --color-cyan-300: 168, 221, 240; /* #a8ddf0 */
    --color-cyan-400: 96, 192, 228; /* #60c0e4 */
    --color-cyan-500: 59, 178, 221; /* #3bb2dd */
    --color-cyan-600: 14, 160, 213; /* #0ea0d5 */
    --color-cyan-700: 5, 133, 179; /* #0585b3 */
    --color-cyan-800: 4, 109, 147; /* #046d93 */
    --color-cyan-900: 3, 84, 114; /* #035472 */

    /* Blue */
    --color-blue-0: 242, 246, 253; /* #f2f6fd */
    --color-blue-100: 207, 223, 247; /* #cfdff7 */
    --color-blue-200: 172, 199, 241; /* #acc7f1 */
    --color-blue-300: 133, 173, 234; /* #85adea */
    --color-blue-400: 96, 148, 228; /* #6094e4 */
    --color-blue-500: 62, 126, 222; /* #3e7ede */
    --color-blue-600: 25, 101, 215; /* #1965d7 */
    --color-blue-700: 5, 74, 179; /* #054ab3 */
    --color-blue-800: 4, 61, 147; /* #043d93 */
    --color-blue-900: 3, 50, 120; /* #033278 */

    /* Purple */
    --color-purple-0: 249, 246, 253; /* #f9f6fd */
    --color-purple-100: 231, 217, 248; /* #e7d9f8 */
    --color-purple-200: 213, 189, 244; /* #d5bdf4 */
    --color-purple-300: 186, 148, 237; /* #ba94ed */
    --color-purple-400: 168, 119, 231; /* #a877e7 */
    --color-purple-500: 142, 79, 225; /* #8e4fe1 */
    --color-purple-600: 122, 48, 219; /* #7a30db */
    --color-purple-700: 97, 9, 212; /* #6109d4 */
    --color-purple-800: 80, 5, 178; /* #5005b2 */
    --color-purple-900: 60, 4, 134; /* #3c0486 */

    /* Pink */
    --color-pink-0: 253, 245, 249; /* #fdf5f9 */
    --color-pink-100: 248, 217, 229; /* #f8d9e5 */
    --color-pink-200: 243, 185, 208; /* #f3b9d0 */
    --color-pink-300: 235, 141, 179; /* #eb8db3 */
    --color-pink-400: 230, 108, 156; /* #e66c9c */
    --color-pink-500: 221, 56, 122; /* #dd387a */
    --color-pink-600: 207, 6, 86; /* #cf0656 */
    --color-pink-700: 170, 5, 70; /* #aa0546 */
    --color-pink-800: 134, 4, 56; /* #860438 */
    --color-pink-900: 100, 3, 42; /* #64032a */

    /*Testo selezionato*/
    --selection_color: var(--color-primary-0);
    --selection_bkg_color: var(--color-primary-700);

    /*-----TESTI-----*/
    /*Dimensioni, spaziature e scale*/
    --html_font_size: 120%;
    --b1: clamp(1.0625rem, 1.5vw, 1.3125rem);
    --font-scale: 1.25;
    --scale_up: var(--font-scale);
    --scale_down: var(--font-scale);
    --lh-base: 1.4; /* leggibilità standard b1 */
    --lh-tight: 1.25; /* meno spazio per testi compatti es b2, capt, ov*/
    --lh-heading: 1.2; /* titoli normali es h5, h6*/
    --lh-display: 1.1; /* titoli grandi es. h4 < h1*/
    --h6: calc(var(--b1) * var(--scale_up));
    --h5: calc(var(--h6) * var(--scale_up));
    --h4: calc(var(--h5) * var(--scale_up));
    --h3: calc(var(--h4) * var(--scale_up));
    --h2: calc(var(--h3) * var(--scale_up));
    --h1: calc(var(--h2) * var(--scale_up));
    --b2: calc(var(--b1) / var(--scale_down));
    --capt: max(.75rem, calc(var(--b2) / var(--scale_down))); /*Per non scendere sotto il limite minimo di 12px*/
    --inputLabel: var(--b1);
    /*Icone*/
    --btn-icon-size: 2.5rem;

    /*-----CONFIGURAZIONI-----*/
    /*Spaziature*/
    --mainB: 4.5rem;
    --body-offset: 5rem;
    --offset-max-cont-rem: 74rem;

    /*Bordi*/
    --default_border_w: .125rem;
    --default_border_r_val: 1.875rem;
    --default_border_m: 0;
    --default_border_r: calc(var(--default_border_r_val) - var(--default_border_m) * 1rem);
    --inputBorder: var(--default_border_w);

    /*Pulsanti*/
    --btnH: 3.4286rem;
    --btn_r: var(--btnH);
    --btn-icon-size: 2rem;

    /*Input*/
    --inputSlider-handle_w: 1.5238rem;
    --inputSlider-handle_h: 1.5238rem;

    /*Tabelle*/
    --tb_body_h: 18.75rem;

    /*Nav*/
    --nav_h: 3.0476rem;
    --nav-drawer-w: 15rem;

    /*-----EFFETTI FX-----*/
    --circle_w: 1.5rem;
    /*Logo FX*/
    --cycle: 6.5s; /* Tempi principali */
    --draw-time: 3s; /* Durata totale del ciclo */
    --fill-time: 1s;
    --fill-delay: calc(var(--draw-time) - .15s); /* Quanto resta nitido prima di ripartire */
    --stroke-width: .2;
    --blur-start: .4762rem;
}
/*-----TESTI-----*/
@font-face {
    font-family: 'hg';
    src: url('../fonts/hg/HostGrotesk-Regular.ttf');
}
@font-face {
    font-family: 'hg_sb';
    src: url('../fonts/hg/HostGrotesk-SemiBold.ttf');
}
@font-face {
    font-family: 'hg_b';
    src: url('../fonts/hg/HostGrotesk-Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'hg_i';
    src: url('../fonts/hg/HostGrotesk-Italic.ttf');
    font-style: italic;
}
@font-face {
    font-family: 'hg_bi';
    src: url('../fonts/hg/HostGrotesk-BoldItalic.ttf');
    font-style: italic;
    font-weight: bold;
}
html {
    font-family: 'hg';
    font-size: var(--html_font_size);
}
[contenteditable], textarea{
    font-family: 'hg';
}
.b1, .sub1, .btnL, input, textarea {
    font-size: var(--b1);
}
.b2, .sub2 {
    font-size: var(--b2);
}
.h1, .h2, .h3, .h4, .h5, .h6, .btnL {
    font-family: 'hg_sb';
}
.h2, .time_h input, .time_m input, .time_sep {
    font-size: var(--h2);
}
.h3 {
    font-size: var(--h3);
}
.h4 {
    font-size: var(--h4);
}
.h5 {
    font-size: var(--h5);
}
.h6 {
    font-size: var(--h6);
}
.capt, .ov, [data-badge]:after {
    font-size: var(--capt);
}
.h1 {
    font-size: var(--h1);
    line-height: var(--lh-display);
}
.h2, .h3, .h4 {
    line-height: var(--lh-heading);
}
.b {
    font-weight: bold;
}
.i {
    font-style: italic;
}
a {
    text-decoration: none;
    box-decoration-break: clone; /*Gestisce l'effetto anche sull'a capo*/
}
.list_noPoints{
    list-style-type: none;
}
.divider_v{
    margin: 0 .3125rem;
}
a.u:before{
    content: "";
    bottom: -.0625rem;
    left: -.125rem;
    right: 0;
    margin: auto;
    width: calc(100% + .375rem);
    height: 0;
    border-bottom: solid var(--default_border_w);
}
a.u:hover:before{
    height: 100%;
    border-bottom: 0;
    border-radius: var(--default_border_w) var(--default_border_w) 0 0;
    -webkit-border-radius: var(--default_border_w) var(--default_border_w) 0 0;
    -moz-border-radius: var(--default_border_w) var(--default_border_w) 0 0;
    -ms-border-radius: var(--default_border_w) var(--default_border_w) 0 0;
    -o-border-radius: var(--default_border_w) var(--default_border_w) 0 0;
}
.gr_txt {
    margin: auto;
    width: 99vw;
}

/*Icone*/
.inputCont .iconArea i[class^="icon-"], .menu .menuEl [class^="icon-"]{
    font-size: 1.5238rem;
}
/*----- COMPONENTI UI - CONFIGURAZIONI -----*/
/*Scrollbar*/
::-webkit-scrollbar {
    width: .313rem;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}
/*Posizionamenti*/
.m-auto {
    margin: auto;
}
body,
a.u,
.btn.icon.sx .iconBox,
.btn.icon.dx .iconBox{
    position: relative;
}
body:before,
a.u:before,
.btn.lg.outlined:before, .btn.sm.outlined:before{
    position: absolute;
}
.navArea {
    position: fixed;
}
a.u:before,
.btn.lg.outlined:before, .btn.sm.outlined:before,
.navArea .nav::before,
.vBkgBox {
    z-index: -1;
}
a.u,
.vBkgArea {
    z-index: 0;
}
.bniArea{
    z-index: 4;
}
.navArea {
    z-index: 5;
}
[data-panel]:not(.menuArea) {
    z-index: 9;
}
body:before{
    z-index: 999;
}
/*Arrotondamento bordi*/
.r_border, .inputArea:has(input:focus-visible) .inputCont {
    border-radius: var(--default_border_r);
    -webkit-border-radius: var(--default_border_r);
    -moz-border-radius: var(--default_border_r);
    -ms-border-radius: var(--default_border_r);
    -o-border-radius: var(--default_border_r);
}
.btn.lg, .btn.sm{
    border-radius: var(--btnH);
    -webkit-border-radius: var(--btnH);
    -moz-border-radius: var(--btnH);
    -ms-border-radius: var(--btnH);
    -o-border-radius: var(--btnH);
}
/*Spazi*/
.body-offset.no-nav{
    --body-offset: .9524rem;
}
/*----- COMPONENTI UI - BTN -----*/
.btn i[class^="icon-"], .tab_index i[class^="icon-"]{
    top: .22rem;
}
.btn.lg i, .btn.sm i{
    font-size: var(--btn-icon-size);
}
a.btn.sm i{
    line-height: 2.9rem;
}
.btn.sm.dense{
    --btnH: 1.9048rem;
    --btn-icon-size: 1.5rem;
}
.inputCont .btn.sm.dense{
    --btnH: 3rem;
    --btn-icon-size: 1.1429rem;
}
.inputCont .btn.sm.dense i[class^="icon-"]{
    font-size: 1.65rem;
    top: 0;
}
a.btn.sm.dense i{
    line-height: var(--btn-icon-size);
}
.btn.lg.outlined:before, .btn.sm.outlined:before{
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    border-radius: 100% 100% 0 0;
    -webkit-border-radius: 100% 100% 0 0;
    -moz-border-radius: 100% 100% 0 0;
    -ms-border-radius: 100% 100% 0 0;
    -o-border-radius: 100% 100% 0 0;
}
.btn.lg.outlined.n:hover, .btn.sm.outlined.n:hover{
    z-index: 0;
}
.btn.lg.outlined.n:hover:before, .btn.sm.outlined.n:hover:before{
    height: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.btn.icon.sx,
.btn.icon.dx{
    --inset_p: .1905rem;
    --iconBox_h: calc(var(--btnH) - var(--inset_p) * 2);
}
.btn.icon.sx.outlined .iconBox,
.btn.icon.dx.outlined .iconBox{
    --inset_p: .1429rem;
}

.btn.icon.sx .iconBox,
.btn.icon.dx .iconBox{
    display: inline-block;
    top: calc(var(--inset_p));
    width: var(--iconBox_h);
    height: var(--iconBox_h);
    border-radius: var(--iconBox_h);
    -webkit-border-radius: var(--iconBox_h);
    -moz-border-radius: var(--iconBox_h);
    -ms-border-radius: var(--iconBox_h);
    -o-border-radius: var(--iconBox_h);
}
.btn.icon.sx .iconBox{
    margin-right: .7619rem;
}
.btn.icon.dx .iconBox{
    margin-left: .7619rem;
}
.rotateBtn:hover .rotate,
.btn.icon.sx:hover .rotate,
.btn.icon.dx:hover .rotate{
    rotate: 45deg;
}
.btn.lg.outlined.icon.sx,
.btn.lg.tonal.icon.sx,
.btn.lg.filled.icon.btn.icon.sx,
.btn.lg.elevated.icon.sx{
    padding-left: var(--inset_p);
}
.btn.lg.outlined.icon.dx,
.btn.lg.tonal.icon.dx,
.btn.lg.filled.icon.dx,
.btn.lg.elevated.icon.dx{
    padding-right: var(--inset_p);
}
.btn.icon.sx .iconBox i{
    padding-right: 0;
}
.btn.icon.dx .iconBox i{
    padding-left: 0;
}
/*----- COMPONENTI UI - NAVBAR -----*/
/*--Bni--*/
.bniBox{
    --lineH: 1.7143rem;
    --bniBox_h: 3.75rem;
    margin: 0 .381rem .7619rem .381rem;
    height: var(--bniBox_h);
    border-radius: var(--bniBox_h);
    -webkit-border-radius: var(--bniBox_h);
    -moz-border-radius: var(--bniBox_h);
    -ms-border-radius: var(--bniBox_h);
    -o-border-radius: var(--bniBox_h);
    overflow: hidden;
}
.bni{
    position: relative;
    height: auto;
    padding: 0 1rem;
}
.bniBtn{
    position: relative;
    padding: .25rem;
}
.bniBtn i{
    font-size: var(--lineH);
    height: var(--lineH);
}
.bniBtn:before{
    --line_indicator_h: .1905rem;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: var(--line_indicator_h);
    width: 1.1429rem;
    border-radius: var(--line_indicator_h) var(--line_indicator_h) 0 0;
    -webkit-border-radius: var(--line_indicator_h) var(--line_indicator_h) 0 0;
    -moz-border-radius: var(--line_indicator_h) var(--line_indicator_h) 0 0;
    -ms-border-radius: var(--line_indicator_h) var(--line_indicator_h) 0 0;
    -o-border-radius: var(--line_indicator_h) var(--line_indicator_h) 0 0;
}
.bniBtn .indicator{
    width: 100%;
    height: calc(var(--lineH) + .1905rem);
    line-height: var(--lineH);
}
.bniBtn .label{
    margin-top: 0;
    margin-bottom: .25rem;
}

/*--Navbar--*/
.navArea {
    width: 100%;
}
.navBox {
    --logo_h: 2.2857rem;
    top: calc(1.5238rem + .5714rem);
}
.navArea .nav {
    --list_margin: .5714rem;
    position: relative;
    height: var(--nav_h);
}
.navArea .nav::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    inset: auto 0 0 0;
    -webkit-backdrop-filter: blur(.381rem);
    backdrop-filter: blur(.381rem);
}
.navArea .nav li,
.navArea .nav li a {
    display: inline-block;
    line-height: var(--nav_h);
}
.navArea .nav ul:first-of-type li {
    margin-right: var(--list_margin);
}
.navArea .nav ul:first-of-type li:last-of-type {
    margin-right: 0;
}
.navArea .nav ul:nth-of-type(2) li {
    margin-left: var(--list_margin);
}
.navArea .nav ul:nth-of-type(2) li:first-of-type {
    margin-left: 0;
}
.navArea .nav li a {
    position: relative;
}
.navArea .nav li:not(.active) a:hover{
    opacity: .5;
}
.navArea .nav li.active a:before {
    --h: .1905rem;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: .9524rem;
    height: var(--h);
    border-radius: var(--h) var(--h) 0 0;
    -webkit-border-radius: var(--h) var(--h) 0 0;
    -moz-border-radius: var(--h) var(--h) 0 0;
    -ms-border-radius: var(--h) var(--h) 0 0;
    -o-border-radius: var(--h) var(--h) 0 0;
}
.navBox .stage, .animLogo .stage{
    height: var(--logo_h);
    position: relative;
    top: .0952rem;
}
.navBox .logo svg, .animLogo .logo svg{
    height: 100%;
}
.logo {
    display: inline-block;
    filter: blur(var(--blur-start));
    opacity: 0;
    animation: reveal var(--cycle) ease-in-out infinite, sweep var(--cycle) ease-in-out infinite;
    -webkit-animation: reveal var(--cycle) ease-in-out infinite, sweep var(--cycle) ease-in-out infinite;
    -webkit-filter: blur(var(--blur-start));
}
.logo svg {
    width: 100%;
    height: auto;
    display: block
}
.nav .logo .stroke, .animLogo .logo .stroke {
    stroke-width: var(--stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: var(--len, 1000);
    stroke-dashoffset: var(--len, 1000);
    animation: drawCycle var(--cycle) ease-in-out infinite;
    -webkit-animation: drawCycle var(--cycle) ease-in-out infinite;
}
.nav .logo .fill, .animLogo .logo .fill {
    opacity: 0;
    animation: fillCycle var(--cycle) ease-in-out infinite;
    -webkit-animation: fillCycle var(--cycle) ease-in-out infinite;
}
.nav .btnSec .btn{
    margin-right: 0;
}
.logoBox a{
    display: inline-block;
}
/*Drawer*/
.apBody_cont{
    width: calc(100% - var(--nav-drawer-w));
}
.navDrawer li{
    border-radius: 3.5rem;
    -webkit-border-radius: 3.5rem;
    -moz-border-radius: 3.5rem;
    -ms-border-radius: 3.5rem;
    -o-border-radius: 3.5rem;
}
.stepIcon{
    margin-right: .5rem;
    position: relative;
    --iconBox_h: 1.5238rem;
    width: var(--iconBox_h);
    height: var(--iconBox_h);
    border-radius: var(--iconBox_h);
    -webkit-border-radius: var(--iconBox_h);
    -moz-border-radius: var(--iconBox_h);
    -ms-border-radius: var(--iconBox_h);
    -o-border-radius: var(--iconBox_h);
}
.stepIcon i{
    position: absolute;
    top: .1rem;
    left: .02rem;
}
/*Top Nav*/
.t_bar {
    padding: 0 1.5238rem;
}

.t_bar li {
    display: inline-block;
    margin-left: .5714rem;
}

.t_bar li:first-of-type {
    margin-left: 0;
}

.t_bar .sC {
    margin: .1905rem 0;
}
[data-sec="t_bar_shop"]{
    text-transform: uppercase;
    padding: .25rem 1.5238rem;
}
/*--SEZIONI--*/
[data-sec="newsletter"] .overlay{
    height: 22.25rem;
}
/*--HERO SECTION--*/
[data-sec="hero_home"] .sB {
    transform: translateY(-10vh);
    -webkit-transform: translateY(-10vh);
    -moz-transform: translateY(-10vh);
    -ms-transform: translateY(-10vh);
    -o-transform: translateY(-10vh);
}
.page_name{
    display: inline-block;
    position: relative;
}
.page_name:before {
    position: absolute;
    content: "";
    bottom: -.5714rem;
    width: calc(100% + .9524rem);
    height: .0952rem;
    margin: auto;
    left: 0;
    right: 0;
    margin-left: -.45rem;
}
.staticLogo{
    height: 2rem;
}
[data-sec="side_img"], [data-sec="side_img"].vBkgArea{
    position: sticky;
    top: 0;
}
[data-sec="side_img"] .btnBox{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
[data-sec="side_img"] .vBkgBox{
    position: relative;
}
/*--CARDS--*/
/*
.card{
    width: 20rem;
    height: 12.5rem;
}
.cardBox{
    margin: .5rem;
}
*/
[data-card] .coverArea{
    padding-bottom: .75rem;
}
[data-card] .cover{
    width: 100%;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
}
[data-card] .card_txt {
    height: var(--card_txt_h);
    max-height: var(--card_txt_h);
}

[data-card="art"] .cover .card_label{
    display: inline-block;
    padding:.25rem .75rem .3125rem .75rem;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
    margin: .75rem;
}

[data-card="art"] .card_footer .btn,
[data-card="card_blog"] .card_footer .btn{
    margin: 0;
    margin-right: .29rem;
}
[data-card="art"] .cover, [data-card="card_blog"] .cover{
    aspect-ratio: 4 / 2.5;
}
/*Card Categoria*/

[data-card="card_cat"] .card_body{
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
}
[data-card="card_cat"] .card_body .sB{
    overflow-y: hidden;
    height: var(--desc_h);
}
[data-card="card_cat"] .card:hover .card_body .sB{
    height: var(--desc_h_hover);
}
[data-card="card_cat"]{
    --desc_h: 0;
    --desc_h_hover: 0;
}
[data-card="card_cat"] .card{
    position: relative;
}
[data-card="card_cat"] .imgBox, [data-card="card_cat"] .imgBox img,
[data-card="card_cat"] .card_cont img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
[data-card="card_cat"] img{
    transform-origin: top;
    transform: scale(var(--bkg_scale)) translateY(var(--bkg_p_y));
    -webkit-transform: scale(var(--bkg_scale)) translateY(var(--bkg_p_y));
    -moz-transform: scale(var(--bkg_scale)) translateY(var(--bkg_p_y));
    -ms-transform: scale(var(--bkg_scale)) translateY(var(--bkg_p_y));
    -o-transform: scale(var(--bkg_scale)) translateY(var(--bkg_p_y));
}
[data-section="card_cat_hero"] .drSlider {
    height: 14.5rem;
    padding: 1.5238rem 0;
}

/*Card Articolo*/

.art_promo_price .price{
    position: relative;
    margin-left: 0.75rem;
}
.art_promo_price .price:before{
    --offset: .375rem;
    content: "";
    position: absolute;
    height: .0625rem;
    width: calc(100% + var(--offset));
    top: 0;
    bottom: 0;
    left: calc(var(--offset) / -2);
    margin: auto;
}
.set_color_area .set_color{
    --set_color_w: 1.25rem;
    position: relative;
    margin-left: .5625rem;
}
.set_color_area .set_color:hover{
    transform: scale(.85);
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    -o-transform: scale(.85);
}
.set_color_area .set_color:first-of-type{
    margin-left: 0;
}
.set_color_area .set_color:before{
    --set_color_w: 1.625rem;
    content: "";
    position: absolute;
    border: solid .125rem;
    left: -4px;
    top: -4px;
}
.set_color_area .set_color img, .set_color_area .set_color:before{
    width: var(--set_color_w);
    height: var(--set_color_w);
    border-radius: var(--set_color_w);
    -webkit-border-radius: var(--set_color_w);
    -moz-border-radius: var(--set_color_w);
    -ms-border-radius: var(--set_color_w);
    -o-border-radius: var(--set_color_w);
}
/*Upload*/
.upload_card{
    height: 14.2857rem;
    border-radius: var(--default_border_r);
    -webkit-border-radius: var(--default_border_r);
    -moz-border-radius: var(--default_border_r);
    -ms-border-radius: var(--default_border_r);
    -o-border-radius: var(--default_border_r);
}
/*--PANNELLI--*/
[data-panel]:not(.menuArea) {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.timepicker_pan .pan {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.drp_filter .drpBox:first-of-type{
    border-radius: 0 0 var(--default_border_r) var(--default_border_r);
    -webkit-border-radius: 0 0 var(--default_border_r) var(--default_border_r);
    -moz-border-radius: 0 0 var(--default_border_r) var(--default_border_r);
    -ms-border-radius: 0 0 var(--default_border_r) var(--default_border_r);
    -o-border-radius: 0 0 var(--default_border_r) var(--default_border_r);
}
.drp_filter .drpBox .drpBox{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.drpArea .drpBox{
    overflow: hidden;
}
/*
.drp_filter .drp{
    border-top: solid .0625rem;
}
*/
.drp_filter .drp .chip{
    margin: .5rem;
}
.drp_filter .drp_off .iconChange .icon:first-of-type,
.drp_filter .drp_on .iconChange .icon:last-of-type{
    display: block;
}
.drp_filter .drp_on .iconChange .icon:first-of-type,
.drp_filter .drp_off .iconChange .icon:last-of-type{
    display: none;
}
.drp_filter .drp .drp{
    border: none;
}
.drp_filter .optArea{
    padding-left: 1.75rem;
}
/*Anteprima carrello*/
[data-panel="ant_carrello"] .pan{
    width: 50rem;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
}
[data-panel="ant_carrello"].pan-on .pan{
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
}
[data-panel="ant_carrello"] .glass_blur{
    height: 100%;
    z-index: -1;
}
[data-panel="ant_carrello"] .glass_blur::before{
    mask-image: none;
    filter: blur(20px) saturate(1.1) brightness(1.1);
    -webkit-filter: blur(20px) saturate(1.1) brightness(1.1);
}
[data-panel="ant_carrello"] .pan .sT{
    padding: .8rem .8rem 0 .8rem;
}
/*TAB*/
/*
.tabBox.drSliderBox, .tabPanel_slider [data-tab_panel]{
    width: 400px;
}
*/
[data-tab_panel]{
    display: none;
}
[data-tab_panel].active{
    display: block;
}
.tab .iconBox.flag{
    font-size: initial;
}
.tab .iconBox.flag img{
    width: 1.1429rem;
}
/*--SNACKBAR & TOOLTIP--*/
.snk, .tooltip{
    border-radius: .7619rem;
    -webkit-border-radius: .7619rem;
    -moz-border-radius: .7619rem;
    -ms-border-radius: .7619rem;
    -o-border-radius: .7619rem;
}
.snkBoxList{
    z-index: 1;
}
/*--CHECKBOX, RADIO, SWITCH--*/
.optArea.checkbox .box,
.optArea.radio .box,
.chip,
.switch.outlined .boxCont {
    border: solid .0625rem;
}
.chipArea {
    margin: .5rem;
}
.switch .boxCont .box {
    left: .5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.switch .opt.checked .boxCont .box {
    left: .5rem;
    height: 1.75rem;
    width: 1.75rem;
    transform: translateX(calc(100% - .9375rem));
    -webkit-transform: translateX(calc(100% - .9375rem));
    -moz-transform: translateX(calc(100% - .9375rem));
    -ms-transform: translateX(calc(100% - .9375rem));
    -o-transform: translateX(calc(100% - .9375rem));
}

/*--CAMPI--*/
/*
.inputBox,
.inputSliderBox {
    margin: .5rem;
}
*/
.inputArea .menuBox {
    max-height: 9.375rem;
    border-radius: 0 0 var(--default_border_r) var(--default_border_r);
    -webkit-border-radius: 0 0 var(--default_border_r) var(--default_border_r);
    -moz-border-radius: 0 0 var(--default_border_r) var(--default_border_r);
    -ms-border-radius: 0 0 var(--default_border_r) var(--default_border_r);
    -o-border-radius: 0 0 var(--default_border_r) var(--default_border_r);
}
.menu .menuEl .txt{
    padding-left: 1.75rem;
}
.waveform {
    fill: none;
}
.wave-bar {}
.wave-bar:hover {
    height: 100%;
    y: 0;
}
.inputArea .inputLabel{
    padding: 0 1.75rem;
}
.inputArea.filled[focus] .inputLabel, .inputArea.filled.data .inputLabel{
    top: .75rem;
}
.inputArea.filled[focus] .input input, .inputArea.filled.data .input input, .inputArea.filled[focus] .date_sep, .inputArea.filled.data .date_sep, .inputArea.filled .affixEl{
    top: .5625rem;
}
.inputArea.icon .inputLabel{
    left: 1.8rem;
}
.inputArea.icon.inputStep .inputLabel{
    left: 2.5rem;
}
.inputArea.icon .input{
    padding-left: .2rem;
}
.inputArea.icon input{
    padding: .5rem 1rem .5rem .55rem;
}
.inputArea input,
.inputArea.filled [contenteditable],
.inputArea.filled textarea{
    padding-left: .75rem;
}
.inputArea textarea, .inputArea [contenteditable]{
    min-height: var(--textarea-h);
}
.inputArea.dropdown[focus="true"] .inputCont,
[data-dropdown_trigger].drp_on .inputCont,
[data-dropdown_trigger].drp_on[focus="true"] .inputCont{
    border-radius: var(--default_border_r) var(--default_border_r) 0 0;
    -webkit-border-radius: var(--default_border_r) var(--default_border_r) 0 0;
    -moz-border-radius: var(--default_border_r) var(--default_border_r) 0 0;
    -ms-border-radius: var(--default_border_r) var(--default_border_r) 0 0;
    -o-border-radius: var(--default_border_r) var(--default_border_r) 0 0;
}
.inputArea .inputCont{
    border-radius: var(--input-h);
    -webkit-border-radius: var(--input-h);
    -moz-border-radius: var(--input-h);
    -ms-border-radius: var(--input-h);
    -o-border-radius: var(--input-h);
}
.inputArea.inline_btn .btn{
    --btnH_inline: calc(var(--btnH) - .5rem);
    height: var(--btnH_inline);
    line-height: var(--btnH_inline);
    min-width: 7.75rem;
}
.inputArea.inline_btn .btn{
    margin-right: .25rem;
}
.switch .boxCont{
    min-width: 3.2rem;
    max-width: 3.2rem;
}
.trackBox, .trackBox .track, .trackBox .bar{
    height: 0.3333rem;
    border-radius: 0.3333rem;
    -webkit-border-radius: 0.3333rem;
    -moz-border-radius: 0.3333rem;
    -ms-border-radius: 0.3333rem;
    -o-border-radius: 0.3333rem;
}
.inputSlider .handleBox .handle{
    cursor: grab;
    border: solid .15rem;
}
.inputSlider .handleBox .handle:active{
    cursor: grabbing;
}
.inputSlider .handleBox .handle,
.inputSlider .handleBox:focus-visible{
    border-radius: var(--inputSlider-handle_w);
    -webkit-border-radius: var(--inputSlider-handle_w);
    -moz-border-radius: var(--inputSlider-handle_w);
    -ms-border-radius: var(--inputSlider-handle_w);
    -o-border-radius: var(--inputSlider-handle_w);
}
.inputSlider .limit_l,
.inputSlider .limit_r{
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.optArea.checkbox .box,
.optArea.radio .box{
    --box_h: 1.5238rem;
    border: none;
    width: var(--box_h);
    height: var(--box_h);
    border-radius: 0.381rem;
    -webkit-border-radius: 0.381rem;
    -moz-border-radius: 0.381rem;
    -ms-border-radius: 0.381rem;
    -o-border-radius: 0.381rem;
}
.optArea.checkbox .box .icon{
    line-height: var(--box_h);
}

.inputArea.error .inputCont,
.optEl.error .box{
    border: solid 0.0476rem;
}
.hlpCont .hlp:not(.opt .hlp){
    padding-left: .8rem;
}
/*-----TAB-----*/

/*-----TABELLE-----*/
[data-col="nome"] {
    --col_w: 6.25rem;
}
[data-col="0"]{
    --col_w: 10rem;
}
[data-col="1"]{
    --col_w: 3.8095rem;
}
[data-col="2"]{
    --col_w: 12rem;
}
[data-col="3"]{
    --col_w: 15rem;
}
[data-col="4"],[data-col="5"], [data-col="6"]{
    --col_w: 8rem;
}
[data-col="7"]{
    --col_w: 10rem;
}

/*-----FOOTER-----*/
.list_lng li{
    display: inline-block;
}
.mainFooter .list_info li{
    margin-bottom: 0.75rem;
}
.mainFooter .list_lng li{
    margin-right: 0.75rem;
}
.mainFooter .list_lng li:last-of-type{
    margin-right: 0;
}
.mainFooter .list_info li:last-of-type{
    margin-bottom: 0;
}

/*--Logo footer--*/
#logo_footer_fx {
    width: 100%;
    margin-bottom: -.3125rem;
}
/*----- COMPONENTI UI - SECTION -----*/
[data-section="plus"] .txtArea{
    grid-column-start: span 6;
}
.videoFigure{
    /*aspect-ratio: 16 / 7;*/
    overflow: hidden;
}
.videoFigure.v{
    /*aspect-ratio: 3 / 4;*/
    width: 30rem;
    margin: auto;
    overflow: hidden;
}
/*Figure*/
.side_figureBox{
    min-height: 20rem;
}
.side_figureBox.v .img_figure {
    width: auto;
    max-height: 25rem;
    margin: auto;
}
[data-bkg="bike_3"] {
    grid-column-start: span 6;
}
[data-el_parallax="parallax_4"]{
    position: relative;
    grid-column-start: span 3;
}
[data-el_parallax="parallax_4"] img{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80%;
}
/*Shop*/
.filterArea{
    grid-column-start: span 2;
}
.art_shop{
    grid-column-start: span 4;
}
/*----- COMPONENTI UI - TABELLE -----*/
.tbArea.info .row{
    border-radius: .381rem;
    -webkit-border-radius: .381rem;
    -moz-border-radius: .381rem;
    -ms-border-radius: .381rem;
    -o-border-radius: .381rem;
}
.tbArea.info .row{
    padding: .5rem;
}
.tbArea.info .row .col{
    padding: 0 .5rem;
}
/*----- COMPONENTI UI - TMP -----*/
[data-page="prodotto"] main .btn{
    display: none;
}
/*----- COMPONENTI UI - BKG -----*/
body:before {
    content: "";
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vBkgArea {
    position: relative;
}
.vBkgBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.vBkgBox video {
    min-width: 100%;
    height: 100%;
    object-fit: cover;
}

[data-sec="side_img"] .vBkgBox video{
    transform: translateX(-25vh);
    -webkit-transform: translateX(-25vh);
    -moz-transform: translateX(-25vh);
    -ms-transform: translateX(-25vh);
    -o-transform: translateX(-25vh);
}
[data-bkg="bici-corsa-ciclista"]{
    background: url(../media/img/bkg/cbt-italia-bici-da-corsa.jpg) no-repeat center center;
    background-size: cover;
}
[data-bkg="bike_1"] {
    background: url(../media/img/bkg/necer99-cbt.jpg) no-repeat center center;
    background-size: cover;
}
[data-bkg="bike_2"] {
    background: url(../media/img/bkg/bici-da-corsa-ciclista.jpg) no-repeat center center;
    background-size: cover;
}
[data-bkg="bike_3"] {
    background: url(../media/img/bkg/gravel-bike-cbt.jpg) no-repeat left center;
    background-size: cover;
}
[data-page="road"] [data-bkg="bike_3"] {
    background: url(../media/img/bkg/road-cyclist.jpg) no-repeat top center;
    background-size: cover;
}
[data-bkg="newsletter"] {
    background: url(../media/img/bkg/cbt-newsletter.jpg) no-repeat center center;
    background-size: cover;
}
[data-bkg="frame_model"] {
    background: url(../media/img/bkg/bici-modella.jpg) no-repeat center center;
    background-size: cover;
}
[data-bkg="accesso"]{
    background: url(../media/img/bkg/cyclist-cbt.jpg) no-repeat center center;
    background-size: cover;
}
[data-bkg="contacts"]{
    background: url(../media/img/bkg/cyclist-calling-cbt.jpg) no-repeat top center;
    background-size: cover;
}
/*Categoria*/
[data-bkg="cat_1"] {
    background: url(../media/img/shop/shop_cat/bici_corsa.jpg) no-repeat center bottom;
    background-size: cover;
}
[data-bkg="gravel"] {
    background: url(../media/img/bkg/gravel-bycicle.jpg) no-repeat center top;
    background-size: cover;
    background-position-y: 2vh;
}
[data-bkg="road"] {
    background: url(../media/img/bkg/road-cbt-italia.jpg) no-repeat center center;
    background-size: cover;
}
[data-bkg="ebike"] {
    background: url(../media/img/bkg/e-bike-cbt.jpg) no-repeat center top;
    background-size: cover;
    background-position-y: 2vh;
}
[data-bkg="telai"] {
    background: url(../media/img/bkg/telai.jpg) no-repeat center bottom;
    background-size: cover;
    background-position-y: 2vh;
}
[data-bkg="cat_page_gravel"] {
    background: url(../media/img/bkg/gravel-down-hill.jpg) no-repeat top center;
    background-size: cover;
    background-position-y: -8vh;
}
[data-bkg="cat_page_road"] {
    background: url(../media/img/bkg/road-team-cbt-italia.jpg) no-repeat top center;
    background-size: cover;
}
[data-bkg="cat_page_ebike"] {
    background: url(../media/img/bkg/e-bike-cyclist.jpg) no-repeat top center;
    background-size: cover;
}
[data-page="gravel"] [data-bkg="bike_1"] {
    background: url(../media/img/bkg/gravel-winter-drone.jpg) no-repeat center center;
    background-size: cover;
}
[data-page="gravel"] [data-bkg="bike_3"] {
    background: url(../media/img/bkg/gravel-cyclist.jpg) no-repeat center center;
    background-size: cover;
}
[data-page="road"] [data-bkg="bike_1"] {
    background: url(../media/img/bkg/road_bicycle_supercar.jpg) no-repeat bottom center;
    background-size: cover;
}
[data-page="road"] [data-bkg="bike_3"] {
    background: url(../media/img/bkg/road_location.jpg) no-repeat top center;
    background-size: cover;
}
[data-page="ebike"] [data-bkg="bike_1"] {
    background: url(../media/img/bkg/e-bike-model.jpg) no-repeat center center;
    background-size: cover;
}
[data-page="ebike"] [data-bkg="bike_3"] {
    background: url(../media/img/bkg/ebike-road.jpg) no-repeat center center;
    background-size: cover;
}
/*Storia*/
[data-bkg="giovanniTardivo"]{
    background: url(../media/img/bkg/giovanni-tardivo.jpg) no-repeat top center;
    background-size: cover;
}
[data-bkg="cbt_2000"]{
    background: url(../media/img/bkg/cbt-magazine-2000.jpg) no-repeat top center;
    background-size: cover;
    height: 44rem;
}
[data-bkg="carbon_bicycle"]{
    background: url(../media/img/bkg/carbon-bicycle.jpg) no-repeat center center;
    background-size: cover;
    height: 35rem;
}
[data-bkg="bossa-necer"]{
    background: url(../media/img/bkg/bossa-necer.jpg) no-repeat center center;
    background-size: cover;
}
[data-bkg="70_bicycle"]{
    background: url(../media/img/bkg/70s-bike.jpg) no-repeat center center;
    background-size: cover;
}
[data-bkg="80_bicycle"]{
    background: url(../media/img/bkg/80s-bike.jpg) no-repeat center center;
    background-size: cover;
}
/*-----ANIMAZIONI, EFFETTI, TRANSIZIONI-----*/
/*----------ANIMAZIONI & EFFETTI----------*/
[data-anim], [data-anim_el] .el_anim, .blur_fadeIn, .margin_fx{
    opacity: 0;
}
.blur_fadeIn{
    filter: blur(20px);
    -webkit-filter: blur(20px);
}
.blur_fadeIn.el_in_viewport, .margin_fx.el_in_viewport, .blur_fadeIn.el_seen, .margin_fx.el_seen{
    opacity: 1;
    filter: blur(0);
    -webkit-filter: blur(0);
}
[data-anim].el_in_viewport, [data-anim].el_seen,
[data-anim_el].el_in_viewport .el_anim, [data-anim_el].el_seen .el_anim{
    opacity: 1;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}
[data-anim="slideUp"], [data-anim_el="slideUp"] .el_anim{
    transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -moz-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    -o-transform: translateY(1rem);
}
[data-anim="slideDown"], [data-anim_el="slideDown"] .el_anim{
    transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    -o-transform: translateY(-1rem);
}
[data-anim="slideLeft"], [data-anim_el="slideLeft"] .el_anim{
    transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem);
    -moz-transform: translateX(-1rem);
    -ms-transform: translateX(-1rem);
    -o-transform: translateX(-1rem);
}
[data-anim="slideRight"], [data-anim_el="slideRight"] .el_anim{
    transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -moz-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    -o-transform: translateX(1rem);
}
#cerchio{
    transition: width, height .5s ease;
    -webkit-transition: width, height .5s ease;
    -moz-transition: width, height .5s ease;
    -ms-transition: width, height .5s ease;
    -o-transition: width, height .5s ease;
}
/* Gradiente animabile (opzionale, respira lentamente) */
#mouseGradient stop {
    transition: stop-color .4s ease;
    -webkit-transition: stop-color .4s ease;
    -moz-transition: stop-color .4s ease;
    -ms-transition: stop-color .4s ease;
    -o-transition: stop-color .4s ease;
}
.nav-opened .navPanel li{
    transition: ease all 1s;
    -webkit-transition: ease all 1s;
    -moz-transition: ease all 1s;
    -ms-transition: ease all 1s;
    -o-transition: ease all 1s;
}
[data-anim], [data-anim_el] .el_anim, .blur_fadeIn, .margin_fx{
    transition: ease all .5s;
    -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    -ms-transition: ease all .5s;
    -o-transition: ease all .5s;
}
[data-anim_el].el_in_viewport .el_anim, [data-anim_el].el_seen .el_anim{
    transition-delay: calc(.2s * var(--i));
}
a.u:before,
.btn.lg.outlined:before, .btn.sm.outlined:before,
.inputCont,
[data-dropdown_trigger] .icon-caret,
[data-card="card_cat"] .card_body .sB,
.navArea .nav li a,
.btn.lg.icon.dx .iconBox.rotate,
.btn.lg.icon.sx .iconBox.rotate,
.btn.sm.rotate_btn,
.hamburger .icon-bar,
.navPanel,
.glass_blur,
.glass_blur::before,
.set_color{
    transition: ease-out all .25s;
    -webkit-transition: ease-out all .25s;
    -moz-transition: ease-out all .25s;
    -ms-transition: ease-out all .25s;
    -o-transition: ease-out all .25s;
}
.pan{
    transition: ease all .25s;
    -webkit-transition: ease all .25s;
    -moz-transition: ease all .25s;
    -ms-transition: ease all .25s;
    -o-transition: ease all .25s;
}
.gallery_zoom img{
    transition: ease all .15s;
    -webkit-transition: ease all .15s;
    -moz-transition: ease all .15s;
    -ms-transition: ease all .15s;
    -o-transition: ease all .15s;
}
.parallax_layer{
    transition: linear 0.1s all;
    -webkit-transition: linear 0.1s all;
    -moz-transition: linear 0.1s all;
    -ms-transition: linear 0.1s all;
    -o-transition: linear 0.1s all;
}
@keyframes reveal {
    0% {
        opacity: 0;
        filter: blur(var(--blur-start));
    }
    5% {
        opacity: 1;
        filter: blur(1.5px);
        -webkit-filter: blur(1.5px);
    }
    15% {
        opacity: 1;
        filter: blur(0px);
    }
    85% {
        opacity: 1;
        filter: blur(0px);
    }
    95% {
        opacity: 1;
        filter: blur(0px);
    }
    100% {
        opacity: 0;
        filter: blur(var(--blur-start));
    }
}
@keyframes sweep {
    0% { -webkit-mask-position: 95%; }
    100% { -webkit-mask-position: 0%; }
}
@keyframes drawCycle {
    0% { stroke-dashoffset: var(--len); }
    46% { stroke-dashoffset: 0; }
    95% { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: var(--len); }
}
@keyframes fillCycle {
    0% { opacity: 0; }
    15% { opacity: 0; }
    45% { opacity: 1; }
    95% { opacity: 1; }
    100% { opacity: 1;}
}
/*-----OMBRE-----*/

/*-----TEMI-----*/
.nav .logo .fill--white, .animLogo .logo .fill--white {
    fill: var(--white);
}
.nav .logo .stroke--white, .animLogo .logo .stroke--white {
    stroke: var(--white);
}
.nav .logo .fill--red, .animLogo .logo .fill--red {
    fill: var(--red);
}
.nav .logo .stroke--red, .animLogo .logo .stroke--red {
    stroke: var(--red);
}
body,
html,
.btn.txt.n,
.btn.lg.n .iconBox,
.btn.filled.sc,
.btn.outlined.n,
.btn.lg.outlined.n:hover .iconBox, .btn.sm.outlined.n:hover .iconBox,
.inputArea .btn,
.inputArea input,
[contenteditable], textarea {
    color: rgb(var(--color-secondary-0));
}
.set_color_area .set_color.active:before,
.inputSlider .handleBox .handle{
    border-color: rgb(var(--color-secondary-0));
}
.btn.lg.outlined.n:hover:before, .btn.sm.outlined.n:hover:before,
.btn.sm.filled.n,
.btn.lg.filled.n,
.btn.lg.n .iconBox,
.hamburger .icon-bar,
.art_promo_price .price:before,
.page_name:before,
.trackBox .bar,
#cerchio {
    background: rgb(var(--color-secondary-0));
}
.tbArea.info .row:nth-of-type(odd){
    background: rgba(var(--color-secondary-0), .1);
}
.btn.txt.n:hover,
.card .ripple{
    background: rgba(var(--color-secondary-0), .25);
}
.btn.lg.filled.n:hover{
    background: rgb(var(--color-secondary-100));
}
.btn.txt.n .ripple,
.btn.outlined.n .ripple{
    background: rgba(var(--color-secondary-500), .25);
}
.sc_c_500{
    color: rgb(var(--color-secondary-500));
}
.btn.filled.sc .ripple{
    background: rgba(var(--color-secondary-600), .25);
}
.btn.lg.filled.n,
.btn.sm.filled.n,
.btn.outlined.n .iconBox,
.btn.lg.outlined.n:hover, .btn.sm.outlined.n:hover{
    color: rgb(var(--color-secondary-700));
}
.bkg_sc,
[data-card="art"] .card:hover .btn.sc,
[data-card="card_blog"] .card:hover .btn.sc,
.inputArea.filled .inputCont,
.checkbox .box,
.drp_filter .drp,
.switch .boxCont,
.drp .switch .boxCont .box,
.inputArea .menuBox,
.trackBox .track,
::-webkit-scrollbar-thumb,
.navDrawer li.active,
.navDrawer .stepIcon{
    background: rgb(var(--color-secondary-700));
}
.sc_bkg_800,
.btn.lg.n.filled .iconBox,
.btn.lg.pr .iconBox,
.btn.filled.sc,
.btn.lg.outlined.n:hover .iconBox, .btn.sm.outlined.n:hover .iconBox,
.inputArea .btn,
.drp .switch .boxCont,
.switch .boxCont .box,
[data-card="art"] .card:hover,
[data-card="card_blog"] .card:hover,
.inputArea .menuBox::-webkit-scrollbar-thumb,
.inputSlider .handleBox .handle,
.inputSlider .limit_l,
.inputSlider .limit_r,
.tb_header .col,
.navDrawer .active .stepIcon{
    background: rgb(var(--color-secondary-800));
}
.btn.filled.n .ripple{
    background: rgba(var(--color-secondary-800), .25);
}
[data-panel="ant_carrello"] .panBox,
.menu .menuEl:hover,
.drp_filter .drpBox .drpBox .optArea,
.tb_body .row:nth-of-type(odd) .col{
    background: rgba(var(--color-secondary-800), .5);
}
body,
html,
.t_bar,
.btn.filled.sc:hover,
.navDrawer li:hover {
    background: rgb(var(--color-secondary-900));
}
.bkg_sc_900_3 {
    background: rgba(var(--color-secondary-900), .3);
}
.bkg_sc_900_5 {
    background: rgba(var(--color-secondary-900), .5);
}
.bkg_sc_900_7,
.navArea .nav {
    background: rgba(var(--color-secondary-900), .7);
}
.bkg_sc_900_9 {
    background: rgba(var(--color-secondary-900), .9);
}
.sc-gr-b {
    background-color: rgba(var(--color-secondary-900), 0);
    background-image: linear-gradient(180deg, rgba(var(--color-secondary-900), 0) 70%, rgba(var(--color-secondary-900), 1) 100%);
}
.sc-gr-b.gr_30 {
    background-color: rgba(var(--color-secondary-900), 0);
    background-image: linear-gradient(180deg, rgba(var(--color-secondary-900), 0) 30%, rgba(var(--color-secondary-900), 1) 100%);
}
.snk, .tooltip{
    background: rgb(var(--color-secondary-1000))
}
.btn.filled.pr,
.btn.filled.error,
.card_label,
a.u:hover,
[data-badge]:after,
[data-sec="t_bar_shop"] {
    color: rgb(var(--color-primary-0));
}
.btn.filled.pr .ripple,
.btn.filled.error .ripple,
.btn.txt.pr .ripple{
    background: rgba(var(--color-primary-300), .25);
}
.pr_c_600 {
    color: rgb(var(--color-primary-600));
}
.pr_c,
.btn.txt.pr,
.btn.txt.error,
.nav-opened .navPanel li.active{
    color: rgb(var(--color-primary-700));
}
.btn.filled.pr,
.btn.filled.error,
.bniBtn.active:before,
.navArea .nav li a:before,
.card_label,
a.u:hover:before,
[data-badge]:after,
::-webkit-scrollbar-thumb:hover,
[data-sec="t_bar_shop"],
.tab.primary .indicator {
    background: rgb(var(--color-primary-700));
}
.btn.txt.pr:hover,
.btn.txt.error:hover{
    background: rgba(var(--color-primary-700),.25);
}
.inputArea.error .inputCont,
.optEl.error .box,
a.u:hover:before{
    border-color: rgb(var(--color-primary-700));
}
.btn.filled.pr:hover,
.btn.filled.error:hover {
    background: rgb(var(--color-primary-900));
}
.set_color_area .set_color:before{
    border-color: var(--transparent);
}
.stepIcon.checked{
    color: rgb(var(--color-green-0));
}
.stepIcon.checked,
.navDrawer .active .stepIcon.checked{
    background: rgb(var(--color-green-500));
}
a.none,
a.u {
    color: inherit;
}
.nav .logo .stroke, .animLogo .logo .stroke{
    fill: none;
}
[data-panel="ant_carrello"] .pan{
    box-shadow: 0 0 .6rem .2rem rgba(var(--color-secondary-1000), .75);
}
.navArea .nav,
.bniBox {
    box-shadow: 0 .0952rem .1429rem 0 rgba(var(--color-secondary-1000), .75);
}

.btn.tonal:hover, .btn.filled:hover, .btn.elevated, .btn.elevated:hover:active,
.fab, .fab:hover:active,
.cardArea.elev .card, .cardArea.elev .card:hover:active,
[data-card="card_cat"].elev .card .card_cont, [data-card="card_cat"].elev .card:hover:active .card_cont,
.cardArea.filled .card:hover,
.cardArea.outlined .card:hover,
.chipArea.elevated .chip, .chipArea.elevated .chip:active:hover{
    box-shadow: var(--bs-el-1) rgba(var(--color-secondary-1000), .8);
}
.btn.elevated:hover,
.fab:hover,
.cardArea.elev .card:hover,
.chipArea.elevated .chip:hover,
.menu,
.dropdown .menuBox {
    box-shadow: var(--bs-el-2) rgba(var(--color-secondary-1000), .8);
}
.tooltip {
    box-shadow: var(--bs-el-2) rgba(var(--color-secondary-1000), .8);
}
.snk {
    box-shadow: var(--bs-el-3) rgba(var(--color-secondary-1000), .8);
}
.btn.tonal:hover:active,
.btn.filled:hover:active,
.appBarArea.bt .fab,
.appBarArea.bt .fab:hover:active,
.navRailBtn .fab,
.navRailBtn .fab:hover:active,
.cardArea.filled .card:hover:active,
.cardArea.outlined .card:hover:active,
.dropdown .menuBox .menu {
    box-shadow: var(--bs-el-0) rgba(var(--color-secondary-1000), 0);
}
.inputArea *:focus-visible,
.inputArea.inline_btn *:focus-visible,
.inputArea input[type="text"]:focus-visible{
    box-shadow: none;
}
[data-card="card_cat"].elev .card{
    box-shadow: none !important;
}
/*-----FX-----*/
.blend-difference,
.blend-color-dodge{
    color: var(--inherit);
}

.blend-difference {
    mix-blend-mode: difference;
}
.blend-color-dodge {
    mix-blend-mode: color-dodge;
}
.blend-hard-light {
    mix-blend-mode: hard-light;
}

.glass_blur,
.glass_blur::before,
.glass_blur::after {
    position: absolute;
    pointer-events: none;
}
.glass_blur {
    z-index: -1;
    inset: auto 0 0 0;
    height: 100%;
    pointer-events: none;
    left: 0;
    bottom: 0;
}
.glass_blur > *,
.glass_blur::before,
.glass_blur::after {
    inset: 0;
}
.glass_blur::before {
    content: "";
    z-index: -1;
    -webkit-backdrop-filter: blur(.1429rem);
    backdrop-filter: blur(.1429rem);
    filter: blur(.625rem) saturate(1.1) brightness(1.1);
    -webkit-filter: blur(0.625rem) saturate(1.1) brightness(1.1);
}
.glass_blur.gr{
    z-index: 0;
}
.glass_blur.gr::before{
    -webkit-mask-image: linear-gradient(to bottom, rgba(var(--black), 0) 35%, rgba(var(--black), 1) 65%);
    mask-image: linear-gradient(to bottom, rgba(var(--black), 0), rgba(var(--black), 1));
}
[data-card="card_cat"] .glass_blur.gr::before{
    -webkit-mask-image: linear-gradient(to bottom, rgba(var(--black), 0) 70%, rgba(var(--black), 1) 90%);
    mask-image: linear-gradient(to bottom, rgba(var(--black), 0) 70%, rgba(var(--black), 1) 90%);
}
[data-card="card_cat"]:hover .glass_blur.gr::before{
    -webkit-mask-image: linear-gradient(to bottom, rgba(var(--black), 0) 20%, rgba(var(--black), 1) 50%);
    mask-image: linear-gradient(to bottom, rgba(var(--black), 0) 20%, rgba(var(--black), 1) 50%);
}
/*-----PARRALLAX FX-----*/
.parallax_layer.reveal span {
    will-change: opacity;
    opacity: clamp(0.1, calc((var(--effect) / 100) - (var(--i) * 0.1) + 0.1),1);
}
.parallax_layer.mask_lr{
    --target_viewport: 60;
    --parallax_value: 100%;
    will-change: mask;
    mask: linear-gradient(90deg, rgb(0, 0, 0) calc(var(--normalized_parallax) * var(--parallax_value)), rgba(0, 0, 0, 0) calc(var(--normalized_parallax) * var(--parallax_value)));
}
.parallax_layer.mask_margin_x{
    --target_viewport: 80;
    --parallax_value: 100%;
    --left_mask_position: 20%;
    --left_transition: calc(var(--left_mask_position) * (1 - var(--normalized_parallax)));
    --right_transition: calc(100% - var(--left_mask_position) + (var(--left_mask_position) * var(--normalized_parallax)));
    will-change: mask;

    mask-image: linear-gradient(90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) var(--left_transition),
    rgba(0, 0, 0, 1) var(--left_transition),
    rgba(0, 0, 0, 1) var(--right_transition),
    rgba(0, 0, 0, 0) var(--right_transition),
    rgba(0, 0, 0, 0) 100%
    );

    -webkit-mask-image: linear-gradient(90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) var(--left_transition),
    rgba(0, 0, 0, 1) var(--left_transition),
    rgba(0, 0, 0, 1) var(--right_transition),
    rgba(0, 0, 0, 0) var(--right_transition),
    rgba(0, 0, 0, 0) 100%
    );

    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    mask-mode: alpha;
}
.parallax_layer.scale{
    --target_viewport: 55;
    --parallax_value: 100%;
    will-change: transform;
    transform: scale(clamp(0.5, calc((var(--normalized_parallax)) * 1), 1));
    -webkit-transform: scale(clamp(0.5, calc((var(--normalized_parallax)) * 1), 1));
    -moz-transform: scale(clamp(0.5, calc((var(--normalized_parallax)) * 1), 1));
    -ms-transform: scale(clamp(0.5, calc((var(--normalized_parallax)) * 1), 1));
    -o-transform: scale(clamp(0.5, calc((var(--normalized_parallax)) * 1), 1));
}
.parallax_layer.margin_fx{
    --target_viewport: 80;
    --parallax_value: 100%;
    will-change: margin;
    margin-left: clamp(0px, calc(20vh - var(--normalized_parallax) * 20vh), 20vh);
    margin-right: clamp(0px, calc(20vh - var(--normalized_parallax) * 20vh), 20vh);
}
.parallax_layer.blur_fadeIn {
    --target_viewport: 40;
    will-change: filter;
    filter: blur(clamp(0rem,calc((1 - var(--normalized_parallax)) * 1rem), 1rem));
    -webkit-filter: blur(clamp(0rem,calc((1 - var(--normalized_parallax)) * 1rem), 1rem));
}
.parallax_layer.moveY{
    --target_viewport: 55;
    --parallax_value: 1vh;
    will-change: transform;
    transform: translateY(calc(clamp(0, var(--normalized_parallax), 1) * var(--parallax_value)));
    -webkit-transform: translateY(calc(clamp(0, var(--normalized_parallax), 1) * var(--parallax_value)));
    -moz-transform: translateY(calc(clamp(0, var(--normalized_parallax), 1) * var(--parallax_value)));
    -ms-transform: translateY(calc(clamp(0, var(--normalized_parallax), 1) * var(--parallax_value)));
    -o-transform: translateY(calc(clamp(0, var(--normalized_parallax), 1) * var(--parallax_value)));
}
.parallax_layer.moveY_to_0{
    --target_viewport: 55;
    --parallax_value: 1vh;
    will-change: transform;
    transform: translateY(calc((1 - clamp(0, var(--normalized_parallax), 1)) * var(--parallax_value)));
    -webkit-transform: translateY(calc((1 - clamp(0, var(--normalized_parallax), 1)) * var(--parallax_value)));
    -moz-transform: translateY(calc((1 - clamp(0, var(--normalized_parallax), 1)) * var(--parallax_value)));
    -ms-transform: translateY(calc((1 - clamp(0, var(--normalized_parallax), 1)) * var(--parallax_value)));
    -o-transform: translateY(calc((1 - clamp(0, var(--normalized_parallax), 1)) * var(--parallax_value)));
}
/*Home page*/
[data-el_parallax="parallax_1"].parallax_layer.moveY{
    --target_viewport: 80;
    --parallax_value: 1vh;
}
[data-page="home"] [data-el_parallax="parallax_3"], [data-el_parallax="parallax_6"]{
    will-change: transform, opacity;
    opacity: clamp(0.2,calc((var(--normalized_parallax)) * .5), 1);
}

[data-el_parallax="parallax_3"].parallax_layer.moveY_to_0 {
    --parallax_value: 10vh;
}
[data-page="aboutUs"] [data-el_parallax="sec_1"].parallax_layer.moveY_to_0{
    --parallax_value: 15vh;
}

[data-el_parallax="parallax_4"].parallax_layer.moveY_to_0 {
    --target_viewport: 90;
    --parallax_value: 10vh;
}

[data-el_parallax="parallax_6"].parallax_layer.moveY_to_0 {
    --target_viewport: 35;
    --parallax_value: 20vh;
}
/*------------------MEDIA QUERIES------------------*/
/*----<= Tablet---*/
@media only screen and (max-width:61.99rem) {
    :root {
        --html_font_size: 110%;
        --font-scale: 1.125;
        --body-offset: 3rem;
    }
    /*----- COMPONENTI UI - CONFIGURAZIONI -----*/
    body.nav-opened {
        overflow: hidden;
    }
    body:before {
        background: url(../media/img/grain/grain_mob.png) repeat;
    }
    .mainB {
        padding-top: var(--mainB);
    }

    .btn.icon.sx .iconBox,
    .btn.icon.dx .iconBox{
        position: absolute;
    }
    .btn.icon.sx .iconBox{
        left: .1905rem;
    }
    .btn.icon.dx .iconBox{
        right: .1905rem;
    }
    .btn.outlined.icon.sx .iconBox{
        left: .1rem;
    }
    .btn.outlined.icon.dx .iconBox{
        right: .1rem;
    }
    .btn.lg.outlined.icon.sx, .btn.lg.tonal.icon.sx, .btn.lg.filled.icon.sx, .btn.lg.elevated.icon.sx{
        padding: 0 .8rem 0 3.2rem;
    }
    .btn.lg.outlined.icon.dx, .btn.lg.tonal.icon.dx, .btn.lg.filled.icon.dx, .btn.lg.elevated.icon.dx{
        padding: 0 3.2rem 0 .8rem;
    }
    /*----- COMPONENTI UI - NAVBAR -----*/
    .nav{
        height: 3.0476rem;
    }
    .navBox .logoBox, .animLogo,
    .navBox .stage, .animLogo .stage,
    .navBox .stage .logo, .animLogo .logo{
        height: 2rem;
    }
    .hamburger{
        margin: 0 var(--space-xs);
        height: 2.2857rem;
    }
    .hamburger .icon-bar{
        position: relative;
        width: 1.9048rem;
        height: .1rem;
        transform-origin: center
    }
    .hamburger .icon-bar:first-of-type{
        top: .8rem;
    }
    .hamburger .icon-bar:last-of-type{
        top: 1.25rem;
    }
    .nav-opened .hamburger .icon-bar:first-of-type{
        top: 1rem;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .nav-opened .hamburger .icon-bar:last-of-type{
        top: .95rem;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    /*Pannello mobile*/
    .nav-opened .navBox{
        box-shadow: none;
    }
    .navPanel{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 2;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
    }
    .nav-opened .navPanel{
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        -webkit-backdrop-filter: blur(.381rem);
        backdrop-filter: blur(.381rem);
    }
    .nav-opened .navPanel::before{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
    }
    .navPanel li{
        transform: translateY(2rem);
        -webkit-transform: translateY(2rem);
        -moz-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
        -o-transform: translateY(2rem);
        opacity: 0;
    }
    .nav-opened .navPanel li{
        opacity: 1;
        margin: .5rem 0;
        list-style-type: none;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transition-delay: calc(.2s * var(--i));
    }
    .navPanel .lang_list li{
        display: inline-block;
        margin: 0 .5rem;
    }

    /*----- COMPONENTI UI - CARDS -----*/
    [data-card="card_cat"] .card .card_header .btn{
        opacity: 1;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }
    [data-card="card_cat"] .card .card_cont{
        height: 11rem;
    }
    /*Shop - Cat*/
    [data-card="card_cat"][data-id_card="cat_1"] img {
        --bkg_scale: 1;
        --bkg_p_y: -1.89rem;
    }
    [data-card="card_cat"][data-id_card="cat_2"] img{
        --bkg_scale: 1;
        --bkg_p_y: -1.6667rem;
    }
    [data-card="card_cat"][data-id_card="cat_3"] img {
        --bkg_scale: 1;
        --bkg_p_y: -1.7rem;
    }
    [data-card="card_cat"][data-id_card="cat_4"] img {
        --bkg_scale: 1;
        --bkg_p_y: -1.7rem;
    }
    /*
    [data-card="card_cat"][data-id_card="cat_1"] img{
        --bkg_scale: 1;
        --bkg_p_y: -45px;
    }
    [data-card="card_cat"][data-id_card="cat_2"] img,
    [data-card="card_cat"][data-id_card="cat_3"] img{
        --bkg_scale: 1;
        --bkg_p_y: -.9524rem;
    }
    [data-card="card_cat"][data-id_card="cat_4"] img{
        --bkg_scale: 1;
        --bkg_p_y: -.7143rem;
    }
    */
    [data-card="card_cat"] .glass_blur.gr::before,
    [data-card="card_cat"]:hover .glass_blur.gr::before{
        -webkit-mask-image: linear-gradient(to bottom, rgba(var(--black), 0) 60%, rgba(var(--black), 1) 77%);
        mask-image: linear-gradient(to bottom, rgba(var(--black), 0) 60%, rgba(var(--black), 1) 77%);
    }
    [data-card="card_cat"] .cardBox{
        margin-bottom: 1.1429rem;
    }
    [data-card="art"] .cover, [data-card="card_blog"] .cover{
        min-height: 12rem;
    }
    /*----- COMPONENTI UI - SECTION -----*/
    [data-page="prodotto"] .order_n{
        order: 1;
    }
    /*----- COMPONENTI UI - FIGURE -----*/
    [data-section="core"],
    [data-sec="newsletter"] .overlay,
    [data-bkg="bike_1"],
    [data-bkg="frame_model"] {
        height: 10rem;
    }

    [data-page="home"] [data-section="core"]{
        height: 12rem;
    }
    .videoFigure{
        aspect-ratio: 4 / 3;
    }
    .videoFigure.v,
    .side_figureBox.v .img_figure{
        width: 100%;
    }
    [data-sec="side_img"]{
        height: 11rem;
    }
    .videoFigure.v video{
        height: auto;
        width: 100%;
    }
    /*----- COMPONENTI UI - BKG -----*/
    [data-sec="hero_home"] .vBkgBox video{
        transform: translateX(-33%);
        -webkit-transform: translateX(-33%);
        -moz-transform: translateX(-33%);
        -ms-transform: translateX(-33%);
        -o-transform: translateX(-33%);
    }
    [data-bkg="404"] {
        background: url(../media/img/bkg/ciclisti-gravel-mob.jpg) no-repeat center center;
        background-size: cover;
    }
    [data-bkg="500"] {
        background: url(../media/img/bkg/ciclista-corsa-mob.jpg) no-repeat top center;
        background-size: cover;
    }
    [data-bkg="shop_emotions"] {
        background: url(../media/img/bkg/bicycle-hand-mob.jpg) no-repeat center center;
        background-size: cover;
    }
    [data-bkg="shop"] {
        background: url(../media/img/bkg/shop-mob.jpg) no-repeat top center;
        background-size: cover;
    }
    /*----- COMPONENTI UI - TEMI -----*/
    .navBox {
        box-shadow: 0 .0952rem .1429rem 0 rgba(var(--color-secondary-1000), .75);
    }
    /*----- COMPONENTI UI - PARRALLAX FX -----*/
    [data-page="home"] [data-el_parallax="parallax_2"].parallax_layer.moveY{
        --target_viewport: 80;
        --parallax_value: -5vh;
    }
    [data-page="home"] [data-el_parallax="parallax_3"].parallax_layer.moveY_to_0 {
        --target_viewport: 40;
    }
    [data-page="home"] [data-el_parallax="parallax_6"].parallax_layer.moveY_to_0,
    [data-page="gravel"] [data-el_parallax="parallax_6"].parallax_layer.moveY_to_0 {
        height: 10rem;
    }
    [data-page="telai"] [data-el_parallax="parallax_3"].parallax_layer.moveY_to_0 {
        --target_viewport: 80;
    }
}

/*----Smartphone---*/
@media only screen and (max-width:42.99rem) {}

/*----Tablet---*/
@media only screen and (min-width:43rem) and (max-width:61.99rem) {}

/*----> Tablet---*/
@media only screen and (min-width:62rem) {
    /*----- COMPONENTI UI - CONFIGURAZIONI -----*/
    #cerchio {
        position: absolute;
        width: var(--circle_w);
        height: var(--circle_w);
        border-radius: var(--circle_w);
        -webkit-border-radius: var(--circle_w);
        -moz-border-radius: var(--circle_w);
        -ms-border-radius: var(--circle_w);
        -o-border-radius: var(--circle_w);
        opacity: 1;
        pointer-events: none;
        mix-blend-mode: difference;
        transform-origin: center;
        z-index: 999;
        transition: transform .2s ease, opacity .2s ease;
        -webkit-transition: transform .2s ease, opacity .2s ease;
        -moz-transition: transform .2s ease, opacity .2s ease;
        -ms-transition: transform .2s ease, opacity .2s ease;
        -o-transition: transform .2s ease, opacity .2s ease;
    }
    body:before {
        background: url(../media/img/grain/grain.png) repeat;
    }
    .mainB {
        padding-top: var(--mainB);
    }
    /*--GRID--*/
    .ws_grid_start_2 {
        grid-column-start: 2;
    }
    /*----- COMPONENTI UI - NAVBAR -----*/
    .navArea .nav, .navArea .nav::before {
        border-radius: var(--nav_h);
        -webkit-border-radius: var(--nav_h);
        -moz-border-radius: var(--nav_h);
        -ms-border-radius: var(--nav_h);
        -o-border-radius: var(--nav_h);
    }
    .navArea .nav{
        padding: 0 1.5238rem;
    }
    .navBox .stage .logo, .animLogo .stage .logo{
        position: relative;
        height: 2.3rem;
        top: .1429rem;
    }
    /*----- COMPONENTI UI - SECTION -----*/
    [data-section="card_cat_hero"]{
        margin-top: -2rem;
    }
    [data-section="core"]{
        height: 30rem;
    }
    .gr_txt_area {
        margin-bottom: -20vh;
    }
    /*
    .videoFigure video{
        transform: translateY(-10vh);
        -webkit-transform: translateY(-10vh);
        -moz-transform: translateY(-10vh);
        -ms-transform: translateY(-10vh);
        -o-transform: translateY(-10vh);
    }
    */
    .sec_info:nth-of-type(even) .side_txtBox{
        order: -1;
    }
    .sec_info:nth-of-type(even) .side_txtBox .txtBox{
        padding-left: 0;
        padding-right: var(--space-lg);
    }
    [data-el="infiniteTrigger_shop_box"]{
        grid-column-start: 6 span;
    }
    /*----- COMPONENTI UI - CARDS -----*/
    [data-card="card_cat"] .card:hover{
        margin-top: -1vh;
    }
    [data-card="card_cat"] .card:hover .card_header .btn{
        opacity: 1;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }
    [data-card="card_cat"] .card_header .btn{
        opacity: 0;
        transform: translate(-1rem, 1rem);
        -webkit-transform: translate(-1rem, 1rem);
        -moz-transform: translate(-1rem, 1rem);
        -ms-transform: translate(-1rem, 1rem);
        -o-transform: translate(-1rem, 1rem);
    }
    [data-card="card_cat"] .card .card_cont {
        height: 10.5rem;
    }
    [data-card="art"] .cover, [data-card="card_blog"] .cover{
        height: 12rem;
    }
    /*Shop - Cat*/
    [data-card="card_cat"][data-id_card="cat_1"] img {
        --bkg_scale: 1.3;
        --bkg_p_y: -1.89rem;
    }
    [data-card="card_cat"][data-id_card="cat_2"] img{
        --bkg_scale: 1.2;
        --bkg_p_y: -1.6667rem;
    }
    [data-card="card_cat"][data-id_card="cat_3"] img {
        --bkg_scale: 1.2;
        --bkg_p_y: -1.7rem;
    }
    [data-card="card_cat"][data-id_card="cat_4"] img {
        --bkg_scale: 1.2;
        --bkg_p_y: -1.7rem;
    }
    /*
    [data-card="card_cat"][data-id_card="cat_1"] img{
        --bkg_scale: 1.5;
        --bkg_p_y: -1.619rem;
    }
    [data-card="card_cat"][data-id_card="cat_2"] img{
        --bkg_scale: 1.2;
        --bkg_p_y: -15px;
    }
    [data-card="card_cat"][data-id_card="cat_3"] img{
        --bkg_scale: 1.3;
        --bkg_p_y: -.9524rem;
    }
    [data-card="card_cat"][data-id_card="cat_4"] img{
        --bkg_scale: 1.2;
        --bkg_p_y: -.7143rem;
    }
    */
    [data-card="art"] .card_txt{
        --card_txt_h: 6.5rem;
    }
    [data-card="card_blog"] .card_txt{
        --card_txt_h: 8rem;
    }
    /*----- COMPONENTI UI - FIGURE -----*/
    [data-bkg="bike_1"],
    [data-bkg="frame_model"] {
        height: 22.381rem;
    }
    [data-bkg="bike_1"]{
        grid-column-start: span 9;
    }
    [data-bkg="frame_model"]{
        grid-column-start: span 6;
    }
    /*----- COMPONENTI UI - BKG -----*/
    [data-bkg="404"] {
        background: url(../media/img/bkg/ciclisti-gravel.jpg) no-repeat center center;
        background-size: cover;
    }
    [data-bkg="500"] {
        background: url(../media/img/bkg/ciclista-corsa.jpg) no-repeat top center;
        background-size: cover;
    }
    [data-bkg="shop"] {
        background: url(../media/img/bkg/shop.jpg) no-repeat top center;
        background-size: cover;
    }
    [data-bkg="shop_emotions"] {
        background: url(../media/img/bkg/bicycle-hand.jpg) no-repeat center center;
        background-size: cover;
    }
    [data-bkg="bici-corsa-ciclista"]{
        background-position-y: -18vh;
    }
    /*----- COMPONENTI UI - PARRALLAX FX -----*/
    [data-page="home"] [data-el_parallax="parallax_2"].parallax_layer.moveY{
        --target_viewport: 80;
        --parallax_value: -10vh;
    }
    [data-page="home"] [data-el_parallax="parallax_3"].parallax_layer.moveY_to_0 {
        --target_viewport: 55;
    }
    [data-page="home"] [data-el_parallax="parallax_5"].parallax_layer.moveY_to_0 {
        --target_viewport: 90;
        --parallax_value: -20vh;
    }
    /*Home*/
    [data-page="telai"] [data-el_parallax="parallax_2"].parallax_layer.moveY{
        --target_viewport: 80;
        --parallax_value: 5vh;
    }
}

/*----Desktop---*/
@media only screen and (min-width:62rem) and (max-width:81.99rem) {}

/*----Desktop grandi---*/
@media only screen and (min-width:82rem) {}

/*----Desktop molto grandi---*/
@media only screen and (min-width:120rem) {}

/*----Desktop standard---*/
@media only screen and (min-width:82rem) and (max-width:119.9rem) {}

/*----Orientamento landscape---*/
@media only screen and (orientation: landscape) {}

/*----FIREFOX---*/
@-moz-document url-prefix() {
    /*
    *{
        scrollbar-width: none;
    }
    html,
    body{
        scrollbar-width: thin;
    }
    */
}

/*----ACCESSIBILITÀ---*/
/*Alto contrasto*/
@media (forced-colors: active) {}
/*
@media (prefers-reduced-motion: reduce) {
    .nav .logo {
        animation: none;
        filter: none;
        opacity: 1;
    }

    .nav .logo.stroke {
        animation: none;
        stroke-dashoffset: 0;
    }

    .nav .logo.fill {
        animation: none;
        opacity: 1;
    }
}
*/