/*variabile globale per sincronizzare tutte le animazioni in base ai gusti*/
        :root {
            --anim_time: 1.25s;
        }
        ._navbar {
            display: flex;
            transition: all var(--anim_time);
            justify-content: space-between;
            padding: 15px;
            background: #fff;
            border-bottom: 1px solid #eee;
            width: 100%;
            max-width: 100%
        }

        ._navbar>div {
            display: flex;
            align-items: center
        }

        ._navbar ._navigator {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        ._navbar ._navigator ._primary {
            margin: 0;
            padding: 10px 15px;
            display: flex;
            border-radius: 30px;
            border: 1px solid #e6e6e6;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1)
        }

        ._navbar ._navigator ._primary li {
            padding: 5px 15px;
            cursor: pointer;
            font-weight: 900
        }

		._navbar ._navigator ._primary li input[type=text],
._navbar ._navigator ._primary li input[type=text]:focus,
._navbar ._navigator ._primary li input[type=text]:active,
._navbar ._navigator ._primary li input[type=text]:visited,
._navbar ._navigator ._primary li input[type=text]:focus-visible {
            border:solid 0px #fff !important;
			background-color: transparent;
	outline:none;
        }

        ._pipe+._pipe {
            border-left: 1px solid #ddd
        }

        ._body {

            padding: 15px 0;
            display: flex;
            background: #eee;
            border-radius: 50px
        }

        ._head {

            display: flex;
            justify-content: center;
        }

        ._head ul {
            display: flex;
        }

        ._head ul li {
            padding: 10px;
            cursor: pointer;
            border-bottom: 3px solid transparent;
            margin: 0 5px;
        }

        ._head ul li:not(._active):hover {
            opacity: 0.25;
        }

        ._head ul li._active,
        ._head ul li:hover {
            border-color: #000;
        }

        ._bodymenu {
            position: relative;
            cursor: pointer;
            padding: 0px 30px;
            display: flex;
            flex-direction: column;
            font-weight: 900
        }
		@media only screen and (max-width: 680px) {
			._bodymenu {
				overflow-x: hidden;
			}
		}

        ._bodymenu+._bodymenu {
            border-left: 1px solid transparent;
        }

        ._bodymenu:not(:hover):not(._active)+._bodymenu {
            border-left: 1px solid #ddd
        }

        ._bodymenu:hover {
            border-color: transparent !important
        }

        ._bodymenu ._pseudo {
            position: absolute;
            width: 100%;
            left: 0;
            top: -15px;
            bottom: -15px;
            border-radius: 50px;
        }

        ._bodymenu:hover ._pseudo {
            background: rgba(0, 0, 0, 0.1)
        }

        ._bodymenu._active ._pseudo,
        ._bodymenu._active:hover ._pseudo {
            background: #fff;
            box-shadow: 6px 12px 12px rgba(0, 0, 0, 0.15)
        }

        ._primary_content {
            display: flex;
            flex-direction: column;
            z-index: 9;

        }

        ._primary_content>small {
            font-weight: 300
        }

        ._secondary_content {
            display: none
        }

        ._bodymenu._active ._secondary_content {
            display: flex;
            position: absolute;
            top: calc(100% + 30px);
            display: flex;
            padding: 45px;
            z-index: 9;
            background: #fff;
            border: 1px solid #eee;
            box-shadow: 6px 12px 12px rgba(0, 0, 0, 0.15);
            min-width: 100%;
            left: 0;
            border-radius: 30px;
        }

        ._navigator * {
            transition: all var(--anim_time);
        }

        ._navigator {
            height: 70px;
            position: relative;
        }

        ._primary {
            position: absolute;
            z-index: 99;
        }

        ._secondary {
            transform: scale(0.8);
            transform-origin: bottom center;
            opacity: 0;
            position: absolute;
            transition: var(--anim_time) all;
            z-index: -1;
        }
@media only screen and (max-width: 680px) {
	._secondary {width:100%;}
}
/*
        body._secondstep ._navigator {
            height: 140px;

        }
*/
        body._secondstep ._secondary._active {
            transform: scale(1);
            opacity: 1;
            /*top: 0;*/
			top:80px;
            z-index: 99;
        }

        body._secondstep ._primary {
            
			/*
			top: 0;
			transform: scale(0.0001);
            opacity: 0;
            
            top: -100%;
			*/
        }

		body._secondstep ._primary ._pipe::after {display:none;}

        /*EXTRA- CORREZIONI DAL VECCHIO CSS*/
        body {
            padding: 0
        }

        body._secondstep .catalogo::after {

            background: rgba(0, 0, 0, 0.2);
        }



.veicolo .galleria img {width:calc(25% - 10px);}


@media only screen and (max-width: 680px) {
	
	
	body._secondstep ._secondary._active {
            background-color:#fff;
		padding:15px;
        }
	
	._navbar {display:block;}
	._navbar ._logo {text-align: center;display:block;margin-bottom:15px;}
	
	._navbar ._navigator ._primary li {
            padding-left: 45px;
         
        }
	._user {
		position: absolute;
    	right: 30px;
    	/*margin-top: -128px;*/
		top:75px;
		z-index:99;
	}
	
	._secondstep ._secondary._active {
		width: 100%;
	}
	._secondstep ._secondary._active ._body {
		flex-direction: column;
		background-color: transparent;
		border-radius:0px;
	}
	._secondstep ._secondary._active ._body ._bodymenu:not(.searchbar-menu)  {
		
		margin-bottom:15px;
	}
	._secondstep ._secondary._active ._body ._bodymenu:not(.searchbar-menu) ._primary_content {
		background: #fff;
    	border-radius: 50px;
	}
	._secondstep ._secondary ._body ._bodymenu:not(.searchbar-menu) ._primary_content {
		background: #fff;
    	border-radius: 50px;
    	box-shadow: 6px 12px 12px rgba(0, 0, 0, 0.15);
		padding: 15px;
        margin: 5px -40px;
	}
	._bodymenu._active ._secondary_content {
		position:relative;
		padding:25px 0 0 0 ; 
	}
	._secondary_content.thumblist ul {
		flex-wrap:nowrap;
		width: 80vw;
        overflow-x: scroll;
        
	}
	._secondary_content.thumblist ul li {
		min-width: 90px;
		margin-right:15px;
		font-size: 12px;
	}
	
	._bodymenu._active ._secondary_content {
		border: none;
    	box-shadow: none;
	}
	._secondstep ._secondary ._body ._bodymenu:not(.searchbar-menu) ._primary_content,
	._bodymenu._active ._pseudo, ._bodymenu._active:hover ._pseudo {
		
    	box-shadow: none;
	}
	
}