:root {
    --blue: #003865;
    --red: #911B16;
    --green: #005F66;
    --clearblue: #008AD8;
    --light-grey: #f1f1f1;
}

*{ appearance:none; -moz-appearance:none; -webkit-appearance:none; -webkit-text-size-adjust:100%;}

input[type="checkbox"]{ appearance:checkbox !important; -moz-appearance:checkbox !important; -webkit-appearance:checkbox !important;}
input[type="radio"]{ appearance:radio !important; -moz-appearance:radio !important; -webkit-appearance:radio !important;}

.boxato {padding:300px!important}
.clearfix:before,
.clearfix:after { content:""; display:table;}
.clearfix:after { clear:both;}
.clearfix { zoom:1;}

.sep-mob{ display:none;}
.sep-desk{ display:inline-block;}

.page_container { margin:auto; width:100%; background-color:#FFF; overflow:hidden;}
.wrapper{ width:100%; margin:auto; font-family:inherit; font-weight:inherit;}

.textpage{ text-align:justify; padding:0 20px; max-width:95%;}

html,body{ background-color:#A9A9A9; color:#000; font-size:100%; font-family:'Montserrat', sans-serif; margin:0; padding:0; border:0; outline:0;}
body{ padding:0;}
img{ border:0;}

#logobar #logo{ float:left; width:25%; padding:20px; font-size:25px;}
#logobar #logo img{ height:60px;}
#logobar #marchi{ float:right; width:50%; text-align:right; padding:20px;}
#logobar #mobile_menu_icon{ display:none;}
#mobile_menu_box{ display:none;}

#mobile_topbar{ display:none;}
#topbar{ background-color:#ebebeb; padding:5px 0px;}

#topbar #languagebar{ float:left; width:25%; text-align:left; padding-left:20px;}
#topbar #languagebar ul{ list-style:none; margin:0; padding:0;}
#topbar #languagebar  ul li{ float:left; padding-right:10px;}
#topbar #languagebar ul li a{ font-size:12px; color:#3a3a3c; text-decoration:none;}
#topbar #languagebar ul li a:hover{ color:#0b5fa7; text-decoration:none;}
#topbar #languagebar ul li.current a{ font-weight:bold; color:#0b5fa7; text-decoration:none;}

#topbar #updatedatabar{ color:#3a3a3c; font-size:12px; float:left; width:39%; text-align:center;}
#topbar #updatedatabar i{ color:#f28e04; font-size:16px; display:inline-block; vertical-align:middle;}
#topbar #userbar{ color:#3a3a3c; font-size:12px; float:right; width:30%; text-align:right; padding-right:20px;}
#topbar #userbar i{ color:#f28e04; font-size:16px; display:inline-block; vertical-align:middle;}
#topbar #userbar a{ color:#3a3a3c; text-decoration:none;}
#topbar #userbar a:hover{ color:#f28e04; text-decoration:none;}

#secondmenubar{ background-color:#3a3a3c;}
#secondmenubar nav{ margin:5px; margin-right:20px;}
#secondmenubar ul{ list-style:none; margin:0; padding:0px;}
#secondmenubar ul li{ float:left; padding-right:30px; text-transform:uppercase;}
#secondmenubar ul li.registered{ float:right; padding-right:0px;}
#secondmenubar ul li.reserved{ float:right;}
#secondmenubar ul li.reserved .ico{ display:none;}
#secondmenubar ul li.payonline{ float:right;}
#secondmenubar ul li.viewcart{ float:right;}
#secondmenubar ul li.workwithus{ float:right;}
#secondmenubar ul li a{ font-size:12px; color:#FFF; font-weight:normal; text-decoration:none;}
#secondmenubar ul li a i{ font-size:16px; display:inline-block; vertical-align:middle;}
#secondmenubar ul li a:hover{ color:#ff8a00; text-decoration:none;}

#menubar{ background-color:#fff;}
#menubar nav{ display:table; width:96%; border-collapse:collapse; border:none;}
#menubar ul{ list-style:none; margin:0; padding:0px; display:table-row;}
#menubar ul li{ text-transform:uppercase; display:table-cell; margin:0; padding:20px 10px; text-align:center;}
#menubar ul li a{ font-size:19px; color:#0b5fa7; font-weight:normal; text-decoration:none; font-weight:600;}
#menubar ul li a:hover{ color:#ff8a00; text-decoration:none;}

#contentbar{ min-height:700px; background-color:#fff;}
#pageheader{ background-color:#0b5fa7; color:#FFF; text-align:center; height:75px; line-height:75px; overflow:hidden;}
#pageheader h1{ margin:0; padding:0; font-size:35px; text-transform:uppercase; line-height:inherit; font-family:inherit; font-weight:normal;}

#searchbar{ background-color:#3a3a3c; color:#FFF; padding:10px; font-weight:normal; font-size:12px; text-align:center;}
#searchbar label{ font-weight:100; margin:0 15px; display:inline-block;}
#searchbar input{ border:none; padding:3px; outline:none; display:inline-block;}
#searchbar .codtxt{ text-align:center;}
#searchbar .codtxt.codtxt1{ width:35px;}
#searchbar .codtxt.codtxt2{ width:35px;}
#searchbar .codtxt.codtxt3{ width:80px;}
#searchbar form{ width:100%; margin:auto;}
#searchbar #cerca_btn{ background-image:url('/images/icons/search_white.png'); background-repeat:no-repeat; background-position:center center; background-color:transparent; width:16px; height:16px; background-size:contain; margin-left:10px;}

#address{ background-color:#0b5fa7; color:#fff;}
#address #logo_white img{ height:60px;}
#address #address_text{ font-size:12px; line-height:1.5;}
#address #address_text a{ color:#FFF; text-decoration:none;}
#address #address_text a:hover{ color:#FFF; text-decoration:none;}

.prefoot { display:flex; align-items:center; flex-wrap:wrap;}
.prefoot_box { padding:40px 20px; display:flex; flex:1 1 auto;}
.prefoot1 { column-gap:40px; flex-wrap:wrap;}
.prefoot2 h4 { margin:0 0 20px 0; font-weight:400; text-transform:uppercase;}
.prefoot2 img { width:180px;}

.icon-info:before { content: ' '; width:15px; height:15px; display:inline-block; background-image:url('/images/ico-info.svg'); background-position:center; background-repeat:no-repeat; background-size:contain; margin-right:5px;}
.icon-download:before { content: ' '; width:15px; height:15px; display:inline-block; background-image:url('/catalog/images/icn-download.svg'); background-position:center; background-repeat:no-repeat; background-size:contain; margin-right:5px;}

@media (min-width:768px) {
	.prefoot { flex-wrap:nowrap;}
	.prefoot_box { flex:1 1 auto;}
	.prefoot2 { justify-content:flex-end;}
	.prefoot2 > div { text-align:right;}
}

#footer{ background-color:#fff; color:#0b5fa7;}
#footer #mainmenu{ float:left; margin:20px 0; width:100%;}
#footer #mainmenu ul{ list-style:none; margin:0; padding:0 20px;}
#footer #mainmenu ul li{ float:left; padding-right:10px; text-transform:uppercase;}
#footer #mainmenu ul li a{ font-size:10px; color:#0b5fa7; font-weight:normal; text-decoration:none;}
#footer #mainmenu ul li a:hover{ color:#ff8a00; text-decoration:none;}

.print a { color:#fff; text-decoration:none; background-color:#3a3a3c; padding:5px 15px; font-size:11px; text-transform:uppercase; float:right;}
.print a i { font-size:16px; vertical-align:middle; margin-right:5px;}
.print a:hover{ background-color:#ff8a00; text-decoration:none;}

/* MENU */
#menubar .has_submenu { position:static;}
#menubar .has_submenu:hover > a { color:#ff8a00;}
#menubar .has_submenu > a, #menubar .has_submenu2 > a { pointer-events:none;}
#menubar .has_submenu > a > i { vertical-align:middle; font-weight:normal;}
#menubar .has_submenu > ul, #menubar .has_submenu2 > div { position:absolute; max-width:46vw; display:none;}
#menubar .has_submenu:hover > ul { display:block;}
#menubar .has_submenu > ul { margin-top:20px; margin-left:1.5vw; z-index:10; background:#EBECEC; box-shadow:0px 3px 6px #00000029;}
#menubar .has_submenu > ul::before, #menubar .has_submenu2 > div ul::before { content:""; position:absolute; border-top:12px solid #EBECEC; border-left:12px solid transparent; border-right:12px solid transparent;}
#menubar .has_submenu > ul::before { top:-12px; left:0; transform:rotate(180deg);}
#menubar .has_submenu li { display:block; text-align:left; padding:0 20px;}
#menubar .has_submenu > ul > li { transition:all 0.2s ease-out; position:relative;}
#menubar .has_submenu > ul > li:hover { background:#fff;}
#menubar .has_submenu > ul > li:last-child > a { border-bottom:0;}
#menubar .has_submenu > ul a, #menubar .has_submenu > ul .open_sub { display:block; font-weight:normal; color:#3A3A3B;}
#menubar .has_submenu > ul > li > a { font-size:16px; padding:15px 0; border-bottom:1px solid #ccc;}
#menubar .has_submenu > ul > li.has_flag > a { padding:15px 0 15px 35px;}
#menubar .has_submenu > ul > li > a:hover { color:#3A3A3B;}
#menubar .has_submenu2 > div { left:100%; top:0; padding-left:24px; width:100%;}
#menubar .has_submenu2:hover > div { display:block;}
#menubar .has_submenu2 > div ul { display:block; background:#EBECEC; box-shadow:0px 3px 6px #00000029; padding:15px 0; position:relative;}
#menubar .has_submenu2 > div ul::before { top:5px; left:-18px; transform:rotate(90deg);}
#menubar .has_submenu2 > div ul li a, #menubar .has_submenu2 > div ul li .open_sub { font-size:14px; padding:5px 0;}
#menubar .open_sub { cursor: pointer;}
#menubar .open_sub_div { display: none; padding-left: 15px; position: relative;}
#menubar .open_sub_div::before { content: ""; position: absolute; left: 0; height: 100%; width: 2px;}
#menubar .dep_green .open_sub_div::before { background: #005F66;}

.has_submenu > ul > li { transition:all 0.2s ease-out; position:relative;}
.has_flag { 
	position:relative;
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}
.has_flag::before {     
	content: "";
    /*width: 41px;
    height: 65px;*/
    width: 38px;
    height: 60px;
    border-radius: 3px;
    transform: skewX(-18deg);}
.has_submenu > ul > li.has_flag::before { left:20px; top:calc(50% - 4px);}
#menubar .has_submenu > ul > li.has_flag::before { top:20px;}
#mobile_menu_box .has_submenu > ul > li.has_flag::before { top:18px;}
.has_flag.dep_blue::before { background:var(--blue);}
.has_flag.dep_red::before { background: var(--red);}
.has_flag.dep_green::before { background:var(--green);}
.has_flag.dep_clearblue::before { background:var(--clearblue);}

#mobile_menu_box .has_submenu > ul, #mobile_menu_box .has_submenu2 > ul { display:none;}
#mobile_menu_box .has_submenu a { border-top:0; text-transform:none; width:auto; max-width:100%; display:block;}
#mobile_menu_box .has_submenu > ul > li > a { padding-left:40px;}
#mobile_menu_box .has_submenu > ul > li.has_flag > a { padding-left:60px;}
#mobile_menu_box .has_submenu2 > a > i { vertical-align:middle;}
#mobile_menu_box .has_submenu2 > ul > li > a { padding-left:60px;}
#mobile_menu_box .has_submenu2.has_flag > ul > li > a { padding-left:80px;}
#mobile_menu_box nav > ul > li > a, #mobile_menu_box nav .has_submenu > a { text-transform:uppercase;}


/* HOME */
#divisioni { display:flex; flex-wrap:wrap; color:#242424; overflow:hidden; margin-top:20px;}
#divisioni .has_flag::before { left:0; top:0;}
.box_divisione { padding:0; background:#EBECEC; position:relative; flex:1 1 auto; min-height:250px; border-bottom:1px solid #fff;}
.box_divisione .secondo_chiuso, .box_divisione .primo_chiuso { opacity:0; position:absolute; top:0; left:0; z-index:-1;}
.box_divisione .secondo_aperto { opacity:1; position:relative; z-index:10;}
.close_secondo { text-align:right;}
.close_secondo img { transform:rotate(180deg);}
.open_secondo, .close_secondo { cursor:pointer;}
.open_secondo img, .close_secondo img { display:inline-block !important;}
.inner_box > div { padding:20px;}
.secondo .bg_h2 { background:#fff;}

.box_divisione .show_mob img { width:80px; height:80px; display:block;}
.box_divisione .bg_h2 h2 { margin-bottom:20px;}

@media (min-width:480px) {
	.box_divisione .bg_h2 { display:flex; column-gap:30px; justify-content:space-between; align-items:flex-start;}
	.box_divisione .bg_h2 h2 { margin-bottom:0;}
}
.secondo { color:#fff;}
.secondo .dep_blue { color:var(--blue);}
.secondo .dep_red { color:var(--red);}
.secondo .dep_green { color:var(--green);}
.secondo .dep_clearblue { color:var(--clearblue);}
.secondo_aperto.dep_blue { background:var(--blue);}
.secondo.dep_red { background:var(--red);}
.secondo.dep_green { background:var(--green);}
.secondo_aperto.dep_clearblue { background:var(--clearblue);}

.box_divisione h2 { text-transform:uppercase; font-size:19px; color:#214F7E; line-height:1.23; margin:0; padding-top:20px; position:relative; min-height:46px; font-weight:400;}
.box_divisione p { font-size:12px; color:inherit; line-height:1.5; margin:0;}

.elenco_prod { font-size:12px; color:#fff;}
.elenco_prod a { font-size:inherit; color:inherit; text-decoration:none; text-transform:uppercase; margin-bottom:10px; display:block;}


@media (min-width:767px){
	#divisioni { flex-wrap:nowrap; margin-top:0;}
	.box_divisione { transform:skew(-8deg, 0deg); border-right:1px solid #fff; border-bottom:0; flex:1 1 0; transition:flex 0.5s ease-out; min-height:650px;}
	.box_divisione:hover { flex:3 1 0;}
	/*.box_divisione .inner_box { transition:opacity 0.25s ease-out;}*/
	.box_divisione .secondo, .box_divisione:hover .primo { opacity:0; position:absolute; top:0; left:0;}
	.box_divisione:hover .secondo, .box_divisione .primo { opacity:1; position:relative;}
	.box_divisione:first-child:hover .secondo > div:first-child::before, .box_divisione:first-child:hover .secondo .bg_content::before { content:""; position:absolute; top:0; left:calc(-200% + 1px); width:200%; bottom:0;}
	.box_divisione:first-child:hover .secondo > div:first-child::before { background:#fff;}
	.box_divisione:first-child:hover .secondo .bg_content::before { background:#002B52;}
	.box_divisione:last-child:hover .secondo > div:first-child::after, .box_divisione:last-child:hover .secondo .bg_content::after { content:""; position:absolute; top:0; right:calc(-200% + 1px); width:200%; bottom:0;}
	.box_divisione:last-child:hover .secondo > div:first-child::after { background:#fff;}
	.box_divisione:last-child:hover .secondo .bg_content::after { background:#008AD8;}
	.box_divisione:first-child .inner_box > div:first-child { padding:40px 20px 0 0; margin-left:-20px;}
	.box_divisione:first-child .primo .bg_content { padding:40px 20px 0 0;}
	.box_divisione:first-child .secondo .bg_content { padding:40px 20px 0 40px;}
	.box_divisione:last-child .primo .bg_content { padding:40px 40px 0 40px;}
	.box_divisione:last-child .secondo > div { padding:40px 60px 0 20px;}
	.box_divisione .primo::after { content:""; position:absolute; left:100px; bottom:50px; width:80px; height:80px; background:url('/images/ico-arrow.svg') center / contain; transform:skew(8deg, 0deg);}
	.box_divisione .show_mob { display:none;}
	.primo .bg_content { padding-left:40px;}
	.secondo > div:first-child > * { margin-bottom:40px;}
	.secondo > div { position:relative;}
	.box_divisione .secondo .bg_content { padding-left:50px;}
	.inner_box { z-index:unset !important;}
	.inner_box > div { padding:40px 20px 0 25px;}
	.inner_box > div > * { transform:skew(8deg, 0deg);}
	.box_divisione:first-child::before, .box_divisione:last-child::before { content:""; background:#EBECEC; position:absolute;	top:0; width:200%; bottom:0;}
	.box_divisione:first-child::before { left:-200%;}
	.box_divisione:last-child::before { right:-200%;}
	.box_divisione > div { position:relative; height:100%;}
	.box_divisione:first-child .primo::after { left:60px;}
	.box_divisione .bg_h2 h2 { max-width:350px;}
	.secondo.dep_blue .bg_content { background:#002B52; height:100%;}
	.secondo.dep_clearblue .bg_content { background:#008AD8; height:100%;}
}

@media (min-width:1200px){
	.elenco_prod { display:flex; column-gap:5%; column-count:2; flex-wrap:wrap; padding-bottom:30px;}
	.elenco_prod a { width:calc(50% - 5%);}
}

/* ELENCO PROD DIVISIONE */
#new_title { padding:50px 0;background-color: var(--light-grey); }
#new_title > div { padding: 0 15px; margin:0 auto; display:flex; flex-direction: column; flex-wrap:wrap; column-gap:30px; justify-content:space-between;}
#new_title h1 { font-size:20px; color:#fff; padding-top:20px; margin:0 0 20px 0; font-weight:700; line-height: 1;}
#new_title .has_flag::before { background:#fff; top:0;}
#new_title.dep_blue h1, #pageheader.dep_blue { color:var(--blue);}
#new_title.dep_red h1, #pageheader.dep_red { color:var(--red);}
#new_title.dep_green h1, #pageheader.dep_green { color:var(--green);}
#new_title.dep_clearblue h1, #pageheader.dep_clearblue { color:var(--clearblue);}
#new_title.dep_blue h1:before { background-color:var(--blue);}
#new_title.dep_red h1:before { background-color:var(--red);}
#new_title.dep_green h1:before { background-color:var(--green);}
#new_title.dep_clearblue h1:before { background-color:var(--clearblue);}

@media (min-width:480px) {
	#new_title > div { flex-wrap:nowrap;}
	#new_title h1 { margin:0;}
}
@media (min-width:767px){
	#new_title h1 { 
        /*font-size:clamp(30px, 4.2vw, 80px);*/
        font-size: clamp(30px, 2.4vw, 45px);
    }
}
@media (min-width:983px){
	#new_title > div { padding: 0 20px;}
}
@media (min-width:1201px){
	#new_title > div { padding: 0 35px;}
}

/*BO
#divisioni { display:flex;}
#divisioni .has_flag::before { left:40px; top:40px;}
.box_divisione { position:relative; flex:1 1 0; background:#eee;}
.box_divisione > div::before, .box_divisione > div::after { content:""; position:absolute; top:0; bottom:0; width:100px; background:#eee; z-index:1; transform:skew(-8deg, 0deg);}
.box_divisione > div::before { left:0;}
.box_divisione > div::after { right:0; border-right:1px solid #fff;}
.box_divisione:last-child > div::after { content:none;}
.box_divisione * { position:relative; z-index:10;}
.box_divisione > div { position:relative; height:100%;}
.box_divisione h2 { padding:60px 40px 40px 40px; margin:0;}
.box_divisione p { padding:0 40px; margin:0;}
.box_divisione:hover { flex:3 1 0;}
.box_divisione:hover > div:first-child, .box_divisione > div:last-child { display:none;}
.box_divisione > div:first-child, .box_divisione:hover > div:last-child { display:block;}
.box_divisione .bg_h2 { background:#fff; transform:skew(-8deg, 0deg) translateX(14px); display:flex;}
.box_divisione .bg_h2 > * { transform:skew(8deg, 0deg);}*/


/*OK?
#divisioni { display:flex;}
.box_divisione { padding:40px 0 0 80px; background:#EBECEC; transform:skew(-8deg, 0deg); border-right:1px solid #fff; position:relative; flex:1 1 0; transition:all 0.2s ease-out; min-height:700px;}
.box_divisione:first-child { padding:40px 0 0 40px;}
.box_divisione:hover { flex:3 1 0;}
.box_divisione > div:last-child, .box_divisione:hover > div:first-child { display:none;}
.box_divisione:hover > div:last-child, .box_divisione > div:first-child { display:block;}
.box_divisione:first-child::before { content:""; background:#EBECEC;	position:absolute;	top:0;	left:-200%; width:200%; bottom:0;}
.box_divisione:last-child::before { content:""; background:#EBECEC;	position:absolute;	top:0;	right:-200%; width:200%; bottom:0;}
.box_divisione > div { transform:skew(8deg, 0deg); position:relative; height:calc(100% - 20px);}
.box_divisione > div::after { content:""; position:absolute; left:0; bottom:50px; width:100px; height:100px; background:url('/images/ico-arrow.svg') center / contain;}
.box_divisione h2 { text-transform:uppercase; font-size:19px; color:#214F7E; line-height:1.23; margin:0 0 40px 0; padding-top:20px;}
.box_divisione p { font-size:14px; color:#242424; line-height:1.5; margin:0;}
.box_divisione .logo-dep { display:flex;}*/

@media (max-width:1240px){
	body{ padding:0;}
	.page_container { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-radius:0;}
}

@media (max-width:1142px){}

@media (max-width:1075px){
	#menubar ul li a { font-size:17px;}
	#menubar .has_submenu > ul > li > a { font-size:14px;}
}

@media (max-width:995px){}

@media (max-width:967px){
	#menubar ul li a { font-size:16px;}
}

@media (max-width:886px){
	#menubar ul li a { font-size:15px;}
}

@media (max-width:767px){
	#contentbar { min-height:intrinsic;}
	.sep-mob{ display:inline-block;}
	.sep-desk{ display:none;}
	#logobar #marchi{ display:none;}
	#mobile_topbar{ display:block; background-color:#ebebeb; padding:2%; width:96%;}
	#mobile_topbar i{ color:#f28e04; font-size:16px; display:inline-block; vertical-align:middle;}
	#mobile_topbar a{ color:#000; text-decoration:none;}
	#mobile_topbar a:hover{ color:#000; text-decoration:none;}
	#mobile_topbar #updatedatabar{ float:left;}
	#mobile_topbar #userbar{ float:right;}
	#logobar #mobile_menu_icon{ float:right; width:32px; padding:30px 20px; font-size:32px; height:32px; color:#3a3a3c; display:block;}
	#mobile_menu_box{ background-color:#3a3a3c; border-bottom:1px #FFF solid;}
	#mobile_menu_box ul{ list-style:none; padding:0; margin:0;}
	#mobile_menu_box ul li a{ padding:10px 20px 10px 20px; display:inline-block; color:#FFF; border-top:1px #FFF solid; width:100%; text-decoration:none; font-size:18px;}
	#mobile_menu_box ul li a:hover{ background-color:#f28e04; text-decoration:none;}
	#mobile_menu_box ul li.lingue a{ width:16.667%; float:left; text-align:center; padding:0; padding-top:10px; padding-bottom:10px;}
	#topbar { display:none;}
	#secondmenubar{ display:none;}
	#menubar{ display:none;}
	#footer #mainmenu { float:none; margin:0; width:100%;}
	#footer #mainmenu ul{ padding:0;}
	#footer #mainmenu ul li { float:none; padding:0px; text-align:center; border-bottom:1px #0b5fa7 solid; padding:15px 0;}
	#footer #mainmenu ul li a{ display:inline-block;}
	#pageheader{ height:auto; line-height:normal;}
	#pageheader h1{ font-size:20px; padding:15px 0;}
	#contentbar #searchbar .wrapper{ padding:0; margin:0;}
	#searchbar label { margin:0 5px; font-size:12px;}
	#searchbar .codtxt.codtxt3 { width:70px;}
	#searchbar label.descrizione{ margin-top:10px; display:inline-block;}
}

/* Dexanet  - Modifiche pagina prodotto */
.icona-info { margin-bottom:0px;}
.icona-info:after {	content: ' '; width:22px; height:22px; display:block; background-image:url('/images/icn-info.svg'); background-position:center; background-repeat:no-repeat; background-size:contain;}
.product-login-container { margin-top:10px; padding:20px; background-color:#3a3a3c; color:#FFF; float:right; max-width:60%; width:100%;}

@media (max-width:767px){
	.product-login-container { max-width:90%; float:none; margin:auto; margin-top:10px; padding:4%;}
}

.product-login-container .row {	display:flex; flex-wrap:wrap; margin-right:-15px; margin-left:-15px; justify-content:start; align-items:center; align-content:center;}

@media (max-width:767px) {
	.product-login-container .row { display:block; margin-right:0px; margin-left:0px;}
}

.product-login-container .col {	flex-basis:0; flex-grow:1; max-width:100%; padding:0 15px;}

@media (max-width:767px){
	.product-login-container .col { flex:0 0 100%; max-width:100%;}
}

.product-login-container .col-auto { flex:0 0 auto; width:auto; max-width:100%; padding:0 15px;}

@media (max-width:767px){
	.product-login-container .col-auto { flex:0 0 100%; max-width:100%; margin-top:10px; text-align:center;}
}
.product-login-container .text { font-size:12px; text-transform:uppercase; font-weight:bold;}
.btn-blu { padding:15px 25px; font-size:12px; color:white; background-color:#025FA8; border:1px solid #025FA8; display:inline-block; text-decoration:none; font-weight:bold; text-transform:uppercase;}
.btn-blu:hover { opacity:0.4;}

@media (max-width:767px){
	.btn-blu { margin:0 auto;}
}
.icon-accedi:before { content: ' '; width:15px; height:15px; display:inline-block; background-image:url('/images/icn-user-alt.svg'); background-position:center; background-repeat:no-repeat; background-size:contain; margin-right:5px;}
.icon-registrazione:before { content: ' '; width:15px; height:15px; display:inline-block; background-image:url('/images/icn-edit.svg'); background-position:center; background-repeat:no-repeat; background-size:contain; margin-right:5px;}
.cta-prodotto .btn-cta-prodotto { padding:40px 20px; background-color:#3a3a3c; color:white; display:block; width:100%; margin-bottom:1px; font-size:22px; padding-right:60px; position:relative; max-width:-webkit-fill-available; text-decoration:none; text-transform:uppercase; font-weight:bold;}

@media (max-width:767px){
	.cta-prodotto .btn-cta-prodotto { font-size:18px;}
}

.cta-prodotto .btn-cta-prodotto:after {	content:' '; width:50px; height:50px; display:block; background-image:url('/images/icn-arrow-right.svg'); background-position:center; background-repeat:no-repeat; background-size:contain; position:absolute; top:50%; right:20px; transform:translateY(-50%);}
.cta-prodotto .btn-cta-prodotto:hover {	background-color:#0b5fa7;}

@media (max-width:767px){
	.cta-prodotto .btn-cta-prodotto:after { width:25px; height:25px;}
}

.respTable { overflow-x:auto;}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

#logobar,
#mobile_menu_box,
#mobile_topbar,
#topbar,
#secondmenubar,
#menubar,
#address,
#footer{
	display: none !important;
}

#new_title img{
	display: none !important;
}
body{
	font-size: 1rem;
    line-height: 1.4;
	font-weight: 300;
    background-color: #fff;
    padding-top: 116px;
    @media screen and (max-width: 1024px) {
        padding-top: 117px;
    }
    @media screen and (max-width: 767px) {
        padding-top: 97px;
    }
}
html {
    /*&::-webkit-scrollbar {*/
    /*    !*display: none;*!*/
    /*    width: 8px;*/
    /*    margin-right: 10px;*/
    /*}*/

    /*&::-webkit-scrollbar-track {*/
    /*    width: 5px;*/
    /*    background-color: #dbdfdc;*/
    /*    border: 2px solid white;*/
    /*    border-radius: 50px;*/
    /*}*/

    /*&::-webkit-scrollbar-thumb {*/
    /*    background-color: grey;*/
    /*    width: 1px;*/
    /*    border-radius: 100px;*/
    /*    border: 1px solid grey;*/
    /*}*/
}
.pt-50 {
    padding-top: 50px;
}
.pb-50 {
    padding-bottom: 50px;
}
.color-white, .color-white * {
    color: #fff;
}
#contentbar #breadcrumbs .wrapper{
    margin: unset;
    width: unset;
}
#contentbar #breadcrumbs .wrapper p{
    margin: 0;
}
html #breadcrumbs{
    padding: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    color: black;
}
html #breadcrumbs a:hover{
    color: var(--blue);
}
html .dep_red #breadcrumbs a:hover{
    color: var(--red);
}
html .dep_green #breadcrumbs a:hover{
    color: var(--green);
}
html .dep_clearblue #breadcrumbs a:hover{
    color: var(--clearblue);
}
html #breadcrumbs .wrapper > p > *:last-child{
    color: black;
    font-weight: 700;
}

.product-search-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    gap: 20px 40px !important;
    padding: 0 3vw !important;
    flex-wrap: wrap !important;
    margin-bottom: 27px;
    align-items: center;
}
.product-search-wrapper > * {
    flex: 0 0 auto;
    width: unset !important;
}
@media screen and (max-width: 1250px) {
    .product-search-wrapper > div {
        flex: 0 0 100%;
    }
}
#searchbar .product-search-wrapper input[type=text] {
    border: unset;
    background: var(--light-grey);
    padding: 20px;
    font-size: 16px;
    text-align: left;
    border-radius: 8px;
}
@media (min-width: 1024px) {
    #searchbar .product-search-wrapper input[type=text]::placeholder {
        color: transparent;
    }
}
#searchbar p {
    margin-bottom: 0;
}
.product-search-wrapper .group {
    align-items: center;
    display: flex;
    gap: 10px;
    flex: 1 1 auto;
}
.product-search-wrapper form {
    display: flex;
    align-items: center;
    gap: 2vw;
    justify-content: space-between;
    flex: 1 1 auto;
}
@media screen and (max-width: 768px) {
    .product-search-wrapper{
        margin-bottom: 0;
    }
    .product-search-wrapper form {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: stretch;
    }
    .product-search-wrapper form > * {
        flex: 0 0 100%;
        max-width: none;
    }
}
.product-search-wrapper form .codtxt,
.product-search-wrapper form .desctxt {
    flex: 1 0 160px;
}
#searchbar{
    background-color: unset;
    color: #141415;
    padding: 30px 0;
    font-size: 1rem;
}
#searchbar label{
    font-weight: 300;
}
#searchbar .elementor-icon-box-wrapper {
    flex-direction: row;
    text-align: start;
}
#searchbar .elementor-icon-box-wrapper{
    flex-direction: row;
    text-align: start;
    display: flex;
    align-items: center;
    gap: 10px;
}
#searchbar .elementor-icon svg {
    font-size: 18px;
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
}
#searchbar .elementor-element{
    font-size: 16px;
    font-weight: 700;
}
.btn{
    font-weight: 500;
    font-size: 1rem;
    border-radius: 10px 10px 10px 10px;
    padding: 20px 24px 20px 24px;
    display: block;
    max-width: max-content;
    cursor: pointer;
}
.btn.btn-primary{
    background-color: #003865;
    color: white;
    border: unset;
}
.btn.btn-white{
    color: #003865;
    background-color: #fff;
}
html .raggruppamento .box-prod{
    border-radius: 10px;
    border: 1px solid var(--light-grey);
    background-color:var(--light-grey);
    color: #000;
    position: relative;
    display: flex;
    flex-direction: column;
}
html .raggruppamento a.box-prod:hover {
    background-color: var(--blue);
    border-color: var(--blue);
    color: white;
}
html .raggruppamento .box-prod::after{
    content: "";
    height: 10px;
    width: 100%;
    border-bottom: 3px solid var(--blue);
    display: block;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 10px 10px;
}
html .dep_red .raggruppamento a.box-prod:hover{
    background-color: var(--red);
}
html .dep_green .raggruppamento a.box-prod:hover{
    background-color: var(--green);
}
html .dep_clearblue .raggruppamento a.box-prod:hover{
    background-color: var(--clearblue);
}
html .dep_red .raggruppamento a.box-prod:hover,
html .dep_red .raggruppamento .box-prod::after{
    border-color: var(--red);
}
html .dep_green .raggruppamento a.box-prod:hover,
html .dep_green .raggruppamento .box-prod::after{
    border-color: var(--green);
}
html .dep_clearblue .raggruppamento a.box-prod:hover,
html .dep_clearblue .raggruppamento .box-prod::after{
    border-color: var(--clearblue);
}

html .raggruppamento .box-prod .photo {
    border-radius: 8px;
    padding: 10%;
}
html .raggruppamento .box-prod span{
    padding: 12px 5px 6px;
}
html .raggruppamento .box-prod .text{
    color: black;
    font-size: 16px;
    padding: 11px 10px 15px;
    min-height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}
html .raggruppamento a.box-prod:hover .text{
    color: white;
}
strong {
    font-weight: 600 !important;
}
p {
    margin-bottom: 15px;
}
html #pagedescription,
html #catalogue_step2,
html #catalogue_step3,
html #filtri,
html #lista_articoli,
html .marche,
html #contentbar > .legend{
    font-size: 16px;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80.5% !important;
    padding-left: 0 !important;
    @media screen and (min-width: 768px) and (max-width: 1400px) {
        width: calc(100% - 70px) !important;
    }
}
html #pagedescription .wrapper,
html #filtri .wrapper,
#catalogue_step2,
html .marche #pagedescription{
    margin-left: unset !important;
    margin-right: unset !important;
    width: unset !important;
}
html .marche #pagedescription .boxsdesc{
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
html #pagedescription .boxsdesc {
    background-color: white;
}
html #pagedescription.step2 .boxsdesc,
html #pagedescription.step3 .boxsdesc{
    padding: 20px;
    background-color: var(--light-grey);
    width: 100%;
    border-radius: 15px;
}
html .elemento{
    width: unset;
    float: none;
    flex: 0 0 calc((100% - 66px) / 4);
}
html .elementi-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    margin: 30px 0;
}
html .elemento a{
    width: unset;
    border-radius: 10px;
    border: 1px solid var(--light-grey);
    color: black;
    margin: 0;
}
html .elemento a:hover{
    border: 1px solid var(--blue);
    color: var(--blue);
    border-radius: 10px;
}
html .dep_red .elemento a:hover{
    border-color: var(--red);
    color: var(--red);
}
html .dep_green .elemento a:hover{
    border-color: var(--green);
    color: var(--green);
}
html .dep_clearblue .elemento a:hover{
    border-color: var(--clearblue);
    color: var(--clearblue);
}

html .elemento p{
    /*font-size: 25px;*/
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle;
    /*height: 50px;*/
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
}
html .elemento img{
    margin-bottom: 10px;
    width: 80%;
}
html .categoria h2{
    color: var(--blue);
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    border-bottom: unset;
}
html .dep_red .categoria h2{
    color: var(--red);
}
html .dep_green .categoria h2{
    color: var(--green);
}
html .dep_clearblue .categoria h2{
    color: var(--clearblue);
}
html .categoria p {
    font-size: 16px;
}
html .raggruppamento .box-prod .text p{
    padding-bottom: 0;
}
html #filtri > h2{
    font-size: 45px;
    margin-bottom: 10px;
    color: var(--blue);
    @media screen and (max-width: 767px) {
        display: none;
    }
}
html .dep_red #filtri > h2{
    color: var(--red);
}
html .dep_green #filtri > h2{
    color: var(--green);
}
html .dep_clearblue #filtri > h2{
    color: var(--clearblue);
}
html .raggruppamento div.box-prod p a{
    display: block;
    border: 1px solid black;
    color: black !important;
    padding: 2px 10px;
    border-radius: 10px !important;
    background: transparent !important;
    max-width: fit-content;
    margin: 0 auto 6px;
}
html .raggruppamento div.box-prod p a:hover{
    border-color: white;
    color: white !important;
    background-color: var(--blue) !important;
}
html .dep_red .raggruppamento div.box-prod p a:hover{
    background-color: var(--red) !important;
}
html .dep_green .raggruppamento div.box-prod p a:hover{
    background-color: var(--green) !important;
}
html .dep_clearblue .raggruppamento div.box-prod p a:hover{
    background-color: var(--clearblue) !important;
}
html .raggruppamento div.box-prod p a:last-child{
    margin-bottom: 20px;
}
html #filtri .filtro h4{
    border-bottom: unset;
}
html .dep_blue #filtri .filtro h4{
    color: var(--blue);
}
html .dep_red #filtri .filtro h4{
    color: var(--red);
}
html .dep_green #filtri .filtro h4{
    color: var(--green);
}
html .dep_clearblue #filtri .filtro h4{
    color: var(--clearblue);
}
html #filtri .filtro,
html #filtri .filtro .tit1,
html #filtri .filtro .tit2
{
    font-size: 16px;
}
html #filtri .filtro .tit1,
html #filtri .filtro .tit2,
html #filtri .filtro .val1
{
    font-weight: 700;
}
html #filtri .filtro .tit1{
    padding-left: 30px;
}
html #filtri ul li{
    border:1px solid #BEBEBE;
    border-radius: 20px;
    background-color: var(--light-grey);
    padding: 19px 30px;
    margin-bottom: 9px;
}
html #filtri ul li:hover,
html #filtri ul li.active{
    background-color: var(--blue);
    border-color: var(--blue);
    color: white;
}
html .dep_red #filtri ul li:hover,
html .dep_red #filtri ul li.active{
    background-color: var(--red);
    border-color: var(--red);
}
html .dep_green #filtri ul li:hover,
html .dep_green #filtri ul li.active{
    background-color: var(--green);
    border-color: var(--green);
}
html .dep_clearblue #filtri ul li:hover,
html .dep_clearblue #filtri ul li.active{
    background-color: var(--clearblue);
    border-color: var(--clearblue);
}

html #filtri .wrapper{
    display: flex;
    flex-wrap: wrap;
}
html #filtri .filtro1,
html #filtri .filtro2{
    /*width: calc(50% - 30px);*/

    width: unset;
    float: none;
    flex: 1 1 auto;
    @media screen and (min-width: 768px) and (max-width: 1200px) {
        flex: 0 0 100%;
    }
}
html #filtri .filtro .tit1,
html #filtri .filtro .tit2,
html #filtri .filtro .val1,
html #filtri .filtro .val2{
    @media screen and (max-width: 767px) {
        padding-left: 0;
        padding-right: 0;
        vertical-align: top;
    }
}
html #filtri .filtro .val1,
html #filtri .filtro .val2{
    @media screen and (max-width: 767px) {
        font-size: 12px;
        white-space: wrap;
    }
}
html #instestazione.articolo span.codice, html #instestazione.articolo span.descrizione{
    background-color: var(--blue);
}
html .dep_red #instestazione.articolo span.codice,
html .dep_red #instestazione.articolo span.descrizione{
    background-color: var(--red);
}
html .dep_green #instestazione.articolo span.codice,
html .dep_green #instestazione.articolo span.descrizione{
    background-color: var(--green);
}
html .dep_clearblue #instestazione.articolo span.codice,
html .dep_clearblue #instestazione.articolo span.descrizione{
    background-color: var(--clearblue);
}
html .articolo .codice,
html .articolo .descrizione{
    background-color: white;
}
html .articolo:nth-child(odd) .codice,
html .articolo:nth-child(odd) .descrizione{
    background-color: var(--light-grey);
}
html .articolo:hover .codice,
html .articolo:hover .descrizione{
    background-color: var(--blue);
    color: white;
}
html .dep_red .articolo:hover .codice,
html .dep_red .articolo:hover .descrizione{
    background-color: var(--red);
}
html .dep_green .articolo:hover .codice,
html .dep_green .articolo:hover .descrizione{
    background-color: var(--green);
}
html .dep_clearblue .articolo:hover .codice,
html .dep_clearblue .articolo:hover .descrizione{
    background-color: var(--clearblue);
}
html .boxartdesc{
    font-size: 16px;
}
html .boxartdesc strong{
    color: var(--blue);
}
html .dep_red .boxartdesc strong{
    color: var(--red);
}
html .dep_green .boxartdesc strong{
    color: var(--green);
}
html .dep_clearblue .boxartdesc strong{
    color: var(--clearblue);
}
html .boxartdownload p i,
html .boxartdownload a:hover{
    color: white;
}
html .cartinfo{
    background-color: var(--light-grey);
    margin-top: 20px;
    border-radius: 15px;
}
html .cartbutton {
    margin-top: 20px;
}
html .cartinfo strong{
    color: black;
}
html .cartbutton a,
html .cartbutton a:hover{
    height: 59px;
    background-color: var(--blue);
    line-height: 59px;
    padding: 0;
    border-radius: 10px;
    font-weight: 500;
}
html .cartbutton.dep_red a,
html .cartbutton.dep_red a:hover{
    background-color: var(--red);
}
html .cartbutton.dep_green a,
html .cartbutton.dep_green a:hover{
    background-color: var(--green);
}
html .cartbutton.dep_clearblue a,
html .cartbutton.dep_clearblue a:hover{
    background-color: var(--clearblue);
}
html #pageheader,
html table tr.intestazione{
    background-color: var(--blue);
}
html table tr.odd{
    background-color: var(--light-grey);
}
html #btn_request a,
html .login_box input[type="submit"],
html .register_box a,
html .box-btn button{
    background-color: var(--blue);
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 500;
}
html #btn_request a:hover,
html .login_box input[type="submit"]:hover,
html .register_box a:hover,
html .box-btn button:hover{
    background-color: black;
}
html .boxartdownload p span.download_list_menu{
    border-color: white;
}
html .login_box h2,
html .register_box h2{
    color: var(--blue);
}
html a.elements.articolo:hover span{
    background-color: var(--blue);
}
html #reserved_content h2{
    color: var(--blue);
}
html #reserved_content ul li a{
    color: black;
}
html #reserved_content ul li a:hover,
html #reserved_content ul li a:hover i {
    color: var(--blue);
}
html table tr.dati:hover td{
    background-color: var(--blue);
}
html .boxartdownload img{
    filter: brightness(10);
}
@media screen and (max-width: 767px) {
    html #new_title{
        padding: 10px 0;
    }
    html #breadcrumbs {
        margin-bottom: 0;
        font-size: 12px;
        position: relative;
        /*su unica riga*/
        white-space: nowrap;
        overflow: auto;
        max-width: 100%;
    }
    html #breadcrumbs .wrapper{
        /*su unica riga*/
        overflow: auto;

    }
    html #breadcrumbs a:last-child{
        margin-right: 40px !important;
    }
    html #breadcrumbs:after{
        content: "";
        position: absolute;
        background: linear-gradient(90deg, rgba( 241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 100%);
        right: 0;
        top: 0;
        height: 100%;
        width: 60px;
    }
    html #breadcrumbs a {
        display: inline;
        border-bottom: unset;
        padding-left: 0;
        padding-right: 0;
        padding: 0;
    }
    html #breadcrumbs .separator{
        display: inline;
    }
    html .has_flag{
        gap:18px
    }
    html .has_flag::before{
        width: 33px;
        height: 38px;
    }
    html #new_title h1{
        padding-top: 10px;
        margin-bottom: 10px;
    }
    html #pagedescription, html #catalogue_step2, html #catalogue_step3, html #filtri, html #lista_articoli, html .marche, html #contentbar > .legend{
        width: calc(100% - 30px) !important;
    }
    html .elemento{
        flex: 0 0 calc((100% - 22px) / 2);
    }
    html #breadcrumbs .wrapper, html #catalogue_step2.wrapper{
        padding: 0;
    }
    html .elemento p{
        margin-top: 0;
        min-height: 48px;
        font-size: 16px;
        height: unset;
    }
    html .elemento a{
        height: 100%;
    }
    html .categoria h2{
        font-size: 30px;
    }
    html #mobile_filter{
        padding: 15px;
        background-color: var(--blue);
    }
    html .dep_red #mobile_filter{
        background-color: var(--red);
    }
    html .dep_green #mobile_filter{
        background-color: var(--green);
    }
    html .dep_clearblue #mobile_filter{
        background-color: var(--clearblue);
    }
    html #filtri{
        border: unset;
        width: 100% !important;
    }
    html #filtri .filtro1, html #filtri .filtro2 {
        width: 100%;
    }
    html #filtri ul li{
        padding: 8px 13px;
        border-radius: 0;
        border-left: unset;
        border-right: unset;
    }
    html #filtri .filtro .tit1 {
        padding-left: 13px;
    }
    html #filtri .filtro, html #filtri .filtro .tit1, html #filtri .filtro .tit2 {
        font-size: 14px;
    }
}
@media (max-width: 1023px) {
    .text-desktop {
        display: none !important;
    }
    .text-mobile {
        display: inline !important;
    }
}
body {
    @media screen and (max-width: 767px) {
        padding-top: 73px;
    }
}
html .marche .col {
    width: 47%;
    @media screen and (max-width: 1024px) {
        width: 100%;
    }
}
html .marche .col .intro img{
    max-width: 100%;
}
html .boxartdownload{
    padding: 20px;
    border-radius: 15px;
}
html .login_box,
html .register_box p,
html .box-indicazioni,
html .form-inline{
    font-size: 16px;
}
html .register_box p{
    margin: 20px 0 0 0;
}
html .login_box .form_fields input {
    border: unset;
    background-color: var(--light-grey);
    padding: 20px;
}
html #remember_me_box{
    color: var(--blue);
    line-height: 56px;
}
html #remember_me_box label{
    margin-left: 8px;
}
html #recpsw{
    color: var(--blue);
}
html .box-form h4{
    color: var(--blue);
}
html .form-group input[type="text"],html .form-group input[type="email"], html .msg textarea{
    padding: 20px;
    border-radius: 10px;
    border: unset;
    background-color: var(--light-grey);
    margin: 14px;
}
html .msg label{
    padding-right: 0;
    width: 12.7%;
}
html #cookieconsentbar a#btn_accept{
    background-color: var(--blue);
}
html #cookieconsentbar a#btn_accept:hover{
    background-color: black;
}
html #cookieconsentbar p a{
    color:var(--light-grey);
}
html #cookieconsentbar p a:hover{
    color: white;
}
html #searchbar{
    padding-bottom: 0;
}
html .reserved-area-header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;
    a{
        color: white;
        font-weight: 700;
        text-transform: uppercase;
    }
}
html .nocart {
    margin-top: 40px;
}
@media (max-width: 768px) {
    html .product-search-wrapper > div:first-child{
        position: relative;
        &::after{
            content:"";
            background-image: url("../images/caret.svg");
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            right:0;
            top: 6px;
            width: 15px;
            height:10px;

        }
    }
    html .product-search-wrapper > div:first-child + *{
        max-height: 0;
        overflow: hidden;
    }
    html .product-search-wrapper > div.open:first-child{
        &::after{
            transform: rotate(180deg);
        }
    }
    html .product-search-wrapper > div.open:first-child + *{
        max-height: 100vh;
    }
}