@font-face { font-family: 'suzuki-headlineregular'; src: url('font/suzuki-headline-webfont.eot'); src: url('font/suzuki-headline-webfont.eot?#iefix') format('embedded-opentype'), url('font/suzuki-headline-webfont.woff') format('woff'), url('font/suzuki-headline-webfont.ttf') format('truetype'), url('font/suzuki-headline-webfont.svg#suzuki-headlineregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'suzuki-regularregular'; src: url('font/suzuki-regular-webfont.eot'); src: url('font/suzuki-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/suzuki-regular-webfont.woff') format('woff'), url('font/suzuki-regular-webfont.ttf') format('truetype'), url('font/suzuki-regular-webfont.svg#suzuki-regularregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'suzuki-boldregular'; src: url('font/suzuki-bold-webfont.eot'); src: url('font/suzuki-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/suzuki-bold-webfont.woff') format('woff'), url('font/suzuki-bold-webfont.ttf') format('truetype'), url('font/suzuki-bold-webfont.svg#suzuki-boldregular') format('svg'); font-weight: normal; font-style: normal; }


* { position: relative; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h7, h8, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button { border: none; padding: 0px; margin: 0px; font: inherit; vertical-align: baseline; outline: none !important; outline-color: transparent !important; outline-width: medium !important; outline-style: none !important; text-decoration: none; }

.spacer1 { display: block; height: 1px; font-size: 0px; line-height: 0px; clear: both; }
.spacer2 { display: block; height: 2px; font-size: 0px; line-height: 0px; clear: both; }
.spacer3 { display: block; height: 3px; font-size: 0px; line-height: 0px; clear: both; }
.spacer4 { display: block; height: 4px; font-size: 0px; line-height: 0px; clear: both; }
.spacer5 { display: block; height: 5px; font-size: 0px; line-height: 0px; clear: both; }
.spacer6 { display: block; height: 6px; font-size: 0px; line-height: 0px; clear: both; }
.spacer7 { display: block; height: 7px; font-size: 0px; line-height: 0px; clear: both; }
.spacer8 { display: block; height: 8px; font-size: 0px; line-height: 0px; clear: both; }
.spacer9 { display: block; height: 9px; font-size: 0px; line-height: 0px; clear: both; }
.spacer10 { display: block; height: 10px; font-size: 0px; line-height: 0px; clear: both; }
.spacer11 { display: block; height: 11px; font-size: 0px; line-height: 0px; clear: both; }
.spacer12 { display: block; height: 12px; font-size: 0px; line-height: 0px; clear: both; }
.spacer13 { display: block; height: 13px; font-size: 0px; line-height: 0px; clear: both; }
.spacer14 { display: block; height: 14px; font-size: 0px; line-height: 0px; clear: both; }
.spacer15 { display: block; height: 15px; font-size: 0px; line-height: 0px; clear: both; }
.spacer16 { display: block; height: 16px; font-size: 0px; line-height: 0px; clear: both; }
.spacer17 { display: block; height: 17px; font-size: 0px; line-height: 0px; clear: both; }
.spacer18 { display: block; height: 18px; font-size: 0px; line-height: 0px; clear: both; }
.spacer19 { display: block; height: 19px; font-size: 0px; line-height: 0px; clear: both; }
.spacer20 { display: block; height: 20px; font-size: 0px; line-height: 0px; clear: both; }
.spacer21 { display: block; height: 21px; font-size: 0px; line-height: 0px; clear: both; }
.spacer22 { display: block; height: 22px; font-size: 0px; line-height: 0px; clear: both; }
.spacer23 { display: block; height: 23px; font-size: 0px; line-height: 0px; clear: both; }
.spacer24 { display: block; height: 24px; font-size: 0px; line-height: 0px; clear: both; }
.spacer25 { display: block; height: 25px; font-size: 0px; line-height: 0px; clear: both; }
.spacer30 { display: block; height: 30px; font-size: 0px; line-height: 0px; clear: both; }
.spacer35 { display: block; height: 35px; font-size: 0px; line-height: 0px; clear: both; }
.spacer40 { display: block; height: 40px; font-size: 0px; line-height: 0px; clear: both; }
.spacer45 { display: block; height: 45px; font-size: 0px; line-height: 0px; clear: both; }
.spacer50 { display: block; height: 50px; font-size: 0px; line-height: 0px; clear: both; }
.spacer55 { display: block; height: 55px; font-size: 0px; line-height: 0px; clear: both; }
.spacer60 { display: block; height: 60px; font-size: 0px; line-height: 0px; clear: both; }
.spacer65 { display: block; height: 65px; font-size: 0px; line-height: 0px; clear: both; }
.spacer70 { display: block; height: 70px; font-size: 0px; line-height: 0px; clear: both; }
.spacer75 { display: block; height: 75px; font-size: 0px; line-height: 0px; clear: both; }
.spacer80 { display: block; height: 80px; font-size: 0px; line-height: 0px; clear: both; }
.spacer85 { display: block; height: 85px; font-size: 0px; line-height: 0px; clear: both; }
.spacer90 { display: block; height: 90px; font-size: 0px; line-height: 0px; clear: both; }
.spacer95 { display: block; height: 95px; font-size: 0px; line-height: 0px; clear: both; }
.spacer100 { display: block; height: 100px; font-size: 0px; line-height: 0px; clear: both; }

html, body, form {margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-tap-highlight-color: transparent; }
body { background: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; color: #333333; overflow-x: hidden; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body:has(#fancybox-loading) #mainContainer { filter: blur(10px); }

#mainContainer { transition: all 1s; }

.clear { display: block; height: 0px; font-size: 0px; line-height: 0px; clear: both; }
.hidden { visibility: hidden !important; display: none !important; }
.visible { visibility: visible !important; display: block !important; }
.animateAll_01 { -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; }
.animateAll_05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.translateX-50 { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.translateY-50 { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.translateXY-50 { -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.table { position: relative; width: 100%; height: 100%; display: table; }
.table .table-cell { position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
.fix { display: block !important; }
.fluid { display: block; width: 100%; }
.fullheight { height: 100%; }
.visible-desktop { display: block !important; }
.visible-mobile { display: none !important; }
.no-overflow { overflow: hidden; }
.opacity0 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.opacity100 { ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

h1 { font-size: 60px; line-height: normal; }
h2 { font-size: 50px; line-height: normal; }
h3 { font-size: 40px; line-height: normal; }
h4 { font-size: 30px; line-height: normal; }
h5 { font-size: 25px; line-height: normal; }
h6 { font-size: 22px; line-height: normal; }
p { font-size: 18px; line-height: normal; }
p.x-small { font-size: 14px; line-height: normal; }
p.xx-small { font-size: 12px; line-height: normal; }
p.xxx-small { font-size: 11px; line-height: normal; }

.suzuki-headline { font-family: 'suzuki-headlineregular'; }
.suzuki-regular { font-family: 'suzuki-regularregular'; }
.suzuki-bold, .suzuki-regular b { font-family: 'suzuki-boldregular'; }

.black { color: #000000; }
.white { color: #ffffff; }
.red { color: #d62b21; }
.blue { color: #333333;}
.azur { color: #0068a2; }
.gray { color: #686868; }

.underline { text-decoration: underline; }
.nowrap { white-space: nowrap; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.word-break-all { word-break: break-all; }

.messageBox { display:inline-block; min-width:230px; max-width:800px; padding:50px;}

.fancybox-loading { width: 100px; height: 100px; margin: -50px 0 0 -50px; }
#statocaricamento { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #ffffff; font-size: 25px; font-weight: bold; background: none !important; }

.button { display: inline-block; padding: 10px 14px; font-size: 12px; font-weight: 700; line-height: 10px; color: #ffffff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
.button.b-gray { background: #999;}
.button.b-blue { background: #333333; }
.button.b-red { background: #d62b21; }

.ui-page { display: block; }
.ui-loader { display: none; }

.container { display: block; }
.wrapper { display: block; max-width: 1440px; margin: 0px auto; padding: 0px 20px; }
.header { display: block; height: 70px; background: #FFF; -webkit-box-shadow:0 3px 10px 0 rgb(0 0 0 / 20%); box-shadow:0 3px 10px 0 rgb(0 0 0 / 20%); position:relative; z-index:2; }
.header .wrapper { height: 100%; }
.header .logo { display:block; float:left; text-align:left;}
/*.header .logo img { display: block; width: 74px; height: 50px; }*/
.header .logo svg { display: block; width: auto; height: 70px; padding: 7px; }
.header .title { display: block; float: right; text-align: right; }

.concessionario { display:block; padding:10px 0px; background:#d62b21; }
.concessionario p { font-size:16px;}
.concessionario p span { font-size:20px;}

.main { display: block; }
.section { display: block; }
.footer { display: block; padding:25px 0px; background:#ccc; color:#333333; }
.footer .col { display:block;}
.footer .col.left {float:left; text-align:left;}
.footer .col.right { float: right; text-align:right; }
.footer a { color: #333333 !important;}
.footer a:hover { color: #7f7f7f !important;}

body.no-touch * { pointer-events:none;}

.config { min-height: 800px; padding: 30px 0px; background:url('../../_assets/background.png') repeat-x center top; /*max-height: 800px; height: calc(100vh - 70px); min-height: 700px; background: rgba(228, 228, 228, 1)*/ }
.config .wrapper { min-height: 800px; }
.config .wrapper:before { position: absolute; left: 0px; top: -10px; width: 100%; height: 50px; display: none; background: rgba(255,255,255,0.5); content: ''; pointer-events:none; z-index:1; }

/* new 19/06/2024*/
.config .wrapper.note { min-height:1px !important; padding-top:30px;}
.config .wrapper.note:before { display:none; }

.config ul.navigation { display: block; text-align: center; font-size: 0px; list-style: none; z-index: 10; }
.config ul.navigation li { display: inline-block; padding: 0px 18px; }
.config ul.navigation li.disabled { cursor:default; pointer-events:none;}
.config ul.navigation li.disabled:not(.active) { opacity:0.2;}
.config ul.navigation li a { z-index: 1; }
.config ul.navigation li:first-child { padding-left: 0px; }
.config ul.navigation li:last-child { padding-right: 0px; }
.config ul.navigation li:before { position: absolute; left: -18px; top: 50%; width: 36px; height: 1px; background: #686868; display: block; content: ''; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; z-index: 0; }
.config ul.navigation li:after { position: absolute; right: -18px; top: 50%; width: 36px; height: 1px; background: #686868; display: block; content: ''; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; z-index: 0; }
.config ul.navigation li:first-child:before, .config ul.navigation li.next:before { display: none; }
.config ul.navigation li:last-child:after, .config ul.navigation li.prev:after { display: none; }
.config ul.navigation li.active a { background: #333333 !important; }
.config ul.navigation li.active:before { content: '\f060'; height: 30px; top: 0px; background: transparent; font-size: 15px; line-height: 30px; }
.config ul.navigation li.active:after { content: '\f061'; height: 30px; top: 0px; background: transparent; font-size: 15px; line-height: 30px; }
.config ul.navigation li.prev a { background: #333333 !important; }

.config .panel-left { position: absolute; left: 20px; top: 150px; display: block; z-index:2; }
.config .panel-left .logo { display:block; }
.config .panel-left .logo img { display: block; height: 40px; max-width: 300px; object-fit: contain; object-position: center; }
.config .panel-left .modello { display: block; padding:5px 0px; }

.config .panel-right { position: absolute; right: 20px; top: 80px; display: block; width: 100%; max-width: 260px; z-index: 2; }
.config .panel-right .box { display: block; width:100%; background: rgba(255,255,255,0.5); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 5px 15px; }
.config .panel-right .box .row { display: block; border-bottom: 1px solid rgba(0,0,0,0.1); padding:10px 0px; }
.config .panel-right .box .row .col { display:block;}
.config .panel-right .box .row .col.left { float:left; text-align:left; }
.config .panel-right .box .row .col.right { float: right; text-align:right; }
.config .panel-right .box .row.prezzo { text-align:center; border:0px;}
.config .panel-right .box #wrap-preventivo { display:block; max-height: 180px; overflow: hidden; }
.config .panel-right .box #preventivo { display:block;}
.config .panel-right .nota { display:block; text-align:center; padding-top:10px;}

.config .panel-option { position: absolute; left: 20px; right: 20px; bottom: 0px; display: block; text-align: center; z-index: 3; }
.config .panel-option .titolo a { color:#ffffff;}
.config .panel-option .titolo a.selected { color: #333333; }
.config .panel-option .box { display: block; background: rgba(255,255,255,0.5); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 10px; }

.config .panel-option .swiper { display: block; display: none; width: 100%; overflow: hidden; padding:0px 20px; }
.config .panel-option .swiper.overflowed-info, .config .panel-option .swiper.overflowed-info .swiper-container { overflow: visible; }
.config .panel-option .swiper-container { display: block; width: 100%; overflow: hidden; font-size: 0px; padding: 0px; }
.config .panel-option .swiper-slide { width: 270px; padding: 0px 10px; }
.config .panel-option .swiper-slide .item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; min-height: 150px; background: #ffffff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 10px; font-size: 12px; color: #333333; cursor: pointer; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.config .panel-option .swiper-slide .item * { pointer-events:none;}
.config .panel-option .swiper-slide .item .button { background: #686868; pointer-events: all; }
.config .panel-option .swiper-slide .item .button.prezzo { pointer-events: none !important; }
.config .panel-option .swiper-slide .item .icon-check { position: absolute; right: 10px; top: 10px; display: block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; font-size: 20px;}
.config .panel-option .swiper-slide .item .icon-check:after { display: block; width: 20px; height: 20px; content: '\f111'; color: #686868; }

.config .panel-option .swiper-slide .item .icon-info { position: absolute; left: 10px; top: 10px; display: block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; font-size: 20px; pointer-events: all; }
.config .panel-option .swiper-slide .item .icon-info:after { display: block; width: 20px; height: 20px; content: '\f05a'; color: #686868; }

.config .panel-option .swiper-slide .item.selected { background:#333333; }
.config .panel-option .swiper-slide .item.selected .title, .config .panel-option .swiper-slide .item.selected p { color: #ffffff !important; }
.config .panel-option .swiper-slide .item.selected .button { background: #d62b21; }
.config .panel-option .swiper-slide .item.selected .icon-check:after { content: '\f058'; color: #ffffff; }
.config .panel-option .swiper-slide .item.selected .icon-info:after { color: #ffffff; }

.config .panel-option .swiper-slide .box-info { position: absolute; left: 10px; right: 10px; bottom: 0px; display: block; padding: 15px; background: #ffffff; z-index: 10; cursor: default; text-align: left; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; pointer-events:all !important; }
.config .panel-option .swiper-slide .box-info * { pointer-events: all !important; }
.config .panel-option .swiper-slide .box-info .title { display: block; text-align: center; }
.config .panel-option .swiper-slide .box-info .wrap-text-info { display: block; max-height: 300px; overflow: hidden; margin-top:20px; padding-top:20px; border-top:1px solid #686868; }
.config .panel-option .swiper-slide .box-info .wrap-text-info * {  font-size: 14px !important; font-family: "Open Sans", Arial, sans-serif !important; }
.config .panel-option .swiper-slide .box-info .wrap-text-info #text-info { display:block; min-height:100px;}
.config .panel-option .swiper-slide .box-info .wrap-text-info p { display: block !important; height: auto !important; margin: 0px; }
.config .panel-option .swiper-slide .box-info .icon-close { position: absolute; right: 10px; top: 10px; display: block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; font-size: 20px;}
.config .panel-option .swiper-slide .box-info .icon-close:after { display: block; width: 20px; height: 20px; content: '\f057'; color: #686868; }


.config .panel-option .swiper-slide.gruppo .divisorio { display: block; }
.config .panel-option .swiper-slide.gruppo .item:before,
.config .panel-option .swiper-slide.gruppo .item:after { position: absolute; top: 0px; width: 50%; height: 100%; background: #ffffff; content: ''; z-index: -1; pointer-events: none; display: block; }
.config .panel-option .swiper-slide.gruppo .item:before { left: -10px; }
.config .panel-option .swiper-slide.gruppo .item:after { right: -10px; }
.config .panel-option .swiper-slide.gruppo.first .item:before,
.config .panel-option .swiper-slide.gruppo.last .item:after { background: transparent }

.config .panel-option .swiper-slide.gruppo .divisorio:before,
.config .panel-option .swiper-slide.gruppo .divisorio:after { position: absolute; top: 50%; width: 1px; height: 30%; background: #d2d2d2; content: ''; z-index: 2; pointer-events: none; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.config .panel-option .swiper-slide.gruppo .divisorio:before { left: -10px; display: none; }
.config .panel-option .swiper-slide.gruppo .divisorio:after { right: -10px;}
.config .panel-option .swiper-slide.gruppo.last .divisorio:after { display: none; }

.config .panel-option .swiper-button-disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; filter: alpha(opacity=0) !important; -moz-opacity: 0 !important; -khtml-opacity: 0 !important; opacity: 0 !important; }
.config .panel-option .swiper-button-prev, .config .panel-option .swiper-button-next { font-size: 30px; width: 15px; height: 30px; margin-top: -15px; }
.config .panel-option .swiper-button-prev { left: 0px; }
.config .panel-option .swiper-button-next { right: 0px; }
.config .panel-option .swiper-button-prev:after, .config .panel-option .swiper-button-next:after { display: none; }

.config .panel-option .button.prev { position: absolute; left: 0px; top: 8px; display: block;}
.config .panel-option .button.next { position: absolute; right: 0px; top: 8px; display: block; }
.config .panel-option .button.prev:before, .config .panel-option .button.next:after { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; font-size: 15px; }
.config .panel-option .button.prev:before { content: '\f0a8'; margin-right:10px; }
.config .panel-option .button.next:after { content: '\f0a9'; margin-left:10px; }

.config .panel-option .button.prev.disabled, .config .panel-option .button.next.disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; filter: alpha(opacity=0) !important; -moz-opacity: 0 !important; -khtml-opacity: 0 !important; opacity: 0 !important; }

#option_MOTORE .item p, 
#option_TRAZIONE .item p, 
#option_CAMBIO .item p, 
#option_ALLESTIMENTO .item p { margin: 10px 0px; }

#option_COLORI .wrap-img,
#option_CERCHI .wrap-img,
#option_INTERNI .wrap-img,
#option_PACCHETTI .wrap-img,
#option_OPTIONAL .wrap-img,
#option_ACCESSORI .wrap-img { display: block; width: 100%; max-width: 50px; margin: 0px auto; }

#option_COLORI .wrap-img img,
#option_CERCHI .wrap-img img,
#option_INTERNI .wrap-img img,
#option_PACCHETTI .wrap-img img,
#option_OPTIONAL .wrap-img img,
#option_ACCESSORI .wrap-img img { display: block; width: 100%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#option_COLORI p,
#option_CERCHI p,
#option_INTERNI p,
#option_PACCHETTI p,
#option_OPTIONAL p,
#option_ACCESSORI p { height: 50px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }

.config .wrap-interni { position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:block; display:none;}
.config .wrap-interni div { display:block; width:100%; height:100%; overflow:hidden;}
.config .wrap-auto { display: block; z-index: 1; touch-action: manipulation; }
.config .wrap-auto img, .config .wrap-auto canvas { display: block; width: 100%; max-width: 875px; margin: 0px auto; }
.config .wrap-auto .panel-360 { position: absolute; bottom: 0px; left: 50%; width: 180px; display:none; font-size:0px; }
.config .wrap-auto .panel-360 a { display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; vertical-align: top; }
.config .wrap-auto .panel-360 a i { font-size: 30px; color: #333333; line-height: 60px; }
.config .wrap-auto .panel-360 a.left-auto { }
.config .wrap-auto .panel-360 a.right-auto { }
.config .wrap-auto .panel-360 a.icon{ pointer-events:none; }
.config .wrap-auto .panel-360 a.icon i { font-size:60px}
.config .wrap-auto .panel-360 a.icon span { position: absolute; font-size: 16px; left: 0px; width: 100%; font-weight: 700; color: #333333; }

.config.interni { }
.config.interni .wrapper{ pointer-events:none; }
.config.interni .panel-left { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; filter: alpha(opacity=0) !important; -moz-opacity: 0 !important; -khtml-opacity: 0 !important; opacity: 0 !important; pointer-events:none;}
.config.interni .panel-right, .config.interni .panel-option, .config.interni ul.navigation { pointer-events: all; }


.other { padding:80px 0px; text-align:center;}
.other .wrapper { max-width:100%; padding:0px 50px;}
.other .titolo:after { position: absolute; left: 50%; bottom: -10px; width: 30px; height: 3px; display: block; content: ''; pointer-events: none; background: #333333; margin-left: -15px; }
.other .swiper { display:block; padding-top:50px;}
.other .swiper-container { display: block; width: 100%; overflow: hidden; font-size: 0px; padding: 0px; }
.other .swiper-wrapper { /*text-align: center; justify-content: center;*/ }
.other .swiper-slide { width: 270px; padding: 0px 10px; }
.other .swiper-slide .item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; min-height: 150px; background: #ffffff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 0px; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.other .swiper-slide .item a { display:block; color:#333333; }
.other .swiper-slide .item a img { display: block; width: 100%; max-width: 200px; margin: 0px auto; }
.other .swiper-slide .item a span { display: block; font-size:12px; padding-top:12px; }
.other .swiper-slide .item a:hover img { transform:scale(1.15); transform-origin:center;}
.other .swiper-button-disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; filter: alpha(opacity=0) !important; -moz-opacity: 0 !important; -khtml-opacity: 0 !important; opacity: 0 !important; }
.other .swiper-button-prev, .other .swiper-button-next { font-size: 30px; width: 15px; height: 30px; margin-top: -15px; }
.other .swiper-button-prev { left: 0px; }
.other .swiper-button-next { right: 0px; }
.other .swiper-button-prev:after, .other .swiper-button-next:after { display: none; }

.fancybox-slide--html { padding: 20px; }

.riepilogo { display: inline-block; width: 100%; padding: 30px 40px; box-shadow: none; }
.riepilogo .header { height: auto; background: #ffffff; box-shadow:none !important; }
.riepilogo .header img { display:block; height:100%;}
.riepilogo .header .logo-suzuki { display: block; float:left; height:70px; }
.riepilogo .header .logo-suzuki svg { width:auto; height:100%; }
.riepilogo .header .logo-auto { display: block; float: left; height: 30px; margin: 20px 0px 0px 40px; }
.riepilogo .header .wrap-button { display: block; float: right; font-size:0px; padding:20px 0px 0px 0px; }
#exportpdf, #requestPreventivo, #shareAuto { display: inline-block; height: 32px; line-height: 32px; vertical-align: middle; padding-left: 25px; }
#shareAuto { padding-left:10px;}
#shareAuto a { margin-left:15px;}
#shareAuto i { margin:0px !important;}
.riepilogo .header .wrap-button a { display: inline-block; font-size: 16px; font-weight: 700; color: #333333; height: 32px; line-height: 32px; }
.riepilogo .header .wrap-button a i { display:inline-block; font-size:20px; line-height:20px; margin-right:10px; }

.riepilogo .titolo { display: block; text-align: center; padding: 10px; background: #333333; margin-top: 20px; }
.riepilogo .titolo .col-right { display: block; float: right; }
.riepilogo .titolo .col-left { display: block; float: left; }

.riepilogo .wrap-col { display: block; padding-top:20px; }
.riepilogo .wrap-col .col { display: block; float:left; }
.riepilogo .wrap-col .col.left { width:calc(100% - 300px); padding-right:20px; }
.riepilogo .wrap-col .col.left .titolo-auto { display:block; padding-bottom:20px;}
.riepilogo .wrap-col .col.left .titolo-auto span.auto { font-weight:700; }
.riepilogo .wrap-col .col.left .wrapper-dati { display: block; }
.riepilogo .wrap-col .col.left .wrapper-dati .box-dati { display: block; }
.riepilogo .wrap-col .col.left .wrapper-dati .box-dati .titolo { display: block; background: #EBEBEB; padding: 10px; text-align: left; font-weight: 700; }
.riepilogo .wrap-col .col.left .wrapper-dati .box-dati .dati { display: block; padding:10px 0px;}
.riepilogo .wrap-col .col.left .wrapper-dati .box-dati .dati .row { display: block; border-bottom: 1px solid #EBEBEB; text-align:left;}
.riepilogo .wrap-col .col.left .wrapper-dati .box-dati .dati .row:last-child { border-bottom: 1px solid transparent; }
.riepilogo .wrap-col .col.left .wrapper-dati .box-dati .dati .row .col { width: 50%; padding: 5px 10px; }


.riepilogo .wrap-col .col.right { width: 300px; padding: 0px 20px; }
.riepilogo .wrap-col .col.right .row { display: block; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 10px 0px; }
.riepilogo .wrap-col .col.right .row .col { display: block; width:auto !important; }
.riepilogo .wrap-col .col.right .row .col.left { float: left; text-align: left; }
.riepilogo .wrap-col .col.right .row .col.right { float: right; text-align: right; }
.riepilogo .wrap-col .col.right .row.prezzo { text-align: center; border: 0px; }
.riepilogo .wrap-col .col.right #wrap-preventivo { display: block; max-height: 200px; overflow: hidden; }
.riepilogo .wrap-col .col.right #preventivo { display: block; }
.riepilogo .wrap-col .col.right .nota { display: block; text-align: center; padding-top: 10px; }

/*new 19/06/2024*/
.riepilogo .wrap-col.flex { display:flex; }
.riepilogo .wrap-col.flex .col { float:none;}
.riepilogo .wrap-col.flex .col.flex-left { width: auto; flex: 1 0 0%; }
.riepilogo .wrap-col.flex .col.flex-right { width: auto; flex: 0 0 300px; }


@media print { .riepilogo .header .wrap-button { display:none !important;}
}