.carousel .item {
	display: block;
	position: absolute;
	/*-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);*/

}
@media screen and (max-width: 767px) {
	.carousel .item {
		display: none;
	}
}

@charset "UTF-8";
/**
 * #SETTINGS
 */
/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
@-ms-viewport {
  width: device-width; }

/**
 * #TOOLS
 */
/**
 * #GENERIC
 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help; }

/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none; }

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid; }

/*------------------------------------*\
    #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */
ul, ol, dd {
  margin-left: 48px;
  margin-left: 3rem; }

/**
 * #VARS
 */
/**
  *PATHS
  */
/**
  *UTILS
  */
/**
 * #BASE
 */
@font-face {
  font-family: 'Abarth';
  src: url("clientlib-base/resources/fonts/abarth_black-webfont.eot");
  src: url("clientlib-base/resources/fonts/abarth_black-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/abarth_black-webfont.woff2") format("woff2"), url("clientlib-base/resources/fonts/abarth_black-webfont.woff") format("woff"), url("clientlib-base/resources/fonts/abarth_black-webfont.ttf") format("truetype"), url("clientlib-base/resources/fonts/abarth_black-webfont.svg#abarth_blackregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Abarth_heavy';
  src: url("clientlib-base/resources/fonts/abarth_heavy-webfont.eot");
  src: url("clientlib-base/resources/fonts/abarth_heavy-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/abarth_heavy-webfont.woff2") format("woff2"), url("clientlib-base/resources/fonts/abarth_heavy-webfont.woff") format("woff"), url("clientlib-base/resources/fonts/abarth_heavy-webfont.ttf") format("truetype"), url("clientlib-base/resources/fonts/abarth_heavy-webfont.svg#abarth_heavyregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Abarth_Light';
  src: url("clientlib-base/resources/fonts/abarth_light-webfont.eot");
  src: url("clientlib-base/resources/fonts/abarth_light-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/abarth_light-webfont.woff2") format("woff2"), url("clientlib-base/resources/fonts/abarth_light-webfont.woff") format("woff"), url("clientlib-base/resources/fonts/abarth_light-webfont.ttf") format("truetype"), url("clientlib-base/resources/fonts/abarth_light-webfont.svg#abarth_lightregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Abarth_Medium';
  src: url("clientlib-base/resources/fonts/abarth_medium-webfont.eot");
  src: url("clientlib-base/resources/fonts/abarth_medium-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/abarth_medium-webfont.woff2") format("woff2"), url("clientlib-base/resources/fonts/abarth_medium-webfont.woff") format("woff"), url("clientlib-base/resources/fonts/abarth_medium-webfont.ttf") format("truetype"), url("clientlib-base/resources/fonts/abarth_medium-webfont.svg#abarth_mediumregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ab-icon';
  src: url("clientlib-base/resources/fonts/abarth.eot?bih8ts");
  src: url("clientlib-base/resources/fonts/abarth.eot?bih8ts#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/abarth.ttf?bih8ts") format("truetype"), url("clientlib-base/resources/fonts/abarth.woff?bih8ts") format("woff"), url("clientlib-base/resources/fonts/abarth.svg?bih8ts#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="ab-icon-"], [class*=" ab-icon-"] {
  font-family: 'ab-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-bottom: 2px;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ab-icon-close:before {
  content: "\00d7";
  font-size: 28px; }

.ab-icon-message:before {
  content: "\e900"; }

.ab-icon-arrow-rx:before {
  content: "\e609"; }

.ab-icon-scorpion:before {
  content: "\e60a"; }

.ab-icon-360:before {
  content: "\e60b"; }

.ab-icon-audio:before {
  content: "\e60c"; }

.ab-icon-calendar:before {
  content: "\e600"; }

.ab-icon-car:before {
  content: "\e601"; }

.ab-icon-doc:before {
  content: "\e602"; }

.ab-icon-info:before {
  content: "\e603"; }

.ab-icon-info2:before {
  content: "\e604"; }

.ab-icon-pen:before {
  content: "\e605"; }

.ab-icon-pin:before {
  content: "\e606"; }

.ab-icon-star:before {
  content: "\e607"; }

.ab-icon-wheel:before {
  content: "\e608"; }

.ab-icon-big-arrow-DX:before {
  content: "\e901"; }

.ab-icon-big-arrow-SX:before {
  content: "\e902"; }

.ab-icon-flag:before {
  content: "\e906"; }

.ab-icon-pin-locator:before {
  content: "\e90d"; }

.ab-icon-phone:before {
  content: "\e915"; }

.ab-icon-geolocalizzami:before {
  content: "\e929"; }

.ab-icon-close:before {
  content: "\e92a"; }

.ab-icon-richiesta_info:before {
  content: "\e939"; }

.ab-icon-search-plus:before {
  content: "\e96d"; }

/**
* Qui vanno inseriti i wrapper
*
**/
.wrapper-max-1360 {
  max-width: 1360px;
  min-width: 1000px;
  width: 100%;
  margin: 0 auto; }

.wrapper-min-960 {
  min-width: 1000px;
  margin: 0 auto; }

.wrapper-940 {
  width: 940px;
  margin: 0 auto; }

.wrapper-620 {
  width: 620px; }

.wrapper-960 {
  width: 960px;
  margin: 0 auto; }

.wrapper-max-768 {
  max-width: 768px;
  width: 100%;
  margin: 0 auto; }

.wrapper-1024 {
  width: 1024px;
  margin: 0 auto; }

.wrapper-min-1024 {
  min-width: 1024px;
  margin: 0 auto;
  width: 100%; }

.wrapper-1140 {
  margin: 0 auto;
  width: 100%;
  max-width: 1140px; }

/*------------------------------------*\
    #PAGE
\*------------------------------------*/
/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
  font-size: 1em;
  /* [1] */
  line-height: 1.5;
  /* [1] */
  background-color: #fff;
  color: #333;
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */
  -webkit-text-size-adjust: 100%;
  /* [4] */
  -ms-text-size-adjust: 100%;
  /* [4] */
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */ }

body {
  /*font-size: $base-font-size;*/
  min-height: 100%;
  overflow: hidden;
  /*color: TODO;*/ }

@media screen and (min-width: 1920px) {
  main.page {
    margin-top: 40px; } }

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  main.page {
    margin-top: 40px; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  main.page {
    margin-top: 40px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  main.page {
    margin-top: 60px; } }

@media screen and (max-width: 767px) {
  main.page {
    margin-top: 50px; } }

@media screen and (min-width: 1920px) {
  main.newheaderpage {
    margin-top: 110px; } }

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  main.newheaderpage {
    margin-top: 110px; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  main.newheaderpage {
    margin-top: 57px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  main.newheaderpage {
    margin-top: 57px; } }

@media screen and (max-width: 767px) {
  main.newheaderpage {
    margin-top: 57px; } }

@media screen and (max-width: 1365px) and (min-width: 1201px) {
  main.newheaderpage {
    margin-top: 110px !important; } }

@media screen and (max-width: 1200px) and (min-width: 1199px) {
  main.newheaderpage {
    margin-top: 57px !important; } }

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/**
 * Headings 1–6, with corresponding Greek-alphabet abstract classes for double-
 * stranded heading hierarchy: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 */
h1,
.alpha {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.33333; }

h2,
.beta {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.6; }

h3,
.gamma {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1; }

h4,
.delta {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2; }

h5,
.epsilon {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h6,
.zeta {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429; }

/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/*------------------------------------*\
    #IMAGES
\*------------------------------------*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
.gm-style img,
img[width],
img[height] {
  /* [2] */
  max-width: none; }

html {
  line-height: 1;
  font-size: 16px; }

*:focus {
  outline: 1px solid #e72020;
  outline-offset: 3px; }

body {
  font-family: 'Abarth_Medium';
  position: relative; }
  body .hidden {
    display: none !important; }
  @media screen and (min-width: 1920px) {
    body {
      font-size: 100%; }
      body .large-hidden {
        display: none !important; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    body .desk-hidden {
      display: none !important; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    body .lap-hidden {
      display: none !important; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body .palm-hidden {
      display: none !important; } }
  @media screen and (max-width: 767px) {
    body .smart-hidden {
      display: none !important; } }

br {
  line-height: 0px;
  font-size: 0px; }

.linkCTA p .paper {
  background-image: url("clientlib-base/resources/images/paper_icon.png") !important;
  height: 24px;
  width: 24px;
  background-repeat: no-repeat !important;
  background-position: 90% !important; }

.linkCTA p .message {
  background-image: url("clientlib-base/resources/images/message_icon.png") !important;
  height: 24px;
  width: 24px;
  background-repeat: no-repeat !important;
  background-position: 90% !important; }

/*.paper {
    background-image: url("clientlib-base/resources/images/paper_icon.png") !important;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat !important;
    background-position: 90% !important;
}
.message {
    background-image: url("clientlib-base/resources/images/message_icon.png") !important;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat !important;
    background-position: 90% !important;
}*/
.cta {
  text-align: center;
  text-decoration: none;
  background-color: #e72020;
  color: #fff;
  display: blocK;
  margin: 0 auto;
  min-width: 144px;
  cursor: pointer;
  text-transform: uppercase;
  margin: 0 auto;
  display: table;
  padding: 15px 50px; }
  .layout-abarth .cta, .header-global-menu .cta {
    padding: 6px 10px; }
  @media screen and (min-width: 1920px) {
    .cta {
      font-size: 1em;
      min-width: 180px; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .cta {
      font-size: 1em;
      min-width: 140px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .cta {
      font-size: 1em;
      min-width: 140px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .cta {
      font-size: 14px;
      min-width: 120px; } }
  @media screen and (max-width: 767px) {
    .cta {
      font-size: 1em;
      min-width: 120px; } }
  .cta.link {
    background-color: transparent;
    color: #e72020;
    text-align: left; }
    .cta.link:hover {
      text-decoration: underline; }
    .cta.link:after {
      content: " \f0da";
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }

.ab-pound-icon {
  background-image: url("clientlib-base/resources/images/pound_image.jpg") !important;
  height: 100%;
  width: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 37% 40%;
  top: 0;
  right: 0;
  background-size: 30px; }

.abarth-button {
  display: table;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: solid #fff 2px;
  font-family: 'Abarth_Medium';
  background: #333;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  position: relative;
  margin: auto; }

@media screen and (min-width: 1920px) {
  .abarth-button {
    padding: 22px 40px;
    font-size: 1em;
    min-width: 270px;
    min-height: 61px; } }

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .abarth-button {
    padding: 15px 25px;
    font-size: 0.875em;
    min-width: 210px;
    min-height: 45px; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .abarth-button {
    padding: 15px 20px;
    font-size: 0.875em;
    min-width: 210px;
    min-height: 45px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .abarth-button {
    padding: 10px 15px;
    font-size: 0.6em;
    min-width: 169px;
    min-height: 33px; } }

@media screen and (max-width: 767px) {
  .abarth-button {
    padding: 10px 12px;
    font-size: 0.6em;
    min-width: 169px;
    min-height: 30px; } }

.element-hidden {
  display: none !important; }

.slick-slide {
  height: auto !important; }

.red-underline {
  color: #e72020;
  text-decoration: underline; }

.cl-policy-link {
  cursor: pointer;
  /*display: initial !important;*/
  /*Giacomo*/
  display: inline !important;
  /*End Giacomo*/
  text-decoration: underline; }

.small_note {
  font-size: .75em; }

.lazy {
  display: none; }

.common_line {
  height: 5px;
  width: 75px;
  margin-bottom: 15px;
  background-color: #e72020;
  border: solid 0.25px rgba(0, 0, 0, 0.08);
  margin-top: 20px; }
  @media screen and (max-width: 767px) {
    .common_line {
      margin-top: 10px; }
      .overlay-visore .common_line {
        margin: 0 auto;
        margin-bottom: 15px; }
      .editorialmodelrow .common_line {
        margin-left: 5%; } }

@media only screen and (min-width: 1024px) {
  .embeddedServiceHelpButton .helpButton {
    bottom: 55px !important; } }

@media only screen and (max-width: 1023px) {
  .embeddedServiceHelpButton .helpButton {
    bottom: 80px !important; } }

@media screen and (max-width: 767px) {
  .editorial-box.img-right img {
    float: none; }
  .editorial-box.img-right .text {
    float: none; }
  .editorial-box .cta {
    position: relative; }
  .editorial-box.img-right img {
    float: none; }
  .editorial-box .cta {
    margin-top: 50px; }
  .editorial-box.img-left img {
    float: none; }
  .editorial-box.img-left .text {
    float: none; } }

.cps_logo_small {
  height: 15px;
  width: auto !important; }

.cps_logo_medium {
  height: 30px;
  width: auto !important; }

.cps_logo_large {
  height: 45px;
  width: auto !important; }

/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */
ul, ol, dd {
  margin-left: 48px;
  margin-left: 3rem; }

/**
 * #OBJECTS
 */
/*------------------------------------*\
    #LIST-INLINE
\*------------------------------------*/
/**
 * The list-inline object simply displays a list of items in one line.
 */
.list-inline {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list-inline > li {
    display: inline-block; }

/*------------------------------------*\
    #LIST-BLOCK
\*------------------------------------*/
/**
 * The list-block object creates blocky list items out of a `ul` or `ol`.
 */
.list-block {
  margin: 0;
  padding: 0;
  list-style: none; }

.list-block__item,
.list-block > li {
  padding: 24px; }

/**
 * #TRUMPS
 */
/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */
.clearfix:after, .wrapper-max-1360:after, .wrapper-min-960:after, .wrapper-940:after, .wrapper-620:after, .wrapper-960:after, .wrapper-max-768:after, .wrapper-1024:after, .wrapper-1140:after, .item-kit .icon-serie:after, .visore-wrapper:after, .visore-wrapper .img-wrapper:after, .editorial-box .text .programma:after, .editorial-box.txt-video-box:after, .info-promotion .tableFinance .box-link:after, .dealer-locator .search-results:after, .dealerLocatorScorpionship .search-results:after, .form-page-wrapper .main-content .body-form-wrapper:after, .form-page-wrapper .main-content .body-form-wrapper .comp-form:after, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container:after, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form:after, .form-flow:after, .form-flow .form-dealer .dealer-locator:after, .visore-124-wrapper.visore-wrapper:after, .visore-124-wrapper.visore-wrapper .img-wrapper:after,
.footer .social-icon-container:after,
.footer .our-partner-container:after {
  content: "";
  display: table;
  clear: both; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.dummy-box {
  min-height: 50px;
  background-color: #e72020;
  margin-top: 30px; }

/*.vert-margin-bottom-20,
%vert-margin-bottom-20 {
	margin-bottom: 20px;
}

.vert-margin-bottom-40,
%vert-margin-bottom-40 {
	margin-bottom: 40px;
}

.h-padding-bottom-20,
%h-padding-bottom-20 {
  padding-left: 20px;
}*/
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * The inuitcss layout system uses `box-sizing: border-box;` and
 * `display: inline-block;` to create an extremely powerful, flexible
 * alternative to the traditional grid system. Combine the layout items with
 * the widths found in `trumps.widths`.
 */
/**
 * Begin a layout group.
 */
.layout {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -10px; }

/**
     * 1. Cause columns to stack side-by-side.
     * 2. Space columns apart.
     * 3. Align columns to the tops of each other.
     * 4. Full-width unless told to behave otherwise.
     * 5. Required to combine fluid widths and fixed gutters.
     */
.layout__item {
  display: inline-block;
  /* [1] */
  padding-left: 10px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */ }

/**
 * Begin a layout group.
 */
.float_layout,
.layout-no-gutter,
.layout-abarth {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -10px; }
  .float_layout:after,
  .layout-no-gutter:after,
  .layout-abarth:after {
    content: "";
    display: table;
    clear: both; }
  .float_layout .layout__item,
  .layout-no-gutter .layout__item,
  .layout-abarth .layout__item {
    float: left;
    padding-left: 10px;
    /* [2] */
    vertical-align: top;
    /* [3] */
    width: 100%;
    /* [4] */ }

/**
 * 1. Cause columns to stack side-by-side.
 * 2. Space columns apart.
 * 3. Align columns to the tops of each other.
 * 4. Full-width unless told to behave otherwise.
 * 5. Required to combine fluid widths and fixed gutters.
 */
.float_layout__item {
  float: left;
  padding-left: 10px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */ }

.layout, .layout:before {
  font-size: 0; }

.layout__item {
  font-size: 1.4em; }

.layout-no-gutter {
  margin-left: 0; }
  .layout-no-gutter .layout__item {
    padding-left: 0; }

.layout-abarth {
  /*@include media-query(large-screen){
        margin-left: -50px;
      .layout__item{
        padding-left: 50px;
       
      }
    }*/ }
  @media screen and (min-width: 1920px) {
    .layout-abarth {
      margin-left: -50px; }
      .layout-abarth .layout__item {
        padding-left: 0px; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .layout-abarth {
      margin-left: -30px; }
      .layout-abarth .layout__item {
        /*Aggiunta*/
        padding-left: 0px;
        /*End Aggiunta*/ } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .layout-abarth {
      margin-left: -20px; }
      .layout-abarth .layout__item {
        /*Aggiunta*/
        padding-left: 0px;
        /*End Aggiunta*/ } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .layout-abarth {
      /*Modifica*/
      /*End Modifica*/ }
      .layout-abarth .layout__item {
        /*Aggiunta*/
        padding-left: 0px;
        /*End Aggiunta*/ } }
  @media screen and (max-width: 767px) {
    .layout-abarth .layout__item {
      padding-left: 0px; } }

/*------------------------------------*\
    #WIDTHS
\*------------------------------------*/
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.2/3`) or a spoken-
 * word format (e.g. `two-thirds`). Toggle formats by overriding the
 * `$inuit-use-fractions` variable defined below.
 */
/**
     * Whole.
     */
[class~="1/1"] {
  width: 100% !important; }

/**
     * Halves.
     */
[class~="1/2"],
[class~="2/4"],
[class~="3/6"],
[class~="4/8"],
[class~="5/10"],
[class~="6/12"] {
  width: 50% !important; }

/**
     * Thirds.
     */
[class~="1/3"],
[class~="2/6"],
[class~="3/9"],
[class~="4/12"] {
  width: 33.3333333% !important; }

[class~="2/3"],
[class~="4/6"],
[class~="6/9"],
[class~="8/12"] {
  width: 66.6666666% !important; }

/**
     * Quarters.
     */
[class~="1/4"],
[class~="2/8"],
[class~="3/12"] {
  width: 25% !important; }

[class~="3/4"],
[class~="6/8"],
[class~="9/12"] {
  width: 75% !important; }

/**
     * Fifths.
     */
[class~="1/5"],
[class~="2/10"] {
  width: 20% !important; }

[class~="2/5"],
[class~="4/10"] {
  width: 40% !important; }

[class~="3/5"],
[class~="6/10"] {
  width: 60% !important; }

[class~="4/5"],
[class~="8/10"] {
  width: 80% !important; }

/**
     * Sixths.
     */
[class~="1/6"],
[class~="2/12"] {
  width: 16.6666666% !important; }

[class~="5/6"],
[class~="10/12"] {
  width: 83.3333333% !important; }

/**
     * Eighths.
     */
[class~="1/8"] {
  width: 12.5% !important; }

[class~="3/8"] {
  width: 37.5% !important; }

[class~="5/8"] {
  width: 62.5% !important; }

[class~="7/8"] {
  width: 87.5% !important; }

/**
     * Ninths.
     */
[class~="1/9"] {
  width: 11.1111111% !important; }

[class~="2/9"] {
  width: 22.2222222% !important; }

[class~="4/9"] {
  width: 44.4444444% !important; }

[class~="5/9"] {
  width: 55.5555555% !important; }

[class~="7/9"] {
  width: 77.7777777% !important; }

[class~="8/9"] {
  width: 88.8888888% !important; }

/**
     * Tenths.
     */
[class~="1/10"] {
  width: 10% !important; }

[class~="3/10"] {
  width: 30% !important; }

[class~="7/10"] {
  width: 70% !important; }

[class~="9/10"] {
  width: 90% !important; }

/**
     * Twelfths.
     */
[class~="1/12"] {
  width: 8.3333333% !important; }

[class~="5/12"] {
  width: 41.6666666% !important; }

[class~="7/12"] {
  width: 58.3333333% !important; }

[class~="11/12"] {
  width: 91.6666666% !important; }

/*------------------------------------*\
    #WIDTHS-RESPONSIVE
\*------------------------------------*/
/**
 * Responsive width classes based on your responsive settings.
 */
@media screen and (min-width: 1920px) {
  /**
                 * Whole.
                 */
  [class~="large-screen-1/1"] {
    width: 100% !important; }
  /**
                 * Halves.
                 */
  [class~="large-screen-1/2"],
  [class~="large-screen-2/4"],
  [class~="large-screen-3/6"],
  [class~="large-screen-4/8"],
  [class~="large-screen-5/10"],
  [class~="large-screen-6/12"] {
    width: 50% !important; }
  /**
                 * Thirds.
                 */
  [class~="large-screen-1/3"],
  [class~="large-screen-2/6"],
  [class~="large-screen-3/9"],
  [class~="large-screen-4/12"] {
    width: 33.3333333% !important; }
  [class~="large-screen-2/3"],
  [class~="large-screen-4/6"],
  [class~="large-screen-6/9"],
  [class~="large-screen-8/12"] {
    width: 66.6666666% !important; }
  /**
                 * Quarters.
                 */
  [class~="large-screen-1/4"],
  [class~="large-screen-2/8"],
  [class~="large-screen-3/12"] {
    width: 25% !important; }
  [class~="large-screen-3/4"],
  [class~="large-screen-6/8"],
  [class~="large-screen-9/12"] {
    width: 75% !important; }
  /**
                 * Fifths.
                 */
  [class~="large-screen-1/5"],
  [class~="large-screen-2/10"] {
    width: 20% !important; }
  [class~="large-screen-2/5"],
  [class~="large-screen-4/10"] {
    width: 40% !important; }
  [class~="large-screen-3/5"],
  [class~="large-screen-6/10"] {
    width: 60% !important; }
  [class~="large-screen-4/5"],
  [class~="large-screen-8/10"] {
    width: 80% !important; }
  /**
                 * Sixths.
                 */
  [class~="large-screen-1/6"],
  [class~="large-screen-2/12"] {
    width: 16.6666666% !important; }
  [class~="large-screen-5/6"],
  [class~="large-screen-10/12"] {
    width: 83.3333333% !important; }
  /**
                 * Eighths.
                 */
  [class~="large-screen-1/8"] {
    width: 12.5% !important; }
  [class~="large-screen-3/8"] {
    width: 37.5% !important; }
  [class~="large-screen-5/8"] {
    width: 62.5% !important; }
  [class~="large-screen-7/8"] {
    width: 87.5% !important; }
  /**
                 * Ninths.
                 */
  [class~="large-screen-1/9"] {
    width: 11.1111111% !important; }
  [class~="large-screen-2/9"] {
    width: 22.2222222% !important; }
  [class~="large-screen-4/9"] {
    width: 44.4444444% !important; }
  [class~="large-screen-5/9"] {
    width: 55.5555555% !important; }
  [class~="large-screen-7/9"] {
    width: 77.7777777% !important; }
  [class~="large-screen-8/9"] {
    width: 88.8888888% !important; }
  /**
                 * Tenths.
                 */
  [class~="large-screen-1/10"] {
    width: 10% !important; }
  [class~="large-screen-3/10"] {
    width: 30% !important; }
  [class~="large-screen-7/10"] {
    width: 70% !important; }
  [class~="large-screen-9/10"] {
    width: 90% !important; }
  /**
                 * Twelfths.
                 */
  [class~="large-screen-1/12"] {
    width: 8.3333333% !important; }
  [class~="large-screen-5/12"] {
    width: 41.6666666% !important; }
  [class~="large-screen-7/12"] {
    width: 58.3333333% !important; }
  [class~="large-screen-11/12"] {
    width: 91.6666666% !important; } }

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  /**
                 * Whole.
                 */
  [class~="desk-1/1"] {
    width: 100% !important; }
  /**
                 * Halves.
                 */
  [class~="desk-1/2"],
  [class~="desk-2/4"],
  [class~="desk-3/6"],
  [class~="desk-4/8"],
  [class~="desk-5/10"],
  [class~="desk-6/12"] {
    width: 50% !important; }
  /**
                 * Thirds.
                 */
  [class~="desk-1/3"],
  [class~="desk-2/6"],
  [class~="desk-3/9"],
  [class~="desk-4/12"] {
    width: 33.3333333% !important; }
  [class~="desk-2/3"],
  [class~="desk-4/6"],
  [class~="desk-6/9"],
  [class~="desk-8/12"] {
    width: 66.6666666% !important; }
  /**
                 * Quarters.
                 */
  [class~="desk-1/4"],
  [class~="desk-2/8"],
  [class~="desk-3/12"] {
    width: 25% !important; }
  [class~="desk-3/4"],
  [class~="desk-6/8"],
  [class~="desk-9/12"] {
    width: 75% !important; }
  /**
                 * Fifths.
                 */
  [class~="desk-1/5"],
  [class~="desk-2/10"] {
    width: 20% !important; }
  [class~="desk-2/5"],
  [class~="desk-4/10"] {
    width: 40% !important; }
  [class~="desk-3/5"],
  [class~="desk-6/10"] {
    width: 60% !important; }
  [class~="desk-4/5"],
  [class~="desk-8/10"] {
    width: 80% !important; }
  /**
                 * Sixths.
                 */
  [class~="desk-1/6"],
  [class~="desk-2/12"] {
    width: 16.6666666% !important; }
  [class~="desk-5/6"],
  [class~="desk-10/12"] {
    width: 83.3333333% !important; }
  /**
                 * Eighths.
                 */
  [class~="desk-1/8"] {
    width: 12.5% !important; }
  [class~="desk-3/8"] {
    width: 37.5% !important; }
  [class~="desk-5/8"] {
    width: 62.5% !important; }
  [class~="desk-7/8"] {
    width: 87.5% !important; }
  /**
                 * Ninths.
                 */
  [class~="desk-1/9"] {
    width: 11.1111111% !important; }
  [class~="desk-2/9"] {
    width: 22.2222222% !important; }
  [class~="desk-4/9"] {
    width: 44.4444444% !important; }
  [class~="desk-5/9"] {
    width: 55.5555555% !important; }
  [class~="desk-7/9"] {
    width: 77.7777777% !important; }
  [class~="desk-8/9"] {
    width: 88.8888888% !important; }
  /**
                 * Tenths.
                 */
  [class~="desk-1/10"] {
    width: 10% !important; }
  [class~="desk-3/10"] {
    width: 30% !important; }
  [class~="desk-7/10"] {
    width: 70% !important; }
  [class~="desk-9/10"] {
    width: 90% !important; }
  /**
                 * Twelfths.
                 */
  [class~="desk-1/12"] {
    width: 8.3333333% !important; }
  [class~="desk-5/12"] {
    width: 41.6666666% !important; }
  [class~="desk-7/12"] {
    width: 58.3333333% !important; }
  [class~="desk-11/12"] {
    width: 91.6666666% !important; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  /**
                 * Whole.
                 */
  [class~="lap-1/1"] {
    width: 100% !important; }
  /**
                 * Halves.
                 */
  [class~="lap-1/2"],
  [class~="lap-2/4"],
  [class~="lap-3/6"],
  [class~="lap-4/8"],
  [class~="lap-5/10"],
  [class~="lap-6/12"] {
    width: 50% !important; }
  /**
                 * Thirds.
                 */
  [class~="lap-1/3"],
  [class~="lap-2/6"],
  [class~="lap-3/9"],
  [class~="lap-4/12"] {
    width: 33.3333333% !important; }
  [class~="lap-2/3"],
  [class~="lap-4/6"],
  [class~="lap-6/9"],
  [class~="lap-8/12"] {
    width: 66.6666666% !important; }
  /**
                 * Quarters.
                 */
  [class~="lap-1/4"],
  [class~="lap-2/8"],
  [class~="lap-3/12"] {
    width: 25% !important; }
  [class~="lap-3/4"],
  [class~="lap-6/8"],
  [class~="lap-9/12"] {
    width: 75% !important; }
  /**
                 * Fifths.
                 */
  [class~="lap-1/5"],
  [class~="lap-2/10"] {
    width: 20% !important; }
  [class~="lap-2/5"],
  [class~="lap-4/10"] {
    width: 40% !important; }
  [class~="lap-3/5"],
  [class~="lap-6/10"] {
    width: 60% !important; }
  [class~="lap-4/5"],
  [class~="lap-8/10"] {
    width: 80% !important; }
  /**
                 * Sixths.
                 */
  [class~="lap-1/6"],
  [class~="lap-2/12"] {
    width: 16.6666666% !important; }
  [class~="lap-5/6"],
  [class~="lap-10/12"] {
    width: 83.3333333% !important; }
  /**
                 * Eighths.
                 */
  [class~="lap-1/8"] {
    width: 12.5% !important; }
  [class~="lap-3/8"] {
    width: 37.5% !important; }
  [class~="lap-5/8"] {
    width: 62.5% !important; }
  [class~="lap-7/8"] {
    width: 87.5% !important; }
  /**
                 * Ninths.
                 */
  [class~="lap-1/9"] {
    width: 11.1111111% !important; }
  [class~="lap-2/9"] {
    width: 22.2222222% !important; }
  [class~="lap-4/9"] {
    width: 44.4444444% !important; }
  [class~="lap-5/9"] {
    width: 55.5555555% !important; }
  [class~="lap-7/9"] {
    width: 77.7777777% !important; }
  [class~="lap-8/9"] {
    width: 88.8888888% !important; }
  /**
                 * Tenths.
                 */
  [class~="lap-1/10"] {
    width: 10% !important; }
  [class~="lap-3/10"] {
    width: 30% !important; }
  [class~="lap-7/10"] {
    width: 70% !important; }
  [class~="lap-9/10"] {
    width: 90% !important; }
  /**
                 * Twelfths.
                 */
  [class~="lap-1/12"] {
    width: 8.3333333% !important; }
  [class~="lap-5/12"] {
    width: 41.6666666% !important; }
  [class~="lap-7/12"] {
    width: 58.3333333% !important; }
  [class~="lap-11/12"] {
    width: 91.6666666% !important; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /**
                 * Whole.
                 */
  [class~="palm-1/1"] {
    width: 100% !important; }
  /**
                 * Halves.
                 */
  [class~="palm-1/2"],
  [class~="palm-2/4"],
  [class~="palm-3/6"],
  [class~="palm-4/8"],
  [class~="palm-5/10"],
  [class~="palm-6/12"] {
    width: 50% !important; }
  /**
                 * Thirds.
                 */
  [class~="palm-1/3"],
  [class~="palm-2/6"],
  [class~="palm-3/9"],
  [class~="palm-4/12"] {
    width: 33.3333333% !important; }
  [class~="palm-2/3"],
  [class~="palm-4/6"],
  [class~="palm-6/9"],
  [class~="palm-8/12"] {
    width: 66.6666666% !important; }
  /**
                 * Quarters.
                 */
  [class~="palm-1/4"],
  [class~="palm-2/8"],
  [class~="palm-3/12"] {
    width: 25% !important; }
  [class~="palm-3/4"],
  [class~="palm-6/8"],
  [class~="palm-9/12"] {
    width: 75% !important; }
  /**
                 * Fifths.
                 */
  [class~="palm-1/5"],
  [class~="palm-2/10"] {
    width: 20% !important; }
  [class~="palm-2/5"],
  [class~="palm-4/10"] {
    width: 40% !important; }
  [class~="palm-3/5"],
  [class~="palm-6/10"] {
    width: 60% !important; }
  [class~="palm-4/5"],
  [class~="palm-8/10"] {
    width: 80% !important; }
  /**
                 * Sixths.
                 */
  [class~="palm-1/6"],
  [class~="palm-2/12"] {
    width: 16.6666666% !important; }
  [class~="palm-5/6"],
  [class~="palm-10/12"] {
    width: 83.3333333% !important; }
  /**
                 * Eighths.
                 */
  [class~="palm-1/8"] {
    width: 12.5% !important; }
  [class~="palm-3/8"] {
    width: 37.5% !important; }
  [class~="palm-5/8"] {
    width: 62.5% !important; }
  [class~="palm-7/8"] {
    width: 87.5% !important; }
  /**
                 * Ninths.
                 */
  [class~="palm-1/9"] {
    width: 11.1111111% !important; }
  [class~="palm-2/9"] {
    width: 22.2222222% !important; }
  [class~="palm-4/9"] {
    width: 44.4444444% !important; }
  [class~="palm-5/9"] {
    width: 55.5555555% !important; }
  [class~="palm-7/9"] {
    width: 77.7777777% !important; }
  [class~="palm-8/9"] {
    width: 88.8888888% !important; }
  /**
                 * Tenths.
                 */
  [class~="palm-1/10"] {
    width: 10% !important; }
  [class~="palm-3/10"] {
    width: 30% !important; }
  [class~="palm-7/10"] {
    width: 70% !important; }
  [class~="palm-9/10"] {
    width: 90% !important; }
  /**
                 * Twelfths.
                 */
  [class~="palm-1/12"] {
    width: 8.3333333% !important; }
  [class~="palm-5/12"] {
    width: 41.6666666% !important; }
  [class~="palm-7/12"] {
    width: 58.3333333% !important; }
  [class~="palm-11/12"] {
    width: 91.6666666% !important; } }

@media screen and (max-width: 767px) {
  /**
                 * Whole.
                 */
  [class~="smart-1/1"] {
    width: 100% !important; }
  /**
                 * Halves.
                 */
  [class~="smart-1/2"],
  [class~="smart-2/4"],
  [class~="smart-3/6"],
  [class~="smart-4/8"],
  [class~="smart-5/10"],
  [class~="smart-6/12"] {
    width: 50% !important; }
  /**
                 * Thirds.
                 */
  [class~="smart-1/3"],
  [class~="smart-2/6"],
  [class~="smart-3/9"],
  [class~="smart-4/12"] {
    width: 33.3333333% !important; }
  [class~="smart-2/3"],
  [class~="smart-4/6"],
  [class~="smart-6/9"],
  [class~="smart-8/12"] {
    width: 66.6666666% !important; }
  /**
                 * Quarters.
                 */
  [class~="smart-1/4"],
  [class~="smart-2/8"],
  [class~="smart-3/12"] {
    width: 25% !important; }
  [class~="smart-3/4"],
  [class~="smart-6/8"],
  [class~="smart-9/12"] {
    width: 75% !important; }
  /**
                 * Fifths.
                 */
  [class~="smart-1/5"],
  [class~="smart-2/10"] {
    width: 20% !important; }
  [class~="smart-2/5"],
  [class~="smart-4/10"] {
    width: 40% !important; }
  [class~="smart-3/5"],
  [class~="smart-6/10"] {
    width: 60% !important; }
  [class~="smart-4/5"],
  [class~="smart-8/10"] {
    width: 80% !important; }
  /**
                 * Sixths.
                 */
  [class~="smart-1/6"],
  [class~="smart-2/12"] {
    width: 16.6666666% !important; }
  [class~="smart-5/6"],
  [class~="smart-10/12"] {
    width: 83.3333333% !important; }
  /**
                 * Eighths.
                 */
  [class~="smart-1/8"] {
    width: 12.5% !important; }
  [class~="smart-3/8"] {
    width: 37.5% !important; }
  [class~="smart-5/8"] {
    width: 62.5% !important; }
  [class~="smart-7/8"] {
    width: 87.5% !important; }
  /**
                 * Ninths.
                 */
  [class~="smart-1/9"] {
    width: 11.1111111% !important; }
  [class~="smart-2/9"] {
    width: 22.2222222% !important; }
  [class~="smart-4/9"] {
    width: 44.4444444% !important; }
  [class~="smart-5/9"] {
    width: 55.5555555% !important; }
  [class~="smart-7/9"] {
    width: 77.7777777% !important; }
  [class~="smart-8/9"] {
    width: 88.8888888% !important; }
  /**
                 * Tenths.
                 */
  [class~="smart-1/10"] {
    width: 10% !important; }
  [class~="smart-3/10"] {
    width: 30% !important; }
  [class~="smart-7/10"] {
    width: 70% !important; }
  [class~="smart-9/10"] {
    width: 90% !important; }
  /**
                 * Twelfths.
                 */
  [class~="smart-1/12"] {
    width: 8.3333333% !important; }
  [class~="smart-5/12"] {
    width: 41.6666666% !important; }
  [class~="smart-7/12"] {
    width: 58.3333333% !important; }
  [class~="smart-11/12"] {
    width: 91.6666666% !important; } }

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("clientlib-base/resources/fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("clientlib-base/resources/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("clientlib-base/resources/fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("clientlib-base/resources/fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("clientlib-base/resources/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/**
 * #PAGES LAYOUT
 */
/**
 * #COMPONENTS
 */
header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 40px;
  z-index: 50; }
  @media screen and (min-width: 1920px) {
    header {
      height: 45px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    header {
      position: fixed;
      height: 51px; } }
  @media screen and (max-width: 767px) {
    header {
      position: fixed;
      height: 51px; } }
  header .menu-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 200%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9; }

.header-top-bar {
  position: relative;
  background: transparent\9;
  background: rgba(0, 0, 0, 0);
  width: 100%;
  z-index: 950;
  margin-bottom: -50px; }
  .header-top-bar:nth-child(n) {
    filter: none; }
  .header-top-bar .gray-row {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1d1d1b;
    border-bottom: 1px solid #030302;
    width: 100%;
    height: 45px; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .header-top-bar .gray-row {
        height: 40px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .header-top-bar .gray-row {
        height: 40px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .header-top-bar .gray-row {
        height: 60px; } }
    @media screen and (max-width: 767px) {
      .header-top-bar .gray-row {
        height: 50px;
        display: none; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .header-top-bar {
      margin-bottom: -40px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .header-top-bar {
      margin-bottom: -60px; } }
  @media screen and (max-width: 767px) {
    .header-top-bar {
      margin-bottom: 0px;
      border-bottom: 1px solid #fff;
      background-color: #000; } }
  .header-top-bar .header-button-container {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 0 auto; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .header-top-bar .header-button-container {
        height: 40px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .header-top-bar .header-button-container {
        height: 60px; } }
    @media screen and (max-width: 767px) {
      .header-top-bar .header-button-container {
        height: 50px; } }
    .header-top-bar .header-button-container .header-button {
      position: absolute;
      top: 10px;
      left: 0;
      right: 0;
      margin: 0 auto;
      display: block;
      cursor: pointer; }
      .header-top-bar .header-button-container .header-button.menu-button {
        background-image: url("clientlib-base/resources/images/header-menu-button.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        position: relative; }
        .header-top-bar .header-button-container .header-button.menu-button span {
          display: none;
          position: absolute;
          top: 50%;
          left: 50%;
          background-color: #fff;
          text-transform: uppercase;
          text-align: center;
          font-size: 12px;
          width: 50px;
          height: 50px;
          border-radius: 25px;
          line-height: 50px;
          margin-left: -25px;
          margin-top: -25px; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .header-top-bar .header-button-container .header-button.menu-button span {
              width: 42px;
              height: 42px;
              line-height: 42px;
              border-radius: 21px;
              margin-left: -21px;
              margin-top: -21px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .header-top-bar .header-button-container .header-button.menu-button span {
              width: 42px;
              height: 42px;
              line-height: 42px;
              border-radius: 21px;
              margin-left: -21px;
              margin-top: -21px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .header-top-bar .header-button-container .header-button.menu-button span {
              width: 30px;
              height: 30px;
              line-height: 30px;
              border-radius: 15px;
              margin-left: -15px;
              margin-top: -15px;
              font-size: 9px; } }
          @media screen and (max-width: 767px) {
            .header-top-bar .header-button-container .header-button.menu-button span {
              width: 22px;
              height: 22px;
              line-height: 22px;
              border-radius: 11px;
              margin-left: -11px;
              margin-top: -11px;
              font-size: 6px; } }
        @media screen and (min-width: 1920px) {
          .header-top-bar .header-button-container .header-button.menu-button {
            width: 70px;
            height: 70px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .header-top-bar .header-button-container .header-button.menu-button {
            width: 60px;
            height: 60px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .header-top-bar .header-button-container .header-button.menu-button {
            width: 60px;
            height: 60px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .header-top-bar .header-button-container .header-button.menu-button {
            width: 50px;
            height: 50px;
            top: 5px; } }
        @media screen and (max-width: 767px) {
          .header-top-bar .header-button-container .header-button.menu-button {
            width: 42px;
            height: 42px;
            top: 5px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .header-top-bar .header-button-container .header-button.menu-button:hover span {
          display: inline-block; } }
      .header-top-bar .header-button-container .header-button.home-button {
        background-image: url("clientlib-base/resources/images/header-home-button.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        top: 10px;
        width: 90px;
        height: 90px; }
        @media screen and (min-width: 1920px) {
          .header-top-bar .header-button-container .header-button.home-button {
            width: 90px;
            height: 90px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .header-top-bar .header-button-container .header-button.home-button {
            width: 82px;
            height: 82px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .header-top-bar .header-button-container .header-button.home-button {
            width: 82px;
            height: 82px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .header-top-bar .header-button-container .header-button.home-button {
            width: 52px;
            height: 52px;
            top: 5px; } }
        @media screen and (max-width: 767px) {
          .header-top-bar .header-button-container .header-button.home-button {
            width: 42px;
            height: 42px;
            top: 5px; } }
      .header-top-bar .header-button-container .header-button.sport-button {
        background-image: url("clientlib-base/resources/images/header-sport-button.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%; }
        @media screen and (min-width: 1920px) {
          .header-top-bar .header-button-container .header-button.sport-button {
            width: 70px;
            height: 70px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .header-top-bar .header-button-container .header-button.sport-button {
            width: 60px;
            height: 60px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .header-top-bar .header-button-container .header-button.sport-button {
            width: 60px;
            height: 60px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .header-top-bar .header-button-container .header-button.sport-button {
            width: 52px;
            height: 52px;
            top: 5px; } }
        @media screen and (max-width: 767px) {
          .header-top-bar .header-button-container .header-button.sport-button {
            width: 42px;
            height: 42px;
            top: 5px; } }

.header-global-menu {
  z-index: 955;
  background: #333;
  position: absolute;
  top: 0 !important;
  margin-left: -100%;
  height: auto;
  width: 25%;
  padding-bottom: 20px;
  font-size: 1.125em; }
  @media screen and (max-width: 767px) {
    .header-global-menu.too-height {
      overflow-x: hidden;
      overflow-y: scroll; } }
  .header-global-menu.active {
    border-right: 1px solid #000; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .header-global-menu.active {
        width: calc(25% - -1px); } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .header-global-menu.active {
        width: calc(25% - -1px); } }
    @media screen and (min-width: 1920px) {
      .header-global-menu.active {
        width: calc(25% - -1px); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .header-global-menu.active {
        width: calc(60% - -1px); } }
    .header-global-menu.active .bottom-menu .main-nav .nav-item.active .bottom-link {
      color: #000;
      background-color: #ccc; }
    .header-global-menu.active .bottom-menu .main-nav .nav-item.active .bottom-link {
      background-color: #ccc;
      font-family: 'Abarth_Medium';
      color: #000; }
      .header-global-menu.active .bottom-menu .main-nav .nav-item.active .bottom-link span {
        color: #000; }
      @media screen and (max-width: 767px) {
        .header-global-menu.active .bottom-menu .main-nav .nav-item.active .bottom-link span {
          color: #666; } }
      @media screen and (max-width: 767px) {
        .header-global-menu.active .bottom-menu .main-nav .nav-item.active .bottom-link span.fa-sort-desc {
          display: none; } }
      @media screen and (max-width: 767px) {
        .header-global-menu.active .bottom-menu .main-nav .nav-item.active .bottom-link span.fa-sort-asc {
          display: inline-block; } }
    .header-global-menu.active .bottom-menu .main-nav .nav-item .bottom-link {
      color: #666; }
      .header-global-menu.active .bottom-menu .main-nav .nav-item .bottom-link.active {
        color: #000; }
    .header-global-menu.active .bottom-menu .main-nav .nav-item .submenu-main-nav a {
      color: #000; }
    .header-global-menu.active .bottom-menu .main-nav .nav-item .submenu-main-nav a:hover {
      background-color: #fff; }
  @media screen and (min-width: 1920px) {
    .header-global-menu {
      font-size: 1.25em; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .header-global-menu {
      font-size: 1em; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .header-global-menu {
      font-size: 0.85em; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .header-global-menu {
      width: 60%;
      max-height: none; } }
  @media screen and (max-width: 767px) {
    .header-global-menu {
      width: 100%;
      max-height: none; } }
  .header-global-menu ul {
    margin-left: 0;
    margin-bottom: 0; }
  .header-global-menu .top-menu {
    position: relative; }
    .header-global-menu .top-menu .services-menu {
      background-color: #333; }
    .header-global-menu .top-menu .link-container {
      line-height: 60px;
      text-align: center; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .header-global-menu .top-menu .link-container {
          line-height: 40px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .header-global-menu .top-menu .link-container {
          line-height: 40px; } }
      .header-global-menu .top-menu .link-container.change-country {
        background-color: #000;
        position: relative; }
        @media screen and (max-width: 767px) {
          .header-global-menu .top-menu .link-container.change-country {
            line-height: 50px;
            width: 100%; } }
        .header-global-menu .top-menu .link-container.change-country span {
          padding-left: 10px;
          position: absolute; }
        .header-global-menu .top-menu .link-container.change-country .fa-sort-desc {
          top: 12px; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .header-global-menu .top-menu .link-container.change-country .fa-sort-desc {
              top: 20px; } }
          @media screen and (min-width: 1920px) {
            .header-global-menu .top-menu .link-container.change-country .fa-sort-desc {
              top: 20px; } }
        .header-global-menu .top-menu .link-container.change-country .fa-sort-asc {
          top: 18px; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .header-global-menu .top-menu .link-container.change-country .fa-sort-asc {
              top: 28px; } }
          @media screen and (min-width: 1920px) {
            .header-global-menu .top-menu .link-container.change-country .fa-sort-asc {
              top: 28px; } }
        .header-global-menu .top-menu .link-container.change-country .change-country-menu {
          display: none;
          width: 100%;
          background-color: #fff;
          padding: 0 15px 20px 15px;
          position: absolute;
          top: 100%;
          left: 0;
          z-index: 11;
          list-style: none; }
          .header-global-menu .top-menu .link-container.change-country .change-country-menu li {
            line-height: 22px;
            border-bottom: 2px solid #fff; }
          .header-global-menu .top-menu .link-container.change-country .change-country-menu li:hover,
          .header-global-menu .top-menu .link-container.change-country .change-country-menu li.selected {
            border-bottom: 2px solid #000; }
          .header-global-menu .top-menu .link-container.change-country .change-country-menu .country-link {
            color: #000;
            padding-left: 28px;
            text-align: left;
            font-size: 14px;
            line-height: 22px; }
      .header-global-menu .top-menu .link-container.close-button {
        background-color: #000;
        height: 60px; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .header-global-menu .top-menu .link-container.close-button {
            height: 40px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .header-global-menu .top-menu .link-container.close-button {
            height: 40px; } }
        @media screen and (max-width: 767px) {
          .header-global-menu .top-menu .link-container.close-button {
            width: 100%;
            height: 50px;
            right: 0;
            top: 20px; } }
        .header-global-menu .top-menu .link-container.close-button a {
          height: 60px;
          /*background: url(clientlib-base/resources/images/icon/close-menu.png) no-repeat center center;*/
          background-size: 18%;
          background: url(clientlib-base/resources/images/icon/close-menu.png);
          background-repeat: no-repeat;
          background-position: 80% 50%; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .header-global-menu .top-menu .link-container.close-button a {
              height: 40px;
              background-size: 22px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .header-global-menu .top-menu .link-container.close-button a {
              height: 40px;
              background-size: 20px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .header-global-menu .top-menu .link-container.close-button a {
              background-size: 30px;
              background-position: 91% 50%; } }
          @media screen and (max-width: 767px) {
            .header-global-menu .top-menu .link-container.close-button a {
              /*height: 50px;*/
              background-size: 24px;
              background-position: 50% 50%;
              width: 25px !important;
              max-width: 25px !important;
              height: 50px !important;
              float: right;
              margin-right: 17px; } }
      .header-global-menu .top-menu .link-container .top-link {
        color: #fff;
        position: relative;
        text-align: left;
        padding-left: 15px; }
      .header-global-menu .top-menu .link-container .mid-link {
        line-height: 40px;
        margin: 10px 0;
        border-left: 1px solid #666;
        font-family: 'Abarth_Light', sans-serif;
        color: #fff; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .header-global-menu .top-menu .link-container .mid-link {
            line-height: 30px;
            margin: 5px 0; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .header-global-menu .top-menu .link-container .mid-link {
            line-height: 30px;
            margin: 5px 0; } }
        @media screen and (max-width: 767px) {
          .header-global-menu .top-menu .link-container .mid-link {
            font-size: 14px; } }
      .header-global-menu .top-menu .link-container .mid-link:hover,
      .header-global-menu .top-menu .link-container .mid-link:active {
        color: #e72020; }
      .header-global-menu .top-menu .link-container.first a {
        border-left: none; }
  .header-global-menu a {
    text-decoration: none;
    display: block;
    cursor: pointer; }
  .header-global-menu .bottom-menu {
    padding-top: 10px;
    padding-bottom: 20px;
    font-family: 'Abarth_Medium';
    position: relative;
    background-color: #333; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .header-global-menu .bottom-menu {
        padding-top: 0px !important;
        padding-bottom: 0px !important; } }
    .header-global-menu .bottom-menu .main-nav .nav-item {
      list-style: none;
      line-height: 38px;
      border-bottom: 2px solid #3c3c3c;
      position: relative; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .header-global-menu .bottom-menu .main-nav .nav-item {
          line-height: 38px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .header-global-menu .bottom-menu .main-nav .nav-item {
          line-height: 38px; } }
      @media screen and (max-width: 767px) {
        .header-global-menu .bottom-menu .main-nav .nav-item {
          line-height: 38px; } }
      @media screen and (max-width: 767px) {
        .header-global-menu .bottom-menu .main-nav .nav-item.opened .fa-sort-asc {
          top: 15px; } }
      .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link {
        color: #fff;
        padding: 0 25px;
        position: relative; }
        @media screen and (max-width: 767px) {
          .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link {
            padding: 0 20px !important; } }
        @media screen and (max-width: 767px) {
          .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link {
            padding: 0 15px !important; } }
        .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span {
          position: absolute;
          right: 25px;
          top: 21px;
          color: #fff; }
          @media screen and (min-width: 1920px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span {
              top: 10px; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span {
              top: 12px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span {
              top: 12px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span {
              top: 10px; } }
          @media screen and (max-width: 767px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span {
              top: 6px; } }
          @media screen and (min-width: 1920px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-caret-right {
              display: inline-block; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-caret-right {
              display: inline-block; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-caret-right {
              display: inline-block; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-caret-right {
              display: inline-block; } }
          @media screen and (max-width: 767px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-caret-right {
              display: none; } }
          @media screen and (min-width: 1920px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-sort-desc {
              display: none; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-sort-desc {
              display: none; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-sort-desc {
              display: none; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-sort-desc {
              display: none; } }
          @media screen and (max-width: 767px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-sort-desc {
              display: inline-block; } }
          @media screen and (min-width: 1920px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-sort-asc {
              display: none; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-sort-asc {
              display: none; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-sort-asc {
              display: none; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-sort-asc {
              display: none; } }
          @media screen and (max-width: 767px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link span.fa-sort-asc {
              display: none; } }
      .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link:hover {
        color: #000;
        background-color: #ccc; }
        .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link:hover span {
          color: #000; }
      .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav {
        font-family: 'Abarth_Medium';
        background-color: #afafaf;
        list-style: none; }
        @media screen and (min-width: 1920px) {
          .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav {
            position: absolute;
            top: 0;
            left: 100%;
            z-index: 14;
            width: 0;
            overflow: hidden; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav {
            position: absolute;
            top: 0;
            left: 100%;
            z-index: 14;
            width: 0;
            overflow: hidden; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav {
            position: absolute;
            top: 0;
            left: 100%;
            z-index: 14;
            width: 0;
            overflow: hidden; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav {
            position: absolute;
            top: 0;
            left: 100%;
            z-index: 14;
            width: 0;
            overflow: hidden; } }
        @media screen and (max-width: 767px) {
          .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav {
            position: static;
            width: inherit !important;
            overflow: visible;
            display: none; } }
        .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav.active {
          border-left: 1px solid #000; }
          @media screen and (max-width: 767px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav.active {
              display: block;
              border-left: none; } }
        .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav li {
          overflow: hidden;
          width: 300px; }
          @media screen and (max-width: 767px) {
            .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav li {
              width: inherit;
              overflow: visible; } }
        .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav a {
          color: #333;
          padding-left: 25px;
          border-bottom: 2px solid #b8b8b8; }
        .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav a:hover {
          background-color: #fff; }
        .header-global-menu .bottom-menu .main-nav .nav-item .submenu-main-nav li:last-child a {
          border-bottom: none; }
    .header-global-menu .bottom-menu .main-nav .nav-item:last-child {
      border-bottom: none; }
  .header-global-menu .cta-menu-wrapper {
    text-align: center;
    background-color: #333; }
    .header-global-menu .cta-menu-wrapper .cta {
      display: inline-block;
      font-size: 1em;
      width: 47%;
      min-width: 1px;
      margin-bottom: 10px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .header-global-menu .cta-menu-wrapper .cta {
          font-size: 0.8125em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .header-global-menu .cta-menu-wrapper .cta {
          font-size: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .header-global-menu .cta-menu-wrapper .cta {
          font-size: 0.9em; } }
      @media screen and (max-width: 767px) {
        .header-global-menu .cta-menu-wrapper .cta {
          font-size: 12px; } }

.menu-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9; }

.noclick {
  pointer-events: none !important; }

/*Giacomo*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer-palm {
    width: 100% !important;
    margin-left: 0px !important;
    margin-top: -18px !important; } }

.footer {
  background-color: #000;
  width: 100%;
  font-size: 1em;
  padding: 0 !important;
  line-height: 1.5;
  position: relative;
  /*Giacomo*/
  z-index: 32;
  /*End Giacomo*/
  color: #ccc;
  padding: 0 20px; }
  .footer .home-link {
    color: #7b7b7b;
    text-decoration: none;
    font-size: 1.5em;
    font-family: 'Abarth_Medium', sans-serif;
    display: block;
    text-align: center;
    padding-left: 50px;
    padding-top: 20px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .footer .home-link {
        font-size: 1.375em; } }
  .footer .item-AccFooter {
    font-size: 1.375em;
    color: #7b7b7b;
    margin: 0;
    padding-left: 0;
    padding-top: 20px;
    width: 100% !important;
    text-align: center; }
  .footer .item-AccFooter span {
    cursor: pointer; }
  .footer .social-icon-container .social-box a {
    text-align: left; }
  .footer .social-icon-container .social-box a .fa {
    text-align: left; }
  .footer .box-AccFooter {
    margin-top: 40px;
    margin-bottom: 80px; }
    .footer .box-AccFooter .layout__item {
      float: left;
      display: block; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .footer .box-AccFooter .layout__item {
          float: none; } }
      @media screen and (max-width: 767px) {
        .footer .box-AccFooter .layout__item {
          float: none; } }
    .footer .box-AccFooter .list-link-box > div {
      min-height: 8px; }
      @media screen and (max-width: 767px) {
        .footer .box-AccFooter .list-link-box > div {
          min-height: 0; } }
    @media screen and (max-width: 767px) {
      .footer .box-AccFooter .list-link-box {
        display: none; }
        .footer .box-AccFooter .list-link-box.active {
          display: block; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .footer .box-AccFooter {
        overflow: hidden;
        margin-bottom: 20px; } }
    @media screen and (max-width: 767px) {
      .footer .box-AccFooter {
        overflow: hidden;
        margin-bottom: 20px;
        margin-top: 20px; }
        .footer .box-AccFooter .form-link-container {
          margin-bottom: 60px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .footer .box-AccFooter {
        position: relative; }
        .footer .box-AccFooter .form-link-container {
          position: absolute;
          top: 0;
          right: 0; }
        .footer .box-AccFooter .social-app-container {
          margin-top: 150px;
          margin-bottom: 70px; }
        .footer .box-AccFooter .social-app-container:after {
          content: "";
          display: block;
          clear: both; } }
  .footer .box-AccFooter:after {
    content: "";
    clear: both;
    display: block; }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .footer {
      font-size: 75%; }
      .footer .viewNone {
        display: block; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .footer {
      font-size: 50%; }
      .footer .viewNone {
        display: block; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer {
      font-size: 100%; }
      .footer .viewNone {
        display: none; } }
  @media screen and (max-width: 767px) {
    .footer {
      margin-top: -13px !important; }
      .footer .viewNone {
        display: none; } }
  .footer hr {
    background-color: #555;
    width: 100%;
    margin-top: 10px;
    border-left: 0;
    border-right: 0; }
  .footer h3 {
    font-size: 1.3em;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 25px;
    border-bottom: 1px solid #fff;
    position: relative;
    line-height: 2.82em; }
    @media screen and (min-width: 1920px) {
      .footer h3 {
        font-size: 18px;
        line-height: 2.8em; } }
    .footer h3 span {
      font-family: 'Abarth_Medium';
      display: block;
      color: #ccc;
      text-decoration: none;
      margin-bottom: 0;
      height: 2.725em;
      line-height: 2.725em;
      font-weight: normal; }
      .footer h3 span i {
        display: none;
        position: absolute;
        right: 0;
        height: 49px;
        width: 100%; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .footer h3 span i {
            display: inline-block; } }
      .footer h3 span .fa-caret-down:before {
        top: 20px;
        position: relative;
        left: 95%; }
      .footer h3 span .fa-caret-up:before {
        top: 20px;
        position: relative;
        left: 95%; }
    .footer h3 a {
      padding-bottom: 10px;
      font-family: 'Abarth_Medium';
      display: block;
      color: #ccc;
      text-decoration: none; }
  .footer .list {
    margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .footer .list {
        margin-bottom: 35px;
        margin-top: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .footer .list {
        display: none; }
        .footer .list.active {
          display: block; } }
  .footer ul {
    list-style: none;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 25px; }
    .footer ul li span a {
      font-size: 0.9em;
      color: #ccc;
      text-decoration: none;
      font-family: 'Abarth_Light'; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .footer ul li span a {
          font-size: 1.3em; } }
      @media screen and (max-width: 767px) {
        .footer ul li span a {
          font-size: 1em; } }
  .footer .mid-list li {
    border-bottom: 1px solid #fff; }
    .footer .mid-list li .fa {
      /*font-size: 1.0em;*/
      /*Giacomo*/
      font-size: 1em;
      /*End Giacomo*/
      /*Giacomo*/
      /*End Giacomo*/ }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .footer .mid-list li .fa {
          font-size: 1.3em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .footer .mid-list li .fa {
          font-size: 1.7em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .footer .mid-list li .fa {
          font-size: 1.3em; } }
      @media screen and (max-width: 767px) {
        .footer .mid-list li .fa {
          font-size: 20px; } }
    .footer .mid-list li span [class^="ab-icon-"],
    .footer .mid-list li span [class*=" ab-icon-"] {
      /*font-size: 1.0em;*/
      /*Giacomo*/
      font-size: 1em;
      /*End Giacomo*/
      /*Giacomo*/
      /*End Giacomo*/ }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .footer .mid-list li span [class^="ab-icon-"],
        .footer .mid-list li span [class*=" ab-icon-"] {
          font-size: 1.3em; }
          .footer .mid-list li span [class^="ab-icon-"].ab-icon-message,
          .footer .mid-list li span [class*=" ab-icon-"].ab-icon-message {
            font-size: 1em;
            top: -1px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .footer .mid-list li span [class^="ab-icon-"],
        .footer .mid-list li span [class*=" ab-icon-"] {
          font-size: 1.7em; }
          .footer .mid-list li span [class^="ab-icon-"].ab-icon-message,
          .footer .mid-list li span [class*=" ab-icon-"].ab-icon-message {
            font-size: 1.3em;
            top: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .footer .mid-list li span [class^="ab-icon-"],
        .footer .mid-list li span [class*=" ab-icon-"] {
          font-size: 1.3em; }
          .footer .mid-list li span [class^="ab-icon-"].ab-icon-message,
          .footer .mid-list li span [class*=" ab-icon-"].ab-icon-message {
            font-size: 1em;
            top: -1px; } }
      @media screen and (max-width: 767px) {
        .footer .mid-list li span [class^="ab-icon-"],
        .footer .mid-list li span [class*=" ab-icon-"] {
          font-size: 20px; }
          .footer .mid-list li span [class^="ab-icon-"].ab-icon-message,
          .footer .mid-list li span [class*=" ab-icon-"].ab-icon-message {
            font-size: 1em;
            top: -1px; } }
      .footer .mid-list li span [class^="ab-icon-"].ab-icon-message,
      .footer .mid-list li span [class*=" ab-icon-"].ab-icon-message {
        font-size: 0.8em;
        position: relative;
        top: -2px; }
      .footer .mid-list li span [class^="ab-icon-"]:before,
      .footer .mid-list li span [class*=" ab-icon-"]:before {
        vertical-align: middle; }
    .footer .mid-list li span span {
      margin-right: 15px; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .footer .mid-list li span span {
          margin-right: 5px; } }
    .footer .mid-list li span a {
      font-family: 'Abarth_Medium';
      font-size: 0.9em;
      color: #ccc;
      text-decoration: none;
      display: inline-block;
      height: 2.725em;
      line-height: 2.725em; }
  .footer .mid-list.bottom {
    margin-top: 92px; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .footer .mid-list.bottom {
        margin-top: 0px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .footer .mid-list.bottom {
        margin-top: 0px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .footer .mid-list.bottom {
        margin-bottom: 60px;
        margin-top: 0; } }
    @media screen and (max-width: 767px) {
      .footer .mid-list.bottom {
        margin-bottom: 60px;
        margin-top: 0; } }
  .footer .sub-list {
    padding: 10px 0;
    border-bottom: 1px solid #555; }
    .footer .sub-list li span a {
      font-family: 'Abarth_Light';
      font-size: 0.9em;
      color: #ccc;
      text-decoration: none;
      width: 100%;
      display: block; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .footer .sub-list li span a {
          font-size: 1.3em; } }
      .footer .sub-list li span a.no-border {
        border-bottom: none; }
  .footer .store {
    margin-bottom: 10px;
    font-size: 1em;
    font-family: 'Abarth_Medium'; }
    .footer .store h3 {
      border-bottom: 1px solid #555; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .footer .store {
        border-bottom: 1px solid #555;
        border-top: none;
        height: 30px; }
        .footer .store h3 {
          border-bottom: none; } }
    .footer .store a {
      border-bottom: none;
      font-size: 1em; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .footer .store a {
          padding-top: 0px; } }
  .footer .app-container {
    margin-bottom: 60px; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .footer .app-container {
        margin-bottom: 43px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .footer .app-container {
        margin-bottom: 27px; } }
    .footer .app-container p {
      margin-bottom: 0;
      height: 2.275em;
      line-height: 2.275em; }
    @media screen and (max-width: 767px) {
      .footer .app-container {
        margin-bottom: 50px; } }
    .footer .app-container .app-icon-container {
      padding-left: 15px;
      padding-right: 25px;
      padding-top: 10px; }
      .footer .app-container .app-icon-container p {
        margin-bottom: 0; }
      .footer .app-container .app-icon-container div a {
        display: inline-block;
        margin-right: 5px;
        color: #ccc;
        text-decoration: none;
        font-family: 'Abarth_Light', sans-serif;
        font-size: 0.9em; }
      .footer .app-container .app-icon-container div span {
        width: 102px;
        height: 34px;
        display: inline-block;
        /*Giacomo*/
        border: 1px solid;
        border-radius: 4px;
        /*End Giacomo*/ }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .footer .app-container .app-icon-container div span {
            width: 51px;
            height: 17px;
            background-size: 100% !important; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .footer .app-container .app-icon-container div span {
            width: 80px;
            height: 27px;
            background-size: 100% !important; } }
      .footer .app-container .app-icon-container div .app-store {
        background: url("clientlib-base/resources/images/app-store.png") no-repeat center center; }
      .footer .app-container .app-icon-container div .app-android {
        background: url("clientlib-base/resources/images/android-app.png") no-repeat center center; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .footer .app-container {
        margin-bottom: 0;
        float: left; } }
  .footer .social-container h3 {
    border-bottom: 1px solid #fff;
    line-height: 2.8em; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer .social-container {
      float: none; } }
  .footer .social-icon-container {
    padding-top: 10px;
    margin-left: 15px; }
    .footer .social-icon-container .social-box {
      width: auto;
      display: block;
      float: left;
      margin-bottom: 20px; }
      .footer .social-icon-container .social-box .pinterest {
        padding-top: 5px; }
      .footer .social-icon-container .social-box a {
        display: block;
        width: 100%;
        margin-right: 15px; }
        .footer .social-icon-container .social-box a .fa {
          width: 26px;
          height: 26px;
          position: relative;
          background-color: #fff;
          border-radius: 5px;
          vertical-align: middle; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .footer .social-icon-container .social-box a .fa {
              width: 23px;
              height: 23px;
              border-radius: 4px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .footer .social-icon-container .social-box a .fa {
              width: 17px;
              height: 17px;
              border-radius: 3px; } }
          .footer .social-icon-container .social-box a .fa:before {
            color: #000;
            display: inline;
            position: absolute;
            /*top: 2px;*/
            /*Giacomo*/
            top: 3px;
            /*End Giacomo*/
            width: 100%;
            line-height: 100%;
            text-align: center;
            vertical-align: middle;
            font-size: 20px; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .footer .social-icon-container .social-box a .fa:before {
                font-size: 18px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .footer .social-icon-container .social-box a .fa:before {
                font-size: 14px; } }
  .footer .info-footer {
    margin-top: 20px;
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .footer .info-footer {
        padding-top: 80px;
        position: relative; }
        .footer .info-footer .layout__item:last-child {
          margin-left: -1px; } }
    @media screen and (max-width: 767px) {
      .footer .info-footer {
        padding-top: 80px;
        position: relative; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .footer .info-footer .logo-footer img {
        max-width: 120px !important; } }
    .footer .info-footer .grey-list {
      background-color: #9e9ea0;
      height: 30px;
      display: block; }
      @media screen and (max-width: 767px) {
        .footer .info-footer .grey-list {
          height: auto;
          padding-top: 2%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .footer .info-footer .grey-list {
          height: 50px; } }
      .footer .info-footer .grey-list ul {
        text-align: right;
        padding-right: 20px; }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .footer .info-footer .grey-list ul {
            margin-right: 10px;
            margin-left: 10px;
            padding-right: 0; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .footer .info-footer .grey-list ul {
            padding-right: 0;
            margin-top: 0;
            margin-left: 0;
            margin-right: 0;
            /*Giacomo*/
            text-align: center;
            /*End Giacomo*/ } }
        @media screen and (max-width: 767px) {
          .footer .info-footer .grey-list ul {
            text-align: center;
            padding-right: 0;
            margin-top: 0; } }
        .footer .info-footer .grey-list ul li {
          display: inline-block; }
          @media screen and (max-width: 767px) {
            .footer .info-footer .grey-list ul li {
              display: block;
              width: 100%;
              height: 24px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .footer .info-footer .grey-list ul li {
              /*padding: 20px 0;*/
              /*Giacomo*/
              padding: 10px 0;
              /*End Giacomo*/ } }
          .footer .info-footer .grey-list ul li span {
            color: #000;
            line-height: 30px;
            font-size: 0.8em; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .footer .info-footer .grey-list ul li span {
                font-size: 0.8em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .footer .info-footer .grey-list ul li span {
                font-size: 1.2em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .footer .info-footer .grey-list ul li span {
                font-size: 11px; } }
            @media screen and (max-width: 767px) {
              .footer .info-footer .grey-list ul li span {
                font-size: 0.6em;
                line-height: 0.3em; } }
            .footer .info-footer .grey-list ul li span.separator {
              border-right: 1px solid #000;
              padding-right: 10px;
              margin-right: 10px; }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .footer .info-footer .grey-list ul li span.separator {
                  padding-right: 3px;
                  margin-right: 1px; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .footer .info-footer .grey-list ul li span.separator {
                  padding-right: 3px;
                  margin-right: 0; } }
              @media screen and (max-width: 767px) {
                .footer .info-footer .grey-list ul li span.separator {
                  border-right: none;
                  padding-right: 0px;
                  margin-right: 0px; } }
          .footer .info-footer .grey-list ul li a {
            color: #000;
            line-height: 30px;
            font-size: 0.8em; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .footer .info-footer .grey-list ul li a {
                font-size: 0.8em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .footer .info-footer .grey-list ul li a {
                font-size: 1.2em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .footer .info-footer .grey-list ul li a {
                font-size: 10.8px; } }
            @media screen and (max-width: 767px) {
              .footer .info-footer .grey-list ul li a {
                font-size: 0.6em;
                line-height: 0.3em; } }
            .footer .info-footer .grey-list ul li a.separator {
              border-right: 1px solid #000;
              padding-right: 10px;
              margin-right: 10px; }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .footer .info-footer .grey-list ul li a.separator {
                  padding-right: 5px;
                  margin-right: 5px; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .footer .info-footer .grey-list ul li a.separator {
                  padding-right: 3px;
                  margin-right: 0px;
                  /*Giacomo*/
                  border-right: 1px solid #000 !important;
                  border-left: 0px solid #000 !important;
                  /*End Giacomo*/ } }
              @media screen and (max-width: 767px) {
                .footer .info-footer .grey-list ul li a.separator {
                  border-right: none;
                  padding-right: 0px;
                  margin-right: 0px; } }
    @media screen and (max-width: 767px) {
      .footer .info-footer .right-list {
        padding-bottom: 10px;
        padding-top: 0px !important; } }
    .footer .info-footer .right-list ul {
      text-align: left;
      padding-left: 20px; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .footer .info-footer .right-list ul {
          padding-left: 0; } }
      @media screen and (max-width: 767px) {
        .footer .info-footer .right-list ul {
          text-align: center;
          margin-top: -1px;
          padding-left: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .footer .info-footer .right-list ul {
          padding-left: 0;
          /*Giacomo*/
          text-align: center;
          /*End Giacomo*/ } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .footer .info-footer .right-list ul li:first-child a {
          padding-left: 3px;
          border-left: 1px solid #000;
          margin-left: 3px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer .logo-footer-item {
      position: absolute;
      top: 0;
      width: 20%;
      left: 42%; }
      .footer .logo-footer-item img {
        width: 100%; } }
  @media screen and (max-width: 767px) {
    .footer .logo-footer-item {
      position: absolute;
      top: 0;
      width: 100%;
      left: 0%; }
      .footer .logo-footer-item img {
        width: 100%;
        margin: 0 auto;
        /*max-width: 200px;*/
        /*Giacomo*/
        max-width: 190px;
        height: 48px;
        /*End Giacomo*/ } }
  .footer img {
    display: block;
    margin: 0 auto;
    height: auto; }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .footer img {
      max-width: 100px !important; } }
  .footer .our-partner-container {
    margin-top: 10px; }
    .footer .our-partner-container .our-partner-box {
      /*display:block;*/
      float: left;
      width: 45%; }
    .footer .our-partner-container .our-partner-small-box {
      display: block;
      float: left;
      width: 10%; }
    @media screen and (max-width: 767px) {
      .footer .our-partner-container .our-partner-small-box {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 10px; } }
    .footer .our-partner-container .our-partner {
      font-size: 12px;
      color: #7e7e7e;
      display: block;
      margin: 0 auto;
      text-align: center;
      padding-top: 6px; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .footer .our-partner-container .our-partner {
          font-size: 1.4em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .footer .our-partner-container .our-partner-box {
        width: 40%; }
      .footer .our-partner-container .our-partner-small-box {
        width: 20%; }
      .footer .our-partner-container .our-partner {
        padding-top: 0px; } }
  .footer .brand-container {
    padding: 20px 0 10px 0;
    height: auto;
    /*width: 66.66%;*/
    width: 90%;
    margin: 0 auto; }
    .footer .brand-container .item_brand {
      height: 90px; }
    @media screen and (max-width: 767px) {
      .footer .brand-container {
        width: 83.33%; } }
    .footer .brand-container .brand-img-container {
      position: relative;
      display: block; }
      .footer .brand-container .brand-img-container img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 15px; }
  .footer .sponsor {
    display: block;
    height: 60px;
    border-top: 1px solid #ccc; }
    .footer .sponsor img {
      display: block;
      margin: 0 auto;
      padding-top: 17px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer .palm-contacts {
      margin-top: 30px; }
      .footer .palm-contacts:after {
        content: "";
        display: table;
        clear: both; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer .palm-padding {
      padding: 0 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer .social-icon-container {
      padding: 20px 0; } }
  @media screen and (max-width: 767px) {
    .footer .palm-padding {
      padding: 5px 10px; }
    .footer .social-icon-container {
      padding: 20px 0; } }
  .footer .noPadd {
    padding: 0 !important;
    margin: 0; }

@media screen and (min-width: 769px) {
  .footer .brand-container .layout-abarth {
    text-align: center; }
    .footer .brand-container .layout-abarth .item_brand {
      display: inline-block;
      float: none; } }

.footer_disclamer {
  margin-left: 30px;
  margin-right: 30px; }
  .footer_disclamer a {
    color: white !important; }

* {
  -ms-scroll-chaining: none; }

.carousel * {
  -ms-scroll-chaining: chained; }

/*CUSTOM AD HOC PADDING*/
/*.layout-abarth .layout__item iframe {
    @include media-query(large-screen) {
        padding-left: 12px;
    }
    @include media-query(palm) {
        padding-right: 12px;
    }
}*/
/*P2CAR-1426*/
@media screen and (min-width: 1920px) {
  .img-text.black.cover img {
    background: white;
    padding-left: 12px; } }

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .img-text.black.cover img {
    background: white;
    padding-left: 12px; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .img-text.black.cover img {
    background: white;
    padding-left: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-detail-item .img-text.cover.center img {
    padding-right: 12px; } }

/*END*/
.model-info {
  position: absolute;
  display: none;
  top: -2.5em;
  width: 250px;
  left: 100%;
  color: #fff;
  font-size: 1.5em; }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .model-info {
      width: 200px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .model-info {
      display: none !important; } }
  @media screen and (max-width: 767px) {
    .model-info {
      display: none !important; } }
  .model-info hr {
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    border: none; }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .model-info {
      font-size: 1em; }
      .model-info hr {
        margin-top: 10px;
        margin-bottom: 10px; } }
  .model-info p {
    margin-bottom: 0;
    font-family: 'Abarth_Light'; }
    .model-info p b {
      font-family: 'Abarth_heavy'; }

.model-switch {
  position: absolute;
  display: none;
  top: -3em;
  width: 258px;
  left: -250px;
  text-align: center; }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .model-switch {
      width: 240px;
      left: -220px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .model-switch {
      top: 4em;
      width: 190px;
      left: -190px; }
      .model-switch.palm-block {
        display: none; } }
  @media screen and (max-width: 767px) {
    .model-switch {
      display: none !important;
      width: 100%; } }
  .model-switch .logo {
    width: 80% !important;
    max-height: 180px;
    margin: 0 auto; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .model-switch .logo {
        display: none; } }
  .model-switch .cta {
    width: 100%; }
  .model-switch .flipCar {
    width: 100%;
    margin: 10px 0;
    padding: 7px;
    border: 1px solid #fff;
    font-family: 'Abarth_Light';
    z-index: 10; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .model-switch .flipCar {
        display: none; } }
    .model-switch .flipCar.not-visible {
      visibility: hidden !important;
      min-height: 36px; }
    .model-switch .flipCar .smart-setting {
      display: block; }
      .model-switch .flipCar .smart-setting .caps {
        line-height: 20px;
        font-size: 12px; }
    .model-switch .flipCar .front-lb-flip {
      width: 33%;
      float: left;
      position: relative;
      top: 2px;
      font-size: 0.8em;
      cursor: default;
      color: #fff;
      text-transform: uppercase;
      padding-right: 8px; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .model-switch .flipCar .front-lb-flip {
          font-size: 0.8em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .model-switch .flipCar .front-lb-flip {
          font-size: 0.8em; } }
      @media screen and (max-width: 767px) {
        .model-switch .flipCar .front-lb-flip {
          font-size: 0.8em; } }
    .model-switch .flipCar .back-lb-flip {
      width: 37%;
      float: right;
      position: relative;
      top: 2px;
      font-size: 0.8em;
      cursor: default;
      color: #fff;
      text-transform: uppercase; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .model-switch .flipCar .back-lb-flip {
          font-size: 0.8em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .model-switch .flipCar .back-lb-flip {
          font-size: 0.8em; } }
      @media screen and (max-width: 767px) {
        .model-switch .flipCar .back-lb-flip {
          font-size: 0.8em; } }
    .model-switch .flipCar .active {
      transition-property: opacity, left;
      transition-duration: 3s, 5s; }
    .model-switch .flipCar .wrap {
      float: left;
      width: 30%; }
    .model-switch .flipCar .slider-car {
      position: relative;
      display: block;
      height: 20px;
      width: 70px;
      cursor: pointer;
      border-radius: 1.5em;
      -webkit-transition: 350ms;
      -moz-transition: 350ms;
      -o-transition: 350ms;
      -ms-transition: 350ms;
      background-color: rgba(139, 131, 132, 0.8); }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .model-switch .flipCar .slider-car {
          width: 65px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .model-switch .flipCar .slider-car {
          height: 14px; } }
    .model-switch .flipCar .bullPoint {
      position: absolute;
      width: 1em;
      height: 1em;
      top: 0.125em;
      left: 0.125em;
      border-radius: 1.5em;
      transition: all 0.8s ease;
      background: #ffffff;
      box-shadow: 0 0 0 1.5em #ffffff inset;
      cursor: pointer; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .model-switch .flipCar .bullPoint {
          width: 1em;
          height: 1em;
          top: 0.125em;
          left: 0.125em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .model-switch .flipCar .bullPoint {
          width: 0.625em;
          height: 0.625em;
          top: 0.125em;
          left: 0.125em; } }
      @media screen and (max-width: 767px) {
        .model-switch .flipCar .bullPoint {
          width: 0.625em;
          height: 0.625em;
          top: 0.125em;
          left: 0.125em; } }
    .model-switch .flipCar .moveRight {
      display: block;
      left: auto;
      right: 0.125em; }
    .model-switch .flipCar .moveLeft {
      display: block;
      right: auto;
      left: 0.125em; }

.abarth-visore {
  position: relative; }
  .abarth-visore.red {
    margin-top: 100px; }

.visore-3d {
  width: 100%;
  padding-top: 43.9%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  overflow: hidden; }
  @media screen and (min-width: 1920px) {
    .visore-3d {
      padding-top: 45%; } }
  @media screen and (max-width: 767px) {
    .visore-3d {
      padding-top: 73%;
      background-size: 100% auto;
      background-position: center -108px; } }
  .visore-3d .grey-overlay {
    z-index: 16;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    padding-top: 26%;
    display: none;
    height: 40%;
    max-height: 500px !important; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-3d .grey-overlay {
        display: none;
        height: 20.5%;
        background-color: rgba(0, 0, 0, 0.8); } }
  .visore-3d .carousel {
    touch-action: none !important;
    list-style: none;
    width: 100%;
    top: 4em;
    position: absolute;
    padding: 0;
    margin: 0;
    /* Portrait and Landscape iPhone6 */ }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-3d .carousel {
        width: 100% !important;
        height: 500px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-3d .carousel {
        width: 100% !important;
        height: 500px;
        overflow: hidden !important;
        top: 2em !important; } }
    @media screen and (max-width: 767px) {
      .visore-3d .carousel {
        width: 100% !important;
        height: 500px;
        overflow: hidden !important;
        top: 2em !important; } }
    @media only screen and (-webkit-min-device-pixel-ratio: 3) {
      .visore-3d .carousel {
        overflow: hidden !important;
        width: 100% !important;
        top: 40px !important; } }
    .visore-3d .carousel .item {
      z-index: 15;
      left: 0; }
      .visore-3d .carousel .item div img.img-front {
        display: none; }
      .visore-3d .carousel .item div img.img-back {
        display: none; }
      .visore-3d .carousel .item div img.logo-serie-smart {
        display: none !important; }
      .visore-3d .carousel .item.active {
        z-index: 18; }
        @media screen and (min-width: 1920px) {
          .visore-3d .carousel .item.active {
            width: 52% !important;
            margin-left: 26% !important;
            margin-top: 9% !important; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .visore-3d .carousel .item.active {
            width: 44% !important;
            margin-left: 28% !important;
            margin-top: 10% !important; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .visore-3d .carousel .item.active {
            width: 40% !important;
            margin-left: 32% !important;
            margin-top: 10% !important; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-3d .carousel .item.active {
            width: 43% !important;
            margin-top: 10% !important;
            margin-left: 32% !important; } }
        @media screen and (min-width: 768px) and (max-width: 830px) {
          .visore-3d .carousel .item.active {
            width: 46% !important; } }
        @media screen and (max-width: 767px) {
          .visore-3d .carousel .item.active {
            width: 90% !important;
            margin-top: 0px !important;
            margin-left: 14% !important;
            display: block !important; } }
        @media only screen and (-webkit-min-device-pixel-ratio: 3) {
          .visore-3d .carousel .item.active {
            width: 80% !important;
            top: 0em !important; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
          .visore-3d .carousel .item.active {
            width: 39% !important;
            margin-left: 31% !important;
            margin-top: 10% !important; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
          .visore-3d .carousel .item.active {
            width: 39% !important;
            margin-left: 31% !important;
            margin-top: 10% !important; } }
        .visore-3d .carousel .item.active div {
          margin-left: 0;
          text-align: center; }
        @media screen and (max-width: 767px) {
          .visore-3d .carousel .item.active .img-slide-container {
            width: 100% !important; } }
        @media screen and (min-device-width: 736px) and (max-device-width: 736px) {
          .visore-3d .carousel .item.active img.img-breakpoint {
            transform: scale(0.8, 0.8);
            -ms-transform: scale(0.8, 0.8);
            -webkit-transform: scale(0.8, 0.8);
            margin-top: -130px; } }
        @media screen and (max-width: 767px) {
          .visore-3d .carousel .item.active img.img-breakpoint {
            display: block !important;
            width: 90%;
            margin-left: -10px; } }
  @media screen and (max-width: 767px) and (min-device-width: 600px) {
    .visore-3d .carousel .item.active img.img-breakpoint {
      /*margin-left: 45px;*/ } }
  @media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 3) {
    .visore-3d .carousel .item.active img.img-breakpoint {
      width: 100% !important;
      margin-left: 0px !important; } }
        @media screen and (max-width: 767px) {
          .visore-3d .carousel .item.active img.img-breakpoint.img-back {
            display: none !important; } }
        @media screen and (min-device-height: 667) {
          .visore-3d .carousel .item.active img.logo-serie-smart {
            transform: scale(0.4, 0.4);
            -ms-transform: scale(0.4, 0.4);
            -webkit-transform: scale(0.4, 0.4);
            margin-top: 5% !important; } }
        @media screen and (max-device-width: 667) {
          .visore-3d .carousel .item.active img.logo-serie-smart {
            transform: scale(0.4, 0.4);
            -ms-transform: scale(0.4, 0.4);
            -webkit-transform: scale(0.4, 0.4);
            margin-top: -103px !important; } }
        @media screen and (max-device-width: 375px) {
          .visore-3d .carousel .item.active img.logo-serie-smart {
            transform: scale(0.5, 0.5);
            -ms-transform: scale(0.5, 0.5);
            -webkit-transform: scale(0.5, 0.5);
            margin-top: 15% !important; } }
        @media screen and (min-device-width: 736px) {
          .visore-3d .carousel .item.active img.logo-serie-smart {
            transform: scale(0.5, 0.5);
            -ms-transform: scale(0.5, 0.5);
            -webkit-transform: scale(0.5, 0.5);
            margin-top: 5% !important; } }
        @media screen and (max-width: 767px) {
          .visore-3d .carousel .item.active img.logo-serie-smart {
            display: block !important;
            transform: scale(0.5, 0.5);
            -ms-transform: scale(0.5, 0.5);
            -webkit-transform: scale(0.5, 0.5);
            margin-top: -1.1em !important;
            margin-left: 8% !important;
            margin-bottom: -86px; } }
  @media screen and (max-width: 767px) and (min-device-width: 600px) {
    .visore-3d .carousel .item.active img.logo-serie-smart {
      transform: scale(0.5, 0.5);
      -ms-transform: scale(0.5, 0.5);
      -webkit-transform: scale(0.5, 0.5);
      margin-top: -1.1em !important;
      /*margin-left: 1.2em !important;*/
      /*margin-bottom: 10px;*/ } }
        @media screen and (max-width: 720px) {
          .visore-3d .carousel .item.active img.logo-serie-smart {
            margin-left: 5% !important; } }
        @media screen and (max-width: 630px) {
          .visore-3d .carousel .item.active img.logo-serie-smart {
            margin-left: 4% !important; } }
        @media screen and (max-width: 600px) {
          .visore-3d .carousel .item.active img.logo-serie-smart {
            margin-left: -3% !important; } }
        @media screen and (max-width: 510px) {
          .visore-3d .carousel .item.active img.logo-serie-smart {
            margin-left: -9% !important;
            margin-bottom: -55px; } }
        @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
          .visore-3d .carousel .item.active img.logo-serie-smart {
            transform: scale(0.5, 0.5);
            -ms-transform: scale(0.5, 0.5);
            -webkit-transform: scale(0.5, 0.5);
            margin-top: -1.1em !important;
            margin-left: 1.2em !important;
            margin-bottom: 10px; } }
        @media only screen and (-webkit-min-device-pixel-ratio: 3) {
          .visore-3d .carousel .item.active img.logo-serie-smart {
            margin-left: -15px !important; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 3) and (min-device-width: 600px) {
    .visore-3d .carousel .item.active img.logo-serie-smart {
      margin-left: 12% !important;
      margin-bottom: 60px; } }
        @media screen and (max-width: 767px) {
          .visore-3d .carousel .item.active .cta-serie-smart {
            display: block !important;
            margin-top: 0;
            height: 32px;
            line-height: 23px;
            font-size: 15px;
            width: 75%;
            /*margin-left: 0px !important;*/
            /*Giacomo*/
            margin-left: 6px !important;
            /*Giacomo*/ } }
        @media only screen and (-webkit-min-device-pixel-ratio: 3) {
          .visore-3d .carousel .item.active .cta-serie-smart {
            width: 89%; } }
      .visore-3d .carousel .item.behind {
        left: 20%;
        z-index: 0 !important; }
      @media screen and (max-width: 767px) {
        .visore-3d .carousel .item {
          display: none !important; } }
    .visore-3d .carousel .discover-item3d {
      width: 40%;
      height: 70%;
      display: none;
      text-align: center;
      position: absolute;
      right: -30%;
      top: 0;
      background: none; }
      .visore-3d .carousel .discover-item3d span {
        text-align: center;
        color: #fff;
        font-size: 2em;
        font-family: "Abarth_Light"; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .visore-3d .carousel .discover-item3d span {
            font-size: 1.5em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .visore-3d .carousel .discover-item3d span {
            font-size: 1em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-3d .carousel .discover-item3d span {
            font-size: 0.75em; } }
        @media screen and (max-width: 767px) {
          .visore-3d .carousel .discover-item3d span {
            font-size: 0.5em; } }
      .visore-3d .carousel .discover-item3d img {
        text-align: center; }
    .visore-3d .carousel .audio-item3d {
      width: 40%;
      height: 50%;
      display: none;
      text-align: center;
      position: absolute;
      left: -30%;
      top: 0;
      background: none; }
    .visore-3d .carousel .cta-serie-smart {
      display: none;
      line-height: 16px; }

.controls {
  position: absolute;
  top: 0;
  min-height: 160px;
  max-height: 500px;
  width: 10%;
  max-width: 200px;
  z-index: 19;
  margin-top: 16%; }
  .controls.left {
    left: 0; }
  .controls.right {
    right: 0; }
  @media screen and (max-width: 767px) {
    .controls {
      width: 40%;
      min-height: 175px; }
      .controls.left {
        padding-right: 20%; }
      .controls.right {
        padding-left: 20%; } }
  .controls a {
    display: block;
    width: 36px;
    height: 60px;
    margin-top: 170px; }
    .controls a.previous {
      float: right;
      background-image: url("clientlib-base/resources/images/left_arrow_3d.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% auto; }
    .controls a.next {
      float: left;
      background-image: url("clientlib-base/resources/images/right_arrow_3d.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% auto; }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .controls a {
      width: 23px;
      height: 40px;
      margin-top: calc( 100% - -60px); }
      .controls a.previous {
        margin-left: 35px; }
      .controls a.next {
        margin-right: 35px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .controls a {
      width: 23px;
      height: 40px;
      margin-top: calc(100% - -50px); }
      .controls a.previous {
        margin-left: 25px; }
      .controls a.next {
        margin-right: 25px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .controls {
      margin-top: 0;
      width: 7%; }
      .controls a {
        width: 16px;
        height: 37px;
        margin-top: 220px; }
        .controls a.previous {
          margin-left: 20px; }
        .controls a.next {
          margin-right: 20px; } }
  @media screen and (max-width: 767px) {
    .controls {
      margin-top: 0px; }
      .controls a {
        width: 14px;
        height: 40px;
        margin-top: 64px; }
        .controls a.previous {
          margin-left: 10px; }
        .controls a.next {
          margin-right: 10px; } }

.image-carousel {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  list-style: none; }
  .image-carousel .image-carousel-item {
    list-style: none;
    padding: 0;
    margin: 0;
    min-height: 100px; }
    .image-carousel .image-carousel-item .img-slide-container {
      position: relative;
      overflow: hidden; }
    .image-carousel .image-carousel-item img {
      width: 100%;
      height: auto; }
      @media screen and (max-width: 767px) {
        .image-carousel .image-carousel-item img {
          height: 490px;
          margin: 0 auto;
          width: auto;
          margin-left: 0px;
          max-width: none;
          margin-left: calc( 50% - 500px); } }
    .image-carousel .image-carousel-item .img-text {
      position: absolute;
      width: 25%;
      top: 150px;
      left: 10%;
      z-index: 2; }
      .image-carousel .image-carousel-item .img-text .logo {
        width: 75%;
        height: auto;
        margin: 0 auto;
        display: block; }
      .image-carousel .image-carousel-item .img-text h2 {
        font-size: 2em;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Abarth_heavy';
        margin-bottom: 10px; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .image-carousel .image-carousel-item .img-text h2 {
            font-size: 1.8em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .image-carousel .image-carousel-item .img-text h2 {
            font-size: 1.5em; } }
      .image-carousel .image-carousel-item .img-text p {
        color: #fff;
        padding: 0 10px;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 10px;
        margin: 0 auto;
        margin-bottom: 10px;
        font-size: 1.2em; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .image-carousel .image-carousel-item .img-text p {
            font-size: 0.9em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .image-carousel .image-carousel-item .img-text p {
            font-size: 0.7em; } }
      .image-carousel .image-carousel-item .img-text .cta {
        margin: 0 auto; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .image-carousel .image-carousel-item .img-text {
          top: 75px; }
          .image-carousel .image-carousel-item .img-text h2 {
            font-size: 1.2em; }
          .image-carousel .image-carousel-item .img-text p {
            font-size: 0.7em; }
          .image-carousel .image-carousel-item .img-text .cta {
            font-size: 0.75em; } }
      @media screen and (max-width: 767px) {
        .image-carousel .image-carousel-item .img-text {
          top: 10px;
          left: 0;
          width: 100%; }
          .image-carousel .image-carousel-item .img-text .logo {
            width: 180px;
            margin: 0 auto; }
          .image-carousel .image-carousel-item .img-text h2 {
            font-size: 2em;
            margin: 0 auto;
            width: 100%; }
          .image-carousel .image-carousel-item .img-text p {
            font-size: 0.8em;
            width: 80%; }
          .image-carousel .image-carousel-item .img-text .cta {
            position: absolute;
            bottom: 70px;
            left: 10%;
            width: 80%; } }
  .image-carousel .slick-prev {
    display: inline-block;
    position: absolute;
    top: 40%;
    left: 30px;
    height: 40px; }
    .image-carousel .slick-prev:after {
      content: "<"; }
  .image-carousel .slick-next {
    display: inline-block;
    position: absolute;
    top: 40%;
    right: 30px;
    height: 40px; }
    .image-carousel .slick-next:after {
      content: ">"; }
  .image-carousel .slick-dots {
    position: absolute;
    bottom: 30px;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    .image-carousel .slick-dots li {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      .image-carousel .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent; }
        .image-carousel .slick-dots li button:hover, .image-carousel .slick-dots li button:focus {
          outline: none; }
        .image-carousel .slick-dots li button:hover:before, .image-carousel .slick-dots li button:hover:before {
          oapcity: 1; }
        .image-carousel .slick-dots li button:before {
          font-family: 'slick';
          font-size: 6px;
          line-height: 20px;
          position: absolute;
          top: 0;
          left: 0;
          width: 10px;
          height: 10px;
          content: '';
          text-align: center;
          color: black;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          border: 2px solid #cccccc;
          border-radius: 10px; }
      .image-carousel .slick-dots li.slick-active button:before {
        border: 2px solid #ed1c24; }

.visore-3d-paginator {
  margin-top: -120px;
  width: 100%;
  height: 50px;
  position: relative;
  z-index: 13;
  background-color: rgba(255, 255, 255, 0.3);
  /* $breakpoints: (
                "large-screen"  "screen and (min-width: 1920px)",
                "desk"          "screen and (min-width: 1366px) and (max-width: 1919px)",
                "lap"           "screen and (min-width: 1024px) and (max-width: 1365px)",
                "palm"          "screen and (min-width: 768px) and (max-width: 1023px)",
                "smart"         "screen and (max-width: 767px)",
                "retina"        "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)"
        ); */ }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .visore-3d-paginator {
      height: 40px;
      margin-top: -80px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .visore-3d-paginator {
      height: 32px;
      margin-top: -64px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .visore-3d-paginator {
      height: 32px;
      margin-top: -64px; } }
  .visore-3d-paginator ul {
    width: 80%;
    list-style: none;
    padding: 0;
    margin: 0 auto; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-3d-paginator ul {
        width: 100%; }
        .visore-3d-paginator ul li {
          width: 330px; } }
    .visore-3d-paginator ul li {
      border-right: 1px solid #fff;
      text-align: center;
      list-style: none;
      height: 50px; }
      .visore-3d-paginator ul li:last-child {
        border-right: 0; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .visore-3d-paginator ul li {
          height: 40px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .visore-3d-paginator ul li {
          height: 32px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .visore-3d-paginator ul li {
          height: 32px; } }
      .visore-3d-paginator ul li.active a {
        background-color: #fff;
        color: #000; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .visore-3d-paginator ul li.active a {
          background-color: transparent;
          color: #fff; }
        .visore-3d-paginator ul li.slick-center a {
          background-color: #fff;
          color: #000; } }
      .visore-3d-paginator ul li a {
        width: 100%;
        vertical-align: middle;
        text-align: center;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        text-decoration: none;
        cursor: pointer;
        color: #fff;
        text-transform: uppercase;
        font-size: 1em; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .visore-3d-paginator ul li a {
            height: 40px;
            line-height: 40px;
            font-size: 0.875em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .visore-3d-paginator ul li a {
            height: 32px;
            line-height: 32px;
            font-size: 0.75em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-3d-paginator ul li a {
            height: 32px;
            line-height: 32px;
            font-size: 11px; } }

.cta-group {
  direction: rtl;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  height: 50px;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 12; }
  .cta-group .bar-cta {
    direction: ltr;
    border-left: 1px solid #aaa;
    text-align: center;
    height: 50px;
    vertical-align: middle; }
    .cta-group .bar-cta a {
      text-transform: uppercase;
      cursor: pointer;
      display: block;
      text-decoration: none;
      vertical-align: middle;
      color: #fff;
      height: 50px;
      line-height: 50px;
      font-size: 1em; }
      .cta-group .bar-cta a .cta-text-smart {
        display: none; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .cta-group .bar-cta a {
          font-size: 0.875em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .cta-group .bar-cta a {
          font-size: 0.75em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .cta-group .bar-cta a {
          font-size: 11px; } }
      @media screen and (max-width: 767px) {
        .cta-group .bar-cta a {
          background-color: #000;
          border-bottom: 1px solid #fff; }
          .cta-group .bar-cta a span {
            line-height: 1.5; }
          .cta-group .bar-cta a span:before {
            margin-top: -7px;
            font-size: 1em;
            vertical-align: top !important; }
          .cta-group .bar-cta a .cta-text {
            font-size: 8px; }
          .cta-group .bar-cta a span {
            font-size: 1.5em;
            vertical-align: top;
            display: block; } }
  .cta-group .layout__item:first-child .bar-cta {
    border-left: none; }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .cta-group {
      height: 40px; }
      .cta-group .bar-cta {
        height: 40px; }
        .cta-group .bar-cta a {
          height: 40px;
          line-height: 40px; }
          .cta-group .bar-cta a .cta-text-smart {
            display: none !important; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .cta-group {
      height: 32px; }
      .cta-group .bar-cta {
        height: 32px; }
        .cta-group .bar-cta a {
          height: 32px;
          line-height: 32px; }
          .cta-group .bar-cta a .cta-text-smart {
            display: none !important; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .cta-group {
      height: 32px; }
      .cta-group .bar-cta {
        height: 32px; }
        .cta-group .bar-cta a {
          height: 32px;
          line-height: 32px; }
          .cta-group .bar-cta a .cta-text-smart {
            display: none !important; } }
  @media screen and (max-width: 767px) {
    .cta-group {
      top: 90px;
      height: 50px !important;
      overflow: hidden; }
      .cta-group .bar-cta a .cta-text {
        display: none; }
      .cta-group .bar-cta a .cta-text-smart {
        font-size: 8px;
        display: block; } }

.product-detail-carousel {
  color: #000;
  padding: 0;
  margin: 0;
  list-style: none;
  direction: rtl; }
  @media screen and (max-width: 767px) {
    .product-detail-carousel {
      top: 80px; } }

.product-detail-comp {
  color: #000;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0 30px; }
  @media screen and (max-width: 767px) {
    .product-detail-comp {
      padding: 0; } }

/* - -/=\- - product-detail-item estratti per poterli gestire come singoli elementi - -/=\- - */
.product-detail-item {
  margin: 0;
  /*Giacomo*/
  margin-top: 5px;
  /*End Giacomo*/
  margin-bottom: 10px;
  list-style: none;
  direction: ltr;
  text-align: left;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .product-detail-item {
      padding: 0;
      margin-bottom: 0px;
      /*background-color: black;*/
      /*P2CAR-1426*/ } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .product-detail-item [class~="palm-1/1"] .img-text.img-left {
      height: 250px;
      width: 100%; }
      .product-detail-item [class~="palm-1/1"] .img-text.img-left .video-wrapper {
        height: 250px; }
      .product-detail-item [class~="palm-1/1"] .img-text.img-left .text {
        height: 210px;
        width: 33.333%;
        position: static; }
      .product-detail-item [class~="palm-1/1"] .img-text.img-left .cta {
        left: 66.666%; } }
  .product-detail-item .img-text.no-img .text {
    width: 100%; }
  .product-detail-item .img-text.no-img img {
    width: auto;
    margin: 0 auto;
    float: none;
    padding-top: 20px;
    height: auto; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .product-detail-item .img-text.no-img img {
        width: 70%;
        padding-top: 10px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .product-detail-item .img-text.no-img img {
        width: 55%;
        padding-top: 10px; } }
  .product-detail-item .img-text.no-img .cta {
    left: 0;
    margin-left: 0;
    bottom: 30px; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .product-detail-item .img-text.no-img .cta {
        bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product-detail-item .img-text.no-img .cta {
        margin-left: 12px; } }
    @media screen and (max-width: 767px) {
      .product-detail-item .img-text.no-img .cta {
        right: 0;
        margin: 0 10%;
        height: 37px;
        line-height: 30px;
        font-size: 15px;
        width: 80%;
        margin-bottom: 30px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .product-detail-item .img-text.no-img {
      height: 320px; }
      .product-detail-item .img-text.no-img .text {
        height: 310px; }
        .product-detail-item .img-text.no-img .text h3 {
          width: 65%; }
        .product-detail-item .img-text.no-img .text p {
          width: 65%; }
      .product-detail-item .img-text.no-img img {
        max-width: none; } }
  .product-detail-item .img-text {
    overflow: hidden;
    margin-top: 10px;
    position: relative;
    margin: 2px;
    /*P2CAR-1426*/ }
    @media screen and (min-width: 1920px) {
      .product-detail-item .img-text {
        height: 325px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product-detail-item .img-text {
        height: 200px; } }
    @media screen and (max-width: 767px) {
      .product-detail-item .img-text {
        margin: 2px auto;
        /*P2CAR-1426*/ }
        .product-detail-item .img-text hr {
          display: none; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product-detail-item .img-text.switch-1 .paragraph {
        display: none; } }
    .product-detail-item .img-text.switch-1 .switch-2 {
      display: none; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product-detail-item .img-text.switch-2 .paragraph {
        display: none; } }
    .product-detail-item .img-text.switch-2 .switch-1 {
      display: none; }
    .product-detail-item .img-text .switch-configurator {
      cursor: pointer;
      width: 66%; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text .switch-configurator {
          width: 100%;
          margin-top: 20px; } }
      .product-detail-item .img-text .switch-configurator span {
        font-size: 1em;
        text-transform: uppercase;
        display: inline-block;
        line-height: 1.2em;
        vertical-align: middle;
        font-family: "Abarth_Light"; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .product-detail-item .img-text .switch-configurator span {
            font-size: 0.8em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .product-detail-item .img-text .switch-configurator span {
            font-size: 0.625em; } }
        .product-detail-item .img-text .switch-configurator span.active {
          font-family: "Abarth_Medium"; }
        .product-detail-item .img-text .switch-configurator span.switch-handler {
          width: 20%;
          margin: 0 10px;
          height: 1.2em;
          border-radius: 1.2em;
          background-color: #999;
          vertical-align: middle;
          overflow: hidden;
          position: relative; }
          .product-detail-item .img-text .switch-configurator span.switch-handler span {
            position: absolute;
            top: 0;
            height: 1.2em;
            width: 1.2em;
            border-radius: 1.2em;
            background-color: #000;
            vertical-align: middle; }
          .product-detail-item .img-text .switch-configurator span.switch-handler.left span {
            left: 0; }
          .product-detail-item .img-text .switch-configurator span.switch-handler.right span {
            right: 0; }
    .product-detail-item .img-text img {
      width: 66.666%;
      float: left; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text img {
          height: 100%;
          width: auto;
          max-width: 50%; } }
      @media screen and (max-width: 767px) {
        .product-detail-item .img-text img {
          width: 100%; } }
    .product-detail-item .img-text .video-wrapper {
      /*width: 66.666%;*/
      /* float: left; */
      height: auto;
      position: relative; }
      .product-detail-item .img-text .video-wrapper.cover .cover-img-wrapper {
        display: block; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text .video-wrapper {
          /*float: left;*/ } }
      .product-detail-item .img-text .video-wrapper .slider-player {
        width: 100%;
        height: 325px;
        border: none; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .product-detail-item .img-text .video-wrapper .slider-player {
            height: 230px;
            /*Giacomo*/
            /*padding-left: 12px;*/
            /*P2CAR-1426*/
            /*End Giacomo*/ } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .product-detail-item .img-text .video-wrapper .slider-player {
            height: 174px;
            /*Giacomo*/
            /*padding-left: 12px;*/
            /*P2CAR-1426*/
            /*End Giacomo*/ } }
      .product-detail-item .img-text .video-wrapper .cover-img-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        width: 100%;
        height: 325px; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .product-detail-item .img-text .video-wrapper .cover-img-wrapper {
            height: 230px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .product-detail-item .img-text .video-wrapper .cover-img-wrapper {
            height: 174px; } }
        .product-detail-item .img-text .video-wrapper .cover-img-wrapper .slider-play-btn {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 325px;
          background: url(clientlib-base/resources/images/icon/play_video.png) no-repeat center center;
          cursor: pointer; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .product-detail-item .img-text .video-wrapper .cover-img-wrapper .slider-play-btn {
              height: 230px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .product-detail-item .img-text .video-wrapper .cover-img-wrapper .slider-play-btn {
              height: 174px; } }
        .product-detail-item .img-text .video-wrapper .cover-img-wrapper .cover-img {
          width: 100%;
          height: 325px;
          position: static; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .product-detail-item .img-text .video-wrapper .cover-img-wrapper .cover-img {
              height: 230px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .product-detail-item .img-text .video-wrapper .cover-img-wrapper .cover-img {
              height: 174px; } }
    .product-detail-item .img-text .cta {
      position: absolute;
      bottom: 12px;
      left: 50%;
      margin-left: 12px;
      min-width: 200px; }
      @media screen and (min-width: 1920px) {
        .product-detail-item .img-text .cta {
          min-width: 250px;
          line-height: 32px;
          font-size: 1em; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .product-detail-item .img-text .cta {
          min-width: 170px;
          font-size: 0.8em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .product-detail-item .img-text .cta {
          min-width: 140px;
          font-size: 0.75em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text .cta {
          bottom: 12px;
          font-size: 12px; } }
      @media screen and (max-width: 767px) {
        .product-detail-item .img-text .cta {
          left: 0;
          right: 0;
          margin: 0 10%;
          height: 37px;
          line-height: 30px;
          font-size: 15px;
          width: 80%;
          /*bottom: 40px;*/
          position: static;
          /*margin-bottom: 30px;*/
          margin-bottom: 60px;
          /*bla*/ } }
    .product-detail-item .img-text .text {
      position: relative;
      padding: 0px 12px;
      margin-bottom: 40px;
      float: left;
      width: 33.333%; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .product-detail-item .img-text .text {
          height: 190px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .product-detail-item .img-text .text {
          height: 134px; } }
      .product-detail-item .img-text .text .logo {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 33%;
        height: auto; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .product-detail-item .img-text .text .logo {
            display: none; } }
        @media screen and (max-width: 767px) {
          .product-detail-item .img-text .text .logo {
            display: none; } }
      .product-detail-item .img-text .text h4 {
        font-size: 18px;
        font-weight: normal;
        font-family: "Abarth_Light";
        line-height: 1.2;
        margin-top: 6px;
        text-transform: uppercase;
        margin-bottom: 0; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .product-detail-item .img-text .text h4 {
            font-size: 0.8em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .product-detail-item .img-text .text h4 {
            font-size: 0.625em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .product-detail-item .img-text .text h4 {
            font-size: 14px; } }
      .product-detail-item .img-text .text h3 {
        font-size: 1.25em;
        line-height: 1.1;
        text-transform: uppercase;
        margin-bottom: 10px;
        margin-top: 0;
        font-weight: normal; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .product-detail-item .img-text .text h3 {
            font-size: 1em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .product-detail-item .img-text .text h3 {
            font-size: 1em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .product-detail-item .img-text .text h3 {
            font-size: 18px;
            margin-bottom: 15px; } }
      .product-detail-item .img-text .text .paragraphTitle p {
        font-size: 1.1em;
        font-family: 'Abarth_light', sans-serif;
        width: auto; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .product-detail-item .img-text .text .paragraphTitle p {
            font-size: 1em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .product-detail-item .img-text .text .paragraphTitle p {
            font-size: 0.9em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .product-detail-item .img-text .text .paragraphTitle p {
            width: 100%;
            font-size: 16px; } }
        @media screen and (max-width: 767px) {
          .product-detail-item .img-text .text .paragraphTitle p {
            width: 100%; } }
      .product-detail-item .img-text .text .paragraph p {
        font-size: 1em;
        font-family: 'Abarth_light', sans-serif;
        width: auto; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .product-detail-item .img-text .text .paragraph p {
            font-size: 0.8em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .product-detail-item .img-text .text .paragraph p {
            font-size: 0.7em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .product-detail-item .img-text .text .paragraph p {
            width: 100%;
            font-size: 14px; } }
        @media screen and (max-width: 767px) {
          .product-detail-item .img-text .text .paragraph p {
            width: 100%; } }
      .product-detail-item .img-text .text p {
        font-size: 1em;
        font-family: 'Abarth_light', sans-serif;
        width: auto; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .product-detail-item .img-text .text p {
            font-size: 0.8em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .product-detail-item .img-text .text p {
            font-size: 0.7em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .product-detail-item .img-text .text p {
            width: 100%;
            font-size: 14px; } }
        @media screen and (max-width: 767px) {
          .product-detail-item .img-text .text p {
            width: 100%; } }
      .product-detail-item .img-text .text .social {
        position: absolute; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .product-detail-item .img-text .text .social {
            bottom: -20px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .product-detail-item .img-text .text .social {
            bottom: 50px; } }
        .product-detail-item .img-text .text .social span {
          font-size: 35px;
          margin-right: 20px; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .product-detail-item .img-text .text .social span {
              font-size: 32px;
              margin-right: 24px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .product-detail-item .img-text .text .social span {
              font-size: 24px;
              margin-right: 14px; } }
      @media screen and (max-width: 767px) {
        .product-detail-item .img-text .text {
          width: 100%;
          padding: 0px 10% 0px 10%;
          padding-top: 20px;
          margin-bottom: 0 !important; }
          .product-detail-item .img-text .text h3 {
            font-size: 1.4em;
            font-family: "Abarth_Medium"; }
          .product-detail-item .img-text .text p {
            font-size: 18px;
            font-family: "Abarth_Light", sans-serif;
            line-height: 1.2em; } }
    .product-detail-item .img-text.gray {
      /* border: 5px solid #000; */
      background-color: #cccccc; }
      @media screen and (max-width: 767px) {
        .product-detail-item .img-text.gray {
          background-color: #fff;
          border: none; } }
    .product-detail-item .img-text.black {
      background-color: #000; }
      .product-detail-item .img-text.black .text {
        color: #fff; }
      .product-detail-item .img-text.black .cta {
        margin-left: 12px; }
        @media screen and (max-width: 767px) {
          .product-detail-item .img-text.black .cta {
            margin-left: 10%;
            margin-bottom: 30px; } }
    .product-detail-item .img-text.white {
      background-color: white; }
      .product-detail-item .img-text.white hr {
        height: 5px;
        color: #000;
        background-color: #000;
        border: none;
        margin: 0; }
      .product-detail-item .img-text.white .cta {
        margin-left: 12px;
        bottom: 30px; }
        @media screen and (max-width: 767px) {
          .product-detail-item .img-text.white .cta {
            margin-left: 10%; } }
    .product-detail-item .img-text.img-right img {
      float: right; }
    .product-detail-item .img-text.img-right .text {
      float: left; }
    .product-detail-item .img-text.img-right .cta {
      left: 0px; }
    @media screen and (min-width: 1920px) {
      .product-detail-item .img-text.img-left {
        height: 325px;
        overflow: hidden; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .product-detail-item .img-text.img-left {
        height: 230px;
        overflow: hidden; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .product-detail-item .img-text.img-left {
        height: 174px;
        overflow: hidden; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product-detail-item .img-text.img-left {
        height: 320px; } }
    .product-detail-item .img-text.img-left img {
      float: left; }
      @media screen and (min-width: 1920px) {
        .product-detail-item .img-text.img-left img {
          position: absolute;
          min-height: 325px;
          height: auto;
          bottom: 0; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .product-detail-item .img-text.img-left img {
          position: absolute;
          min-height: 230px;
          height: auto;
          bottom: 0; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .product-detail-item .img-text.img-left img {
          position: absolute;
          min-height: 174px;
          height: auto;
          bottom: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text.img-left img {
          position: absolute;
          bottom: 180px;
          height: auto;
          max-width: none;
          width: 100%; } }
    .product-detail-item .img-text.img-left .text {
      float: right; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text.img-left .text {
          position: absolute;
          top: 160px;
          height: 190px;
          background-color: #fff;
          width: 100%; }
          .product-detail-item .img-text.img-left .text hr {
            display: none; } }
      @media screen and (max-width: 767px) {
        .product-detail-item .img-text.img-left .text {
          height: auto;
          width: 100%; } }
    .product-detail-item .img-text.img-left .cta {
      left: 66.666%; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text.img-left .cta {
          left: 0; } }
      @media screen and (max-width: 767px) {
        .product-detail-item .img-text.img-left .cta {
          left: 0;
          bottom: 30px; } }
    @media screen and (max-width: 767px) {
      .product-detail-item .img-text.img-left .video-wrapper {
        width: 100%;
        float: none;
        position: absolute;
        z-index: 1;
        top: 230px;
        height: 180px;
        overflow: hidden; }
        .product-detail-item .img-text.img-left .video-wrapper .slider-player {
          height: 180px; }
        .product-detail-item .img-text.img-left .video-wrapper .cover-img-wrapper {
          height: 180px; }
          .product-detail-item .img-text.img-left .video-wrapper .cover-img-wrapper .slider-play-btn {
            height: 180px; }
          .product-detail-item .img-text.img-left .video-wrapper .cover-img-wrapper .cover-img {
            height: 180px; } }
    @media screen and (max-width: 767px) {
      .product-detail-item .img-text.img-left .video-wrapper ~ .text {
        background-color: #000;
        color: #fff; } }
    .product-detail-item .img-text.img-left .video-wrapper ~ .cta {
      left: 0; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text.img-left .video-wrapper ~ .cta {
          left: 66.666%; } }
    @media screen and (min-width: 1920px) {
      .product-detail-item .img-text.cover {
        height: 325px;
        overflow: hidden; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .product-detail-item .img-text.cover {
        height: 230px;
        overflow: hidden; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .product-detail-item .img-text.cover {
        height: 174px;
        overflow: hidden; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product-detail-item .img-text.cover {
        height: 320px; } }
    @media screen and (max-width: 767px) {
      .product-detail-item .img-text.cover {
        height: 490px; } }
    .product-detail-item .img-text.cover img {
      float: none;
      width: 100%; }
      @media screen and (min-width: 1920px) {
        .product-detail-item .img-text.cover img {
          min-height: 325px;
          height: auto;
          position: absolute;
          top: 0; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .product-detail-item .img-text.cover img {
          min-height: 230px;
          height: auto;
          position: absolute;
          top: 0; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .product-detail-item .img-text.cover img {
          min-height: 174px;
          height: auto;
          position: absolute;
          top: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text.cover img {
          position: absolute;
          top: 0;
          width: auto;
          max-width: none; } }
      @media screen and (max-width: 767px) {
        .product-detail-item .img-text.cover img {
          position: absolute;
          top: 240px;
          height: 150px; } }
    .product-detail-item .img-text.cover .logo {
      display: none; }
    .product-detail-item .img-text.cover .text {
      top: 0;
      /*OLD*/
      /*right: 0;*/
      /*NEW*/
      left: 0;
      margin-left: 12px;
      /*END NEW*/
      position: absolute;
      width: 30%;
      margin-bottom: 0;
      height: 325px;
      background-color: rgba(0, 0, 0, 0.4); }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .product-detail-item .img-text.cover .text {
          height: 230px; } }
      @media screen and (max-width: 767px) {
        .product-detail-item .img-text.cover .text {
          background-color: transparent;
          height: 270px;
          width: 100%; } }
    .product-detail-item .img-text.cover .cta {
      left: 70%; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .product-detail-item .img-text.cover .cta {
          min-width: 50px;
          width: 135px;
          left: 69%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text.cover .cta {
          left: 0; } }
      @media screen and (max-width: 767px) {
        .product-detail-item .img-text.cover .cta {
          left: 0; } }
    .product-detail-item .img-text.cover.center img {
      padding-left: 0px;
      bottom: 0;
      top: auto; }
      @media screen and (max-width: 1024px) and (min-width: 995px) {
        .product-detail-item .img-text.cover.center img {
          right: 0px; } }
      @media screen and (max-width: 994px) and (min-width: 930px) {
        .product-detail-item .img-text.cover.center img {
          right: -25px; } }
      @media screen and (max-width: 929px) and (min-width: 815px) {
        .product-detail-item .img-text.cover.center img {
          right: -45px; } }
      @media screen and (max-width: 814px) and (min-width: 768px) {
        .product-detail-item .img-text.cover.center img {
          right: -65px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text.cover.center img {
          height: auto;
          width: 500px; } }
      @media screen and (max-width: 767px) {
        .product-detail-item .img-text.cover.center img {
          height: auto;
          bottom: auto;
          top: 20%; } }
    .product-detail-item .img-text.cover.center .text {
      width: 100%;
      background-color: transparent; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text.cover.center .text {
          height: 320px;
          top: 0; } }
      @media screen and (max-width: 767px) {
        .product-detail-item .img-text.cover.center .text {
          height: 490px;
          top: 0;
          margin-left: 0;
          text-align: center; } }
      .product-detail-item .img-text.cover.center .text hr {
        display: none; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .product-detail-item .img-text.cover.center .text hr {
            display: block; } }
    .product-detail-item .img-text.cover.center .cta {
      left: 50%;
      transform: translateX(-50%);
      margin-left: 0;
      bottom: 30px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .product-detail-item .img-text.cover.center .cta {
          bottom: 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .product-detail-item .img-text.cover.center .cta {
          bottom: 15px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .img-text.cover.center .cta {
          bottom: 12px; } }
      @media screen and (max-width: 767px) {
        .product-detail-item .img-text.cover.center .cta {
          bottom: 12px;
          position: absolute; } }
  .product-detail-item [class~="2/3"] > .img-text .logo {
    width: 25%; }
  .product-detail-item .only-image {
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: 10px !important;
    height: auto !important;
    background-color: white; }
    @media screen and (min-width: 1920px) {
      .product-detail-item .only-image {
        max-height: 325px;
        overflow: hidden; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .product-detail-item .only-image {
        max-height: 230px;
        overflow: hidden; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .product-detail-item .only-image {
        max-height: 174px;
        overflow: hidden; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product-detail-item .only-image {
        max-height: 350px; } }
    @media screen and (max-width: 767px) {
      .product-detail-item .only-image {
        max-height: 490px; } }
    .product-detail-item .only-image img {
      vertical-align: middle;
      display: block; }
      @media screen and (min-width: 1920px) {
        .product-detail-item .only-image img {
          height: 325px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-detail-item .only-image img {
          height: 350px; } }

@media screen and (max-width: 767px) {
  .product-detail-item .img-text.white.img-left {
    background-color: black;
    color: white;
    display: block !important;
    margin-bottom: 30px !important; } }

.video-wall {
  background-color: black !important; }
  @media screen and (max-width: 767px) {
    .video-wall {
      min-height: 340px !important;
      max-height: 345px !important;
      height: 345px !important;
      background-color: black !important; } }

.product-detail-item .img-text.video-wall {
  background-color: black !important; }
  @media screen and (max-width: 767px) {
    .product-detail-item .img-text.video-wall {
      min-height: 340px !important;
      max-height: 345px !important;
      height: 345px !important;
      background-color: black !important; } }

.carousel .item.transition {
  transition: all 0.5s; }
  @media screen and (max-width: 767px) {
    .carousel .item.transition {
      transition: all 0.5s; } }

/*ABARTH REVAMP*/
.newAbarth23 .product-detail-comp {
  background-color: #111111; }

.video-cta-wrapper {
  position: relative;
  width: 100%;
  background-color: #000;
  padding-top: 50px;
  display: none; }
  .video-cta-wrapper.active {
    display: block; }
  .video-cta-wrapper.right .logo-wrapper {
    right: 0; }
  .video-cta-wrapper.right .cta-request {
    right: 0; }
  @media screen and (max-width: 767px) {
    .video-cta-wrapper {
      height: 520px;
      padding-top: 40px; } }
  @media screen and (max-width: 767px) {
    .video-cta-wrapper.cover {
      padding-top: 0; } }
  @media screen and (max-width: 767px) {
    .video-cta-wrapper.cover .video-wrapper {
      height: 100%; } }
  .video-cta-wrapper.cover .video-wrapper .abarth-video {
    display: none; }
  .video-cta-wrapper.cover .video-wrapper .cover-img-wrapper .cover-img {
    display: block; }
    .video-cta-wrapper.cover .video-wrapper .cover-img-wrapper .cover-img.over-lap-cover {
      display: block; }
    .video-cta-wrapper.cover .video-wrapper .cover-img-wrapper .cover-img.smart-cover {
      display: none; }
    @media screen and (max-width: 767px) {
      .video-cta-wrapper.cover .video-wrapper .cover-img-wrapper .cover-img.over-lap-cover {
        display: none; }
      .video-cta-wrapper.cover .video-wrapper .cover-img-wrapper .cover-img.smart-cover {
        display: block;
        right: 0;
        left: 0;
        max-width: none;
        height: 520px;
        margin: 0 auto; } }
  .video-cta-wrapper.cover .video-wrapper .smart-gradient {
    display: none; }
  @media screen and (max-width: 767px) {
    .video-cta-wrapper.cover .cta-request {
      min-height: 0;
      position: absolute;
      padding: 0;
      background-color: transparent; } }
  @media screen and (max-width: 767px) {
    .video-cta-wrapper.no-video {
      height: 520px; } }
  .video-cta-wrapper.no-video .video-wrapper {
    padding-top: 0; }
    @media screen and (max-width: 767px) {
      .video-cta-wrapper.no-video .video-wrapper {
        padding-top: 0; } }
    .video-cta-wrapper.no-video .video-wrapper .cover-img-wrapper .cover-img {
      position: static;
      height: auto;
      margin: 0 auto; }
  .video-cta-wrapper.no-video .replay-video {
    display: none; }
  .video-cta-wrapper .video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background-color: #000; }
    @media screen and (max-width: 767px) {
      .video-cta-wrapper .video-wrapper {
        position: static;
        padding-top: 28%; } }
    .video-cta-wrapper .video-wrapper .smart-gradient {
      display: none; }
      @media screen and (max-width: 767px) {
        .video-cta-wrapper .video-wrapper .smart-gradient {
          display: block;
          position: absolute;
          left: 0;
          width: 100%;
          height: 20px;
          z-index: 7; }
          .video-cta-wrapper .video-wrapper .smart-gradient.bottom-gradient {
            bottom: 175px;
            background: rgba(0, 0, 0, 0);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(82%, rgba(0, 0, 0, 0.82)), color-stop(100%, black));
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 82%, black 100%); }
          .video-cta-wrapper .video-wrapper .smart-gradient.top-gradient {
            top: 0;
            background: black;
            background: -webkit-gradient(left top, left bottom, color-stop(0%, black), color-stop(18%, rgba(0, 0, 0, 0.82)), color-stop(100%, rgba(0, 0, 0, 0)));
            background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.82) 18%, rgba(0, 0, 0, 0) 100%); } }
    .video-cta-wrapper .video-wrapper .abarth-video {
      width: 100% !important;
      position: absolute;
      height: 100%;
      left: 0; }
      @media screen and (min-width: 1920px) {
        .video-cta-wrapper .video-wrapper .abarth-video {
          top: 0; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .video-cta-wrapper .video-wrapper .abarth-video {
          top: 0; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .video-cta-wrapper .video-wrapper .abarth-video {
          top: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .video-cta-wrapper .video-wrapper .abarth-video {
          top: 0; } }
      @media screen and (max-width: 767px) {
        .video-cta-wrapper .video-wrapper .abarth-video {
          bottom: 40px;
          position: static; } }
    .video-cta-wrapper .video-wrapper .cover-img-wrapper .cover-img {
      display: none;
      position: absolute;
      left: 0;
      top: 0; }
  .video-cta-wrapper .logo-wrapper {
    width: 33.33333%;
    position: absolute;
    text-align: center; }
    @media screen and (min-width: 1920px) {
      .video-cta-wrapper .logo-wrapper {
        top: 30%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .video-cta-wrapper .logo-wrapper {
        top: 33%; }
        .video-cta-wrapper .logo-wrapper .logo {
          height: 150px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .video-cta-wrapper .logo-wrapper {
        top: 30%; }
        .video-cta-wrapper .logo-wrapper .logo {
          height: 110px; }
        .video-cta-wrapper .logo-wrapper .logo-title {
          font-size: 1.2em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .video-cta-wrapper .logo-wrapper {
        top: 30%; }
        .video-cta-wrapper .logo-wrapper .logo {
          height: 90px; }
        .video-cta-wrapper .logo-wrapper .logo-title {
          font-size: 1.1em; } }
    @media screen and (max-width: 767px) {
      .video-cta-wrapper .logo-wrapper {
        width: 100%;
        top: 15px;
        left: 0; }
        .video-cta-wrapper .logo-wrapper .logo {
          height: 90px;
          margin: 0 auto; } }
    .video-cta-wrapper .logo-wrapper .logo-title {
      width: 100%;
      text-align: center;
      color: #fff; }
      @media screen and (max-width: 767px) {
        .video-cta-wrapper .logo-wrapper .logo-title {
          font-size: 1.1em;
          margin: 0 auto; } }
  .video-cta-wrapper .cta-request {
    width: 33.33333%;
    position: absolute;
    text-align: center; }
    @media screen and (min-width: 1920px) {
      .video-cta-wrapper .cta-request {
        top: 65%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .video-cta-wrapper .cta-request {
        top: 70%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .video-cta-wrapper .cta-request {
        top: 65%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .video-cta-wrapper .cta-request {
        top: 70%; } }
    @media screen and (max-width: 767px) {
      .video-cta-wrapper .cta-request {
        background-color: #000;
        width: 100%;
        top: 65%; } }
    .video-cta-wrapper .cta-request .cta-list {
      list-style: none;
      margin-left: 0;
      margin-bottom: 0; }
      @media screen and (min-width: 1920px) {
        .video-cta-wrapper .cta-request .cta-list li {
          margin-bottom: 25px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .video-cta-wrapper .cta-request .cta-list li {
          margin-bottom: 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .video-cta-wrapper .cta-request .cta-list li {
          margin-bottom: 15px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .video-cta-wrapper .cta-request .cta-list li {
          margin-bottom: 10px; } }
      @media screen and (max-width: 767px) {
        .video-cta-wrapper .cta-request .cta-list li {
          margin: 12px 0px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .video-cta-wrapper .cta-request .cta-list li .abarth-button {
          padding: 15px;
          line-height: 0.875; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .video-cta-wrapper .cta-request .cta-list li .abarth-button {
          padding: 15px 10px;
          line-height: 0.875; } }
      @media screen and (max-width: 767px) {
        .video-cta-wrapper .cta-request .cta-list li .abarth-button {
          width: 240px; } }
  .video-cta-wrapper .close-button {
    display: block;
    color: #e72020;
    position: absolute;
    top: 15px;
    right: 2%;
    z-index: 9999; }
    .video-cta-wrapper .close-button a {
      cursor: pointer; }

.nocta .text {
  margin-bottom: 0px !important; }

@media screen and (max-width: 767px) {
  .mobile-hidden {
    display: none; } }

.box-home {
  position: relative;
  width: 100%;
  overflow: hidden;
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .box-home {
      min-height: 200px; } }
  @media screen and (max-width: 767px) {
    .box-home {
      margin: 0 auto; } }
  @media screen and (max-width: 767px) {
    .box-home.mobile-hidden {
      display: none; } }
  .box-home img {
    width: 50%;
    height: auto;
    float: left; }
    @media screen and (max-width: 767px) {
      .box-home img {
        width: 100%;
        min-height: 200px; } }
  .box-home .cta {
    position: absolute;
    bottom: 25px;
    display: block; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .box-home .cta {
        font-size: 14px;
        bottom: 12px; } }
    @media screen and (max-width: 767px) {
      .box-home .cta {
        margin-left: 0;
        left: 10%;
        width: 80%;
        font-size: 14px;
        height: 42px;
        bottom: 12px; } }
  .box-home .text {
    position: relative;
    padding: 0 8.33%;
    margin-bottom: 10%;
    float: left;
    width: 50%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .box-home .text {
        margin-bottom: 0px;
        padding: 0 40px; } }
    @media screen and (max-width: 767px) {
      .box-home .text {
        width: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.6);
        height: 100%;
        margin-bottom: 0px; } }
    .box-home .text .subtitle {
      margin-top: 35px;
      font-size: 2em;
      line-height: 1.2;
      text-transform: uppercase;
      margin-bottom: 0;
      font-family: "Abarth_light";
      font-weight: 400; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .box-home .text .subtitle {
          font-size: 1.5em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .box-home .text .subtitle {
          font-size: 1em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .box-home .text .subtitle {
          font-size: 16px; } }
      @media screen and (max-width: 767px) {
        .box-home .text .subtitle {
          font-size: 16px; } }
    .box-home .text .title {
      text-transform: uppercase;
      margin-bottom: 0;
      margin-top: 15px;
      font-family: "Abarth_heavy"; }
      @media screen and (min-width: 1920px) {
        .box-home .text .title {
          line-height: 55px;
          font-size: 55px;
          margin-bottom: 0;
          margin-top: 15px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .box-home .text .title {
          line-height: 40px;
          font-size: 38px;
          margin-bottom: 0;
          margin-top: 15px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .box-home .text .title {
          line-height: 33px;
          font-size: 30px;
          margin-bottom: 0;
          margin-top: 15px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .box-home .text .title {
          font-size: 24px;
          line-height: 24px;
          margin-bottom: 0;
          margin-top: 15px; } }
      @media screen and (max-width: 767px) {
        .box-home .text .title {
          font-size: 24px;
          color: #fff; } }
      @media screen and (max-width: 767px) {
        .box-home .text .title .text {
          color: #fff; } }
    .box-home .text p {
      margin-bottom: 0;
      font-family: "Abarth_light";
      font-size: 24px;
      line-height: 30px;
      margin-top: 15px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .box-home .text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .box-home .text p {
          font-size: 14px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .box-home .text p {
          font-size: 15px;
          line-height: 16px; } }
      @media screen and (max-width: 767px) {
        .box-home .text p {
          font-size: 18px;
          line-height: 16px; } }
      @media screen and (max-width: 767px) {
        .box-home .text p .text {
          color: #fff; } }
      .box-home .text p b {
        font-family: 'Abarth_Medium', sans-serif;
        font-weight: normal; }
    .box-home .text .mrgTop-60 {
      margin-top: 60px; }
    .box-home .text .mrgTop-50 {
      margin-top: 50px; }
    .box-home .text .mrgTop-40 {
      margin-top: 40px; }
    .box-home .text .mrgTop-30 {
      margin-top: 40px; }
  .box-home.gray {
    border: 5px solid #000;
    background-color: #cccccc; }
    @media screen and (max-width: 767px) {
      .box-home.gray {
        background-color: #fff;
        border: none; } }
    @media screen and (max-width: 767px) {
      .box-home.gray .text {
        color: #fff; } }
  .box-home.black {
    background-color: #000; }
    @media screen and (max-width: 767px) {
      .box-home.black {
        background-color: #fff; } }
    .box-home.black .text {
      color: #fff; }
      @media screen and (max-width: 767px) {
        .box-home.black .text {
          color: #fff; } }
  .box-home.white hr {
    height: 3px;
    color: #000;
    background-color: #000;
    border: none;
    margin: 0; }
  @media screen and (max-width: 767px) {
    .box-home.white .text {
      background-color: rgba(255, 255, 255, 0.7);
      color: #000; }
      .box-home.white .text .title {
        color: #000; } }
  .box-home.img-right img {
    float: right; }
  .box-home.img-right .text {
    float: left; }
    @media screen and (max-width: 767px) {
      .box-home.img-right .text p {
        display: none; } }
  .box-home.img-right .cta {
    left: 8.33%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .box-home.img-right .cta {
        left: 40px; } }
    @media screen and (max-width: 767px) {
      .box-home.img-right .cta {
        left: 10%; } }
  .box-home.img-left img {
    float: left; }
  .box-home.img-left .text {
    float: right; }
    @media screen and (max-width: 767px) {
      .box-home.img-left .text p {
        display: none; } }
  .box-home.img-left .cta {
    left: 58.33%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .box-home.img-left .cta {
        left: calc(50% - -40px); } }
    @media screen and (max-width: 767px) {
      .box-home.img-left .cta {
        left: 10%; } }
  .box-home.cover-right img {
    float: none;
    min-height: 400px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .box-home.cover-right img {
        margin-left: -30%;
        width: auto;
        max-width: none; } }
  .box-home.cover-right .logo {
    display: none; }
  .box-home.cover-right .text {
    top: 0;
    position: absolute;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%; }
  .box-home.cover-right .cta {
    left: 58.33%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .box-home.cover-right .cta {
        left: calc(50% - -40px); } }
    @media screen and (max-width: 767px) {
      .box-home.cover-right .cta {
        left: 10%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .box-home.cover-right img {
      min-height: 200px;
      width: auto;
      float: right;
      max-width: none; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .abdefault.page.modelpage .img-text.white.no-img .cta {
    bottom: 0; } }

@media only screen and (max-device-width: 376px) and (max-device-width: 767px) and (orientation: landscape) {
  .visore-3d .carousel {
    overflow: visible !important; }
  .visore-3d .carousel .item.active img.logo-serie-smart {
    margin-left: 6% !important;
    margin-bottom: 0; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  html body .slick-list .product-detail-item .img-text .text .paragraphTitle p {
    font-size: 13px; }
  html body .slick-list .product-detail-item .img-text .text .paragraph p {
    font-size: 11.2px; }
  html body .slick-list .product-detail-item .img-text .text h3 {
    font-size: 14px;
    margin-bottom: 5px; }
  html body .slick-list .product-detail-item .img-text .text .social span.fa {
    font-size: 18px; }
  html body .slick-list .product-detail-item .img-text .cta {
    bottom: 12px;
    font-size: 10px; }
  html body .abdefault.page.modelpage .img-text.white.no-img .cta {
    bottom: 12px; }
  html body .services-menu .layout__item a {
    font-size: 11px;
    line-height: 20px; }
  html body .header-global-menu .bottom-menu {
    padding-top: 0;
    padding-bottom: 0; }
    html body .header-global-menu .bottom-menu .main-nav .nav-item .bottom-link {
      padding: 0 10px; }
  .box-home .text .mrgTop-40 {
    margin-top: 0px !important;
    max-width: 90%; } }

/*// Super-Ovveride Angelo
@media only screen
    and (max-device-width: 425px) {
        html body .editorial-canvas-wrapper
        .layout-editorial-canvas .box-editorial-canvas
        .content-editorial-canvas {
            position: relative;
            top: 0;
            margin: 0;
        }
        html body .editorial-canvas-wrapper
        .layout-editorial-canvas .box-editorial-canvas {
            max-height: initial;
        }
        html body .editorial-canvas-wrapper
        .layout-editorial-canvas .box-editorial-canvas
        .content-editorial-canvas .box-text {
            margin: 0;
        }
}*/
/*ABARTH REVAMP*/
.newAbarth23 .box-home {
  /*Position editorial classes*/ }
  @media (max-width: 768px) {
    .newAbarth23 .box-home .editorialpage {
      background-color: #353537; } }
  @media (max-width: 992px) {
    .newAbarth23 .box-home .editorialpage .text {
      width: 80%; } }
  @media (max-width: 768px) {
    .newAbarth23 .box-home .editorialpage .text {
      width: 100%; } }
  .newAbarth23 .box-home .editorialpage .text .subtitle {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: 'Abarth_heavy';
    color: #FFD500;
    margin: 0; }
    @media (max-width: 1500px) {
      .newAbarth23 .box-home .editorialpage .text .subtitle {
        font-size: 16px;
        line-height: 19px; } }
  .newAbarth23 .box-home .editorialpage .text .title {
    font-size: 50px;
    line-height: 59px;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'Abarth_heavy';
    color: #ffffff; }
    @media (max-width: 1500px) {
      .newAbarth23 .box-home .editorialpage .text .title {
        font-size: 40px;
        line-height: 44px; } }
    @media (max-width: 992px) {
      .newAbarth23 .box-home .editorialpage .text .title {
        font-size: 32px;
        line-height: 38px; } }
    .newAbarth23 .box-home .editorialpage .text .title b {
      color: transparent;
      -webkit-text-stroke-width: 2px;
      -webkit-text-stroke-color: #ffffff; }
      @media (max-width: 1500px) {
        .newAbarth23 .box-home .editorialpage .text .title b {
          -webkit-text-stroke-width: 1px; } }
  .newAbarth23 .box-home .editorialpage .text .common_line {
    display: none; }
  .newAbarth23 .box-home .editorialpage .text .paragraph, .newAbarth23 .box-home .editorialpage .text p {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Abarth_Light';
    color: #ffffff; }
    @media (max-width: 1200px) {
      .newAbarth23 .box-home .editorialpage .text .paragraph, .newAbarth23 .box-home .editorialpage .text p {
        font-size: 16px;
        line-height: 110%;
        text-align: left; } }
  .newAbarth23 .box-home .editorialpage .button.cta {
    background-color: #e72020;
    color: #ffffff;
    padding: 15px 55px;
    box-shadow: 0px 0px 15px rgba(226, 0, 26, 0.8);
    border-radius: 5px;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Abarth_Medium';
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    margin: 0;
    bottom: 0; }
    @media (max-width: 1200px) {
      .newAbarth23 .box-home .editorialpage .button.cta {
        padding: 10px 36px !important;
        position: relative;
        margin: 0;
        left: 0 !important;
        bottom: initial;
        align-self: flex-start;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: auto; } }
  @media (max-width: 768px) {
    .newAbarth23 .box-home .editorialpage .img-breakpoint {
      width: 100%;
      height: initial;
      min-height: auto;
      margin: 0; } }
  .newAbarth23 .box-home.cover-right .editorialpage {
    display: flex;
    flex-direction: row-reverse;
    max-height: 800px; }
    @media (max-width: 992px) {
      .newAbarth23 .box-home.cover-right .editorialpage {
        height: initial;
        display: flex;
        flex-direction: column;
        max-height: initial; } }
    @media (min-width: 1920px) {
      .newAbarth23 .box-home.cover-right .editorialpage {
        max-height: initial; } }
    @media (max-width: 992px) {
      .newAbarth23 .box-home.cover-right .editorialpage .img-breakpoint {
        order: 2;
        margin: 0; } }
    .newAbarth23 .box-home.cover-right .editorialpage .infoWrapper {
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 50%;
      height: 100%;
      background-color: rgba(17, 17, 17, 0.8);
      margin-bottom: 0;
      padding: 0 8.33%; }
      @media (max-width: 992px) {
        .newAbarth23 .box-home.cover-right .editorialpage .infoWrapper {
          position: relative;
          padding: 40px 8%;
          background-color: #353537;
          width: 100%;
          order: 1; } }
      @media (max-width: 768px) {
        .newAbarth23 .box-home.cover-right .editorialpage .infoWrapper {
          padding: 40px 20px; } }
    .newAbarth23 .box-home.cover-right .editorialpage .text {
      width: 100%;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      margin-bottom: 25px;
      padding: 0;
      position: relative;
      background-color: transparent; }
    .newAbarth23 .box-home.cover-right .editorialpage .button.cta {
      bottom: auto;
      left: 0; }
      @media (max-width: 992px) {
        .newAbarth23 .box-home.cover-right .editorialpage .button.cta {
          margin: 0; } }
  .newAbarth23 .box-home.cover-left .editorialpage {
    display: flex;
    flex-direction: column;
    max-height: 800px; }
    @media (max-width: 992px) {
      .newAbarth23 .box-home.cover-left .editorialpage {
        height: initial;
        display: flex;
        flex-direction: column;
        max-height: initial; } }
    @media (min-width: 1920px) {
      .newAbarth23 .box-home.cover-left .editorialpage {
        max-height: initial; } }
    .newAbarth23 .box-home.cover-left .editorialpage .img-breakpoint {
      width: 100%; }
      @media (max-width: 992px) {
        .newAbarth23 .box-home.cover-left .editorialpage .img-breakpoint {
          order: 2; } }
    .newAbarth23 .box-home.cover-left .editorialpage .infoWrapper {
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 50%;
      height: 100%;
      background-color: rgba(17, 17, 17, 0.8);
      margin-bottom: 0;
      padding: 0 8.33%; }
      @media (max-width: 992px) {
        .newAbarth23 .box-home.cover-left .editorialpage .infoWrapper {
          position: relative;
          padding: 40px 8%;
          background-color: #353537;
          width: 100%;
          order: 1; } }
      @media (max-width: 768px) {
        .newAbarth23 .box-home.cover-left .editorialpage .infoWrapper {
          padding: 40px 20px; } }
    .newAbarth23 .box-home.cover-left .editorialpage .text {
      width: 100%;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      margin-bottom: 25px;
      padding: 0;
      position: relative;
      background-color: transparent; }
    @media (max-width: 992px) {
      .newAbarth23 .box-home.cover-left .editorialpage .button.cta {
        left: 0;
        margin: 0; } }

.content404 {
  /*  ---------- large screen ----------*/
  /*  ---------- desk ----------*/
  /*  ---------- lap -----------*/
  /*  ---------- palm -----------*/
  /*  ---------- smart -----------*/
  /*  ---------- retina -----------*/
  /*-------- end ---------*/ }
  .content404 .bg-content404 {
    background: url("clientlib-base/resources/images/editoriali/content404/bg404.jpg") center center;
    width: 100%;
    height: 482px; }
  .content404 h2 {
    text-transform: uppercase;
    font-family: 'Abarth_heavy';
    color: #fff;
    text-align: center;
    margin-bottom: 0; }
  .content404 h4 {
    margin-top: 20px !important;
    text-transform: uppercase;
    font-family: 'Abarth_Medium';
    color: #fff;
    text-align: center; }
  .content404 .cont404CTA {
    text-transform: uppercase;
    border: solid #fff 2px;
    font-family: 'Abarth_Medium';
    background: #333;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: auto; }
  @media screen and (min-width: 1920px) {
    .content404 .bg-content404 {
      height: 772px; }
    .content404 .cont-feeback {
      position: relative;
      width: 50%;
      top: 40%;
      margin: auto;
      max-width: 710px; }
    .content404 h2 {
      font-size: 4em;
      line-height: 1.2em; }
    .content404 h4 {
      font-size: 1.1em; }
    .content404 .cont404CTA {
      padding: 20px 30px;
      font-size: 1.1em;
      width: 270px;
      height: 61px; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .content404 .bg-content404 {
      height: 772px; }
    .content404 .cont-feeback {
      position: relative;
      width: 50%;
      top: 40%;
      margin: auto;
      max-width: 706px; }
    .content404 h2 {
      font-size: 3.6em;
      line-height: 1.2em; }
    .content404 h4 {
      font-size: 1em; }
    .content404 .cont404CTA {
      padding: 20px 30px;
      font-size: 1em;
      width: 270px;
      height: 61px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .content404 .bg-content404 {
      height: 700px; }
    .content404 .cont-feeback {
      position: relative;
      width: 50%;
      top: 40%;
      margin: auto;
      max-width: 529px; }
    .content404 h2 {
      font-size: 2.5em;
      line-height: 1.2em; }
    .content404 h4 {
      font-size: 1.1em; }
    .content404 .cont404CTA {
      padding: 13px 20px;
      font-size: 0.875em;
      width: 210px;
      height: 45px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .content404 .bg-content404 {
      height: 600px; }
    .content404 .cont-feeback {
      position: relative;
      width: 70%;
      top: 40%;
      margin: auto;
      max-width: 448px; }
    .content404 h2 {
      font-size: 2.5em;
      line-height: 1.2em; }
    .content404 h4 {
      font-size: 0.875em; }
    .content404 .cont404CTA {
      padding: 13px 20px;
      font-size: 0.8em;
      width: 210px;
      height: 45px; } }
  @media screen and (max-width: 767px) {
    .content404 .bg-content404 {
      height: 500px;
      background-position-x: 30%; }
    .content404 .cont-feeback {
      position: relative;
      width: 80%;
      top: 40%;
      margin: auto; }
    .content404 h2 {
      font-size: 1.9em;
      line-height: 1em;
      max-width: 270px;
      text-align: center;
      margin: auto; }
    .content404 h4 {
      font-size: 0.75em;
      line-height: 1em; }
    .content404 .cont404CTA {
      padding: 10px 15px;
      font-size: 0.6em;
      width: 169px;
      height: 36px; } }

.comp-technical {
  display: block;
  position: relative;
  background-size: 100%;
  width: 100%;
  /*margin-bottom: 5px;*/
  /*------- CTA -------*/
  /*------ end CTA -------*/
  /*------ box LEFT -----*/
  /*-- end box-images --*/
  /*------ end box LEFT -----*/
  /*------ box Overlay -----*/
  /*------ end box Overlay -----*/
  /*------ BOX Destra-----*/
  /*------ end BOX Destra-----*/
  /*-- txt-promotion --*/
  /* -- end icon-tech --*/
  /*-- end box-information --*/
  /*------------------------------*/
  /*--------  bullet car  -------*/
  /* -- end cl-title --*/
  /* -- end box-technical --*/
  /* -- end content-information --*/
  /* -- end slider-car:after --*/
  /* -- end img-flip -- */
  /* ------------------------------------------------------*/
  /* -------------------- setting 595 -------------------- */
  /* ------------------- setting Yamaha --------------------*/
  /* ------------------------------------------------------*/ }
  .comp-technical *:focus {
    outline: 0;
    cursor: default; }
  .comp-technical .clearfix, .comp-technical .wrapper-max-1360, .comp-technical .wrapper-min-960, .comp-technical .wrapper-940, .comp-technical .wrapper-620, .comp-technical .wrapper-960, .comp-technical .wrapper-max-768, .comp-technical .wrapper-1024, .comp-technical .wrapper-1140, .comp-technical .item-kit .icon-serie, .item-kit .comp-technical .icon-serie, .comp-technical .visore-wrapper, .comp-technical .visore-wrapper .img-wrapper, .visore-wrapper .comp-technical .img-wrapper, .comp-technical .editorial-box .text .programma, .editorial-box .text .comp-technical .programma, .comp-technical .editorial-box.txt-video-box, .comp-technical .info-promotion .tableFinance .box-link, .info-promotion .tableFinance .comp-technical .box-link, .comp-technical .dealer-locator .search-results, .dealer-locator .comp-technical .search-results, .comp-technical .dealerLocatorScorpionship .search-results, .dealerLocatorScorpionship .comp-technical .search-results, .comp-technical .form-page-wrapper .main-content .body-form-wrapper, .form-page-wrapper .main-content .comp-technical .body-form-wrapper, .comp-technical .form-page-wrapper .main-content .body-form-wrapper .comp-form, .form-page-wrapper .main-content .body-form-wrapper .comp-technical .comp-form, .comp-technical .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container, .form-page-wrapper .main-content .body-form-wrapper .comp-form .comp-technical .form-container, .comp-technical .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .comp-technical .container-form, .comp-technical .form-flow, .comp-technical .form-flow .form-dealer .dealer-locator, .form-flow .form-dealer .comp-technical .dealer-locator {
    clear: both; }
  .comp-technical .cta {
    text-align: center;
    display: inline-block;
    position: absolute;
    padding: 0.8em;
    font-size: 0.8em;
    min-width: 260px;
    margin: 0 0 0 1em; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .cta {
        min-width: 230px;
        font-size: 0.8em;
        padding: 1em;
        display: inline-table;
        width: 78%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .cta {
        min-width: 230px;
        font-size: 0.8em;
        padding: 1em;
        display: inline-table;
        width: 72%; } }
    @media screen and (max-width: 767px) {
      .comp-technical .cta {
        min-width: 180px;
        font-size: 0.8em;
        padding: 1em;
        display: inline-table;
        width: 100%;
        padding-right: 5em; } }
  .comp-technical .cta-white {
    font-family: 'Abarth_Light';
    border: solid 1px #fff;
    font-size: 1em;
    display: block;
    width: 100%;
    max-width: 350px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    height: 48px;
    cursor: pointer;
    /*
		:hover{
			background:#fff;
			color:#000;
		}
		*/ }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .cta-white {
        width: 270px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .cta-white {
        display: inline-block;
        /*min-width: 180px; 
			max-width:260px;*/
        font-size: 0.93em; } }
    @media screen and (max-width: 767px) {
      .comp-technical .cta-white {
        display: block;
        min-width: 240px;
        max-width: 350px;
        margin: 0 auto;
        height: 48px;
        font-size: 0.9375em; } }
    .comp-technical .cta-white b {
      font-family: 'Abarth_Medium'; }
    .comp-technical .cta-white .icon {
      padding: 0;
      float: right;
      margin: 0 10px;
      font-size: 1.5em;
      background: transparent;
      margin-top: -5px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .cta-white .icon {
          margin: 0 3px;
          font-size: 1.3em;
          margin-top: -3px; } }
  .comp-technical .link-close {
    cursor: pointer; }
    .comp-technical .link-close .ab-icon-close {
      position: absolute;
      right: 7%;
      top: 36%;
      font-size: 1.5em;
      cursor: pointer;
      z-index: 15;
      color: #fff; }
  .comp-technical .sound-close {
    color: #fff;
    position: absolute;
    right: 9%;
    top: 35%;
    font-size: 1em;
    cursor: pointer;
    z-index: 15;
    padding: 10px;
    text-transform: uppercase;
    display: none; }
    @media screen and (max-width: 767px) {
      .comp-technical .sound-close {
        font-size: 0.9em; } }
  .comp-technical .name-sound {
    color: #fff;
    position: absolute;
    left: 9%;
    bottom: 12%;
    font-size: 0.75em;
    cursor: pointer;
    z-index: 15;
    padding: 10px;
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .comp-technical .name-sound {
        left: 2%;
        bottom: 3%; } }
  .comp-technical .cta-white.active {
    background: #fff;
    color: #000; }
  .comp-technical .cta-white p {
    margin: 0;
    padding: 0;
    height: 46px;
    padding: 1em; }
    @media screen and (max-width: 767px) {
      .comp-technical .cta-white p {
        height: 46px;
        padding: 1em; } }
  .comp-technical .open-popup {
    cursor: pointer; }
  .comp-technical .box-images {
    display: inline-block;
    padding-left: 8%;
    padding-right: 8%;
    margin: 8% 0 2% 0;
    /* overflow: hidden;*/
    /* min-height:600px;*/
    /* -- end content-images --*/ }
    .comp-technical .box-images.box-images-right {
      float: right; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-technical .box-images {
        margin: 4% 0 2% 0;
        min-height: 600px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .box-images {
        display: inline-block;
        padding-left: 6%;
        padding-right: 4%;
        margin: 5% 0 4% 0;
        padding-top: 0;
        /*min-height:500px;*/ } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .box-images {
        display: block;
        margin: 0 auto;
        padding-left: 2%;
        padding-right: 3%; } }
    @media screen and (max-width: 767px) {
      .comp-technical .box-images {
        display: block;
        margin: 0 auto;
        padding: 0 20px;
        min-height: 400px; } }
    .comp-technical .box-images .content-Left {
      position: relative;
      overflow: hidden; }
    .comp-technical .box-images .content-images {
      position: relative;
      margin: 5% 0 2% 0;
      min-height: 440px; }
      @media screen and (min-width: 1920px) {
        .comp-technical .box-images .content-images {
          display: block;
          padding-left: 0; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-technical .box-images .content-images {
          display: block;
          padding-left: 0; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .box-images .content-images {
          display: block;
          margin: 5% auto;
          min-height: 350px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .box-images .content-images {
          display: block;
          margin: 5% auto;
          min-height: 370px;
          margin-top: 80px; } }
      @media screen and (max-width: 767px) {
        .comp-technical .box-images .content-images {
          display: block;
          margin: 20% auto 5% 0;
          min-height: 230px; } }
  .comp-technical .box-equalizer {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 12;
    display: none; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .box-equalizer {
        max-height: 700px; } }
    @media screen and (max-width: 767px) {
      .comp-technical .box-equalizer {
        min-height: 300px;
        bottom: 0;
        top: auto; } }
    .comp-technical .box-equalizer img {
      display: block;
      margin: 0 auto; }
      @media screen and (min-width: 1920px) {
        .comp-technical .box-equalizer img {
          padding-bottom: 8%; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-technical .box-equalizer img {
          padding-bottom: 8%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .box-equalizer img {
          display: block;
          margin: 0 auto;
          padding: 10% 5% 20% 5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .box-equalizer img {
          padding-bottom: 8%; } }
    .comp-technical .box-equalizer .equalizer {
      height: auto;
      display: block;
      position: relative;
      padding: 15% 5% 10% 5%;
      margin: 0 auto; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-technical .box-equalizer .equalizer {
          padding: 15% 5% 10% 5%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .box-equalizer .equalizer {
          padding: 10% 5% 10% 5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .box-equalizer .equalizer {
          padding: 20% 5% 10% 5%; } }
      @media screen and (max-width: 767px) {
        .comp-technical .box-equalizer .equalizer {
          padding: 40% 5% 23% 5%; } }
  .comp-technical .box-information {
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    overflow: hidden; }
    @media screen and (min-width: 1920px) {
      .comp-technical .box-information {
        min-height: 800px;
        padding-bottom: 10%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-technical .box-information {
        min-height: 800px;
        padding-bottom: 8%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .box-information {
        /*min-height:600px;*/
        margin-top: 5%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .box-information {
        min-height: 650px;
        position: absolute;
        bottom: 20px; } }
    @media screen and (max-width: 767px) {
      .comp-technical .box-information {
        /*min-height:400px;*/
        margin-top: 20px; } }
    .comp-technical .box-information .ct-table {
      display: table;
      position: relative;
      width: 100%;
      margin: 0.5em 0 0.5em 0;
      float: left;
      /*Aggiunta*/
      padding-left: 6%;
      /*End Aggiunta*/ }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .box-information .ct-table {
          display: inline-block;
          padding: 0 10px; } }
      @media screen and (max-width: 767px) {
        .comp-technical .box-information .ct-table {
          display: inline-block; } }
  .comp-technical .box-pos-left {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    float: left;
    overflow: hidden;
    padding-top: 12%;
    padding-bottom: 5%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-technical .box-pos-left {
        padding-top: 8%;
        padding-bottom: 5%; } }
  .comp-technical .box-pos-right {
    background-color: rgba(0, 0, 0, 0.4);
    float: right;
    overflow: hidden; }
    @media screen and (min-width: 1920px) {
      .comp-technical .box-pos-right {
        padding-right: 40px;
        margin-top: 8%;
        position: relative; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-technical .box-pos-right {
        padding-top: 4%;
        position: relative; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .box-pos-right {
        position: relative;
        padding-bottom: 10%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .box-pos-right {
        background-color: transparent;
        padding-top: 8%;
        bottom: 0; } }
  .comp-technical .content-menu {
    min-height: 450px;
    padding-left: 0;
    padding-top: calc(50% - 200px); }
    @media screen and (min-width: 1920px) {
      .comp-technical .content-menu {
        display: inline-block; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .content-menu nav {
        margin-top: 4%; } }
    .comp-technical .content-menu nav span {
      float: left;
      display: block;
      margin: 5px 0; }
  .comp-technical .txt-promotion {
    cursor: default;
    font-size: 1.125em;
    line-height: 1.2em;
    font-family: 'Abarth_Light';
    /*max-width: 330px;*/
    padding-right: 20%;
    /*Aggiunta*/
    padding-left: 5%;
    /*End Aggiunta*/ }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .txt-promotion {
        font-size: 0.75em;
        padding-right: 3%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .txt-promotion {
        font-size: 0.75em;
        padding-right: 44px;
        /*Aggiunta*/
        padding-left: 44px;
        /*End Aggiunta*/ } }
    @media screen and (max-width: 767px) {
      .comp-technical .txt-promotion {
        float: none;
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 345px;
        font-size: 0.75em;
        /*padding-left: 10px;
			   padding-right: 20px;*/
        /*GIACOMO*/
        padding-left: 30px;
        padding-right: 30px;
        /*END GIACOMO*/ } }
    .comp-technical .txt-promotion br {
      display: block;
      font-size: 0px;
      line-height: 0; }
  .comp-technical .icon-tech {
    display: inline-block;
    position: relative;
    background-color: #fff;
    color: #000;
    padding: 0.4em;
    font-size: 1.2em; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .icon-tech {
        padding: 0.5em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .icon-tech {
        padding: 0.5em; } }
    @media screen and (max-width: 767px) {
      .comp-technical .icon-tech {
        padding: 0.5em; } }
  .comp-technical .list-info {
    float: left;
    margin: 3em 0 0.5em 0; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .list-info {
        margin: 1.5em 0 0.5em 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .list-info {
        margin: 1em 0 0.5em 0;
        padding-left: 34px;
        padding-right: 34px; } }
    @media screen and (max-width: 767px) {
      .comp-technical .list-info {
        margin: 1.5em 0 0.5em 0;
        padding-right: 20px; } }
  .comp-technical .sprite-icon {
    display: inline-block;
    overflow: hidden;
    background: url("clientlib-base/resources/images/icon/scorpion.png") no-repeat center center;
    background-size: 100%;
    width: 30px;
    height: 30px;
    position: relative;
    margin-left: -15px;
    margin-top: -15px; }
    @media screen and (max-width: 767px) {
      .comp-technical .sprite-icon {
        width: 20px;
        height: 20px; } }
  .comp-technical .txt-left .label-plus:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    border-right: solid 1px #fff;
    padding-right: 8px;
    margin-top: 2px;
    display: block;
    right: 27px; }
    @media screen and (max-width: 767px) {
      .comp-technical .txt-left .label-plus:before {
        height: 20px;
        border-right: solid 1px #fff;
        padding-right: 6px;
        margin-top: -1px;
        right: 16px; } }
  .comp-technical .txt-right .label-plus:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    border-left: solid 1px #fff;
    padding-left: 8px;
    margin-top: 2px;
    left: -8px; }
    @media screen and (max-width: 767px) {
      .comp-technical .txt-right .label-plus:before {
        height: 20px;
        padding-left: 8px;
        margin-top: 0px;
        left: -8px; } }
  .comp-technical .bullet-top .sprite-icon {
    top: -90px; }
    @media screen and (max-width: 767px) {
      .comp-technical .bullet-top .sprite-icon {
        top: -60px; } }
  .comp-technical .bullet-top .label-plus {
    text-align: left;
    margin-top: -85px; }
    @media screen and (max-width: 767px) {
      .comp-technical .bullet-top .label-plus {
        margin-top: -52px; } }
  .comp-technical .bullet-bottom .sprite-icon {
    top: 0; }
  .comp-technical .bullet-bottom .label-plus {
    text-align: left;
    margin-top: -70px; }
  @media screen and (max-width: 767px) {
    .comp-technical .txt-left .sprite-icon {
      margin-left: -10px; } }
  .comp-technical .txt-left .label-plus {
    text-align: right;
    width: 100%;
    margin-top: -37px;
    /*margin-left: calc(-100% - 35px);*/
    right: 100%;
    padding-right: 35px; }
    @media screen and (max-width: 767px) {
      .comp-technical .txt-left .label-plus {
        text-align: right;
        width: 100%;
        margin-top: -24px;
        /*margin-left: calc(-100% - 23px);*/
        right: 100%;
        padding-right: 23px; } }
  @media screen and (max-width: 767px) {
    .comp-technical .txt-right .sprite-icon {
      margin-left: -10px; } }
  .comp-technical .txt-right .label-plus {
    text-align: left;
    width: 100%;
    margin-top: -38px;
    margin-left: 35px; }
    @media screen and (max-width: 767px) {
      .comp-technical .txt-right .label-plus {
        margin-top: -23px;
        margin-left: 23px; } }
  .comp-technical .pin-plus {
    position: absolute;
    z-index: 5; }
  .comp-technical .label-plus {
    font-family: 'Abarth_Light';
    color: #fff;
    font-size: 1.125em;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-technical .label-plus {
        font-size: 1em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .label-plus {
        font-size: 0.75em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .label-plus {
        font-size: 0.75em; } }
    @media screen and (max-width: 767px) {
      .comp-technical .label-plus {
        font-size: 0.6em;
        max-width: 100px;
        white-space: normal; } }
    .comp-technical .label-plus .txtRed {
      display: block;
      color: #e72020;
      font-size: 1.3em;
      font-family: "Abarth_heavy"; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-technical .label-plus .txtRed {
          font-size: 1.125em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .label-plus .txtRed {
          font-size: 1.125em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .label-plus .txtRed {
          font-size: 1em; } }
      @media screen and (max-width: 767px) {
        .comp-technical .label-plus .txtRed {
          font-size: 1em; } }
  .comp-technical .cl-title {
    display: block;
    margin: 0 auto;
    margin-bottom: 75px;
    padding-left: 0;
    /* -- end h2 --*/ }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .cl-title {
        margin-bottom: 50px; } }
    .comp-technical .cl-title h1 {
      color: #fff;
      font-family: 'Abarth_heavy';
      position: absolute;
      text-transform: uppercase;
      cursor: default;
      width: 100%;
      line-height: 1em; }
      @media screen and (min-width: 1920px) {
        .comp-technical .cl-title h1 {
          font-size: 4em;
          /* padding: 5% 5% 0 8.33333%;*/
          font-size: 2.8125em; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-technical .cl-title h1 {
          font-size: 2.8125em;
          /*padding: 5% 5% 0 8.33333%;*/
          padding-left: 0; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .cl-title h1 {
          font-size: 1.875em;
          /*padding-top: 8% ;*/
          padding-left: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .cl-title h1 {
          font-size: 1.875em;
          padding-top: 10%; } }
      @media screen and (max-width: 767px) {
        .comp-technical .cl-title h1 {
          font-size: 1.5em;
          text-align: center;
          left: 0;
          margin-top: 40px; } }
    .comp-technical .cl-title h2 {
      color: #fff;
      font-family: 'Abarth_heavy';
      position: absolute;
      text-transform: uppercase;
      cursor: default;
      width: 100%;
      line-height: 1em; }
      @media screen and (min-width: 1920px) {
        .comp-technical .cl-title h2 {
          font-size: 4em;
          /* padding: 5% 5% 0 8.33333%;*/
          font-size: 2.8125em; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-technical .cl-title h2 {
          font-size: 2.8125em;
          /*padding: 5% 5% 0 8.33333%;*/
          padding-left: 0; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .cl-title h2 {
          font-size: 1.875em;
          /*padding-top: 8% ;*/
          padding-left: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .cl-title h2 {
          font-size: 1.875em;
          padding-top: 10%; } }
      @media screen and (max-width: 767px) {
        .comp-technical .cl-title h2 {
          font-size: 1.5em;
          text-align: center;
          left: 0;
          margin-top: 40px; } }
  .comp-technical .box-technical {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    clear: both;
    width: 100%;
    min-height: 600px; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .box-technical {
        min-height: 500px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .box-technical {
        min-height: 800px;
        /*background-position-y: 50%;
			    background-position-x: center;*/
        /*Giacomo*/
        background-position: center;
        /*End Giacomo*/ } }
    @media screen and (max-width: 767px) {
      .comp-technical .box-technical {
        /*min-height:800px;   */
        /*background-position-y: 90%;
    			background-position-x: right;*/
        /*Giacomo*/
        background-position: bottom;
        /*End Giacomo*/
        background-size: 620px; } }
    .comp-technical .box-technical .layout-abarth {
      margin: 0 auto;
      position: relative; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .box-technical .layout-abarth {
          /*min-height:870px;*/
          /*GIACOMO*/
          min-height: 900px;
          /*END GIACOMO*/ } }
  .comp-technical .content-information {
    display: block;
    padding-left: 0;
    margin: 0 auto; }
    .comp-technical .content-information h2 {
      font-weight: normal;
      margin-bottom: 15px;
      margin-top: 10px;
      line-height: 1; }
      @media screen and (min-width: 1920px) {
        .comp-technical .content-information h2 {
          padding-left: 50px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-technical .content-information h2 {
          padding-left: 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .content-information h2 {
          padding-left: 20px;
          font-size: 24px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .content-information h2 {
          padding-left: 44px;
          margin-top: 0;
          font-size: 24px; } }
      @media screen and (max-width: 767px) {
        .comp-technical .content-information h2 {
          padding-left: 10px;
          /*padding-right: 20px;*/
          /*GIACOMO*/
          padding-right: 10px;
          /*END GIACOMO*/
          margin-top: 0;
          font-size: 24px;
          text-align: center; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .content-information {
        position: absolute;
        bottom: 0; } }
    @media screen and (max-width: 767px) {
      .comp-technical .content-information {
        margin-top: 5%;
        /*GIACOMO
			 padding-left:10px;
			 END GIACOMO*/ } }
  .comp-technical .flipCar {
    font-family: 'Abarth_Light';
    z-index: 10;
    position: absolute;
    top: calc( 100% - -30px);
    /*-- end slider-car --*/ }
    @media screen and (min-width: 1920px) {
      .comp-technical .flipCar {
        padding-left: 0;
        top: calc( 100% - -30px); } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-technical .flipCar {
        padding-left: 0;
        top: calc( 100% - -10px); } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .flipCar {
        padding-left: 0;
        top: calc( 100% - -30px); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .flipCar {
        padding-left: 0;
        top: calc( 100% - -10px); } }
    @media screen and (max-width: 767px) {
      .comp-technical .flipCar {
        display: block;
        overflow: hidden;
        margin: 0 auto;
        position: absolute;
        top: 95%;
        padding-left: 0; } }
    .comp-technical .flipCar .smart-setting {
      display: block;
      width: 100%;
      height: 25px;
      margin: 0 0 0 20%; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .flipCar .smart-setting {
          /*width: 100%;*/
          /*GIACOMO*/
          width: 310px;
          margin: 0 auto;
          /*END GIACOMO*/ } }
      @media screen and (max-width: 767px) {
        .comp-technical .flipCar .smart-setting {
          display: table;
          position: relative;
          margin: 0 auto;
          /*GIACOMO*/
          width: 310px;
          /*END GIACOMO*/ } }
    .comp-technical .flipCar .front-lb-flip {
      float: left;
      position: relative;
      top: 2px;
      font-size: 1em;
      cursor: default;
      color: #fff;
      text-transform: uppercase;
      padding-right: 20px; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .flipCar .front-lb-flip {
          font-size: 0.875em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .flipCar .front-lb-flip {
          font-size: 0.875em;
          /*GIACOMO*/
          width: 109px;
          text-align: center;
          /*END GIACOMO*/ } }
      @media screen and (max-width: 767px) {
        .comp-technical .flipCar .front-lb-flip {
          /*font-size:0.875em;*/
          /*GIACOMO*/
          font-size: 9pt;
          width: 109px;
          text-align: center;
          /*END GIACOMO*/ } }
    .comp-technical .flipCar .back-lb-flip {
      float: left;
      position: relative;
      top: 2px;
      font-size: 1em;
      cursor: default;
      color: #fff;
      text-transform: uppercase;
      padding-left: 20px; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .flipCar .back-lb-flip {
          font-size: 0.875em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .flipCar .back-lb-flip {
          font-size: 0.875em;
          /*GIACOMO*/
          width: 109px;
          text-align: center;
          /*END GIACOMO*/ } }
      @media screen and (max-width: 767px) {
        .comp-technical .flipCar .back-lb-flip {
          /*font-size:0.875em;*/
          /*GIACOMO*/
          font-size: 9pt;
          width: 109px;
          text-align: center;
          /*END GIACOMO*/ } }
    .comp-technical .flipCar .active {
      transition-property: opacity, left;
      transition-duration: 3s, 5s; }
    .comp-technical .flipCar .wrap {
      float: left; }
    .comp-technical .flipCar .slider-car {
      position: relative;
      display: block;
      height: 20px;
      width: 130px;
      cursor: pointer;
      border-radius: 1.5em;
      -webkit-transition: 350ms;
      -moz-transition: 350ms;
      -o-transition: 350ms;
      -ms-transition: 350ms;
      background-color: rgba(139, 131, 132, 0.8); }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .flipCar .slider-car {
          height: 20px;
          width: 92px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .flipCar .slider-car {
          height: 15px;
          width: 65px; } }
      @media screen and (max-width: 767px) {
        .comp-technical .flipCar .slider-car {
          height: 15px;
          width: 65px; } }
    .comp-technical .flipCar .bullPoint {
      position: absolute;
      width: 1em;
      height: 1em;
      top: 0.125em;
      left: 0.125em;
      border-radius: 1.5em;
      transition: all 0.8s ease;
      background: #ffffff;
      box-shadow: 0 0 0 1.5em #ffffff inset;
      cursor: pointer; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .flipCar .bullPoint {
          width: 1em;
          height: 1em;
          top: 0.125em;
          left: 0.125em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .flipCar .bullPoint {
          width: 0.625em;
          height: 0.625em;
          top: 0.125em;
          left: 0.125em; } }
      @media screen and (max-width: 767px) {
        .comp-technical .flipCar .bullPoint {
          width: 0.625em;
          height: 0.625em;
          top: 0.125em;
          left: 0.125em; } }
    .comp-technical .flipCar .moveRight {
      display: block;
      left: 112px; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .flipCar .moveRight {
          left: 74px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .flipCar .moveRight {
          left: 53px; } }
      @media screen and (max-width: 767px) {
        .comp-technical .flipCar .moveRight {
          left: 53px; } }
    .comp-technical .flipCar .moveLeft {
      display: block;
      left: 0.125em; }
  .comp-technical .img-flip {
    display: block;
    margin-top: 7%;
    width: auto;
    background-size: 100%;
    padding-bottom: 1em;
    position: relative; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-technical .img-flip {
        margin-top: 10%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-technical .img-flip {
        margin-top: 10%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .img-flip {
        /*max-height:450px;*/
        width: auto; } }
    @media screen and (max-width: 767px) {
      .comp-technical .img-flip {
        margin-bottom: 10%; } }
    .comp-technical .img-flip img {
      display: block;
      width: 100%; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .img-flip img {
          max-height: 450px;
          width: auto;
          margin: 0 auto; } }
  .comp-technical .class595 {
    display: block;
    width: 100%; }
    .comp-technical .class595 .box-technical {
      max-height: 930px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .class595 .box-technical {
          max-height: none; } }
      @media screen and (max-width: 767px) {
        .comp-technical .class595 .box-technical {
          max-height: none;
          background-size: 620px; } }
  .comp-technical .classYamaha {
    display: block;
    width: 100%;
    /* ------------------- Custom Yamaha --------------------*/
    /* ------------------------------------------------------*/ }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-technical .classYamaha .box-technical {
        min-height: 750px; } }
    .comp-technical .classYamaha .open-popup {
      cursor: text; }
    .comp-technical .classYamaha .box-information {
      min-height: auto;
      padding-bottom: 1%; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-technical .classYamaha .box-information {
          min-height: 750px; }
          .comp-technical .classYamaha .box-information .txt-promotion {
            padding-right: 30px; } }
      .comp-technical .classYamaha .box-information p {
        margin-bottom: 0; }
    .comp-technical .classYamaha .box-pos-left {
      background-color: rgba(0, 0, 0, 0.4);
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0; }
      @media screen and (min-width: 1920px) {
        .comp-technical .classYamaha .box-pos-left {
          padding-right: 40px;
          padding-top: 8%; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-technical .classYamaha .box-pos-left {
          padding-top: 4%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .classYamaha .box-pos-left {
          padding-top: 0;
          position: absolute;
          padding-bottom: 2%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .classYamaha .box-pos-left {
          background-color: transparent;
          padding-top: 8%;
          bottom: 0; } }
      @media screen and (max-width: 767px) {
        .comp-technical .classYamaha .box-pos-left {
          position: relative; } }
    .comp-technical .classYamaha .box-pos-right {
      background-color: rgba(0, 0, 0, 0.4);
      position: absolute;
      bottom: 0;
      top: 0;
      right: 0; }
      @media screen and (min-width: 1920px) {
        .comp-technical .classYamaha .box-pos-right {
          padding-right: 40px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-technical .classYamaha .box-pos-right {
          padding-top: 4%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .classYamaha .box-pos-right {
          padding-top: 0;
          position: absolute;
          padding-bottom: 2%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .classYamaha .box-pos-right {
          background-color: transparent;
          padding-top: 8%;
          bottom: 0; } }
      @media screen and (max-width: 767px) {
        .comp-technical .classYamaha .box-pos-right {
          position: relative; } }
    @media screen and (max-width: 767px) {
      .comp-technical .classYamaha .txtRed {
        font-size: 0.9em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-technical .classYamaha .box-auto-front {
        margin-top: 35px; } }
    @media screen and (max-width: 767px) {
      .comp-technical .classYamaha .list-info.yamaha img {
        display: block;
        margin: 0 auto; } }
    .comp-technical .classYamaha .list-info.yamaha ul {
      width: 100%;
      min-height: auto;
      margin-left: 0; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .classYamaha .list-info.yamaha ul {
          min-height: auto; } }
    .comp-technical .classYamaha .list-info.yamaha ul li {
      width: calc((100% - 24px )/3);
      max-width: 29%;
      float: left;
      background: #fff;
      margin-right: 12px;
      margin-bottom: 20px;
      position: relative;
      padding-top: 0px;
      padding-bottom: 95px;
      list-style: none;
      height: 120px; }
      @media screen and (min-width: 1920px) {
        .comp-technical .classYamaha .list-info.yamaha ul li {
          height: 150px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-technical .classYamaha .list-info.yamaha ul li {
          height: 100px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-technical .classYamaha .list-info.yamaha ul li {
          width: calc(100% / 6);
          max-width: 15%;
          margin-right: 2%; } }
      @media screen and (max-width: 767px) {
        .comp-technical .classYamaha .list-info.yamaha ul li {
          width: calc(100% / 3);
          max-width: 31%;
          margin-right: 2%; } }
    .comp-technical .classYamaha .list-info.yamaha ul li:last-child {
      margin-right: 0; }
    .comp-technical .classYamaha .list-info.yamaha ul.clearfix:after, .comp-technical .classYamaha .list-info.yamaha ul.wrapper-max-1360:after, .comp-technical .classYamaha .list-info.yamaha ul.wrapper-min-960:after, .comp-technical .classYamaha .list-info.yamaha ul.wrapper-940:after, .comp-technical .classYamaha .list-info.yamaha ul.wrapper-620:after, .comp-technical .classYamaha .list-info.yamaha ul.wrapper-960:after, .comp-technical .classYamaha .list-info.yamaha ul.wrapper-max-768:after, .comp-technical .classYamaha .list-info.yamaha ul.wrapper-1024:after, .comp-technical .classYamaha .list-info.yamaha ul.wrapper-1140:after, .comp-technical .classYamaha .list-info.yamaha .item-kit ul.icon-serie:after, .item-kit .comp-technical .classYamaha .list-info.yamaha ul.icon-serie:after, .comp-technical .classYamaha .list-info.yamaha ul.visore-wrapper:after, .comp-technical .classYamaha .list-info.yamaha .visore-wrapper ul.img-wrapper:after, .visore-wrapper .comp-technical .classYamaha .list-info.yamaha ul.img-wrapper:after, .comp-technical .classYamaha .list-info.yamaha .editorial-box .text ul.programma:after, .editorial-box .text .comp-technical .classYamaha .list-info.yamaha ul.programma:after, .comp-technical .classYamaha .list-info.yamaha ul.editorial-box.txt-video-box:after, .comp-technical .classYamaha .list-info.yamaha .info-promotion .tableFinance ul.box-link:after, .info-promotion .tableFinance .comp-technical .classYamaha .list-info.yamaha ul.box-link:after, .comp-technical .classYamaha .list-info.yamaha .dealer-locator ul.search-results:after, .dealer-locator .comp-technical .classYamaha .list-info.yamaha ul.search-results:after, .comp-technical .classYamaha .list-info.yamaha .dealerLocatorScorpionship ul.search-results:after, .dealerLocatorScorpionship .comp-technical .classYamaha .list-info.yamaha ul.search-results:after, .comp-technical .classYamaha .list-info.yamaha .form-page-wrapper .main-content ul.body-form-wrapper:after, .form-page-wrapper .main-content .comp-technical .classYamaha .list-info.yamaha ul.body-form-wrapper:after, .comp-technical .classYamaha .list-info.yamaha .form-page-wrapper .main-content .body-form-wrapper ul.comp-form:after, .form-page-wrapper .main-content .body-form-wrapper .comp-technical .classYamaha .list-info.yamaha ul.comp-form:after, .comp-technical .classYamaha .list-info.yamaha .form-page-wrapper .main-content .body-form-wrapper .comp-form ul.form-container:after, .form-page-wrapper .main-content .body-form-wrapper .comp-form .comp-technical .classYamaha .list-info.yamaha ul.form-container:after, .comp-technical .classYamaha .list-info.yamaha .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container ul.container-form:after, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .comp-technical .classYamaha .list-info.yamaha ul.container-form:after, .comp-technical .classYamaha .list-info.yamaha ul.form-flow:after, .comp-technical .classYamaha .list-info.yamaha .form-flow .form-dealer ul.dealer-locator:after, .form-flow .form-dealer .comp-technical .classYamaha .list-info.yamaha ul.dealer-locator:after,
    .comp-technical .classYamaha .list-info.yamaha ul.clearfix:before,
    .comp-technical .classYamaha .list-info.yamaha ul.wrapper-max-1360:before,
    .comp-technical .classYamaha .list-info.yamaha ul.wrapper-min-960:before,
    .comp-technical .classYamaha .list-info.yamaha ul.wrapper-940:before,
    .comp-technical .classYamaha .list-info.yamaha ul.wrapper-620:before,
    .comp-technical .classYamaha .list-info.yamaha ul.wrapper-960:before,
    .comp-technical .classYamaha .list-info.yamaha ul.wrapper-max-768:before,
    .comp-technical .classYamaha .list-info.yamaha ul.wrapper-1024:before,
    .comp-technical .classYamaha .list-info.yamaha ul.wrapper-1140:before,
    .comp-technical .classYamaha .list-info.yamaha .item-kit ul.icon-serie:before,
    .item-kit .comp-technical .classYamaha .list-info.yamaha ul.icon-serie:before,
    .comp-technical .classYamaha .list-info.yamaha ul.visore-wrapper:before,
    .comp-technical .classYamaha .list-info.yamaha .visore-wrapper ul.img-wrapper:before,
    .visore-wrapper .comp-technical .classYamaha .list-info.yamaha ul.img-wrapper:before,
    .comp-technical .classYamaha .list-info.yamaha .editorial-box .text ul.programma:before,
    .editorial-box .text .comp-technical .classYamaha .list-info.yamaha ul.programma:before,
    .comp-technical .classYamaha .list-info.yamaha ul.editorial-box.txt-video-box:before,
    .comp-technical .classYamaha .list-info.yamaha .info-promotion .tableFinance ul.box-link:before,
    .info-promotion .tableFinance .comp-technical .classYamaha .list-info.yamaha ul.box-link:before,
    .comp-technical .classYamaha .list-info.yamaha .dealer-locator ul.search-results:before,
    .dealer-locator .comp-technical .classYamaha .list-info.yamaha ul.search-results:before,
    .comp-technical .classYamaha .list-info.yamaha .dealerLocatorScorpionship ul.search-results:before,
    .dealerLocatorScorpionship .comp-technical .classYamaha .list-info.yamaha ul.search-results:before,
    .comp-technical .classYamaha .list-info.yamaha .form-page-wrapper .main-content ul.body-form-wrapper:before,
    .form-page-wrapper .main-content .comp-technical .classYamaha .list-info.yamaha ul.body-form-wrapper:before,
    .comp-technical .classYamaha .list-info.yamaha .form-page-wrapper .main-content .body-form-wrapper ul.comp-form:before,
    .form-page-wrapper .main-content .body-form-wrapper .comp-technical .classYamaha .list-info.yamaha ul.comp-form:before,
    .comp-technical .classYamaha .list-info.yamaha .form-page-wrapper .main-content .body-form-wrapper .comp-form ul.form-container:before,
    .form-page-wrapper .main-content .body-form-wrapper .comp-form .comp-technical .classYamaha .list-info.yamaha ul.form-container:before,
    .comp-technical .classYamaha .list-info.yamaha .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container ul.container-form:before,
    .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .comp-technical .classYamaha .list-info.yamaha ul.container-form:before,
    .comp-technical .classYamaha .list-info.yamaha ul.form-flow:before,
    .comp-technical .classYamaha .list-info.yamaha .form-flow .form-dealer ul.dealer-locator:before,
    .form-flow .form-dealer .comp-technical .classYamaha .list-info.yamaha ul.dealer-locator:before {
      content: "";
      display: table; }
    .comp-technical .classYamaha .list-info.yamaha ul li[class*="col-"]:after {
      content: "";
      position: absolute;
      width: 100%;
      top: 0;
      bottom: 0; }
    .comp-technical .classYamaha .list-info.yamaha ul li p {
      font-size: 0.75em;
      padding: 4px 6px;
      color: #000;
      font-family: 'Abarth_Medium';
      margin: 0;
      position: relative;
      z-index: 5;
      background: #fff; }
    .comp-technical .classYamaha .list-info.yamaha ul li.col-gara:after {
      background: #390000; }
    .comp-technical .classYamaha .list-info.yamaha ul li.col-campovolo:after {
      background: #777d7f; }
    .comp-technical .classYamaha .list-info.yamaha ul li.col-pista:after {
      background: #252928; }
    .comp-technical .classYamaha .list-info.yamaha ul li.col-record:after {
      background: #6b6d71; }
    .comp-technical .classYamaha .list-info.yamaha ul li.col-podio:after {
      background: #14284d; }
    .comp-technical .classYamaha .list-info.yamaha ul li.col-scorpione:after {
      background: #121518; }

/*--  end class idtechnical --*/
.comp-technical .classBiposto .box-technical {
  min-height: 200px; }

.comp-technical .classBiposto .content-menu {
  position: absolute;
  padding-top: 0;
  right: 15px;
  top: 45%;
  z-index: 3;
  width: 30px; }

.comp-technical .classBiposto .box-images {
  padding-left: 0;
  padding-right: 0;
  margin: 0; }
  @media screen and (max-width: 767px) {
    .comp-technical .classBiposto .box-images .content-images {
      margin-top: 120px; } }

.comp-technical .classBiposto .box-information.box-pos-top {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  background: rgba(0, 0, 0, 0.4);
  padding: 40px 8.33%;
  z-index: 1; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .comp-technical .classBiposto .box-information.box-pos-top .content-information {
      position: static; }
      .comp-technical .classBiposto .box-information.box-pos-top .content-information .cl-title {
        width: 100%;
        position: absolute;
        top: 0; }
      .comp-technical .classBiposto .box-information.box-pos-top .content-information .txt-promotion {
        width: 100%;
        position: absolute;
        bottom: 0; } }
  @media screen and (min-width: 1920px) {
    .comp-technical .classBiposto .box-information.box-pos-top {
      min-height: 1px;
      height: 60%;
      padding: 80px 8.33%; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .comp-technical .classBiposto .box-information.box-pos-top {
      min-height: 1px;
      height: auto;
      padding: 50px 8.33%; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .comp-technical .classBiposto .box-information.box-pos-top {
      padding: 20px 8.33%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .comp-technical .classBiposto .box-information.box-pos-top {
      min-height: 200px;
      top: 0;
      background: none; } }
  @media screen and (max-width: 767px) {
    .comp-technical .classBiposto .box-information.box-pos-top {
      top: 0;
      padding-top: 0;
      padding-bottom: 0; } }
  .comp-technical .classBiposto .box-information.box-pos-top .cl-title {
    color: #fff;
    width: 33.333%;
    margin: 0; }
    .comp-technical .classBiposto .box-information.box-pos-top .cl-title h2 {
      position: static; }
    @media screen and (max-width: 767px) {
      .comp-technical .classBiposto .box-information.box-pos-top .cl-title {
        width: 100%; }
        .comp-technical .classBiposto .box-information.box-pos-top .cl-title h2 {
          margin-top: 20px; } }
  .comp-technical .classBiposto .box-information.box-pos-top .txt-promotion {
    width: 33.333%;
    padding-right: 0; }
    @media screen and (max-width: 767px) {
      .comp-technical .classBiposto .box-information.box-pos-top .txt-promotion {
        display: none; } }

.comp-technical .classBiposto .spacer {
  float: left;
  min-height: 100px; }

.comp-gallery-abarth {
  display: block;
  background: #fff;
  width: 100%;
  margin-bottom: 0px;
  overflow: hidden;
  position: relative;
  z-index: 15;
  /* ------ test abarth Yamaha ----*/ }
  .comp-gallery-abarth *:focus {
    outline: 0; }
  .comp-gallery-abarth .box-gallery {
    display: block;
    overflow: hidden;
    clear: both;
    width: 100%;
    /*padding-bottom: 45px;*/ }
    .comp-gallery-abarth .box-gallery .content-gallery {
      position: relative;
      overflow: hidden; }
      .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery .slick-disabled {
        display: none !important; }
      .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button {
        top: 50%;
        width: 50px;
        height: 50px;
        padding: 5px;
        background-color: rgba(255, 255, 255, 0.5);
        transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button {
            background: none;
            background-color: transparent;
            width: auto;
            height: auto; } }
        @media screen and (max-width: 767px) {
          .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button {
            background: none;
            background-color: transparent !important;
            width: auto;
            height: auto; } }
        .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button.slick-prev {
          left: 95px; }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button.slick-prev {
              left: 60px; } }
        .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button.slick-next {
          right: 90px; }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button.slick-next {
              right: 60px; } }
      .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button:before {
        background: url(clientlib-base/resources/images/icon/arrow-gallery.png) no-repeat;
        width: 100%;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button:before {
            background: none;
            background-color: transparent;
            width: 10px;
            height: 10px; } }
        @media screen and (max-width: 767px) {
          .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button:before {
            background: none;
            background-color: transparent;
            width: 10px;
            height: 10px; } }
      .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery .slick-prev:before {
        background-position: 15px 8px; }
      .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery .slick-next:before {
        background-position: 7px -38px; }
      .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button:hover {
        background-color: white; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button:hover {
            background: none;
            background-color: transparent !important; } }
        @media screen and (max-width: 767px) {
          .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery button:hover {
            background: none;
            background-color: transparent !important; } }
      .comp-gallery-abarth .box-gallery .content-gallery .gallery-nav-fix {
        position: absolute;
        top: calc(100% - 40px);
        width: 100%; }
      .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery-nav {
        position: relative;
        width: 100%;
        margin: 0 auto !important; }
        .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery-nav .slick-list {
          overflow: visible; }
        .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery-nav .slick-slide {
          background-color: rgba(0, 0, 0, 0.6);
          border-right: solid 1px #fff; }
          .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery-nav .slick-slide .thumb-img {
            padding-top: 40px;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out; }
        .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery-nav .slick-slide:first-child {
          border-left: #fff solid 1px; }
        .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery-nav .slick-slide:hover .thumb-img {
          padding-top: 0px;
          transform: translateY(-60%);
          border: solid 2px #fff; }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery-nav .slick-slide:hover .thumb-img {
              transform: translateY(-45%); } }
        .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery-nav .slick-center {
          background: tranparent;
          background-color: rgba(255, 255, 255, 0.6); }
        .comp-gallery-abarth .box-gallery .content-gallery .slider-gallery-nav .slick-active {
          background: tranparent;
          background-color: rgba(255, 255, 255, 0.6); }
  .comp-gallery-abarth .layout__item {
    padding-left: 0px; }
  .comp-gallery-abarth .box-gallery ul {
    margin: 0 !important; }
  .comp-gallery-abarth .list-gallery {
    background: #000; }
  .comp-gallery-abarth .slick-prev {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    color: transparent;
    background: transparent;
    border: 0; }
  .comp-gallery-abarth .slick-prev:before {
    content: "";
    width: 30px;
    height: 51px;
    display: block;
    position: relative;
    float: right;
    cursor: pointer;
    margin-right: 12px; }
  .comp-gallery-abarth .slick-next {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    height: 236px;
    color: transparent;
    background: transparent;
    border: 0; }
  .comp-gallery-abarth .slick-next:before {
    content: "";
    position: relative;
    width: 30px;
    height: 51px;
    display: block;
    cursor: pointer;
    margin-left: 12px; }
  .comp-gallery-abarth .slider-gallery-nav {
    /*height:20px;*/
    position: relative; }
    @media screen and (min-width: 1920px) {
      .comp-gallery-abarth .slider-gallery-nav {
        display: block; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-gallery-abarth .slider-gallery-nav {
        display: block; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-gallery-abarth .slider-gallery-nav {
        display: block; } }
    @media screen and (max-width: 767px) {
      .comp-gallery-abarth .slider-gallery-nav {
        display: none; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-gallery-abarth .slider-gallery-nav {
        display: none; } }
    @media screen and (max-width: 767px) {
      .comp-gallery-abarth .slider-gallery-nav {
        display: none; } }
  .comp-gallery-abarth .slick-dots {
    position: absolute;
    bottom: 10px;
    display: block !important;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    .comp-gallery-abarth .slick-dots li {
      position: relative;
      display: inline-block !important;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer;
      border: 0; }
      @media screen and (max-width: 767px) {
        .comp-gallery-abarth .slick-dots li {
          margin: 0; } }
    .comp-gallery-abarth .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent; }
    .comp-gallery-abarth .slick-dots li.slick-active button:before {
      background: #ed1c24 !important; }
    .comp-gallery-abarth .slick-dots li button:before {
      font-family: 'slick';
      font-size: 6px;
      line-height: 20px;
      position: absolute;
      top: 0;
      left: 0;
      width: 10px;
      height: 10px;
      content: '';
      text-align: center;
      background: #fff !important;
      border-radius: 50%; }
  .comp-gallery-abarth .thumb-gallery .thumb-img {
    /*width:100%;*/
    overflow: hidden; }
  .comp-gallery-abarth .thumb-gallery img {
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out; }
  .comp-gallery-abarth .thumb-gallery img:hover {
    transform: scale(1.1); }

* {
  -ms-scroll-chaining: none; }

.comp-abarth-carousel {
  touch-action: pan-y !important;
  display: block;
  background: #fff;
  width: 100%; }
  @media screen and (min-width: 1920px) {
    .comp-abarth-carousel .layout__item {
      padding-left: 0px !important; } }
  .comp-abarth-carousel *:focus {
    cursor: default; }
  .comp-abarth-carousel .box-abarth-carousel {
    touch-action: pan-y !important;
    -ms-scroll-chaining: chained;
    display: block;
    overflow: hidden;
    clear: both;
    padding-top: 5%;
    width: 100%;
    padding-bottom: 40px; }
    @media screen and (min-width: 1920px) {
      .comp-abarth-carousel .box-abarth-carousel {
        min-height: 500px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-abarth-carousel .box-abarth-carousel {
        min-height: 500px; } }
    @media screen and (max-width: 767px) {
      .comp-abarth-carousel .box-abarth-carousel .layout-abarth {
        margin-left: 0; } }
  .comp-abarth-carousel .init-abarth-carousel {
    display: block;
    margin: 0 auto; }
  .comp-abarth-carousel .box-abarth-carousel ul {
    list-style: none;
    margin-left: 0px; }
    .comp-abarth-carousel .box-abarth-carousel ul li {
      display: block;
      padding: 0 !important; }
  .comp-abarth-carousel .image-abarth-carousel {
    padding: 0px;
    margin: 50px 0 0 0; }
    .comp-abarth-carousel .image-abarth-carousel h5 {
      cursor: default;
      color: #e72020;
      font-size: 1.8em;
      line-height: 1.3em;
      font-family: 'Abarth_Light';
      text-transform: uppercase;
      text-align: center;
      padding: 0;
      margin: 40px 0 0 0; }
    .comp-abarth-carousel .image-abarth-carousel h5 b {
      cursor: default;
      font-family: 'Abarth_Heavy'; }
    .comp-abarth-carousel .image-abarth-carousel h6 {
      cursor: default;
      color: #000;
      font-size: 1em;
      font-family: 'Abarth_Light';
      text-transform: uppercase;
      text-align: center;
      padding: 0;
      margin: 0; }
    .comp-abarth-carousel .image-abarth-carousel img {
      display: block;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 0 35px;
      /*AGIUNTA*/
      /*margin-top: 100px;*/ }
  .comp-abarth-carousel .carousel-4IMG-home {
    /*height: 280px;*/
    background-size: cover;
    height: 545px;
    margin-top: 0px; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-abarth-carousel .carousel-4IMG-home {
        height: 390px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-abarth-carousel .carousel-4IMG-home {
        height: 290px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-abarth-carousel .carousel-4IMG-home {
        height: 520px;
        background-size: cover;
        margin-top: 0px;
        background-repeat: no-repeat;
        background-position: center bottom; } }
    @media screen and (max-width: 767px) {
      .comp-abarth-carousel .carousel-4IMG-home {
        height: 300px;
        background-size: cover;
        margin-top: 0px;
        background-repeat: no-repeat;
        background-position: center bottom; } }
    @media screen and (min-width: 1920px) {
      .comp-abarth-carousel .carousel-4IMG-home .layout__item a {
        margin-top: 0px !important; } }
    .comp-abarth-carousel .carousel-4IMG-home .abarth-carousel-cta {
      /*display: none;*/
      opacity: 0;
      width: 180px;
      max-width: 180px;
      margin-top: 0px; }
    .comp-abarth-carousel .carousel-4IMG-home .img-abarth-carousel:hover > .abarth-carousel-cta {
      opacity: 1; }
    .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item {
      /*height: 200px !important;
                    margin-top: 40px;*/
      height: 545px !important;
      cursor: pointer; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item {
          height: 390px !important; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item {
          height: 290px !important; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item {
          height: 520px !important; } }
      @media screen and (max-width: 767px) {
        .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item {
          height: 300px !important; } }
      @media screen and (max-width: 767px) {
        .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item img {
          width: 300px !important; } }
      .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item .logo {
        margin-top: 100px; }
        @media screen and (min-width: 1920px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item .logo {
            max-height: 39px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item .logo {
            margin-top: 30px;
            max-height: 39px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item .logo {
            margin-top: 10px;
            padding: 0;
            max-height: 35px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item .logo {
            margin-top: 20px;
            padding: 0;
            width: 530px;
            max-height: 55px; } }
        @media screen and (max-width: 767px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item .logo {
            margin-top: 15px;
            padding: 0;
            width: 530px;
            max-height: 31px; } }
      .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item .macchina {
        /*width: 300px !important;*/
        width: 100% !important;
        margin-top: 50px;
        padding: 0; }
        @media screen and (min-width: 1920px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item .macchina {
            max-width: 477px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item .macchina {
            max-width: 400px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item .macchina {
            /*width: 370px !important;*/
            max-width: 280px;
            margin-top: 30px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item .macchina {
            margin-top: 40px;
            padding: 0;
            max-width: 500px; } }
        @media screen and (max-width: 767px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item .macchina {
            margin-top: 10px;
            padding: 0;
            max-width: 320px; } }
      .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item a {
        margin-top: 10px; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item a {
            margin-top: 0px !important; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item a {
            padding: 1% 2%;
            font-size: 13pt; } }
        @media screen and (max-width: 767px) {
          .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item a {
            padding: 1% 2%;
            font-size: 13pt;
            margin-top: 0; } }
      .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item:hover img {
        opacity: 0.9; }
      .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track .layout__item:hover a {
        opacity: 1; }
    .comp-abarth-carousel .carousel-4IMG-home .slick-list .slick-track li::after {
      border-right: none !important; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-abarth-carousel .carousel-4IMG-home .slick-dots {
        top: -60px; } }
    @media screen and (max-width: 767px) {
      .comp-abarth-carousel .carousel-4IMG-home .slick-dots {
        top: -30px; } }
  .comp-abarth-carousel h2 {
    cursor: default;
    font-size: 1.875em;
    font-family: 'Abarth_Heavy';
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    text-align: center; }
  .comp-abarth-carousel h3 {
    font-size: 24px;
    font-family: 'Abarth_light', sans-serif;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: normal; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-abarth-carousel h3 {
        font-size: 18px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-abarth-carousel h3 {
        font-size: 16px; } }
    @media screen and (max-width: 767px) {
      .comp-abarth-carousel h3 {
        font-size: 14px;
        width: 80%;
        margin: 0 auto; } }
  .comp-abarth-carousel h4 {
    cursor: default;
    font-size: 30px;
    font-family: 'Abarth_heavy';
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 1.5; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-abarth-carousel h4 {
        font-size: 24px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .comp-abarth-carousel h2 {
      font-size: 1.5em; }
    .comp-abarth-carousel h4 {
      font-size: 1.1em; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .comp-abarth-carousel h2 {
      font-size: 1.5em; }
    .comp-abarth-carousel h4 {
      font-size: 14px; } }
  @media screen and (max-width: 767px) {
    .comp-abarth-carousel h2 {
      font-size: 1.4em; }
    .comp-abarth-carousel h4 {
      font-size: 18px; } }
  .comp-abarth-carousel .line-abarth-carousel li::after {
    content: "";
    display: block;
    border-right: #ccc solid 1px;
    width: 2px;
    position: absolute;
    height: 70%;
    top: 15%; }
  .comp-abarth-carousel .line-abarth-carousel li:first-child:after {
    border-right: 0; }
  .comp-abarth-carousel .line-abarth-carousel .slick-dots li:after {
    border: 0; }
  @media screen and (max-width: 767px) {
    .comp-abarth-carousel .line-abarth-carousel li:after {
      border-right: 0; }
    .comp-abarth-carousel .line-abarth-carousel li {
      border-right: 0; } }
  .comp-abarth-carousel .slick-dots {
    position: relative;
    top: 20px;
    display: block !important;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    .comp-abarth-carousel .slick-dots li {
      position: relative;
      display: inline-block !important;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer;
      border: 0; }
    .comp-abarth-carousel .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent; }
    .comp-abarth-carousel .slick-dots li.slick-active button:before {
      background: #ed1c24; }
      @media screen and (max-width: 767px) {
        .comp-abarth-carousel .slick-dots li.slick-active button:before {
          background: #ed1c24; } }
    .comp-abarth-carousel .slick-dots li button:before {
      font-family: 'slick';
      font-size: 6px;
      line-height: 20px;
      position: absolute;
      top: 0;
      left: 0;
      width: 10px;
      height: 10px;
      content: '';
      text-align: center;
      background: #ccc;
      border-radius: 50%; }
      @media screen and (max-width: 767px) {
        .comp-abarth-carousel .slick-dots li button:before {
          background: #ccc; } }

.tt-road-wrapper {
  width: 100%;
  margin-bottom: 5px;
  position: relative; }
  .tt-road-wrapper .video-img-wrapper {
    margin: 0 auto;
    width: 100%; }
    .tt-road-wrapper .video-img-wrapper.clearfix:after, .tt-road-wrapper .video-img-wrapper.wrapper-max-1360:after, .tt-road-wrapper .video-img-wrapper.wrapper-min-960:after, .tt-road-wrapper .video-img-wrapper.wrapper-940:after, .tt-road-wrapper .video-img-wrapper.wrapper-620:after, .tt-road-wrapper .video-img-wrapper.wrapper-960:after, .tt-road-wrapper .video-img-wrapper.wrapper-max-768:after, .tt-road-wrapper .video-img-wrapper.wrapper-1024:after, .tt-road-wrapper .video-img-wrapper.wrapper-1140:after, .tt-road-wrapper .item-kit .video-img-wrapper.icon-serie:after, .item-kit .tt-road-wrapper .video-img-wrapper.icon-serie:after, .tt-road-wrapper .video-img-wrapper.visore-wrapper:after, .tt-road-wrapper .visore-wrapper .video-img-wrapper.img-wrapper:after, .visore-wrapper .tt-road-wrapper .video-img-wrapper.img-wrapper:after, .tt-road-wrapper .editorial-box .text .video-img-wrapper.programma:after, .editorial-box .text .tt-road-wrapper .video-img-wrapper.programma:after, .tt-road-wrapper .video-img-wrapper.editorial-box.txt-video-box:after, .tt-road-wrapper .info-promotion .tableFinance .video-img-wrapper.box-link:after, .info-promotion .tableFinance .tt-road-wrapper .video-img-wrapper.box-link:after, .tt-road-wrapper .dealer-locator .video-img-wrapper.search-results:after, .dealer-locator .tt-road-wrapper .video-img-wrapper.search-results:after, .tt-road-wrapper .dealerLocatorScorpionship .video-img-wrapper.search-results:after, .dealerLocatorScorpionship .tt-road-wrapper .video-img-wrapper.search-results:after, .tt-road-wrapper .form-page-wrapper .main-content .video-img-wrapper.body-form-wrapper:after, .form-page-wrapper .main-content .tt-road-wrapper .video-img-wrapper.body-form-wrapper:after, .tt-road-wrapper .form-page-wrapper .main-content .body-form-wrapper .video-img-wrapper.comp-form:after, .form-page-wrapper .main-content .body-form-wrapper .tt-road-wrapper .video-img-wrapper.comp-form:after, .tt-road-wrapper .form-page-wrapper .main-content .body-form-wrapper .comp-form .video-img-wrapper.form-container:after, .form-page-wrapper .main-content .body-form-wrapper .comp-form .tt-road-wrapper .video-img-wrapper.form-container:after, .tt-road-wrapper .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .video-img-wrapper.container-form:after, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .tt-road-wrapper .video-img-wrapper.container-form:after, .tt-road-wrapper .video-img-wrapper.form-flow:after, .tt-road-wrapper .form-flow .form-dealer .video-img-wrapper.dealer-locator:after, .form-flow .form-dealer .tt-road-wrapper .video-img-wrapper.dealer-locator:after {
      content: ".";
      visibility: hidden;
      display: block;
      height: 0;
      clear: both; }
    .tt-road-wrapper .video-img-wrapper .video-cover {
      float: left;
      width: 50%;
      overflow: hidden;
      position: relative;
      background-position: center center; }
      @media screen and (min-width: 1920px) {
        .tt-road-wrapper .video-img-wrapper .video-cover {
          height: 553px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .tt-road-wrapper .video-img-wrapper .video-cover {
          min-height: 400px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .tt-road-wrapper .video-img-wrapper .video-cover {
          min-height: 380px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .tt-road-wrapper .video-img-wrapper .video-cover {
          height: 300px; } }
      @media screen and (max-width: 767px) {
        .tt-road-wrapper .video-img-wrapper .video-cover {
          height: 390px; } }
      .tt-road-wrapper .video-img-wrapper .video-cover.left-img {
        background-image: url("clientlib-base/resources/images/editoriali/695/track-road/track.jpg"); }
      .tt-road-wrapper .video-img-wrapper .video-cover.right-img {
        background-image: url("clientlib-base/resources/images/editoriali/695/track-road/road.jpg"); }
  .tt-road-wrapper .logo-cta-wrapper {
    position: absolute;
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 1920px) {
      .tt-road-wrapper .logo-cta-wrapper {
        bottom: 70px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .tt-road-wrapper .logo-cta-wrapper {
        bottom: 50px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .tt-road-wrapper .logo-cta-wrapper {
        bottom: 40px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .tt-road-wrapper .logo-cta-wrapper {
        bottom: 40px; } }
    @media screen and (max-width: 767px) {
      .tt-road-wrapper .logo-cta-wrapper {
        bottom: 50px; } }
    @media screen and (min-width: 1920px) {
      .tt-road-wrapper .logo-cta-wrapper .logo-wrapper {
        margin-bottom: 50px; }
        .tt-road-wrapper .logo-cta-wrapper .logo-wrapper .logo {
          height: 110px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .tt-road-wrapper .logo-cta-wrapper .logo-wrapper {
        margin-bottom: 40px; }
        .tt-road-wrapper .logo-cta-wrapper .logo-wrapper .logo {
          height: 80px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .tt-road-wrapper .logo-cta-wrapper .logo-wrapper {
        margin-bottom: 40px; }
        .tt-road-wrapper .logo-cta-wrapper .logo-wrapper .logo {
          height: 80px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .tt-road-wrapper .logo-cta-wrapper .logo-wrapper {
        margin-bottom: 30px; }
        .tt-road-wrapper .logo-cta-wrapper .logo-wrapper .logo {
          height: 60px; } }
    @media screen and (max-width: 767px) {
      .tt-road-wrapper .logo-cta-wrapper .logo-wrapper {
        margin-bottom: 30px; }
        .tt-road-wrapper .logo-cta-wrapper .logo-wrapper .logo {
          height: 60px; } }
    .tt-road-wrapper .logo-cta-wrapper .titles {
      color: #fff; }
      .tt-road-wrapper .logo-cta-wrapper .titles .main-title {
        text-transform: uppercase;
        margin-bottom: 0;
        line-height: 1; }
        @media screen and (min-width: 1920px) {
          .tt-road-wrapper .logo-cta-wrapper .titles .main-title {
            font-size: 2.875em; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .tt-road-wrapper .logo-cta-wrapper .titles .main-title {
            font-size: 2em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .tt-road-wrapper .logo-cta-wrapper .titles .main-title {
            font-size: 1.375em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .tt-road-wrapper .logo-cta-wrapper .titles .main-title {
            font-size: 1.375em; } }
        @media screen and (max-width: 767px) {
          .tt-road-wrapper .logo-cta-wrapper .titles .main-title {
            font-size: 1.375em;
            padding: 0 25%; } }
      .tt-road-wrapper .logo-cta-wrapper .titles .sub-title {
        font-size: 0.750em; }
        @media screen and (min-width: 1920px) {
          .tt-road-wrapper .logo-cta-wrapper .titles .sub-title {
            margin-bottom: 45px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .tt-road-wrapper .logo-cta-wrapper .titles .sub-title {
            margin-bottom: 35px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .tt-road-wrapper .logo-cta-wrapper .titles .sub-title {
            margin-bottom: 18px; } }
        @media screen and (max-width: 767px) {
          .tt-road-wrapper .logo-cta-wrapper .titles .sub-title {
            padding: 0 16%; } }
    .tt-road-wrapper .logo-cta-wrapper .cta-video .abarth-button {
      background-color: rgba(51, 51, 51, 0.6);
      border-color: rgba(255, 255, 255, 0.5); }

.service-wrapper {
  background-image: url("clientlib-base/resources/images/editoriali/695/service/service.jpg");
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  width: 100%;
  position: relative; }
  .service-wrapper.active .titles {
    visibility: hidden; }
    @media screen and (max-width: 767px) {
      .service-wrapper.active .titles {
        visibility: visible;
        opacity: 0.4;
        background-color: rgba(0, 0, 0, 0.9); } }
  @media screen and (min-width: 1920px) {
    .service-wrapper {
      height: 555px; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .service-wrapper {
      min-height: 395px;
      background-size: 100%; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .service-wrapper {
      min-height: 375px;
      background-size: 100% 100%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .service-wrapper {
      min-height: 295px;
      background-size: 100% 100%; } }
  @media screen and (max-width: 767px) {
    .service-wrapper {
      min-height: 395px;
      background-size: auto 395px;
      background-position: 60% 0; } }
  .service-wrapper .titles {
    padding-left: 10%;
    color: #fff;
    text-transform: uppercase; }
    @media screen and (min-width: 1920px) {
      .service-wrapper .titles {
        padding-top: 135px;
        padding-bottom: 130px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .service-wrapper .titles {
        padding-top: 90px;
        padding-bottom: 90px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .service-wrapper .titles {
        padding-top: 100px;
        padding-bottom: 100px;
        padding-left: 15%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .service-wrapper .titles {
        padding-top: 80px;
        padding-bottom: 55px; } }
    @media screen and (max-width: 767px) {
      .service-wrapper .titles {
        padding-top: 100px;
        padding-bottom: 100px;
        text-align: center;
        padding-left: 0; } }
    .service-wrapper .titles .main-title {
      font-family: 'Abarth_heavy';
      line-height: 1; }
      @media screen and (min-width: 1920px) {
        .service-wrapper .titles .main-title {
          font-size: 3.125em;
          padding-right: 40%;
          margin-bottom: 44px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .service-wrapper .titles .main-title {
          font-size: 2.250em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .service-wrapper .titles .main-title {
          font-size: 1.50em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .service-wrapper .titles .main-title {
          font-size: 1.50em; } }
      @media screen and (max-width: 767px) {
        .service-wrapper .titles .main-title {
          font-size: 1.50em; } }
    .service-wrapper .titles .sub-title {
      font-family: 'Abarth_Light';
      margin-bottom: 0; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .service-wrapper .titles .sub-title {
          font-size: 1.125em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .service-wrapper .titles .sub-title {
          font-size: 0.750em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .service-wrapper .titles .sub-title {
          font-size: 0.750em; } }
      @media screen and (max-width: 767px) {
        .service-wrapper .titles .sub-title {
          font-size: 0.750em; } }
  .service-wrapper .text-wrapper {
    width: 100%;
    height: 100%;
    padding-left: 10%;
    padding-right: 5%;
    position: absolute;
    right: -100%;
    top: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.6); }
    @media screen and (min-width: 1920px) {
      .service-wrapper .text-wrapper {
        padding-top: 135px;
        font-size: 1.5em; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .service-wrapper .text-wrapper {
        padding-top: 90px;
        font-size: 0.875em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .service-wrapper .text-wrapper {
        padding-top: 100px;
        font-size: 0.875em;
        padding-left: 15%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .service-wrapper .text-wrapper {
        padding-top: 50px;
        font-size: 0.750em; } }
    @media screen and (max-width: 767px) {
      .service-wrapper .text-wrapper {
        position: static;
        padding-top: 50px;
        font-size: 0.750em;
        padding-left: 0;
        padding-right: 0;
        background-color: #000; } }
    .service-wrapper .text-wrapper .service-text {
      color: #fff; }
      @media screen and (max-width: 767px) {
        .service-wrapper .text-wrapper .service-text {
          width: 240px;
          margin-left: auto;
          margin-right: auto; } }
    .service-wrapper .text-wrapper.active {
      display: block; }
      @media screen and (min-width: 1920px) {
        .service-wrapper .text-wrapper.active {
          right: 0; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .service-wrapper .text-wrapper.active {
          right: 0; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .service-wrapper .text-wrapper.active {
          right: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .service-wrapper .text-wrapper.active {
          right: 0; } }
  .service-wrapper .cta-premium {
    margin-left: 10%;
    position: relative;
    min-height: 40px;
    z-index: 50; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .service-wrapper .cta-premium {
        margin-left: 15%; } }
    @media screen and (max-width: 767px) {
      .service-wrapper .cta-premium {
        margin-left: 0; } }
    @media screen and (max-width: 767px) {
      .service-wrapper .cta-premium.active {
        background: #000; } }
    .service-wrapper .cta-premium .abarth-button {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      padding-bottom: 10px;
      padding-top: 10px;
      line-height: 20px;
      min-height: 40px; }
      @media screen and (min-width: 1920px) {
        .service-wrapper .cta-premium .abarth-button {
          min-width: 200px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .service-wrapper .cta-premium .abarth-button {
          min-width: 140px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .service-wrapper .cta-premium .abarth-button {
          min-width: 145px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .service-wrapper .cta-premium .abarth-button {
          min-width: 140px; } }
      @media screen and (max-width: 767px) {
        .service-wrapper .cta-premium .abarth-button {
          width: 240px;
          margin-left: -120px;
          left: 50%;
          margin-top: 20px; } }
      .service-wrapper .cta-premium .abarth-button.discover {
        background-color: #e72020;
        border: none; }
        @media screen and (max-width: 767px) {
          .service-wrapper .cta-premium .abarth-button.discover {
            left: 50% !important; } }
      @media screen and (min-width: 1920px) {
        .service-wrapper .cta-premium .abarth-button.close {
          left: 75%; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .service-wrapper .cta-premium .abarth-button.close {
          left: 75%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .service-wrapper .cta-premium .abarth-button.close {
          left: 75%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .service-wrapper .cta-premium .abarth-button.close {
          left: 75%; } }
      @media screen and (max-width: 767px) {
        .service-wrapper .cta-premium .abarth-button.close {
          left: 50% !important; } }

.cc-wrapper {
  width: 100%;
  text-align: center; }
  @media screen and (min-width: 1920px) {
    .cc-wrapper {
      padding-top: 80px; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .cc-wrapper {
      padding-top: 80px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .cc-wrapper {
      padding-top: 90px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .cc-wrapper {
      padding-top: 40px; } }
  @media screen and (max-width: 767px) {
    .cc-wrapper {
      /*padding-top: 90px;*/
      padding-top: 40px; } }
  .cc-wrapper .cc-title {
    font-family: 'Abarth_heavy';
    text-transform: uppercase; }
    @media screen and (min-width: 1920px) {
      .cc-wrapper .cc-title {
        padding-top: 20px;
        font-size: 25px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .cc-wrapper .cc-title {
        padding-top: 20px;
        font-size: 23px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .cc-wrapper .cc-title {
        padding-top: 20px;
        font-size: 1.75em; } }
    @media screen and (max-width: 767px) {
      .cc-wrapper .cc-title {
        font-size: 1.25em; }
        .cc-wrapper .cc-title span {
          display: none; } }
  .cc-wrapper .carousel-cc .slick-dots {
    list-style: none;
    margin-left: 0px;
    display: block !important;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    text-align: center; }
    .cc-wrapper .carousel-cc .slick-dots li {
      position: relative;
      display: inline-block !important;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0 !important;
      cursor: pointer;
      border: 0; }
      .cc-wrapper .carousel-cc .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent; }
      .cc-wrapper .carousel-cc .slick-dots li button:before {
        font-family: 'slick';
        font-size: 6px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 10px;
        content: '';
        text-align: center;
        border: #ccc solid 2px;
        border-radius: 10px; }
    .cc-wrapper .carousel-cc .slick-dots .slick-active button:before {
      border: #ed1c24 solid 2px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .cc-wrapper .slick-slide.slick-active {
      margin: 0 auto; } }

/* Single Car Box */
.single-car-wrapper {
  padding: 30px 10px;
  position: relative; }
  .single-car-wrapper .img-wrapper {
    padding: 10px 0;
    position: relative; }
    .single-car-wrapper .img-wrapper img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
    @media screen and (min-width: 1920px) {
      .single-car-wrapper .img-wrapper {
        min-height: 200px; }
        .single-car-wrapper .img-wrapper img {
          height: 200px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .single-car-wrapper .img-wrapper {
        padding-top: 53%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .single-car-wrapper .img-wrapper {
        padding-top: 53%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .single-car-wrapper .img-wrapper {
        min-height: 150px; }
        .single-car-wrapper .img-wrapper img {
          height: auto; } }
    @media screen and (max-width: 767px) {
      .single-car-wrapper .img-wrapper {
        padding-top: 150px; }
        .single-car-wrapper .img-wrapper img {
          height: auto; } }
    .single-car-wrapper .img-wrapper .rear {
      display: none; }
  .single-car-wrapper .logo-wrapper {
    padding: 10px 0;
    text-align: center; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .single-car-wrapper .logo-wrapper {
        padding: 20px 0 0 0; } }
    @media screen and (min-width: 1920px) {
      .single-car-wrapper .logo-wrapper {
        padding: 0; } }
    .single-car-wrapper .logo-wrapper img {
      margin: 0 auto; }
      @media screen and (min-width: 1025px) {
        .single-car-wrapper .logo-wrapper img {
          margin-bottom: 20px; } }
  .single-car-wrapper .spec-wrapper {
    padding: 10px 10px 20px;
    text-transform: uppercase;
    text-align: center; }
    .single-car-wrapper .spec-wrapper p {
      margin-bottom: 5px; }
    .single-car-wrapper .spec-wrapper u {
      color: #e72020 !important;
      font-weight: 400;
      font-family: "Abarth_Medium"; }
    .single-car-wrapper .spec-wrapper .hp {
      color: #e72020;
      font-family: 'Abarth_Light'; }
      .single-car-wrapper .spec-wrapper .hp b {
        font-family: Abarth_heavy; }
  .single-car-wrapper .switch-wrapper {
    padding: 10px 0;
    text-align: center; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .single-car-wrapper .switch-wrapper {
        font-size: 14px; } }
    .single-car-wrapper .switch-wrapper .type {
      display: inline-block;
      line-height: 2;
      text-transform: uppercase;
      vertical-align: top;
      font-size: 11px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .single-car-wrapper .switch-wrapper .type {
          font-size: 8px;
          line-height: 2.95; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .single-car-wrapper .switch-wrapper .type {
          font-size: 11px;
          line-height: 2; } }
    .single-car-wrapper .switch-wrapper .front-rear {
      display: inline-block;
      width: 60px;
      height: 20px;
      border: 2px solid #8B8384;
      background-color: #8B8384;
      border-radius: 1.5em;
      position: relative;
      cursor: pointer; }
      .single-car-wrapper .switch-wrapper .front-rear .switcher {
        display: inline-block;
        width: 18px;
        height: 18px;
        border-radius: 9px;
        background-color: #fff;
        position: absolute;
        top: -1px;
        left: -1px; }
    .single-car-wrapper .switch-wrapper.not-visible {
      visibility: hidden !important; }
  .single-car-wrapper .config-find-wrapper {
    position: relative;
    height: 80px;
    text-align: center; }
    .single-car-wrapper .config-find-wrapper a {
      margin: 10px auto;
      padding: 12px 60px; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .single-car-wrapper .config-find-wrapper a {
          padding: 12px 0; } }
    .single-car-wrapper .config-find-wrapper .cta {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      top: 0;
      font-size: 1em; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .single-car-wrapper .config-find-wrapper .cta {
          font-size: 14px;
          padding: 12px 45px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .single-car-wrapper .config-find-wrapper .cta {
          font-size: 14px; } }
      @media screen and (max-width: 767px) {
        .single-car-wrapper .config-find-wrapper .cta {
          font-size: 14px; } }
    .single-car-wrapper .config-find-wrapper .ctaNoWrap {
      white-space: nowrap; }
    .single-car-wrapper .config-find-wrapper .find-more {
      text-decoration: none;
      color: #000;
      position: relative;
      top: 60px; }
      .single-car-wrapper .config-find-wrapper .find-more span {
        vertical-align: middle; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .single-car-wrapper {
      margin: 0 auto; } }
  .single-car-wrapper.config-1 .cta.config-2 {
    display: none; }
  .single-car-wrapper.config-2 .cta.config-1 {
    display: none; }

.single-car-wrapper:before {
  content: '';
  position: absolute;
  left: 0;
  top: 5%;
  width: 1px;
  background-color: #ccc;
  height: 82%; }
  @media screen and (max-width: 767px) {
    .single-car-wrapper:before {
      display: none; } }

.single-car-wrapper.first:before {
  display: none; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .single-car-wrapper.third:before {
    display: none; } }

.single-cc-subtitle {
  width: 42%;
  margin: 0 auto;
  font-family: 'Abarth_Light'; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .single-cc-subtitle {
      width: 80%; } }
  @media screen and (max-width: 767px) {
    .single-cc-subtitle {
      width: 90%; } }
  .single-cc-subtitle p {
    width: 100%;
    margin: 0 auto;
    font-family: 'Abarth_Light'; }

@media screen and (min-width: 1920px) {
  .single-cc-wrapper .single-car-wrapper .img-wrapper {
    min-height: 300px; }
    .single-cc-wrapper .single-car-wrapper .img-wrapper img {
      height: 300px; } }

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .single-cc-wrapper .single-car-wrapper .img-wrapper {
    min-height: 300px;
    padding-top: 0; }
    .single-cc-wrapper .single-car-wrapper .img-wrapper img {
      height: 300px; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .single-cc-wrapper .single-car-wrapper .img-wrapper {
    min-height: 300px;
    padding-top: 0; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .single-cc-wrapper .single-car-wrapper .img-wrapper {
    min-height: 150px; }
    .single-cc-wrapper .single-car-wrapper .img-wrapper img {
      height: auto; } }

@media screen and (max-width: 767px) {
  .single-cc-wrapper .single-car-wrapper .img-wrapper {
    padding-top: 150px; }
    .single-cc-wrapper .single-car-wrapper .img-wrapper img {
      height: auto; } }

.single-cc-wrapper .switch-wrapper .type {
  margin-right: 10px; }

.single-cc-wrapper .switch-wrapper .front-rear {
  width: 105px;
  margin-right: 10px; }
  @media screen and (max-width: 767px) {
    .single-cc-wrapper .switch-wrapper .front-rear {
      width: 100px; } }

.single-cc-wrapper .spec-wrapper {
  display: none; }

.single-cc-wrapper .config-find-wrapper .find-more {
  display: none; }

.single-cc-wrapper .config-find-wrapper .cta {
  font-size: 1em; }

@media screen and (max-width: 767px) {
  .singlecarconfigurator .single-cc-wrapper .single-car-wrapper .img-wrapper {
    padding-top: 155px; } }

@media screen and (min-width: 1920px) {
  .singlecarconfigurator .single-cc-wrapper .single-car-wrapper .logo-wrapper img {
    width: 500px; } }

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .singlecarconfigurator .single-cc-wrapper .single-car-wrapper .logo-wrapper img {
    width: 380px; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .singlecarconfigurator .single-cc-wrapper .single-car-wrapper .logo-wrapper img {
    width: 380px;
    height: auto; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .singlecarconfigurator .single-cc-wrapper .single-car-wrapper .logo-wrapper img {
    height: auto;
    width: 280px; } }

@media screen and (max-width: 767px) {
  .singlecarconfigurator .single-cc-wrapper .single-car-wrapper .logo-wrapper img {
    width: 245px; } }

.popup_background {
  transition: all 0.2s 0.2s; }

.popup_wrapper, .popup_content {
  transition: all 0.4s ease-out; }

html.popup_visible {
  overflow: hidden; }

.popup-tech-video {
  display: none;
  position: absolute;
  z-index: 100000;
  background-color: #fff;
  padding: 30px; }
  .popup-tech-video .close-wrapper {
    position: absolute;
    background-color: #fff !important;
    border-radius: 50% !important;
    top: -15px !important;
    right: -15px !important;
    padding: 3px !important; }
  @media screen and (min-width: 1920px) {
    .popup-tech-video .img-wrapper {
      padding-right: 0px !important; }
      .popup-tech-video .img-wrapper .abarth-video {
        height: 590px; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .popup-tech-video .img-wrapper {
      padding-right: 0px !important; }
      .popup-tech-video .img-wrapper .abarth-video {
        height: 390px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .popup-tech-video .img-wrapper {
      padding-right: 0px !important; }
      .popup-tech-video .img-wrapper .abarth-video {
        height: 270px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .popup-tech-video .img-wrapper {
      padding-right: 0px !important; }
      .popup-tech-video .img-wrapper .abarth-video {
        height: 270px; } }
  @media screen and (max-width: 767px) {
    .popup-tech-video .img-wrapper .abarth-video {
      height: 430px; } }

.ol-wrapper {
  display: none;
  position: absolute;
  z-index: 100000;
  background-color: #fff;
  padding: 30px; }
  .ol-wrapper .close-wrapper {
    position: absolute;
    top: 30px;
    right: 30px; }
    .ol-wrapper .close-wrapper.bottom-wrapper {
      display: none; }
    .ol-wrapper .close-wrapper .close-overlayer {
      display: inline-block;
      background-size: 100%;
      background: url("clientlib-base/resources/images/icon/close-button-black.png") no-repeat center center; }
      @media screen and (min-width: 1920px) {
        .ol-wrapper .close-wrapper .close-overlayer {
          width: 43px;
          height: 42px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .ol-wrapper .close-wrapper .close-overlayer {
          width: 31px;
          height: 31px;
          background-size: 31px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .ol-wrapper .close-wrapper .close-overlayer {
          width: 31px;
          height: 31px;
          background-size: 31px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .ol-wrapper .close-wrapper .close-overlayer {
          width: 30px;
          height: 30px;
          background-size: 30px; } }
      @media screen and (max-width: 767px) {
        .ol-wrapper .close-wrapper .close-overlayer {
          width: 40px;
          height: 40px;
          background-size: 40px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .ol-wrapper .close-wrapper {
        top: 15px;
        right: 15px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .ol-wrapper .close-wrapper {
        top: 10px;
        right: 10px; } }
    @media screen and (max-width: 767px) {
      .ol-wrapper .close-wrapper {
        position: static;
        padding: 25px 0;
        text-align: center;
        line-height: 1; }
        .ol-wrapper .close-wrapper.bottom-wrapper {
          display: block; } }
  .ol-wrapper .img-wrapper {
    padding-right: 25px; }
  .ol-wrapper .copy-wrapper {
    padding-left: 25px;
    width: 80%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .ol-wrapper .copy-wrapper {
        width: 85%;
        padding-left: 10px; } }
    @media screen and (max-width: 767px) {
      .ol-wrapper .copy-wrapper {
        width: 100%; } }
    @media screen and (min-width: 1920px) {
      .ol-wrapper .copy-wrapper.alignspecial {
        display: table !important;
        height: 595px !important; }
        .ol-wrapper .copy-wrapper.alignspecial p {
          display: table-row !important;
          padding-bottom: 30px !important; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .ol-wrapper .copy-wrapper.alignspecial {
        display: table !important;
        height: 396px !important; }
        .ol-wrapper .copy-wrapper.alignspecial p {
          display: table-row !important;
          padding-bottom: 30px !important; } }
    .ol-wrapper .copy-wrapper .main-title {
      font-family: 'Abarth_Heavy';
      color: #e72020;
      font-weight: normal;
      line-height: 1;
      text-transform: uppercase; }
      @media screen and (min-width: 1920px) {
        .ol-wrapper .copy-wrapper .main-title {
          font-size: 2.25em; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .ol-wrapper .copy-wrapper .main-title {
          font-size: 1.5em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .ol-wrapper .copy-wrapper .main-title {
          font-size: 1em;
          margin-bottom: 10px !important; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .ol-wrapper .copy-wrapper .main-title {
          font-size: 1em;
          margin-bottom: 10px !important; } }
      @media screen and (max-width: 767px) {
        .ol-wrapper .copy-wrapper .main-title {
          font-size: 1.125em; } }
    .ol-wrapper .copy-wrapper .sub-title {
      font-weight: normal;
      text-transform: uppercase; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .ol-wrapper .copy-wrapper .sub-title {
          font-size: 1.1em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .ol-wrapper .copy-wrapper .sub-title {
          font-size: 0.75em;
          margin-bottom: 10px !important; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .ol-wrapper .copy-wrapper .sub-title {
          font-size: 0.75em;
          margin-bottom: 10px !important; } }
      @media screen and (max-width: 767px) {
        .ol-wrapper .copy-wrapper .sub-title {
          font-size: 0.875em; } }
    .ol-wrapper .copy-wrapper p {
      font-family: 'Abarth_light', sans-serif;
      margin-bottom: 0; }
    .ol-wrapper .copy-wrapper .desc {
      line-height: 1.25; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .ol-wrapper .copy-wrapper .desc {
          font-size: 0.625em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .ol-wrapper .copy-wrapper .desc {
          font-size: 0.625em; } }
      @media screen and (max-width: 767px) {
        .ol-wrapper .copy-wrapper .desc {
          font-size: 0.75em; } }
  @media screen and (min-width: 1920px) {
    .ol-wrapper {
      width: 1600px;
      top: 0;
      height: 650px; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .ol-wrapper {
      width: 1100px;
      top: 0;
      height: 450px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .ol-wrapper {
      width: 720px;
      height: 300px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      padding: 15px; }
      .ol-wrapper .img-wrapper {
        padding-right: 10px; }
      .ol-wrapper .copy-wrapper {
        padding-left: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .ol-wrapper {
      width: 690px;
      height: 290px;
      bottom: 50px;
      left: 0;
      right: 0;
      margin: 0 auto;
      padding: 10px; }
      .ol-wrapper .img-wrapper {
        padding-right: 10px; }
      .ol-wrapper .copy-wrapper {
        padding-left: 10px; } }
  @media screen and (max-width: 767px) {
    .ol-wrapper {
      width: 100%;
      position: static !important;
      padding: 0; }
      .ol-wrapper .img-wrapper {
        padding-right: 0; }
      .ol-wrapper .copy-wrapper {
        padding: 30px; } }
  .ol-wrapper.clearfix:after, .ol-wrapper.wrapper-max-1360:after, .ol-wrapper.wrapper-min-960:after, .ol-wrapper.wrapper-940:after, .ol-wrapper.wrapper-620:after, .ol-wrapper.wrapper-960:after, .ol-wrapper.wrapper-max-768:after, .ol-wrapper.wrapper-1024:after, .ol-wrapper.wrapper-1140:after, .item-kit .ol-wrapper.icon-serie:after, .ol-wrapper.visore-wrapper:after, .visore-wrapper .ol-wrapper.img-wrapper:after, .editorial-box .text .ol-wrapper.programma:after, .ol-wrapper.editorial-box.txt-video-box:after, .info-promotion .tableFinance .ol-wrapper.box-link:after, .dealer-locator .ol-wrapper.search-results:after, .dealerLocatorScorpionship .ol-wrapper.search-results:after, .form-page-wrapper .main-content .ol-wrapper.body-form-wrapper:after, .form-page-wrapper .main-content .body-form-wrapper .ol-wrapper.comp-form:after, .form-page-wrapper .main-content .body-form-wrapper .comp-form .ol-wrapper.form-container:after, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .ol-wrapper.container-form:after, .ol-wrapper.form-flow:after, .form-flow .form-dealer .ol-wrapper.dealer-locator:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }

.ol-bg {
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  z-index: 1000;
  height: 200%;
  width: 100%;
  top: 0; }
  @media screen and (min-width: 1920px) {
    .ol-bg {
      margin-top: calc(5% + 2.2em); } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .ol-bg {
      margin-top: calc(5% + 2.2em); } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .ol-bg {
      z-index: 99999; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .ol-bg {
      z-index: 99999; } }
  @media screen and (max-width: 767px) {
    .ol-bg {
      display: none !important; } }

.comp-kit-accessori {
  background: #000;
  width: 100%;
  /*------ layout-kit-accessori ------*/ }
  .comp-kit-accessori .layout-kit-accessori {
    position: relative;
    width: 100%;
    /*margin-top: 10px;*/
    /*------- box-kit-accessori -------*/ }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-kit-accessori .layout-kit-accessori {
        margin-left: 0px; } }
    @media screen and (max-width: 767px) {
      .comp-kit-accessori .layout-kit-accessori {
        margin-left: 0px; } }
    .comp-kit-accessori .layout-kit-accessori .box-kit-accessori {
      margin-left: 20px;
      padding-left: 0;
      /*------ content-kit-accessori ------*/ }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-kit-accessori .layout-kit-accessori .box-kit-accessori {
          margin-left: 0px; } }
      @media screen and (max-width: 767px) {
        .comp-kit-accessori .layout-kit-accessori .box-kit-accessori {
          max-height: 500px;
          margin-left: 0px;
          overflow: hidden; } }
      .comp-kit-accessori .layout-kit-accessori .box-kit-accessori picture img {
        width: 100%; }
      .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori {
        margin: 4% 0;
        color: #fff;
        font-weight: 400;
        padding: 0 5%;
        /* ------ end box-text ------*/
        /*----- box-image -----*/ }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori {
            margin-left: 0; } }
        @media screen and (max-width: 767px) {
          .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori {
            position: absolute;
            top: 10px;
            padding: 0 6%; } }
        .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text {
          padding-right: 3%; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text {
              margin-left: 0; } }
          @media screen and (max-width: 767px) {
            .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text {
              margin-left: 0;
              padding-right: 20px; } }
          .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h1 {
            color: #fff;
            text-transform: uppercase;
            line-height: 1em;
            font-family: 'Abarth_Medium'; }
            @media screen and (min-width: 1920px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h1 {
                font-size: 4em; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h1 {
                font-size: 2.5em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h1 {
                font-size: 1.875em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h1 {
                font-size: 1.875em;
                margin-top: 20px; } }
            @media screen and (max-width: 767px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h1 {
                font-size: 1.5em;
                margin-top: 20px; } }
          .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h2 {
            color: #fff;
            text-transform: uppercase;
            line-height: 1em;
            font-family: 'Abarth_Medium'; }
            @media screen and (min-width: 1920px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h2 {
                font-size: 4em; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h2 {
                font-size: 2.5em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h2 {
                font-size: 1.875em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h2 {
                font-size: 1.875em;
                margin-top: 20px; } }
            @media screen and (max-width: 767px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h2 {
                font-size: 1.5em;
                margin-top: 20px; } }
          .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h4 {
            color: #fff;
            text-transform: uppercase;
            line-height: 1em;
            font-family: 'Abarth_light';
            font-weight: 400; }
            @media screen and (min-width: 1920px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h4 {
                font-size: 1.5em;
                margin-bottom: 20px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h4 {
                font-size: 1.125em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h4 {
                font-size: 1em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h4 {
                font-size: 1em; } }
            @media screen and (max-width: 767px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text h4 {
                font-size: 1em; } }
          .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text p {
            font-family: 'Abarth_light';
            line-height: 1.2em; }
            @media screen and (min-width: 1920px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text p {
                font-size: 1.125em; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text p {
                font-size: 1em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text p {
                font-size: 0.875em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text p {
                font-size: 0.875em; } }
            @media screen and (max-width: 767px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text p {
                font-size: 0.875em; } }
          .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text .option-kit p {
            color: #666;
            font-size: 1.125em;
            padding: 0 10px 0 0; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text .option-kit p {
                font-size: 0.75em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text .option-kit p {
                font-size: 0.5625em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text .option-kit p {
                font-size: 0.5625em; } }
            @media screen and (max-width: 767px) {
              .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text .option-kit p {
                font-size: 0.5625em; } }
            .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-text .option-kit p b {
              color: #fff; }
        .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image {
          position: relative;
          width: 100%;
          /*----- img-info -----*/ }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image {
              margin-top: 20px; } }
          .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image img {
            height: auto;
            width: 100%; }
          .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info {
            position: absolute;
            background-color: rgba(0, 0, 0, 0.5);
            width: 47%;
            /*height: 100%;*/
            padding: 20px;
            top: 0;
            bottom: 0;
            /*----- img-text -----*/ }
            .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-sub {
              color: #fff;
              font-family: "Abarth_light";
              text-transform: uppercase;
              line-height: 1.3em; }
              @media screen and (min-width: 1920px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-sub {
                  font-size: 1.125em; } }
              @media screen and (min-width: 1366px) and (max-width: 1919px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-sub {
                  font-size: 1em; } }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-sub {
                  font-size: 0.875em; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-sub {
                  font-size: 0.875em; } }
              @media screen and (max-width: 767px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-sub {
                  font-size: 0.875em; } }
            .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-title {
              color: #fff;
              font-family: "Abarth_Medium";
              text-transform: uppercase; }
              @media screen and (min-width: 1920px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-title {
                  font-size: 1.5em; } }
              @media screen and (min-width: 1366px) and (max-width: 1919px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-title {
                  font-size: 1em; } }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-title {
                  font-size: 0.875em; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-title {
                  font-size: 0.875em; } }
              @media screen and (max-width: 767px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-title {
                  font-size: 0.875em; } }
            .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-desc {
              color: #fff;
              font-family: "Abarth_light";
              padding: 20px 0; }
              @media screen and (min-width: 1920px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-desc {
                  font-size: 1.125em; } }
              @media screen and (min-width: 1366px) and (max-width: 1919px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-desc {
                  font-size: 1em; } }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-desc {
                  font-size: 0.875em; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-desc {
                  font-size: 0.875em; } }
              @media screen and (max-width: 767px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-text .img-desc {
                  font-size: 0.875em; } }
            .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-cta {
              color: #e72020;
              font-family: "Abarth_Medium";
              position: absolute;
              bottom: 20px;
              text-transform: uppercase;
              cursor: pointer;
              text-decoration: none; }
              @media screen and (min-width: 1920px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-cta {
                  font-size: 1em; } }
              @media screen and (min-width: 1366px) and (max-width: 1919px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-cta {
                  font-size: 1em; } }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-cta {
                  font-size: 0.875em; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-cta {
                  font-size: 0.875em; } }
              @media screen and (max-width: 767px) {
                .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-cta {
                  font-size: 0.875em; } }
            .comp-kit-accessori .layout-kit-accessori .box-kit-accessori .content-kit-accessori .box-image .img-info .img-cta:after {
              content: "";
              position: absolute;
              display: inline-block;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 5px 0 5px 5px;
              border-color: transparent transparent transparent #e72020;
              margin: 0 10px;
              margin-top: 1px; }

/*-------- comp-kit-accessori -------*/
.comp-kit-accessori-dett {
  background: #000;
  width: 100%; }
  .comp-kit-accessori-dett .layout-kit-accessori-dett {
    position: relative;
    width: 100%; }
    @media screen and (min-width: 1920px) {
      .comp-kit-accessori-dett .layout-kit-accessori-dett {
        margin-left: 0;
        padding-left: 0px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-kit-accessori-dett .layout-kit-accessori-dett {
        margin-left: 0;
        padding-left: 0px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-kit-accessori-dett .layout-kit-accessori-dett {
        margin-left: 0;
        padding-left: 0px; } }
    @media screen and (max-width: 767px) {
      .comp-kit-accessori-dett .layout-kit-accessori-dett {
        margin-left: 0; } }
    .comp-kit-accessori-dett .layout-kit-accessori-dett .box-kit-accessori-dett {
      /*Giacomo*/
      /*margin-left: 20px;*/
      /*End Giacomo*/
      padding-left: 0; }
      @media screen and (min-width: 1920px) {
        .comp-kit-accessori-dett .layout-kit-accessori-dett .box-kit-accessori-dett {
          margin-left: 0;
          padding-left: 0px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-kit-accessori-dett .layout-kit-accessori-dett .box-kit-accessori-dett {
          margin-left: 0;
          padding-left: 0px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-kit-accessori-dett .layout-kit-accessori-dett .box-kit-accessori-dett {
          margin-left: 0;
          padding-left: 0px; } }
      @media screen and (max-width: 767px) {
        .comp-kit-accessori-dett .layout-kit-accessori-dett .box-kit-accessori-dett {
          margin-left: 0;
          padding-left: 0px; } }
    .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett {
      margin: 4% 0 2% 0;
      color: #fff;
      font-weight: 400; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett {
          margin-left: 0; } }
      @media screen and (max-width: 767px) {
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett {
          margin: 0;
          padding: 0; } }
      .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text {
        padding-left: 5%;
        padding-right: 3%; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text {
            margin-left: 0;
            /*padding-left: 0px;*/
            padding-right: 44px;
            /*Giacomo*/
            padding-left: 44px;
            /*End Giacomo*/ } }
        @media screen and (max-width: 767px) {
          .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text {
            margin-left: 0;
            padding-left: 20px;
            padding-right: 20px; } }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h1 {
          color: #fff;
          text-transform: uppercase;
          line-height: 1em;
          font-family: 'Abarth_heavy'; }
          @media screen and (min-width: 1920px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h1 {
              font-size: 4em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h1 {
              font-size: 3.125em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h1 {
              font-size: 2.188em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h1 {
              font-size: 1.6em;
              margin-top: 20px; } }
          @media screen and (max-width: 767px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h1 {
              font-size: 1.75em;
              margin-top: 20px; } }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h2 {
          color: #fff;
          text-transform: uppercase;
          line-height: 1em;
          font-family: 'Abarth_heavy'; }
          @media screen and (min-width: 1920px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h2 {
              font-size: 4em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h2 {
              font-size: 3.125em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h2 {
              font-size: 2.188em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h2 {
              font-size: 1.6em;
              margin-top: 20px; } }
          @media screen and (max-width: 767px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h2 {
              font-size: 1.75em;
              margin-top: 20px; } }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h4 {
          color: #fff;
          text-transform: uppercase;
          line-height: 1em;
          font-family: 'Abarth_light';
          font-weight: 400; }
          @media screen and (min-width: 1920px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h4 {
              font-size: 1.5em;
              margin-bottom: 20px; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h4 {
              font-size: 1.125em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h4 {
              font-size: 1em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h4 {
              font-size: 1em; } }
          @media screen and (max-width: 767px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text h4 {
              font-size: 1em; } }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text p {
          font-family: 'Abarth_light'; }
          @media screen and (min-width: 1920px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text p {
              font-size: 1.125em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text p {
              font-size: 1em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text p {
              font-size: 0.875em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text p {
              font-size: 0.875em; } }
          @media screen and (max-width: 767px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text p {
              font-size: 0.875em; } }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text ul {
          font-family: 'Abarth_light';
          padding-left: 0;
          margin-left: 15px;
          margin-bottom: 30px; }
          @media screen and (min-width: 1920px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text ul {
              font-size: 1.125em;
              margin-bottom: 80px; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text ul {
              font-size: 1em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text ul {
              font-size: 0.875em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text ul {
              font-size: 0.875em; } }
          @media screen and (max-width: 767px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text ul {
              font-size: 0.875em; } }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text ul li {
          padding: 3px 0;
          list-style-type: none; }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text ul li:before {
          content: "";
          position: absolute;
          display: inline-block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4px 0 4px 4px;
          border-color: transparent transparent transparent #fff;
          margin-left: -15px; }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text .option-kit p {
          color: #666; }
          .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text .option-kit p b {
            color: #fff; }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text .icon-serie {
          padding-left: 0;
          margin-left: 0;
          margin-bottom: 40px; }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text .icon-serie span {
          display: block;
          min-height: 15px;
          color: #e72020;
          font-size: 0.8125em;
          font-family: 'Abarth_light';
          text-align: center;
          text-transform: uppercase; }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text .icon-serie span {
              font-size: 0.5em;
              /*Aggiunta*/
              font-weight: 600;
              height: 20px;
              position: inherit;
              /*End Aggiunta*/ } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text .icon-serie span {
              font-size: 0.875em;
              /*Aggiunta*/
              font-weight: 600;
              height: 20px;
              position: inherit;
              /*End Aggiunta*/ } }
          @media screen and (max-width: 767px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text .icon-serie span {
              font-size: 0.875em;
              width: 150px;
              /*Aggiunta*/
              font-weight: 600;
              height: 20px;
              position: inherit;
              /*End Aggiunta*/ } }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text .icon-serie.layout__item {
          padding-left: 0;
          margin-left: 0; }
          @media screen and (max-width: 767px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text .icon-serie.layout__item {
              padding-left: 0; } }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-text .logo-serie.disabled {
          opacity: 0.3; }
      .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image {
        position: relative;
        width: 100%; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image {
            margin-left: 0;
            /*padding-left: 0px;*/
            padding-right: 44px;
            /*Giacomo*/
            padding-left: 44px;
            /*End Giacomo*/ } }
        @media screen and (max-width: 767px) {
          .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image {
            margin-left: 0;
            padding-left: 0px; } }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .equalizer {
          font-style: italic;
          vertical-align: middle;
          display: none; }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .bg-img {
          /*Giacomo*/
          /*End Giacomo*/ }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .bg-img {
              width: 100%; } }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image h4 {
          color: #fff;
          text-transform: uppercase;
          line-height: 1em;
          font-family: 'Abarth_light';
          font-weight: 400;
          margin-top: 50px; }
          @media screen and (min-width: 1920px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image h4 {
              font-size: 1.5em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image h4 {
              font-size: 1.125em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image h4 {
              font-size: 1em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image h4 {
              font-size: 1em;
              margin-top: 20px; } }
          @media screen and (max-width: 767px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image h4 {
              font-size: 1em;
              text-align: center;
              margin-top: 20px;
              margin-bottom: 30px; } }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-play {
          cursor: pointer;
          display: block;
          padding: 20px 0;
          float: left; }
          @media screen and (max-width: 767px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-play {
              text-align: center;
              margin: 30px 0;
              float: none; } }
          .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-play .text-audio {
            text-transform: uppercase;
            font-family: 'Abarth_light'; }
            @media screen and (max-width: 767px) {
              .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-play .text-audio {
                min-height: 30px;
                display: block;
                font-size: 0.875em;
                padding: 0 5px;
                line-height: 1em; } }
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-play .text-audio.play {
              display: none; }
          .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-play .rec-audio {
            display: none;
            text-transform: uppercase;
            font-family: 'Abarth_light'; }
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-play .rec-audio.play {
              display: inline-block; }
              @media screen and (max-width: 767px) {
                .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-play .rec-audio.play {
                  min-height: 30px;
                  display: block;
                  font-size: 0.875em;
                  padding: 0 5px;
                  line-height: 1em; } }
          @media screen and (max-width: 767px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-play .icon-audio {
              display: block;
              margin-top: -60px; } }
          .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-play .icon-audio img {
            width: 18px;
            height: auto;
            margin: 0 10px;
            margin-top: -5px; }
          .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-play .icon-audio.adDisabled {
            opacity: 0.5; }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-stop {
          cursor: pointer;
          padding: 20px 10px;
          display: none;
          float: right; }
          @media screen and (max-width: 767px) {
            .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-stop {
              text-align: center;
              float: none;
              position: absolute;
              right: 0;
              left: 0;
              margin: 0 auto;
              bottom: 0;
              padding: 0 10px;
              line-height: 14px;
              min-height: 30px; } }
          .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .box-image .audio-sound-stop.play {
            display: block; }
      .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .back-top {
        border-top: solid 1px #fff;
        padding-left: 0;
        margin-left: 0; }
        .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .back-top a {
          cursor: pointer;
          text-decoration: none; }
          .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .back-top a h4 {
            color: #e72020;
            text-transform: uppercase;
            line-height: 1em;
            font-family: 'Abarth_Medium';
            font-weight: 400;
            margin-top: 50px;
            cursor: pointer; }
            @media screen and (min-width: 1920px) {
              .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .back-top a h4 {
                font-size: 1.5em; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .back-top a h4 {
                font-size: 1.125em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .back-top a h4 {
                font-size: 1em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .back-top a h4 {
                font-size: 1em; } }
            @media screen and (max-width: 767px) {
              .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .back-top a h4 {
                font-size: 0.875em;
                text-align: center;
                margin-top: 30px;
                margin-bottom: 30px; } }
      .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .back-top:before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 4px 4px 4px;
        border-color: transparent transparent #e72020 transparent;
        margin-left: 49%;
        margin-top: 15px; }
      .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .cta {
        left: 0px;
        margin-top: 40px;
        margin-bottom: 40px;
        margin-left: 0px;
        /*Giacomo*/
        /*End Giacomo*/ }
        @media screen and (max-width: 767px) {
          .comp-kit-accessori-dett .layout-kit-accessori-dett .content-kit-accessori-dett .cta {
            /*margin-left: auto;*/
            padding-right: 3%;
            padding-left: 3%;
            width: 100%; } }
    .comp-kit-accessori-dett .layout-kit-accessori-dett .box-kit-accessori-monza .content-kit-accessori {
      background: #000;
      color: #fff; }
    .comp-kit-accessori-dett .layout-kit-accessori-dett .box-kit-accessori-monza img {
      width: 100%;
      height: auto; }

.comp-accessori {
  background: #fff;
  width: 100%;
  overflow: hidden; }
  .comp-accessori .layout-accessori {
    position: relative;
    width: 100%;
    margin-top: 20px; }
  .comp-accessori h2 {
    font-size: 4em;
    font-family: 'Abarth_heavy';
    text-align: center;
    display: block;
    padding: 90px 0 20px 0;
    margin: 0 auto;
    color: #000;
    text-transform: uppercase; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-accessori h2 {
        font-size: 3.125em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-accessori h2 {
        font-size: 2.188em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-accessori h2 {
        font-size: 1.6em;
        padding: 40px 0 20px 0; } }
    @media screen and (max-width: 767px) {
      .comp-accessori h2 {
        font-size: 1.75em;
        padding: 30px 0 20px 0; } }
  .comp-accessori .box-accessori {
    /* ------ item-accessori ------*/
    /*------- end item-accessori -----*/ }
    .comp-accessori .box-accessori .item-accessori {
      width: 100%;
      display: inline-block;
      padding: 15px;
      margin-bottom: 10px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-accessori .box-accessori .item-accessori {
          padding: 15px;
          margin-bottom: 10px; } }
      @media screen and (max-width: 767px) {
        .comp-accessori .box-accessori .item-accessori {
          padding: 5px;
          margin-bottom: 10px; } }
      .comp-accessori .box-accessori .item-accessori img {
        width: 100%;
        height: auto; }
      .comp-accessori .box-accessori .item-accessori .acc-title {
        font-size: 18px;
        font-family: 'Abarth_Medium';
        padding: 15px 0;
        text-transform: uppercase; }
        @media screen and (max-width: 767px) {
          .comp-accessori .box-accessori .item-accessori .acc-title {
            text-align: center;
            padding-left: 10px;
            padding-top: 20px;
            padding-bottom: 5px; } }
      .comp-accessori .box-accessori .item-accessori .acc-description {
        font-size: 12px;
        font-family: 'Abarth_Light';
        padding: 0;
        min-height: 120px; }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .comp-accessori .box-accessori .item-accessori .acc-description {
            min-height: 156px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-accessori .box-accessori .item-accessori .acc-description {
            font-size: 12px;
            min-height: 80px; } }
        @media screen and (max-width: 767px) {
          .comp-accessori .box-accessori .item-accessori .acc-description {
            font-size: 10px;
            min-height: 80px; } }
        .comp-accessori .box-accessori .item-accessori .acc-description p {
          margin-bottom: 0;
          line-height: 1.2; }
          @media screen and (min-width: 1920px) {
            .comp-accessori .box-accessori .item-accessori .acc-description p {
              line-height: 1.25; } }
      @media screen and (max-width: 767px) {
        .comp-accessori .box-accessori .item-accessori .acc-link {
          display: none; } }
      .comp-accessori .box-accessori .item-accessori .acc-link a {
        width: 100%;
        color: #e72020;
        text-decoration: none;
        font-size: 12px;
        display: inline-block;
        font-family: 'Abarth_Medium';
        padding: 15px 0;
        cursor: pointer; }
        @media screen and (max-width: 767px) {
          .comp-accessori .box-accessori .item-accessori .acc-link a {
            text-align: center;
            padding-top: 0; } }
      .comp-accessori .box-accessori .item-accessori .acc-link a:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-color: transparent transparent transparent #e72020;
        margin: 0 10px; }
  .comp-accessori .back-top {
    padding-left: 0;
    margin-left: 0; }
    .comp-accessori .back-top a {
      cursor: pointer;
      text-decoration: none;
      display: block;
      padding-top: 30px;
      margin-bottom: 30px; }
      .comp-accessori .back-top a h4 {
        color: #000;
        text-transform: uppercase;
        line-height: 1em;
        font-family: 'Abarth_Medium';
        font-weight: 400;
        cursor: pointer; }
        @media screen and (min-width: 1920px) {
          .comp-accessori .back-top a h4 {
            font-size: 1.5em; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .comp-accessori .back-top a h4 {
            font-size: 1.125em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .comp-accessori .back-top a h4 {
            font-size: 1em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-accessori .back-top a h4 {
            font-size: 1em; } }
        @media screen and (max-width: 767px) {
          .comp-accessori .back-top a h4 {
            font-size: 0.875em;
            text-align: center; } }
  .comp-accessori .back-top:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #000 transparent;
    margin-left: 50%;
    margin-top: 15px; }

.comp-kit {
  background: #000;
  width: 100%;
  overflow: hidden;
  /*	border-top:5px solid #fff;
*/
  padding: 0 20px;
  /*------ back-top --------*/ }
  @media screen and (max-width: 767px) {
    .comp-kit {
      border-top: 0;
      padding: 0;
      padding-top: 30px; } }
  .comp-kit .back-top {
    padding-left: 0;
    margin-left: 0; }
    .comp-kit .back-top a {
      cursor: pointer;
      text-decoration: none;
      padding-top: 30px;
      margin-bottom: 30px;
      display: block; }
      .comp-kit .back-top a h4 {
        color: #e72020;
        text-transform: uppercase;
        line-height: 1em;
        font-family: 'Abarth_Medium';
        font-weight: 400;
        cursor: pointer; }
        @media screen and (min-width: 1920px) {
          .comp-kit .back-top a h4 {
            font-size: 1.5em; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .comp-kit .back-top a h4 {
            font-size: 1.125em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .comp-kit .back-top a h4 {
            font-size: 1em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-kit .back-top a h4 {
            font-size: 1em; } }
        @media screen and (max-width: 767px) {
          .comp-kit .back-top a h4 {
            font-size: 0.875em;
            text-align: center; } }
  .comp-kit .back-top:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #e72020 transparent;
    margin-left: 50%;
    margin-top: 15px; }

.item-kit {
  background-color: #000;
  /*Modifica*/
  margin: 15px;
  /*End Modifica*/
  /*
	.option-kit span:before{
		content:"";
		position:absolute;
		border-left:solid #fff 1px;
		height: 60%;
		top:25%;
		margin-left:-5px;
	}
	

	.option-kit span:first-child:before{
		content:"";
		position:absolute;
		border-left:0;
		height:0;

	}
	

	.option-kit span.disabled{
		opacity: 0.3;
	}
	
	*/ }
  @media screen and (max-width: 767px) {
    .item-kit {
      width: 100%;
      margin: 20px 0;
      padding: 0 5px; } }
  .item-kit img {
    width: 100%; }
  .item-kit .title-kit {
    color: #e72020;
    text-transform: uppercase; }
    @media screen and (min-width: 1920px) {
      .item-kit .title-kit {
        font-size: 1.875em;
        min-height: 70px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .item-kit .title-kit {
        font-size: 1.25em;
        min-height: 2.5em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .item-kit .title-kit {
        font-size: 1em;
        min-height: 2em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .item-kit .title-kit {
        font-size: 1em;
        min-height: 2em; } }
    @media screen and (max-width: 767px) {
      .item-kit .title-kit {
        font-size: 1em;
        min-height: 2em;
        text-align: center;
        padding: 0 0 10px 0; } }
  .item-kit .title-kit.white {
    color: #fff; }
  .item-kit .option-kit {
    color: #fff;
    font-family: 'Abarth_Medium';
    text-transform: uppercase;
    position: relative; }
    @media screen and (min-width: 1920px) {
      .item-kit .option-kit {
        margin-bottom: 30px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .item-kit .option-kit {
        margin-bottom: 25px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .item-kit .option-kit {
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .item-kit .option-kit {
        margin-bottom: 20px; } }
    @media screen and (max-width: 767px) {
      .item-kit .option-kit {
        margin-bottom: 20px; } }
  .item-kit .option-kit p {
    color: #666;
    font-size: 1.125em;
    padding: 0 10px 0 0; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .item-kit .option-kit p {
        font-size: 0.75em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .item-kit .option-kit p {
        font-size: 0.5625em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .item-kit .option-kit p {
        font-size: 0.5625em; } }
    @media screen and (max-width: 767px) {
      .item-kit .option-kit p {
        font-size: 0.5625em; } }
    .item-kit .option-kit p b {
      color: #fff; }
  .item-kit h6 {
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    font-family: 'Abarth_light';
    font-weight: 400;
    margin: 20px 0 10px 0; }
    @media screen and (min-width: 1920px) {
      .item-kit h6 {
        font-size: 1.125em; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .item-kit h6 {
        font-size: 0.625em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .item-kit h6 {
        font-size: 0.5625em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .item-kit h6 {
        font-size: 0.5625em; } }
    @media screen and (max-width: 767px) {
      .item-kit h6 {
        font-size: 0.5625em; } }
  .item-kit .icon-serie {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 10px; }
    .item-kit .icon-serie .layout__item {
      padding-left: 0; }
  .item-kit .icon-serie span {
    display: block;
    min-height: 15px;
    color: #e72020;
    font-size: 0.8125em;
    font-family: 'Abarth_light';
    text-align: center;
    text-transform: uppercase;
    left: 0;
    width: 100%;
    padding-left: 0;
    font-weight: 600;
    height: 20px;
    position: inherit; }
    @media screen and (min-width: 1920px) {
      .item-kit .icon-serie span {
        font-size: 0.7em; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .item-kit .icon-serie span {
        font-size: 0.5em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .item-kit .icon-serie span {
        font-size: 0.5em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .item-kit .icon-serie span {
        font-size: 0.5em; } }
    @media screen and (max-width: 767px) {
      .item-kit .icon-serie span {
        font-size: 0.875em; } }
  .item-kit .icon-serie.layout__item {
    padding-left: 0;
    margin-left: 0; }
    @media screen and (max-width: 767px) {
      .item-kit .icon-serie.layout__item {
        padding-left: 0; } }
  .item-kit .logo-serie {
    padding-left: 0;
    position: relative; }
  .item-kit .logo-serie.disabled {
    opacity: 0.3; }
  .item-kit .cta-red {
    display: table;
    background: #e72020;
    color: #fff;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    font-family: 'Abarth_Medium'; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .item-kit .cta-red {
        font-size: 0.75em;
        padding: 15px 0; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .item-kit .cta-red {
        font-size: 0.625em;
        padding: 10px 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .item-kit .cta-red {
        font-size: 0.625em;
        padding: 10px 0; } }
    @media screen and (max-width: 767px) {
      .item-kit .cta-red {
        font-size: 0.625em;
        padding: 10px 0; } }
    .item-kit .cta-red a {
      text-decoration: none;
      color: #fff;
      display: inline-block;
      width: 100%; }

/*------ item-kit --------*/
.bannerBenelux {
  position: fixed;
  bottom: 0;
  z-index: 100; }
  .bannerBenelux__toggle {
    border: 3px solid #e72020;
    background-color: #ffffff;
    position: fixed;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    bottom: 60px;
    left: 15px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.5s ease-in-out; }
    .bannerBenelux__toggle:focus:not(:focus-visible) {
      outline: none; }
    .bannerBenelux__toggle svg {
      width: 40px;
      pointer-events: none; }
    .bannerBenelux__toggle.is--hidden {
      transform: translateX(-120%); }
  .bannerBenelux__banner {
    display: flex;
    background-color: #ffffff;
    border-top: 5px solid #e72020;
    padding: 24px 46px 36px;
    position: fixed;
    bottom: 0;
    left: 0;
    transition: transform 0.5s ease-in-out;
    width: 100vw; }
    .bannerBenelux__banner.is--hidden {
      transform: translateY(100%); }
    .bannerBenelux__banner:focus {
      outline: none; }
    .bannerBenelux__banner .closingIcon {
      display: none; }
      .bannerBenelux__banner .closingIcon .ab-icon-close {
        cursor: pointer; }
        .bannerBenelux__banner .closingIcon .ab-icon-close:before {
          font-size: 14px; }
    .bannerBenelux__banner .info {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      width: 100%; }
      .bannerBenelux__banner .info .titleBox {
        width: 70%; }
        .bannerBenelux__banner .info .titleBox .title {
          font-size: 22px;
          line-height: 1.5rem;
          font-weight: 700;
          text-align: left; }
      .bannerBenelux__banner .info .confirm {
        width: 30%;
        display: flex;
        justify-content: flex-end; }
        .bannerBenelux__banner .info .confirm .btn {
          font-size: 18px;
          font-weight: 400;
          line-height: 0.95rem;
          padding: 13px 17px;
          background-color: #e72020;
          border-radius: 0px;
          border-color: #e72020;
          border: none;
          color: #ffffff;
          height: 45px; }
          .bannerBenelux__banner .info .confirm .btn:hover, .bannerBenelux__banner .info .confirm .btn:focus {
            background-color: rgba(226, 0, 26, 0.8);
            cursor: pointer; }
          .bannerBenelux__banner .info .confirm .btn:focus:not(:focus-visible) {
            outline: none; }
      .bannerBenelux__banner .info .textBox {
        width: 100%;
        padding-top: 30px;
        font-size: 13px;
        line-height: 1.2rem;
        font-weight: 400; }
        .bannerBenelux__banner .info .textBox strong,
        .bannerBenelux__banner .info .textBox b {
          font-size: 18px;
          font-weight: 700; }
  @media (max-width: 992px) {
    .bannerBenelux {
      text-align: center;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: flex-end;
      background-color: rgba(0, 0, 0, 0.4); }
      .bannerBenelux__banner {
        border-top: none;
        flex-direction: column;
        padding: 64px 15px 45px;
        width: 90%;
        max-height: 95%;
        border-radius: 0 30px 0 0; }
        .bannerBenelux__banner .closingIcon {
          display: block;
          position: absolute;
          top: 26px;
          right: 25px; }
        .bannerBenelux__banner .info {
          flex-direction: column;
          margin: 0 40px;
          text-align: center;
          height: 100%;
          width: unset;
          flex-wrap: initial;
          overflow: auto; }
          .bannerBenelux__banner .info .titleBox {
            width: 100%; }
            .bannerBenelux__banner .info .titleBox .title {
              text-align: center; }
          .bannerBenelux__banner .info .textBox {
            padding-top: 0px; }
          .bannerBenelux__banner .info .confirm {
            width: 100%;
            order: 2;
            justify-content: center;
            margin-top: 30px; }
            .bannerBenelux__banner .info .confirm .btn {
              font-weight: 700;
              font-size: 15px;
              padding: 8px 10px;
              color: #ffffff; } }
  @media (min-width: 576px) and (max-width: 992px) {
    .bannerBenelux__banner .info .textBox {
      margin-bottom: 83px; } }

.info-promo,
.info-det-promo {
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 30px;
  display: inline-block; }
  .info-promo svg,
  .info-det-promo svg {
    fill: #e72020;
    width: 21px;
    top: 0px;
    position: absolute;
    transform: translate(1px, 8px);
    pointer-events: none; }
  .info-promo:focus:not(:focus-visible),
  .info-det-promo:focus:not(:focus-visible) {
    outline: none; }

/*Giacomo*/
/*.special-biposto{
		text-align: right !important;
		padding-right: 23px;
	}*/
/*.special-img{
		@include media-query(smart) {
			left: -170px !important;
		}
	}*/
/*.visore-wrapper, .active, .overlay-visore, .logo-cta-wrapper, .logo {
	    padding-right: 23px !important;
	    text-align: right !important; 
	}*/
.special-biposto .overlay-visore .logo-cta-wrapper .logo-wrapper {
  text-align: right !important;
  /*Aggiunta*/
  padding-right: 5%;
  /*End Aggiunta*/ }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .special-biposto .overlay-visore .logo-cta-wrapper .logo-wrapper {
      padding-right: 5% !important; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .special-biposto .overlay-visore .logo-cta-wrapper .logo-wrapper {
      padding-right: 0px !important;
      text-align: right !important;
      padding-top: 10px !important; } }
  @media screen and (max-width: 767px) {
    .special-biposto .overlay-visore .logo-cta-wrapper .logo-wrapper {
      /*padding-right: 23px !important;*/
      /*OLD*/
      /*text-align: center !important;
    					padding-top: 25px !important;*/
      /*END OLD*/
      /*Giacomo*/
      padding: 20% !important;
      /*End Giacomo*/ } }

@media screen and (max-width: 767px) {
  .special-biposto .car-img img {
    /*Aggiunta*/
    /*left: -180px !important;
			    	top: 120px !important;*/
    /*End Aggiunta*/
    /*Giacomo*/
    left: -200px !important;
    top: 160px !important;
    /*End Giacomo*/ } }

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .special-biposto .car-img {
    width: 57% !important;
    top: -20% !important; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .special-biposto .car-img {
    width: 57% !important;
    top: -20% !important; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .special-biposto .car-img {
    width: 63% !important;
    top: -20% !important; } }

@media screen and (max-width: 767px) {
  .special-biposto .car-img {
    width: 50% !important;
    top: 0 !important; } }

/*.special-biposto{
		.bar-cta {
			@include media-query(desk) {
			    background-color: #000 !important;
			    height: 50px;
			    margin-top: -4px !important;
			    opacity: 1 !important;
			}
			@include media-query(lap) {
			    background-color: #000 !important;
			    height: 50px;
			    margin-top: -4px !important;
			    opacity: 1 !important;
			}
			@include media-query(palm) {
			    background-color: rgba(0, 0, 0, 1) !important;
    			height: 40px;
    			margin-top: -4px !important;
			}
	    	@include media-query(smart) {	
	    		background-color: rgba(0, 0, 0, 1) !important;
	    		margin-top: -4px !important;
	    		position: static !important; 
	    	}
	    }	
	}*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .special-biposto .img-wrapper {
    height: 430px !important; } }

/*End Giacomo*/
.visore-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: none;
  width: 100%; }
  .visore-wrapper.serie-speciali .car-img img {
    top: 70px;
    left: -110px; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-wrapper.serie-speciali .car-img img {
        top: 8%;
        left: -80px;
        max-width: 95%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-wrapper.serie-speciali .car-img img {
        top: 20%;
        left: -70px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-wrapper.serie-speciali .car-img img {
        top: 85px;
        left: -50px; } }
    @media screen and (max-width: 767px) {
      .visore-wrapper.serie-speciali .car-img img {
        top: 35%;
        /*left: -100px;*/
        /*Modifica left immagine macchina*/
        left: -170px;
        /*End Modifica*/ } }
  .visore-wrapper.active {
    display: block; }
  .visore-wrapper .img-wrapper {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    top: 0;
    margin-top: 0;
    display: inline-block; }
    @media screen and (min-width: 1920px) {
      .visore-wrapper .img-wrapper .over-smart-hidden {
        display: none; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-wrapper .img-wrapper .over-smart-hidden {
        display: none; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-wrapper .img-wrapper .over-smart-hidden {
        display: none; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-wrapper .img-wrapper .over-smart-hidden {
        display: none; } }
    @media screen and (max-width: 767px) {
      .visore-wrapper .img-wrapper .smart-hidden {
        display: none; } }
    .visore-wrapper .img-wrapper img {
      min-width: 100%; }
      @media screen and (min-width: 1920px) {
        .visore-wrapper .img-wrapper img {
          width: 100% !important; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-wrapper .img-wrapper {
        height: 570px; }
        .visore-wrapper .img-wrapper img {
          height: 570px;
          width: auto;
          max-width: none;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          top: 0;
          margin-top: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-wrapper .img-wrapper {
        height: 465px; }
        .visore-wrapper .img-wrapper img {
          height: 465px;
          width: auto;
          max-width: none;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%); } }
    @media screen and (max-width: 767px) {
      .visore-wrapper .img-wrapper {
        height: 440px; }
        .visore-wrapper .img-wrapper img {
          height: 440px;
          width: auto;
          max-width: none;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%); } }
  .visore-wrapper .overlay-visore {
    position: absolute;
    top: 0;
    left: 0;
    height: 795px;
    width: 50%;
    background-color: rgba(0, 0, 0, 0.4); }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-wrapper .overlay-visore {
        height: 570px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-wrapper .overlay-visore {
        height: 450px; } }
    @media screen and (max-width: 767px) {
      .visore-wrapper .overlay-visore {
        height: 440px; } }
  .visore-wrapper .logo-cta-wrapper {
    position: absolute;
    width: 66.666%;
    text-align: center; }
    @media screen and (min-width: 1920px) {
      .visore-wrapper .logo-cta-wrapper {
        top: 150px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-wrapper .logo-cta-wrapper {
        top: 120px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-wrapper .logo-cta-wrapper {
        top: 120px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-wrapper .logo-cta-wrapper {
        top: 80px; } }
    @media screen and (max-width: 767px) {
      .visore-wrapper .logo-cta-wrapper {
        top: 20px;
        width: 100%;
        height: 420px; } }
    @media screen and (min-width: 1920px) {
      .visore-wrapper .logo-cta-wrapper .logo-wrapper {
        margin-bottom: 50px; }
        .visore-wrapper .logo-cta-wrapper .logo-wrapper .logo {
          width: 50%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-wrapper .logo-cta-wrapper .logo-wrapper {
        margin-bottom: 35px; }
        .visore-wrapper .logo-cta-wrapper .logo-wrapper .logo {
          width: 60%; }
        .visore-wrapper .logo-cta-wrapper .logo-wrapper .logo.size-40 {
          width: 40%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-wrapper .logo-cta-wrapper .logo-wrapper {
        margin-bottom: 30px; }
        .visore-wrapper .logo-cta-wrapper .logo-wrapper .logo {
          width: 65%; }
        .visore-wrapper .logo-cta-wrapper .logo-wrapper .logo.size-40 {
          width: 40%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-wrapper .logo-cta-wrapper .logo-wrapper {
        margin-bottom: 70px; }
        .visore-wrapper .logo-cta-wrapper .logo-wrapper .logo {
          width: 200px; }
        .visore-wrapper .logo-cta-wrapper .logo-wrapper .logo.size-40 {
          width: 50%; } }
    @media screen and (max-width: 767px) {
      .visore-wrapper .logo-cta-wrapper .logo-wrapper {
        margin-bottom: 10px; }
        .visore-wrapper .logo-cta-wrapper .logo-wrapper .logo {
          width: 120px; } }
    .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta {
      margin-bottom: 15px;
      background-color: transparent;
      font-family: 'Abarth-Light', sans-serif; }
      @media screen and (min-width: 1920px) {
        .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta {
          font-size: 20px;
          padding: 22px 0;
          min-width: 240px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta {
          padding: 12px 0;
          min-width: 190px;
          font-size: 16px;
          margin-bottom: 12px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta {
          padding: 10px 5px;
          min-width: 170px;
          min-height: 40px;
          margin-bottom: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta {
          min-width: 160px;
          margin-bottom: 10px; } }
      @media screen and (max-width: 767px) {
        .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta {
          min-width: 140px;
          margin-bottom: 5px;
          line-height: 30px;
          padding: 0 12px; }
          .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta.video-gamma {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            -ms-transform: translateX(-50%); } }
      .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play {
        margin-left: 10px;
        display: inline-block;
        position: relative; }
        @media screen and (min-width: 1920px) {
          .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play {
            width: 15px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play {
            width: 12px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play {
            width: 10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play {
            width: 8px; } }
        @media screen and (max-width: 767px) {
          .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play {
            width: 8px; } }
      .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play:before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        background: url("clientlib-base/resources/images/icon/play_video.png") no-repeat center center; }
        @media screen and (min-width: 1920px) {
          .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play:before {
            width: 15px;
            height: 28px;
            top: -20px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play:before {
            width: 12px;
            height: 22px;
            background-size: 100%;
            top: -17px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play:before {
            width: 10px;
            background-size: 100%;
            top: -16px;
            height: 20px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play:before {
            width: 8px;
            background-size: 100%;
            top: -14px;
            height: 20px; } }
        @media screen and (max-width: 767px) {
          .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play:before {
            width: 8px;
            background-size: 100%;
            top: -14px;
            height: 20px; } }
    .visore-wrapper .logo-cta-wrapper .cta-wrapper .cta.white {
      color: #000;
      background-color: #fff;
      border: 2px solid #636363;
      font-family: "Abarth_Medium"; }
  .visore-wrapper .car-img {
    position: absolute;
    top: 0;
    height: 795px;
    right: 0;
    width: 50%; }
    .visore-wrapper .car-img img {
      width: auto;
      position: absolute;
      top: 250px;
      left: -150px; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-wrapper .car-img img {
        top: 25%;
        left: -100px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-wrapper .car-img {
        height: 570px; }
        .visore-wrapper .car-img img {
          top: 38%;
          left: -90px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-wrapper .car-img {
        height: 450px; }
        .visore-wrapper .car-img img {
          top: 42%;
          left: -50px; } }
    @media screen and (max-width: 767px) {
      .visore-wrapper .car-img {
        /*height: 440px;*/
        /*GIACOMO*/
        height: 390px;
        /*END GIACOMO*/
        top: 51px; }
        .visore-wrapper .car-img img {
          /*top: 35%;*/
          /*Giacomo*/
          top: 25%;
          /*End Giacomo*/
          left: -100px;
          width: auto;
          max-width: none;
          height: 240px; } }
  .visore-wrapper .bar-cta {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    height: 70px;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 12;
    position: absolute;
    bottom: 0;
    /*@include media-query(smart) {
			position: static;
			background-color: #000;
		}*/
    /*Giacomo*/
    /*End Giacomo*/ }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-wrapper .bar-cta {
        background-color: #000 !important;
        height: 50px;
        margin-top: -4px !important;
        opacity: 1 !important; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-wrapper .bar-cta {
        background-color: #000 !important;
        height: 50px;
        margin-top: -4px !important;
        opacity: 1 !important; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-wrapper .bar-cta {
        background-color: black !important;
        height: 40px;
        margin-top: -4px !important; } }
    @media screen and (max-width: 767px) {
      .visore-wrapper .bar-cta {
        background-color: black !important;
        margin-top: -4px !important;
        position: static !important; } }
    .visore-wrapper .bar-cta .home-cta {
      direction: ltr;
      border-left: 1px solid #aaa;
      text-align: center;
      height: 70px;
      vertical-align: middle; }
      .visore-wrapper .bar-cta .home-cta a {
        cursor: pointer;
        display: block;
        text-decoration: none;
        vertical-align: middle;
        color: #fff;
        height: 70px;
        line-height: 70px;
        font-size: 1em; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .visore-wrapper .bar-cta .home-cta a {
            font-size: 0.875em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .visore-wrapper .bar-cta .home-cta a {
            font-size: 0.75em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-wrapper .bar-cta .home-cta a {
            font-size: 0.75em; } }
        @media screen and (max-width: 767px) {
          .visore-wrapper .bar-cta .home-cta a {
            line-height: 25px;
            padding-top: 10px; } }
        .visore-wrapper .bar-cta .home-cta a span {
          font-size: 1.2em;
          vertical-align: middle;
          text-transform: uppercase; }
          @media screen and (max-width: 767px) {
            .visore-wrapper .bar-cta .home-cta a span {
              font-size: 1.7em; } }
        .visore-wrapper .bar-cta .home-cta a .over-palm-hidden {
          font-size: 9px;
          display: block; }
          @media screen and (min-width: 1920px) {
            .visore-wrapper .bar-cta .home-cta a .over-palm-hidden {
              display: none; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .visore-wrapper .bar-cta .home-cta a .over-palm-hidden {
              display: none; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .visore-wrapper .bar-cta .home-cta a .over-palm-hidden {
              display: none; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-wrapper .bar-cta .home-cta a .smart-hidden {
            font-size: 9px; } }
        @media screen and (max-width: 767px) {
          .visore-wrapper .bar-cta .home-cta a .smart-hidden {
            display: none; } }
      .visore-wrapper .bar-cta .home-cta a:hover {
        background-color: #fff;
        color: #727272; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-wrapper .bar-cta {
        height: 49px; }
        .visore-wrapper .bar-cta .home-cta {
          height: 49px; }
          .visore-wrapper .bar-cta .home-cta a {
            height: 49px;
            line-height: 49px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-wrapper .bar-cta {
        height: 50px; }
        .visore-wrapper .bar-cta .home-cta {
          height: 50px; }
          .visore-wrapper .bar-cta .home-cta a {
            height: 50px;
            line-height: 50px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-wrapper .bar-cta {
        height: 40px; }
        .visore-wrapper .bar-cta .home-cta {
          height: 40px; }
          .visore-wrapper .bar-cta .home-cta a {
            height: 40px;
            line-height: 40px; } }
    .visore-wrapper .bar-cta .layout__item:first-child .home-cta {
      border-left: none; }

.comp-scheda-tecnica {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  /*Modifica*/
  /*End Modifica*/
  /*
	@include media-query(palm){height:130px; }
 	@include media-query(smart){height:140px;}
    */ }
  @media screen and (min-width: 1920px) {
    .comp-scheda-tecnica {
      height: 260px; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .comp-scheda-tecnica {
      height: 190px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .comp-scheda-tecnica {
      height: 145px; } }
  .comp-scheda-tecnica .layout-scheda-tecnica {
    min-height: 260px;
    /*----- tec-img ------*/ }
    .comp-scheda-tecnica .layout-scheda-tecnica .tec-img {
      position: relative;
      padding-left: 0px; }
      @media screen and (min-width: 1920px) {
        .comp-scheda-tecnica .layout-scheda-tecnica .tec-img {
          height: 260px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-scheda-tecnica .layout-scheda-tecnica .tec-img {
          height: 185px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-scheda-tecnica .layout-scheda-tecnica .tec-img {
          height: 140px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-scheda-tecnica .layout-scheda-tecnica .tec-img {
          height: 130px; } }
      @media screen and (max-width: 767px) {
        .comp-scheda-tecnica .layout-scheda-tecnica .tec-img {
          height: 140px; } }
      .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .over-title {
        background-color: rgba(0, 0, 0, 0.4);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        min-width: 50%;
        z-index: 12;
        cursor: pointer; }
        @media screen and (max-width: 767px) {
          .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .over-title {
            min-width: 60%; } }
        .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .over-title h2 {
          font-family: 'Abarth_Medium';
          color: #fff;
          text-transform: uppercase;
          padding: 40px 30px;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          cursor: pointer; }
          @media screen and (min-width: 1920px) {
            .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .over-title h2 {
              font-size: 1.5em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .over-title h2 {
              font-size: 1.3em;
              padding: 30px 20px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .over-title h2 {
              font-size: 1.2em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .over-title h2 {
              font-size: 20px;
              padding: 20px 30px 20px 44px; } }
          @media screen and (max-width: 767px) {
            .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .over-title h2 {
              font-size: 1em; } }
      .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .box-img {
        overflow: hidden;
        cursor: pointer; }
        .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .box-img .img {
          transition: all 1s ease;
          -moz-transition: all 1s ease;
          -ms-transition: all 1s ease;
          -webkit-transition: all 1s ease;
          -o-transition: all 1s ease;
          background-size: cover;
          background-repeat: no-repeat; }
          @media screen and (min-width: 1920px) {
            .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .box-img .img {
              height: 260px; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .box-img .img {
              height: 190px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .box-img .img {
              height: 145px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .box-img .img {
              height: 130px;
              background-position: center 10% !important; } }
          @media screen and (max-width: 767px) {
            .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .box-img .img {
              height: 140px; } }
        .comp-scheda-tecnica .layout-scheda-tecnica .tec-img .box-img .img:hover {
          transform: scale(1.2);
          -moz-transform: scale(1.2);
          -webkit-transform: scale(1.2);
          -o-transform: scale(1.2);
          -ms-transform: scale(1.2);
          /* IE 9 */
          -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')";
          /* IE8 */
          filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand');
          /* IE6 and 7 */ }
    .comp-scheda-tecnica .layout-scheda-tecnica .performance {
      background: url("clientlib-base/resources/images/editoriali/scheda-tecnica/performance.jpg");
      /*background-size:cover;*/
      background-position: bottom left; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-scheda-tecnica .layout-scheda-tecnica .performance {
          background-size: cover; } }
      @media screen and (max-width: 767px) {
        .comp-scheda-tecnica .layout-scheda-tecnica .performance {
          background-size: cover; } }
    .comp-scheda-tecnica .layout-scheda-tecnica .controllo {
      background: url("clientlib-base/resources/images/editoriali/scheda-tecnica/controllo.jpg");
      /*background-size:cover;*/
      background-position: bottom right; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-scheda-tecnica .layout-scheda-tecnica .controllo {
          background-size: cover; } }
      @media screen and (max-width: 767px) {
        .comp-scheda-tecnica .layout-scheda-tecnica .controllo {
          background-size: cover;
          background-position: bottom left; } }
    .comp-scheda-tecnica .layout-scheda-tecnica .prestazioni {
      background: url("clientlib-base/resources/images/editoriali/scheda-tecnica/prestazioni.jpg");
      /*background-size:cover;*/
      background-position: bottom right; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-scheda-tecnica .layout-scheda-tecnica .prestazioni {
          background-size: cover; } }
      @media screen and (max-width: 767px) {
        .comp-scheda-tecnica .layout-scheda-tecnica .prestazioni {
          background-size: cover;
          background-position: bottom left; } }
    .comp-scheda-tecnica .layout-scheda-tecnica .box-scheda-tecnica {
      padding-left: 0 !important; }
      @media screen and (min-width: 1920px) {
        .comp-scheda-tecnica .layout-scheda-tecnica .box-scheda-tecnica.layout__item {
          padding-left: 0 !important; } }
  .comp-scheda-tecnica.active {
    overflow: visible; }
    .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica {
      padding-left: 0 !important; }
      @media screen and (min-width: 1920px) {
        .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica.layout__item {
          padding-left: 0 !important; } }
      .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img {
        overflow: visible; }
        .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper {
          background: #f3f3f3;
          position: absolute;
          display: none;
          padding: 20px 25px;
          bottom: 0;
          left: 0;
          width: 100%;
          z-index: 100;
          color: #000; }
          .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .tech-card-title {
            text-transform: uppercase;
            position: relative;
            font-size: 1.125em; }
            @media screen and (min-width: 1920px) {
              .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .tech-card-title {
                font-size: 1.5em; } }
            .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .tech-card-title .tech-card-close {
              position: absolute;
              top: 0;
              right: 25px;
              cursor: pointer; }
          .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .topic-section {
            border-top: 1px solid #000;
            padding: 20px 0; }
            .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .topic-section .section-title {
              font-size: 1em;
              margin-bottom: 10px; }
              @media screen and (min-width: 1920px) {
                .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .topic-section .section-title {
                  font-size: 1.125em; } }
            @media screen and (min-width: 1920px) {
              .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .topic-section .tech-features {
                font-size: 1em; } }
            .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .topic-section .tech-features .specification,
            .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .topic-section .tech-features p {
              font-family: 'Abarth_Light', sans-serif;
              margin-bottom: 0px; }
            .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .topic-section .tech-features .description,
            .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .topic-section .tech-features b {
              display: inline-block;
              text-transform: none;
              margin-top: 20px;
              font-size: 0.9em; }
            .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .topic-section .tech-features .description {
              font-family: 'Abarth_Medium', sans-serif; }
          @media screen and (min-width: 1920px) {
            .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper .tech-card-title {
              font-size: 1.5em; } }
          .comp-scheda-tecnica.active .layout-scheda-tecnica .box-scheda-tecnica .tec-img .tech-card-wrapper.active {
            display: block; }

.comp-promo {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  /*layout-promo*/ }
  .comp-promo .layout-promo {
    /*box-promo*/ }
    @media screen and (min-width: 1920px) {
      .comp-promo .layout-promo {
        height: 195px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-promo .layout-promo {
        height: 170px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-promo .layout-promo {
        height: 170px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-promo .layout-promo {
        height: 130px; } }
    @media screen and (max-width: 767px) {
      .comp-promo .layout-promo {
        height: 140px; } }
    .comp-promo .layout-promo .box-promo {
      position: relative; }
      .comp-promo .layout-promo .box-promo .info-promo {
        top: 0;
        bottom: 0;
        left: 0;
        background: #e1e1e1;
        color: #000;
        font-family: 'Abarth_Medium'; }
        @media screen and (min-width: 1920px) {
          .comp-promo .layout-promo .box-promo .info-promo {
            height: 195px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .comp-promo .layout-promo .box-promo .info-promo {
            height: 170px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .comp-promo .layout-promo .box-promo .info-promo {
            height: 170px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-promo .layout-promo .box-promo .info-promo {
            height: 130px; } }
        @media screen and (max-width: 767px) {
          .comp-promo .layout-promo .box-promo .info-promo {
            text-align: center; } }
        .comp-promo .layout-promo .box-promo .info-promo .offerte {
          padding: 3% 5%; }
          @media screen and (max-width: 767px) {
            .comp-promo .layout-promo .box-promo .info-promo .offerte {
              padding: 2% 3%; } }
        .comp-promo .layout-promo .box-promo .info-promo .sub-txt {
          font-family: 'Abarth_Medium';
          padding-bottom: 0;
          margin-bottom: 10%;
          text-transform: uppercase; }
          @media screen and (min-width: 1920px) {
            .comp-promo .layout-promo .box-promo .info-promo .sub-txt {
              font-size: 1.125em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-promo .layout-promo .box-promo .info-promo .sub-txt {
              font-size: 1em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-promo .layout-promo .box-promo .info-promo .sub-txt {
              font-size: 0.8125em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-promo .layout-promo .box-promo .info-promo .sub-txt {
              font-size: 0.7em; } }
          @media screen and (max-width: 767px) {
            .comp-promo .layout-promo .box-promo .info-promo .sub-txt {
              font-size: 0.7em;
              margin-bottom: 2%;
              margin-top: 10px; } }
        .comp-promo .layout-promo .box-promo .info-promo b {
          font-family: 'Abarth_Medium';
          line-height: 1em;
          padding-bottom: 0;
          margin-bottom: 5%;
          text-transform: uppercase;
          font-family: 'Abarth_heavy'; }
          @media screen and (min-width: 1920px) {
            .comp-promo .layout-promo .box-promo .info-promo b {
              font-size: 2em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-promo .layout-promo .box-promo .info-promo b {
              font-size: 1.6em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-promo .layout-promo .box-promo .info-promo b {
              font-size: 1.5em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-promo .layout-promo .box-promo .info-promo b {
              font-size: 1.5em; } }
          @media screen and (max-width: 767px) {
            .comp-promo .layout-promo .box-promo .info-promo b {
              font-size: 24px; } }
        .comp-promo .layout-promo .box-promo .info-promo p {
          font-family: 'Abarth_Light'; }
          @media screen and (min-width: 1920px) {
            .comp-promo .layout-promo .box-promo .info-promo p {
              font-size: 1.125em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-promo .layout-promo .box-promo .info-promo p {
              font-size: 0.9375em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-promo .layout-promo .box-promo .info-promo p {
              font-size: 0.8125em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-promo .layout-promo .box-promo .info-promo p {
              font-size: 0.6875em; } }
          @media screen and (max-width: 767px) {
            .comp-promo .layout-promo .box-promo .info-promo p {
              font-size: 0.6875em;
              margin-bottom: 2%; } }
      .comp-promo .layout-promo .box-promo .info-community {
        right: 0;
        top: 0;
        bottom: 0;
        padding-left: 0; }
        @media screen and (min-width: 1920px) {
          .comp-promo .layout-promo .box-promo .info-community {
            height: 195px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .comp-promo .layout-promo .box-promo .info-community {
            height: 170px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .comp-promo .layout-promo .box-promo .info-community {
            height: 170px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-promo .layout-promo .box-promo .info-community {
            height: 130px; } }
        @media screen and (max-width: 767px) {
          .comp-promo .layout-promo .box-promo .info-community {
            height: 200px;
            text-align: center; } }
        .comp-promo .layout-promo .box-promo .info-community .img-community {
          background-position: center center;
          background-size: cover !important;
          height: inherit;
          padding: 0 25px; }
          @media screen and (min-width: 1920px) {
            .comp-promo .layout-promo .box-promo .info-community .img-community {
              height: 195px; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-promo .layout-promo .box-promo .info-community .img-community {
              height: 170px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-promo .layout-promo .box-promo .info-community .img-community {
              height: 170px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-promo .layout-promo .box-promo .info-community .img-community {
              height: 130px;
              padding: 0 15px;
              background-position: right 0px top !important; } }
          @media screen and (max-width: 767px) {
            .comp-promo .layout-promo .box-promo .info-community .img-community {
              padding: 0 10px; } }
          .comp-promo .layout-promo .box-promo .info-community .img-community .info-txt {
            text-transform: uppercase;
            margin: 4% 0;
            font-family: 'Abarth_Medium';
            font-size: 1.125em;
            margin-top: 20px;
            width: 60%; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .comp-promo .layout-promo .box-promo .info-community .img-community .info-txt {
                font-size: 0.8125em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .comp-promo .layout-promo .box-promo .info-community .img-community .info-txt {
                font-size: 0.8em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .comp-promo .layout-promo .box-promo .info-community .img-community .info-txt {
                font-size: 0.7em;
                margin-top: 10px;
                width: 100%; } }
            @media screen and (max-width: 767px) {
              .comp-promo .layout-promo .box-promo .info-community .img-community .info-txt {
                font-size: 0.8125em;
                margin: 2% 0;
                margin-top: 20px;
                width: 100%; } }
            .comp-promo .layout-promo .box-promo .info-community .img-community .info-txt p {
              margin-bottom: 0; }
            .comp-promo .layout-promo .box-promo .info-community .img-community .info-txt p:first-child {
              font-family: 'Abarth_light', sans-serif; }
            .comp-promo .layout-promo .box-promo .info-community .img-community .info-txt b {
              font-family: 'Abarth_heavy'; }
          .comp-promo .layout-promo .box-promo .info-community .img-community .info-sub {
            font-family: 'Abarth_Medium';
            font-size: 0.9em;
            width: 60%; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .comp-promo .layout-promo .box-promo .info-community .img-community .info-sub {
                font-size: 0.8125em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .comp-promo .layout-promo .box-promo .info-community .img-community .info-sub {
                font-size: 0.7em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .comp-promo .layout-promo .box-promo .info-community .img-community .info-sub {
                font-size: 0.6em;
                width: 100%; } }
            @media screen and (max-width: 767px) {
              .comp-promo .layout-promo .box-promo .info-community .img-community .info-sub {
                font-size: 0.8125em;
                width: 100%; } }
            .comp-promo .layout-promo .box-promo .info-community .img-community .info-sub p {
              margin-bottom: 0;
              font-family: 'Abarth_light', sans-serif; }
        .comp-promo .layout-promo .box-promo .info-community .box-social {
          position: absolute;
          /* margin-top: calc(100% - 3em); */
          right: 0;
          min-width: 13%;
          bottom: 5%; }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-promo .layout-promo .box-promo .info-community .box-social {
              position: absolute;
              /* margin-top: calc(100% - 3em); */
              right: 0;
              min-width: 13%;
              bottom: 5%; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-promo .layout-promo .box-promo .info-community .box-social {
              position: relative;
              margin-top: auto;
              bottom: 0;
              padding-top: 5px; } }
          @media screen and (max-width: 767px) {
            .comp-promo .layout-promo .box-promo .info-community .box-social {
              position: relative;
              margin-top: auto;
              bottom: 0;
              padding-top: 10px; } }
          .comp-promo .layout-promo .box-promo .info-community .box-social .fa {
            width: 30%;
            font-size: 2em;
            color: #000;
            text-align: center; }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .comp-promo .layout-promo .box-promo .info-community .box-social .fa {
                font-size: 1.5em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .comp-promo .layout-promo .box-promo .info-community .box-social .fa {
                font-size: 1.5em;
                width: 20%; } }
            @media screen and (max-width: 767px) {
              .comp-promo .layout-promo .box-promo .info-community .box-social .fa {
                width: 15%; } }
    .comp-promo .layout-promo .cta {
      position: absolute;
      bottom: 10px;
      background: #e72020;
      color: #fff;
      font-size: 1em;
      text-transform: uppercase;
      white-space: nowrap; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-promo .layout-promo .cta {
          font-size: 0.8125em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-promo .layout-promo .cta {
          font-size: 0.7em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-promo .layout-promo .cta {
          font-size: 0.7em;
          margin-bottom: 0px; } }
      @media screen and (max-width: 767px) {
        .comp-promo .layout-promo .cta {
          position: relative;
          text-align: center;
          display: block;
          margin: 0 auto;
          padding: 10px 20px;
          max-width: 230px;
          margin-top: 30px; } }

/*comp-promo*/
.cpspromoslider .promoSliderWrap {
  background: #333;
  font-family: "Abarth_light"; }
  .cpspromoslider .promoSliderWrap .promoSliderHead > h4 {
    font-size: 30px;
    text-align: center;
    padding: 50px 0;
    margin: 0;
    color: #fff;
    position: relative; }
    @media screen and (max-width: 767px) {
      .cpspromoslider .promoSliderWrap .promoSliderHead > h4 {
        padding: 30px 0; } }
    .cpspromoslider .promoSliderWrap .promoSliderHead > h4:after {
      content: "";
      display: block;
      position: absolute;
      background: #e72020;
      width: 2px;
      height: 24px;
      left: 50%;
      top: 70%; }
      @media screen and (max-width: 767px) {
        .cpspromoslider .promoSliderWrap .promoSliderHead > h4:after {
          height: 15px;
          top: 75%; } }
  .cpspromoslider .promoSliderWrap .promoSliderContainer {
    padding-bottom: 80px; }
    .cpspromoslider .promoSliderWrap .promoSliderContainer .containerModelPromoSlider {
      max-width: 1000px;
      margin: 0 auto;
      background: #000;
      position: relative; }
      .cpspromoslider .promoSliderWrap .promoSliderContainer .containerModelPromoSlider .promo-slide {
        position: relative;
        display: inline-block;
        margin: 0;
        background: #000;
        padding: 0; }
        .cpspromoslider .promoSliderWrap .promoSliderContainer .containerModelPromoSlider .promo-slide .promo-slide-box-image {
          padding-left: 0;
          background-size: cover !important;
          background-position: center center;
          min-height: 460px; }
          @media screen and (max-width: 767px) {
            .cpspromoslider .promoSliderWrap .promoSliderContainer .containerModelPromoSlider .promo-slide .promo-slide-box-image {
              min-height: 365px; } }
        .cpspromoslider .promoSliderWrap .promoSliderContainer .containerModelPromoSlider .promo-slide .promo-slide-box-text {
          background: #000;
          padding: 15px;
          color: #fff; }
          .cpspromoslider .promoSliderWrap .promoSliderContainer .containerModelPromoSlider .promo-slide .promo-slide-box-text .cta {
            margin: 0; }
            @media screen and (max-width: 767px) {
              .cpspromoslider .promoSliderWrap .promoSliderContainer .containerModelPromoSlider .promo-slide .promo-slide-box-text .cta {
                margin: 0 auto; } }
  .cpspromoslider .promoSliderWrap ul.promo-slider-dots {
    text-align: center;
    margin: 25px 0 0 0;
    position: absolute;
    left: 50%;
    margin-left: -75px; }
    .cpspromoslider .promoSliderWrap ul.promo-slider-dots li {
      list-style: none;
      display: inline-block;
      position: relative;
      width: 40px;
      height: 5px;
      background: #000;
      margin-right: 10px;
      cursor: pointer; }
      .cpspromoslider .promoSliderWrap ul.promo-slider-dots li.slick-active {
        background: #e72020; }
      .cpspromoslider .promoSliderWrap ul.promo-slider-dots li button {
        display: block;
        position: absolute;
        top: -16px;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1;
        background: 0;
        border: 0;
        color: transparent;
        outline: none;
        cursor: pointer; }

.editorial-canvas-wrapper {
  background: #000;
  width: 100%;
  /*------ layout-kit-accessori ------*/ }
  .editorial-canvas-wrapper.no-box-img .box-image {
    display: none !important; }
  .editorial-canvas-wrapper .layout-editorial-canvas {
    position: relative;
    width: 100%;
    /*margin-top: 10px;*/
    /*------- box-kit-accessori -------*/ }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-canvas-wrapper .layout-editorial-canvas {
        margin-left: 0px; } }
    @media screen and (max-width: 767px) {
      .editorial-canvas-wrapper .layout-editorial-canvas {
        margin-left: 0px; } }
    .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas {
      /*margin-left: 20px;*/
      margin-left: 0px !important;
      padding-left: 0;
      /*------ content-kit-accessori ------*/ }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas {
          margin-left: 0px; } }
      @media screen and (max-width: 767px) {
        .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas {
          margin-left: 0px;
          overflow: hidden; } }
      .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas picture img {
        width: 100%; }
      .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas {
        margin: 4% 0;
        color: #fff;
        font-weight: 400;
        /*padding: 0 5%;*/
        /*Giacomo*/
        padding: 0 8.33%;
        /*End Giacomo*/
        /*                @include media-query(smart) {
                            position: absolute;
                            top: 10px;
                            padding: 0 6%;
                            /*Giacomo
                            padding: 0 8.33%;
                            /*End Giacmo
                        }
        */
        /* ------ end box-text ------*/
        /*----- box-image -----*/ }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas {
            margin-left: 0; } }
        .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text {
          padding-right: 3%;
          padding-left: 0; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text {
              margin-left: 0;
              padding-right: 0;
              margin-top: 20px; } }
          @media screen and (max-width: 767px) {
            .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text {
              margin-left: 0;
              padding-right: 20px;
              margin-top: 20px; } }
          .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text span {
            font-family: 'Abarth_light', sans-serif;
            font-size: 32px;
            text-transform: uppercase;
            color: #fff; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text span {
                font-size: 24px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text span {
                font-size: 16px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text span {
                font-size: 12px; } }
            @media screen and (max-width: 767px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text span {
                font-size: 12px; } }
          .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h1 {
            color: #fff;
            text-transform: uppercase;
            line-height: 55px;
            font-family: 'Abarth_heavy'; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h1 {
                line-height: 40px;
                font-size: 38px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h1 {
                line-height: 33px;
                font-size: 32px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h1 {
                font-size: 24px;
                line-height: 26px;
                margin-bottom: 20px; } }
            @media screen and (max-width: 767px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h1 {
                font-size: 24px;
                line-height: 26px;
                color: #fff; } }
          .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h2 {
            color: #fff;
            text-transform: uppercase;
            line-height: 55px;
            font-family: 'Abarth_heavy'; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h2 {
                line-height: 40px;
                font-size: 38px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h2 {
                line-height: 33px;
                font-size: 32px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h2 {
                font-size: 24px;
                line-height: 26px;
                margin-bottom: 20px; } }
            @media screen and (max-width: 767px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h2 {
                font-size: 24px;
                line-height: 26px;
                color: #fff; } }
          .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h4 {
            color: #fff;
            text-transform: uppercase;
            line-height: 1em;
            font-family: 'Abarth_light';
            font-weight: 400; }
            @media screen and (min-width: 1920px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h4 {
                font-size: 1.5em;
                margin-bottom: 20px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h4 {
                font-size: 1.125em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h4 {
                font-size: 1em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h4 {
                font-size: 1em; } }
            @media screen and (max-width: 767px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h4 {
                font-size: 1em; } }
          .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text p {
            font-family: 'Abarth_light';
            margin-bottom: 20px;
            font-size: 24px;
            line-height: 30px; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text p {
                font-size: 18px;
                line-height: 20px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text p {
                font-size: 18px;
                line-height: 20px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text p {
                font-size: 14px;
                line-height: 16px; } }
            @media screen and (max-width: 767px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text p {
                font-size: 16px;
                line-height: 16px; } }
            .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text p a {
              color: #FEE72E; }
          .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text u {
            font-style: normal;
            color: #e72020; }
        .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image {
          position: relative;
          width: 100%;
          /*----- img-info -----*/ }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image {
              margin-top: 20px; } }
          .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image img {
            height: auto;
            width: 100%;
            border: 2px solid #fff; }
          .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info {
            position: absolute;
            background-color: rgba(0, 0, 0, 0.5);
            width: 47%;
            /*height: 100%;*/
            padding: 20px;
            top: 0;
            bottom: 0;
            /*----- img-text -----*/ }
            .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-sub {
              color: #fff;
              font-family: "Abarth_light";
              text-transform: uppercase;
              line-height: 1.3em; }
              @media screen and (min-width: 1920px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-sub {
                  font-size: 1.125em; } }
              @media screen and (min-width: 1366px) and (max-width: 1919px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-sub {
                  font-size: 1.125em; } }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-sub {
                  font-size: 1.125em; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-sub {
                  font-size: 0.875em; } }
              @media screen and (max-width: 767px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-sub {
                  font-size: 0.8em; } }
            .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-title {
              color: #fff;
              font-family: "Abarth_Medium";
              text-transform: uppercase; }
              @media screen and (min-width: 1920px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-title {
                  font-size: 1.5em; } }
              @media screen and (min-width: 1366px) and (max-width: 1919px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-title {
                  font-size: 1.5em; } }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-title {
                  font-size: 1.5em; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-title {
                  font-size: 1.125em; } }
              @media screen and (max-width: 767px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-title {
                  font-size: 0.875em; } }
            .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-desc {
              color: #fff;
              font-family: "Abarth_light";
              padding: 20px 0; }
              @media screen and (min-width: 1920px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-desc {
                  font-size: 1.125em; } }
              @media screen and (min-width: 1366px) and (max-width: 1919px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-desc {
                  font-size: 14px; } }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-desc {
                  font-size: 14px;
                  width: 90%; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-desc {
                  font-size: 12px;
                  width: 90%; } }
              @media screen and (max-width: 767px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-desc {
                  font-size: 14px; } }
            .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-cta {
              color: #e72020;
              font-family: "Abarth_Medium";
              position: absolute;
              bottom: 16px;
              text-transform: uppercase;
              cursor: pointer;
              text-decoration: none; }
              @media screen and (min-width: 1920px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-cta {
                  font-size: 1em; } }
              @media screen and (min-width: 1366px) and (max-width: 1919px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-cta {
                  font-size: 14px; } }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-cta {
                  font-size: 14px;
                  width: 90%; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-cta {
                  font-size: 12px;
                  width: 90%; } }
              @media screen and (max-width: 767px) {
                .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-cta {
                  font-size: 0.8em; } }
            .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-cta:after {
              content: "";
              position: absolute;
              display: inline-block;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 5px 5px 0 5px;
              border-color: #e72020 transparent transparent transparent;
              margin: 0 10px;
              margin-top: 4px; }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info {
                background-color: rgba(0, 0, 0, 0.5);
                width: 100%; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info {
                background-color: rgba(0, 0, 0, 0.5);
                width: 100%; } }
  .editorial-canvas-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .editorial-canvas-wrapper.leasys .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas {
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (max-width: 1023px) {
      .editorial-canvas-wrapper.leasys .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas {
        position: relative; } }
    .editorial-canvas-wrapper.leasys .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .cta {
      position: absolute;
      bottom: -56px;
      left: 0;
      margin: 0 8.33%;
      height: 34px;
      line-height: 34px; }
      @media screen and (max-width: 1023px) {
        .editorial-canvas-wrapper.leasys .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .cta {
          position: relative;
          bottom: 0;
          transform: translatex(-50%);
          line-height: 16px;
          font-size: 16px;
          margin: 0;
          margin-left: 50%;
          padding: 15px 15px 13px;
          min-width: 50%; } }
    @media screen and (max-width: 1023px) {
      .editorial-canvas-wrapper.leasys .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text {
        width: 100% !important; } }

/*-------- comp-kit-accessori -------*/
.editorial-box.white.cover-right-nobg.special.text-img-box .editorial-box.special.cover-right-nobg .cta {
  bottom: 15px; }

/*ABARTH REVAMP*/
.newAbarth23 .editorial-canvas-wrapper {
  padding: 50px 0;
  background-color: #111111; }
  @media (max-width: 768px) {
    .newAbarth23 .editorial-canvas-wrapper {
      padding: 0; } }
  .newAbarth23 .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas iframe {
    height: 80vh !important;
    width: 100%;
    max-height: 700px; }
    @media (max-width: 1200px) {
      .newAbarth23 .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas iframe {
        max-height: 450px; } }
  .newAbarth23 .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas {
    margin: 0; }
    @media (max-width: 768px) {
      .newAbarth23 .editorial-canvas-wrapper .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text {
        margin: 0; } }

.pearl {
  min-height: initial !important; }
  .pearl .text {
    color: #000 !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
    /*p{
            font-size: 15px !important;
        }*/ }
    @media screen and (max-width: 767px) {
      .pearl .text h3 {
        color: #000 !important; } }

.Specialeditorialright .text {
  color: #fff !important;
  background-color: black !important; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .Specialeditorialright .text {
      background-color: rgba(0, 0, 0, 0.6) !important; } }
  @media screen and (max-width: 767px) {
    .Specialeditorialright .text {
      background-color: rgba(0, 0, 0, 0.6) !important; } }
  .Specialeditorialright .text p {
    font-size: 15px !important; }

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .Specialeditorialright img {
    width: 50% !important;
    float: left !important; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .Specialeditorialright img {
    width: 50% !important;
    float: left !important; } }

.editorial-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  /*Giacomo Aggiunta*/
  margin-top: -5px !important;
  /*End Giacomo Aggiunta*/ }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box {
      min-height: 200px;
      top: 5px; } }
  @media screen and (max-width: 767px) {
    .editorial-box {
      margin: 0 auto;
      margin-top: 0px !important; } }
  .editorial-box .large-hidden {
    display: none; }
    @media screen and (max-width: 767px) {
      .editorial-box .large-hidden {
        display: block;
        margin-left: 0 !important; } }
  .editorial-box .smart-hidden {
    display: block; }
    @media screen and (max-width: 767px) {
      .editorial-box .smart-hidden {
        display: none; } }
  .editorial-box img {
    width: 50%;
    height: auto;
    float: left; }
    @media screen and (max-width: 767px) {
      .editorial-box img {
        width: 100%;
        min-height: 200px; } }
  .editorial-box .cta {
    position: absolute;
    bottom: 25px;
    display: block;
    left: 8.33%;
    right: auto; }
    .editorial-box .cta.right {
      left: auto;
      right: 8.33%; }
    .editorial-box .cta.center {
      right: auto;
      left: 50%;
      margin-left: -140px; }
    @media screen and (min-width: 1920px) {
      .editorial-box .cta {
        min-width: 270px;
        line-height: 25px;
        padding-top: 9px; } }
    @media screen and (max-width: 767px) {
      .editorial-box .cta {
        right: 8% !important;
        left: 8% !important;
        width: 84%;
        line-height: 16px;
        font-size: 16px;
        padding-top: 13px;
        padding-bottom: 11px; } }
  .editorial-box .text {
    position: relative;
    /*padding: 0 50px;*/
    /*GIacomo*/
    padding: 0 8.33%;
    /*End Giacomo*/
    margin-bottom: 40px;
    float: left;
    width: 50%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box .text {
        margin-bottom: 0px; } }
    @media screen and (max-width: 767px) {
      .editorial-box .text {
        width: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.6);
        margin-bottom: 0px; } }
    .editorial-box .text .subtitle {
      margin-top: 25px;
      font-size: 2em;
      line-height: 1.2;
      text-transform: uppercase;
      margin-bottom: 0;
      font-family: "Abarth_light";
      font-weight: normal; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box .text .subtitle {
          font-size: 1.5em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box .text .subtitle {
          font-size: 1em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box .text .subtitle {
          font-size: 0.75em;
          margin-top: 20px; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text .subtitle {
          font-size: 0.75em;
          margin-top: 25px; } }
    .editorial-box .text .title {
      font-size: 55px;
      line-height: 100%;
      text-transform: uppercase;
      margin-bottom: 20px;
      margin-top: 0;
      font-family: "Abarth_heavy"; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box .text .title {
          line-height: 40px;
          font-size: 38px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box .text .title {
          line-height: 33px;
          font-size: 32px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box .text .title {
          font-size: 24px;
          margin-bottom: 20px; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text .title {
          font-size: 24px;
          color: #fff; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text .title .text {
          color: #fff; } }
    .editorial-box .text p {
      margin-bottom: 0;
      font-family: "Abarth_light";
      margin-bottom: 1em;
      font-size: 24px;
      line-height: 30px;
      margin-top: 15px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box .text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box .text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box .text p {
          font-size: 13px;
          line-height: 16px; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text p {
          font-size: 16px;
          line-height: 16px;
          margin-bottom: 2em; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text p .text {
          color: #fff; } }
    .editorial-box .text u {
      color: #e72020;
      font-weight: 400;
      font-family: "Abarth_Medium"; }
    .editorial-box .text .paragraph-medium p {
      margin-bottom: 0;
      font-size: 1.5em;
      font-family: "Abarth_light"; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box .text .paragraph-medium p {
          font-size: 1em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box .text .paragraph-medium p {
          font-size: 0.75em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box .text .paragraph-medium p {
          font-size: 10px; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text .paragraph-medium p {
          font-size: 10px; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text .paragraph-medium p .text {
          color: #fff; } }
    .editorial-box .text .programma ul {
      list-style: none;
      width: 49%;
      margin: 0; }
      @media screen and (max-width: 767px) {
        .editorial-box .text .programma ul {
          width: 100%;
          margin-bottom: 10px; } }
      .editorial-box .text .programma ul li:first-child {
        margin-bottom: 30px; }
        @media screen and (max-width: 767px) {
          .editorial-box .text .programma ul li:first-child {
            margin-bottom: 18px; } }
        .editorial-box .text .programma ul li:first-child p {
          font-family: 'Abarth_Medium', sans-serif;
          font-size: 24px;
          line-height: 3;
          border-bottom: 1px solid #fff; }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .editorial-box .text .programma ul li:first-child p {
              font-size: 18px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .editorial-box .text .programma ul li:first-child p {
              font-size: 18px; } }
          @media screen and (max-width: 767px) {
            .editorial-box .text .programma ul li:first-child p {
              font-size: 16px; } }
      .editorial-box .text .programma ul li span {
        font-family: 'Abarth_Medium', sans-serif; }
    .editorial-box .text .programma .mattina {
      float: left; }
    .editorial-box .text .programma .pomeriggio {
      float: right; }
    .editorial-box .text .activities {
      margin-top: 120px; }
      @media screen and (max-width: 767px) {
        .editorial-box .text .activities {
          margin-top: 60px; } }
      .editorial-box .text .activities .activities-title {
        font-family: 'Abarth_heavy', sans-serif;
        font-weight: normal;
        font-size: 30px;
        text-transform: uppercase;
        margin-bottom: 0;
        line-height: 1.5;
        padding-bottom: 20px;
        border-bottom: 1px solid #fff; }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .editorial-box .text .activities .activities-title {
            font-size: 24px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .editorial-box .text .activities .activities-title {
            font-size: 24px; } }
        @media screen and (max-width: 767px) {
          .editorial-box .text .activities .activities-title {
            font-size: 18px;
            line-height: 1; } }
      .editorial-box .text .activities .activities-list {
        width: 100%;
        list-style: none;
        margin: 0; }
        .editorial-box .text .activities .activities-list p {
          font-size: 24px;
          font-family: 'Abarth_light', sans-serif;
          margin-bottom: 0;
          padding: 30px 0; }
          .editorial-box .text .activities .activities-list p span {
            font-family: 'Abarth_Medium', sans-serif;
            text-transform: uppercase; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .editorial-box .text .activities .activities-list p {
              font-size: 18px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .editorial-box .text .activities .activities-list p {
              font-size: 14px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .editorial-box .text .activities .activities-list p {
              font-size: 14px; } }
          @media screen and (max-width: 767px) {
            .editorial-box .text .activities .activities-list p {
              font-size: 14px; } }
  .editorial-box.gray {
    border: 5px solid #000;
    background-color: #cccccc; }
    @media screen and (max-width: 767px) {
      .editorial-box.gray {
        background-color: #fff;
        border: none; } }
    @media screen and (max-width: 767px) {
      .editorial-box.gray .text {
        color: #fff; } }
  .editorial-box.black {
    background-color: #000; }
    @media screen and (max-width: 767px) {
      .editorial-box.black {
        background-color: #fff; } }
    .editorial-box.black .text {
      color: #fff; }
      @media screen and (max-width: 767px) {
        .editorial-box.black .text {
          color: #fff; } }
  .editorial-box.white {
    background: white; }
    .editorial-box.white hr {
      height: 3px;
      color: #000;
      background-color: #000;
      border: none;
      margin: 0; }
    @media screen and (max-width: 767px) {
      .editorial-box.white .text {
        background-color: rgba(255, 255, 255, 0.7);
        color: #000; }
        .editorial-box.white .text .title {
          color: #000 !important; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.yellow {
      max-height: 500px; } }
  @media screen and (max-width: 767px) {
    .editorial-box.yellow {
      max-height: 500px; } }
  .editorial-box.yellow .text {
    background-color: rgba(255, 219, 0, 0.8) !important;
    color: #000 !important; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorial-box.yellow .text {
        padding: 0% 7%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.yellow .text {
        padding: 0% 4%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.yellow .text {
        padding: 0% 8%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.yellow .text .title {
        color: #000; } }
  .editorial-box.img-right img {
    float: right; }
  .editorial-box.img-right .text {
    float: left; }
  .editorial-box.img-right .cta {
    left: 8.33%; }
    @media screen and (max-width: 767px) {
      .editorial-box.img-right .cta {
        left: 10%; } }
  .editorial-box.img-left img {
    float: left; }
  .editorial-box.img-left .text {
    float: right; }
  .editorial-box.img-left .cta {
    left: 58.33%; }
    @media screen and (max-width: 767px) {
      .editorial-box.img-left .cta {
        left: 10%; } }
  .editorial-box.bb-special {
    border-bottom: 5px solid #fff; }
  .editorial-box.cover-right img {
    float: none;
    min-height: 400px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-right img {
        margin-left: -30%;
        width: auto;
        max-width: none; } }
  .editorial-box.cover-right .logo {
    display: none; }
  .editorial-box.cover-right .text {
    top: 0;
    position: absolute;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin-bottom: 0; }
  .editorial-box.cover-right .cta {
    left: 58.33%; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-right .cta {
        left: 10%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.cover-right img {
      min-height: 200px;
      width: auto;
      float: right;
      max-width: none; } }
  .editorial-box.cover-left img {
    float: none;
    min-height: 400px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left img {
        margin-left: -30%;
        width: auto;
        max-width: none; } }
  .editorial-box.cover-left .logo {
    display: none; }
  .editorial-box.cover-left .text {
    top: 0;
    position: absolute;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin-bottom: 0; }
  .editorial-box.cover-left .cta {
    left: 8.33%; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left .cta {
        left: 10%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.cover-left img {
      min-height: 200px;
      width: auto;
      float: right;
      max-width: none; } }
  .editorial-box.cover-left.bgYellow .text {
    background-color: rgba(255, 219, 0, 0.6); }
  .editorial-box.cover-right.bgYellow .text {
    background-color: rgba(255, 219, 0, 0.6); }
  .editorial-box.cover-right-nobg.cover-header .text {
    top: 23%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.cover-right-nobg.cover-header .text {
        top: 12%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-right-nobg.cover-header .text {
        top: 3%; } }
  .editorial-box.cover-right-nobg.cover-header .cta {
    bottom: 12%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorial-box.cover-right-nobg.cover-header .cta {
        bottom: 8%; } }
  .editorial-box.cover-left-nobg.cover-header .text {
    top: 23%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.cover-left-nobg.cover-header .text {
        top: 12%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left-nobg.cover-header .text {
        top: 3%; } }
  .editorial-box.cover-left-nobg.cover-header .cta {
    bottom: 12%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorial-box.cover-left-nobg.cover-header .cta {
        bottom: 8%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left-nobg.cover-header .cta {
        bottom: 2%; } }
  .editorial-box.cover-right-nobg img {
    float: none;
    min-height: auto;
    width: 100%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.cover-right-nobg img {
        float: left !important; } }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-right-nobg img {
        margin-left: 0px;
        width: 100%;
        max-width: none; } }
  .editorial-box.cover-right-nobg .logo {
    display: none; }
  .editorial-box.cover-right-nobg .text {
    top: 8%;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.cover-right-nobg .text {
        top: 1%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-right-nobg .text {
        top: 0;
        background-color: transparent;
        min-height: 250px; } }
    .editorial-box.cover-right-nobg .text .title {
      font-size: 55px;
      line-height: 100%;
      text-transform: uppercase;
      margin-bottom: 10px;
      margin-top: 0;
      font-family: "Abarth_heavy"; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box.cover-right-nobg .text .title {
          line-height: 40px;
          font-size: 38px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box.cover-right-nobg .text .title {
          font-size: 38px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box.cover-right-nobg .text .title {
          font-size: 24px;
          margin-bottom: 10px; } }
      @media screen and (max-width: 767px) {
        .editorial-box.cover-right-nobg .text .title {
          font-size: 24px;
          color: #fff; } }
      @media screen and (max-width: 767px) {
        .editorial-box.cover-right-nobg .text .title .text {
          color: #fff; } }
    .editorial-box.cover-right-nobg .text .red {
      color: #e72020;
      font-weight: 400;
      font-family: "Abarth_Medium"; }
    .editorial-box.cover-right-nobg .text b {
      font-weight: 400;
      font-family: "Abarth_Medium"; }
  .editorial-box.cover-right-nobg .cta {
    left: 58.33%;
    bottom: 10%; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-right-nobg .cta {
        left: 8%;
        bottom: 2% !important;
        height: 25px;
        line-height: 27px;
        padding: 0;
        margin-bottom: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.cover-right-nobg img {
      min-height: auto;
      width: 100%;
      float: none;
      max-width: none; } }
  @media screen and (max-width: 767px) {
    .editorial-box.cover-right-nobg {
      background-color: white; } }
  .editorial-box.cover-left-nobg img {
    float: none;
    min-height: auto;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left-nobg img {
        margin-left: 0px;
        width: 100%;
        max-width: none; } }
  .editorial-box.cover-left-nobg .logo {
    display: none; }
  .editorial-box.cover-left-nobg .text {
    top: 8%;
    position: absolute !important;
    left: 0;
    bottom: 0;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.cover-left-nobg .text {
        top: 1%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left-nobg .text {
        top: 0;
        /*Giacomo*/
        /*padding-top: 10px;
                padding-bottom: 10px;*/
        /*End Giacomo*/
        background-color: transparent; } }
    .editorial-box.cover-left-nobg .text .title {
      font-size: 55px;
      line-height: 100%;
      text-transform: uppercase;
      margin-bottom: 10px;
      margin-top: 0;
      font-family: "Abarth_heavy"; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box.cover-left-nobg .text .title {
          line-height: 40px;
          font-size: 38px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box.cover-left-nobg .text .title {
          font-size: 38px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box.cover-left-nobg .text .title {
          font-size: 24px;
          margin-bottom: 10px; } }
      @media screen and (max-width: 767px) {
        .editorial-box.cover-left-nobg .text .title {
          font-size: 24px;
          color: #fff; } }
      @media screen and (max-width: 767px) {
        .editorial-box.cover-left-nobg .text .title .text {
          color: #fff; } }
    .editorial-box.cover-left-nobg .text .red {
      color: #e72020;
      font-weight: 400;
      font-family: "Abarth_Medium"; }
    .editorial-box.cover-left-nobg .text b {
      font-weight: 400;
      font-family: "Abarth_Medium"; }
  .editorial-box.cover-left-nobg .cta {
    left: 8.33%;
    bottom: 10%; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left-nobg .cta {
        left: 8%;
        bottom: 2%;
        height: 25px;
        line-height: 27px;
        padding: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.cover-left-nobg img {
      min-height: auto;
      width: 100%;
      float: none;
      max-width: none; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.cover-right-nobg.palmWidth img {
      min-height: auto;
      width: 100%;
      float: right;
      max-width: none; } }
  @media screen and (max-width: 767px) {
    .editorial-box.cover-right-nobg.palmWidth .subtitle img {
      margin-left: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.cover-right-nobg.palmWidth .text {
      top: 1%;
      position: absolute;
      right: 0;
      bottom: 0;
      margin-bottom: 0;
      width: 50%; } }
  .editorial-box.cover-right-nobg.palmWidth .text .subtitle {
    margin: 0; }
  .editorial-box.no-cta .cta {
    display: none; }
  .editorial-box.no-img img {
    display: none; }
  .editorial-box.no-img .text {
    width: 100%; }
    .editorial-box.no-img .text p {
      font-size: 24px;
      line-height: 30px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box.no-img .text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box.no-img .text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box.no-img .text p {
          font-size: 14px;
          line-height: 16px; } }
      @media screen and (max-width: 767px) {
        .editorial-box.no-img .text p {
          font-size: 16px;
          line-height: 16px; } }
    .editorial-box.no-img .text .title {
      margin-bottom: 1.5rem; }
  .editorial-box.no-title .text .subtitle {
    display: none; }
  .editorial-box.no-title .text .title {
    display: none; }
  .editorial-box.special .text {
    width: 65%; }
    @media screen and (max-width: 767px) {
      .editorial-box.special .text {
        width: 100%; } }
  .editorial-box.special .cta {
    font-size: 1.25em; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorial-box.special .cta {
        font-size: 1em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .editorial-box.special .cta {
        font-size: 1em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.special .cta {
        font-size: 0.875em; } }
    @media screen and (max-width: 767px) {
      .editorial-box.special .cta {
        font-size: 1em; } }
  .editorial-box.special.cover-right-nobg .cta {
    left: 43.33%; }
    @media screen and (max-width: 767px) {
      .editorial-box.special.cover-right-nobg .cta {
        left: 8% !important;
        bottom: 4%;
        height: 25px;
        line-height: 27px;
        padding: 0;
        margin-bottom: 0; } }
  .editorial-box.academy .text {
    padding-top: 0px; }
    @media screen and (min-width: 1920px) {
      .editorial-box.academy .text {
        padding-top: 100px;
        padding-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .editorial-box.academy .text {
      position: static;
      margin-bottom: 0;
      background-color: #000; } }
  .editorial-box.txt-video-box {
    margin: 0 !important; }
    .editorial-box.txt-video-box .video-wrapper {
      position: relative;
      width: 50%;
      float: right;
      padding-top: 28%;
      height: 0; }
      .editorial-box.txt-video-box .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0; }
        @media screen and (max-width: 1227px) and (min-width: 1202px) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 340px; } }
        @media screen and (max-width: 1201px) and (min-width: 1024px) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 360px; } }
        @media screen and (max-width: 1025px) and (min-width: 1024px) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 380px; } }
        @media screen and (max-width: 1023px) and (min-width: 873px) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 245px; } }
        @media screen and (max-width: 872px) and (min-width: 802px) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 261px; } }
        @media screen and (max-width: 801px) and (min-width: 768px) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 262px; } }
        @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 361px; } }
        @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 262px; } }
      @media screen and (max-width: 767px) {
        .editorial-box.txt-video-box .video-wrapper {
          width: 100%;
          padding-top: 65%; } }
    .editorial-box.txt-video-box .text {
      position: static;
      float: left; }
      @media screen and (max-width: 767px) {
        .editorial-box.txt-video-box .text {
          width: 100%;
          padding-top: 40px;
          padding-bottom: 60px;
          margin-top: 0px; } }

.specialseriehub.editorial-box {
  margin: 0px !important; }
  .specialseriehub.editorial-box .text {
    margin-bottom: 8%; }
    .specialseriehub.editorial-box .text .subtitle {
      margin-top: 15px; }

/*ABARTH REVAMP*/
.newAbarth23 .editorial-box {
  width: 100%;
  margin-top: 0px !important;
  /*editorial style classes*/
  /*editorial position classes*/ }
  .newAbarth23 .editorial-box .infoWrapper {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 35px 8.33%; }
    @media (max-width: 768px) {
      .newAbarth23 .editorial-box .infoWrapper {
        width: 100%;
        padding: 50px 20px; } }
  .newAbarth23 .editorial-box .text {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Abarth_Light'; }
    @media (max-width: 768px) {
      .newAbarth23 .editorial-box .text {
        background-color: transparent;
        position: relative;
        padding: 0 !important; } }
    .newAbarth23 .editorial-box .text .subtitle {
      font-size: 20px;
      line-height: 24px;
      font-weight: 700;
      text-transform: uppercase;
      font-family: 'Abarth_heavy';
      margin: 0 0 20px 0; }
      @media (max-width: 1500px) {
        .newAbarth23 .editorial-box .text .subtitle {
          font-size: 16px;
          line-height: 19px; } }
    .newAbarth23 .editorial-box .text .title {
      font-size: 50px;
      line-height: 59px;
      font-weight: 900;
      text-transform: uppercase;
      font-family: 'Abarth_heavy'; }
      @media (max-width: 1500px) {
        .newAbarth23 .editorial-box .text .title {
          font-size: 40px;
          line-height: 44px; } }
      @media (max-width: 992px) {
        .newAbarth23 .editorial-box .text .title {
          font-size: 32px;
          line-height: 38px;
          margin: 0; } }
      .newAbarth23 .editorial-box .text .title b {
        color: transparent;
        -webkit-text-stroke-width: 2px; }
        @media (max-width: 1500px) {
          .newAbarth23 .editorial-box .text .title b {
            -webkit-text-stroke-width: 1px; } }
    .newAbarth23 .editorial-box .text .common_line {
      display: none; }
    @media (max-width: 1200px) {
      .newAbarth23 .editorial-box .text {
        font-size: 16px;
        line-height: 110%; } }
    .newAbarth23 .editorial-box .text p {
      font-size: 18px;
      line-height: 24px;
      font-family: 'Abarth_Light'; }
      @media (max-width: 1200px) {
        .newAbarth23 .editorial-box .text p {
          font-size: 16px;
          line-height: 110%;
          margin-bottom: 0;
          text-align: left; } }
  .newAbarth23 .editorial-box .button.cta {
    padding: 15px 55px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    left: 0;
    bottom: 0;
    margin: 25px 0 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    @media (max-width: 1200px) {
      .newAbarth23 .editorial-box .button.cta {
        padding: 10px 36px !important;
        position: relative;
        margin: 24px 0 0;
        left: 0 !important;
        bottom: initial;
        align-self: flex-start;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; } }
  @media (max-width: 768px) {
    .newAbarth23 .editorial-box .img-breakpoint {
      order: 2;
      width: 100%; } }
  .newAbarth23 .editorial-box.newAbarth_bg-electricYellow {
    background-color: #DAEF33; }
    .newAbarth23 .editorial-box.newAbarth_bg-electricYellow .text {
      color: #111111; }
      .newAbarth23 .editorial-box.newAbarth_bg-electricYellow .text .subtitle {
        color: #111111; }
      .newAbarth23 .editorial-box.newAbarth_bg-electricYellow .text .title {
        color: #111111; }
        .newAbarth23 .editorial-box.newAbarth_bg-electricYellow .text .title b {
          -webkit-text-stroke-color: #111111; }
    .newAbarth23 .editorial-box.newAbarth_bg-electricYellow .button.cta {
      background-color: #111111;
      color: #ffffff;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6); }
  .newAbarth23 .editorial-box.newAbarth_bg-white {
    background-color: #ffffff; }
    .newAbarth23 .editorial-box.newAbarth_bg-white .text {
      color: #111111; }
      .newAbarth23 .editorial-box.newAbarth_bg-white .text .subtitle {
        color: #111111; }
      .newAbarth23 .editorial-box.newAbarth_bg-white .text .title {
        color: #111111; }
        .newAbarth23 .editorial-box.newAbarth_bg-white .text .title b {
          -webkit-text-stroke-color: #111111; }
    .newAbarth23 .editorial-box.newAbarth_bg-white .button.cta {
      background-color: #111111;
      color: #ffffff;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6); }
  .newAbarth23 .editorial-box.newAbarth_bg-black {
    background-color: #111111; }
    .newAbarth23 .editorial-box.newAbarth_bg-black .text {
      color: #ffffff; }
      .newAbarth23 .editorial-box.newAbarth_bg-black .text .subtitle {
        color: #FFD500; }
      .newAbarth23 .editorial-box.newAbarth_bg-black .text .title {
        color: #ffffff; }
        .newAbarth23 .editorial-box.newAbarth_bg-black .text .title b {
          -webkit-text-stroke-color: #ffffff; }
    .newAbarth23 .editorial-box.newAbarth_bg-black .button.cta {
      background-color: #e72020;
      color: #ffffff;
      box-shadow: 0px 0px 15px rgba(226, 0, 26, 0.8); }
  .newAbarth23 .editorial-box.newAbarth_bg-yellow {
    /*class for black bg and yellow cta*/
    background-color: #111111; }
    .newAbarth23 .editorial-box.newAbarth_bg-yellow .text {
      color: #ffffff; }
      .newAbarth23 .editorial-box.newAbarth_bg-yellow .text .subtitle {
        color: #ffffff; }
      .newAbarth23 .editorial-box.newAbarth_bg-yellow .text .title {
        color: #ffffff; }
        .newAbarth23 .editorial-box.newAbarth_bg-yellow .text .title b {
          -webkit-text-stroke-color: #ffffff; }
    .newAbarth23 .editorial-box.newAbarth_bg-yellow .button.cta {
      background-color: #DAEF33;
      color: #111111;
      box-shadow: 0px 0px 15px #DAEF33; }
  .newAbarth23 .editorial-box.pearl {
    /*old class for new lightBlue bg*/
    background-color: #4D9FE4; }
    .newAbarth23 .editorial-box.pearl .text {
      background-color: #4D9FE4 !important;
      color: #111111; }
      .newAbarth23 .editorial-box.pearl .text .subtitle {
        color: #111111; }
      .newAbarth23 .editorial-box.pearl .text .title {
        color: #ffffff; }
        @media (max-width: 768px) {
          .newAbarth23 .editorial-box.pearl .text .title {
            color: #ffffff !important; } }
        .newAbarth23 .editorial-box.pearl .text .title b {
          -webkit-text-stroke-color: #ffffff; }
    .newAbarth23 .editorial-box.pearl .button.cta {
      background-color: #111111;
      color: #ffffff;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6); }
  .newAbarth23 .editorial-box.img-right {
    display: flex;
    align-items: center;
    flex-direction: row-reverse; }
    @media (max-width: 768px) {
      .newAbarth23 .editorial-box.img-right {
        max-height: initial;
        display: flex;
        flex-direction: column; } }
  .newAbarth23 .editorial-box.img-left {
    display: flex;
    align-items: center;
    flex-direction: row; }
    @media (max-width: 768px) {
      .newAbarth23 .editorial-box.img-left {
        max-height: initial;
        display: flex;
        flex-direction: column; } }
  .newAbarth23 .editorial-box.cover-left, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 {
    background-color: #111111;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 100px 10%; }
    @media (max-width: 1500px) {
      .newAbarth23 .editorial-box.cover-left, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 {
        padding: 100px 4%; } }
    @media (max-width: 992px) {
      .newAbarth23 .editorial-box.cover-left, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 {
        padding: 30px 20px;
        flex-direction: column;
        align-items: center; } }
    .newAbarth23 .editorial-box.cover-left .img-breakpoint, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .img-breakpoint {
      position: relative;
      margin: initial; }
      @media (max-width: 992px) {
        .newAbarth23 .editorial-box.cover-left .img-breakpoint, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .img-breakpoint {
          width: 100%;
          max-width: 100%; } }
      @media (max-width: 768px) {
        .newAbarth23 .editorial-box.cover-left .img-breakpoint, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .img-breakpoint {
          order: 1; } }
    .newAbarth23 .editorial-box.cover-left .text, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .text {
      width: 700px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 40px 25px;
      background-color: #000000;
      border: 4px solid #FFD500;
      box-shadow: 0px 0px 12px #DAEF33;
      border-radius: 10px; }
      @media (max-width: 1500px) {
        .newAbarth23 .editorial-box.cover-left .text, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .text {
          width: 600px;
          left: 4%; } }
      @media (max-width: 1200px) {
        .newAbarth23 .editorial-box.cover-left .text, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .text {
          width: 550px;
          left: 4%; } }
      @media (max-width: 992px) {
        .newAbarth23 .editorial-box.cover-left .text, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .text {
          width: 80%;
          left: 0;
          position: relative; } }
      @media (max-width: 768px) {
        .newAbarth23 .editorial-box.cover-left .text, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .text {
          order: 2;
          width: 90%;
          left: auto;
          position: relative;
          bottom: 40px;
          padding: 15px !important; } }
      .newAbarth23 .editorial-box.cover-left .text .title, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .text .title {
        font-size: 40px;
        line-height: 40px;
        text-transform: uppercase;
        letter-spacing: 0em;
        color: #ffffff;
        font-family: 'Abarth_heavy'; }
        @media (max-width: 1200px) {
          .newAbarth23 .editorial-box.cover-left .text .title, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .text .title {
            font-size: 32px;
            line-height: 38px; } }
      .newAbarth23 .editorial-box.cover-left .text .subtitle, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .text .subtitle {
        font-size: 25px;
        line-height: 40px;
        text-transform: uppercase;
        font-family: 'Abarth_Light';
        color: #ffffff; }
        @media (max-width: 1200px) {
          .newAbarth23 .editorial-box.cover-left .text .subtitle, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .text .subtitle {
            font-size: 22px;
            line-height: 26px; } }
      .newAbarth23 .editorial-box.cover-left .text p, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .text p {
        padding-left: 0;
        font-size: 18px;
        line-height: 26px;
        color: #ffffff;
        font-family: 'Abarth_Light'; }
        @media (max-width: 1200px) {
          .newAbarth23 .editorial-box.cover-left .text p, .newAbarth23 .editorial-box.cover-left.editorial-box-v01-2020 .text p {
            font-size: 16px;
            line-height: 24px; } }
  .newAbarth23 .editorial-box b, .newAbarth23 .editorial-box strong {
    font-family: 'Abarth_heavy'; }
  .newAbarth23 .editorial-box a {
    color: inherit;
    font-weight: bold; }

.pearl {
  min-height: initial !important; }
  .pearl .text {
    color: #000 !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
    /*p{
            font-size: 15px !important;
        }*/ }
    @media screen and (max-width: 767px) {
      .pearl .text h3 {
        color: #000 !important; } }

.Specialeditorialright .text {
  color: #fff !important;
  background-color: black !important; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .Specialeditorialright .text {
      background-color: rgba(0, 0, 0, 0.6) !important; } }
  @media screen and (max-width: 767px) {
    .Specialeditorialright .text {
      background-color: rgba(0, 0, 0, 0.6) !important; } }
  .Specialeditorialright .text p {
    font-size: 15px !important; }

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .Specialeditorialright img {
    width: 50% !important;
    float: left !important; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .Specialeditorialright img {
    width: 50% !important;
    float: left !important; } }

.editorial-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  /*Giacomo Aggiunta*/
  margin-top: -5px !important;
  /*End Giacomo Aggiunta*/ }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box {
      min-height: 200px;
      top: 5px; } }
  @media screen and (max-width: 767px) {
    .editorial-box {
      margin: 0 auto;
      margin-top: 0px !important; } }
  .editorial-box .large-hidden {
    display: none; }
    @media screen and (max-width: 767px) {
      .editorial-box .large-hidden {
        display: block;
        margin-left: 0 !important; } }
  .editorial-box .smart-hidden {
    display: block; }
    @media screen and (max-width: 767px) {
      .editorial-box .smart-hidden {
        display: none; } }
  .editorial-box img {
    width: 50%;
    height: auto;
    float: left; }
    @media screen and (max-width: 767px) {
      .editorial-box img {
        width: 100%;
        min-height: 200px; } }
  .editorial-box .cta {
    position: absolute;
    bottom: 25px;
    display: block; }
    @media screen and (min-width: 1920px) {
      .editorial-box .cta {
        min-width: 270px;
        line-height: 25px;
        padding-top: 9px; } }
    @media screen and (max-width: 767px) {
      .editorial-box .cta {
        margin-left: 0;
        left: 10%;
        width: 84%;
        line-height: 16px;
        font-size: 16px;
        padding-top: 13px;
        padding-bottom: 11px; } }
  .editorial-box .text {
    position: relative;
    /*padding: 0 50px;*/
    /*GIacomo*/
    padding: 0 8.33%;
    /*End Giacomo*/
    margin-bottom: 40px;
    float: left;
    width: 50%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box .text {
        margin-bottom: 0px; } }
    @media screen and (max-width: 767px) {
      .editorial-box .text {
        width: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.6);
        margin-bottom: 0px; } }
    .editorial-box .text .subtitle {
      margin-top: 25px;
      font-size: 2em;
      line-height: 1.2;
      text-transform: uppercase;
      margin-bottom: 0;
      font-family: "Abarth_light";
      font-weight: normal; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box .text .subtitle {
          font-size: 1.5em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box .text .subtitle {
          font-size: 1em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box .text .subtitle {
          font-size: 0.75em;
          margin-top: 20px; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text .subtitle {
          font-size: 0.75em;
          margin-top: 25px; } }
    .editorial-box .text .title {
      font-size: 55px;
      line-height: 100%;
      text-transform: uppercase;
      margin-bottom: 20px;
      margin-top: 0;
      font-family: "Abarth_heavy"; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box .text .title {
          line-height: 40px;
          font-size: 38px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box .text .title {
          line-height: 33px;
          font-size: 32px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box .text .title {
          font-size: 24px;
          margin-bottom: 20px; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text .title {
          font-size: 24px;
          color: #fff; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text .title .text {
          color: #fff; } }
    .editorial-box .text p {
      margin-bottom: 0;
      font-family: "Abarth_light";
      margin-bottom: 1em;
      font-size: 24px;
      line-height: 30px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box .text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box .text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box .text p {
          font-size: 13px;
          line-height: 16px; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text p {
          font-size: 16px;
          line-height: 16px;
          margin-bottom: 2em; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text p .text {
          color: #fff; } }
    .editorial-box .text u {
      color: #e72020;
      font-weight: 400;
      font-family: "Abarth_Medium"; }
    .editorial-box .text .paragraph-medium p {
      margin-bottom: 0;
      font-size: 1.5em;
      font-family: "Abarth_light"; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box .text .paragraph-medium p {
          font-size: 1em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box .text .paragraph-medium p {
          font-size: 0.75em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box .text .paragraph-medium p {
          font-size: 10px; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text .paragraph-medium p {
          font-size: 10px; } }
      @media screen and (max-width: 767px) {
        .editorial-box .text .paragraph-medium p .text {
          color: #fff; } }
    .editorial-box .text .programma ul {
      list-style: none;
      width: 49%;
      margin: 0; }
      @media screen and (max-width: 767px) {
        .editorial-box .text .programma ul {
          width: 100%;
          margin-bottom: 10px; } }
      .editorial-box .text .programma ul li:first-child {
        margin-bottom: 30px; }
        @media screen and (max-width: 767px) {
          .editorial-box .text .programma ul li:first-child {
            margin-bottom: 18px; } }
        .editorial-box .text .programma ul li:first-child p {
          font-family: 'Abarth_Medium', sans-serif;
          font-size: 24px;
          line-height: 3;
          border-bottom: 1px solid #fff; }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .editorial-box .text .programma ul li:first-child p {
              font-size: 18px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .editorial-box .text .programma ul li:first-child p {
              font-size: 18px; } }
          @media screen and (max-width: 767px) {
            .editorial-box .text .programma ul li:first-child p {
              font-size: 16px; } }
      .editorial-box .text .programma ul li span {
        font-family: 'Abarth_Medium', sans-serif; }
    .editorial-box .text .programma .mattina {
      float: left; }
    .editorial-box .text .programma .pomeriggio {
      float: right; }
    .editorial-box .text .activities {
      margin-top: 120px; }
      @media screen and (max-width: 767px) {
        .editorial-box .text .activities {
          margin-top: 60px; } }
      .editorial-box .text .activities .activities-title {
        font-family: 'Abarth_heavy', sans-serif;
        font-weight: normal;
        font-size: 30px;
        text-transform: uppercase;
        margin-bottom: 0;
        line-height: 1.5;
        padding-bottom: 20px;
        border-bottom: 1px solid #fff; }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .editorial-box .text .activities .activities-title {
            font-size: 24px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .editorial-box .text .activities .activities-title {
            font-size: 24px; } }
        @media screen and (max-width: 767px) {
          .editorial-box .text .activities .activities-title {
            font-size: 18px;
            line-height: 1; } }
      .editorial-box .text .activities .activities-list {
        width: 100%;
        list-style: none;
        margin: 0; }
        .editorial-box .text .activities .activities-list p {
          font-size: 24px;
          font-family: 'Abarth_light', sans-serif;
          margin-bottom: 0;
          padding: 30px 0; }
          .editorial-box .text .activities .activities-list p span {
            font-family: 'Abarth_Medium', sans-serif;
            text-transform: uppercase; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .editorial-box .text .activities .activities-list p {
              font-size: 18px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .editorial-box .text .activities .activities-list p {
              font-size: 14px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .editorial-box .text .activities .activities-list p {
              font-size: 14px; } }
          @media screen and (max-width: 767px) {
            .editorial-box .text .activities .activities-list p {
              font-size: 14px; } }
  .editorial-box.gray {
    border: 5px solid #000;
    background-color: #cccccc;
    border-bottom: 0; }
    @media screen and (max-width: 767px) {
      .editorial-box.gray {
        background-color: #fff;
        border: none; } }
    @media screen and (max-width: 767px) {
      .editorial-box.gray .text {
        color: #fff; } }
  .editorial-box.darkgray {
    background-color: #333; }
    @media screen and (max-width: 767px) {
      .editorial-box.darkgray {
        background-color: #fff; } }
    .editorial-box.darkgray .text {
      color: #fff; }
      @media screen and (max-width: 767px) {
        .editorial-box.darkgray .text {
          color: #fff; } }
  .editorial-box.black {
    background-color: #000; }
    @media screen and (max-width: 767px) {
      .editorial-box.black {
        background-color: #fff; } }
    .editorial-box.black .text {
      color: #fff; }
      @media screen and (max-width: 767px) {
        .editorial-box.black .text {
          color: #fff; } }
  .editorial-box.white {
    background: white; }
    .editorial-box.white hr {
      height: 3px;
      color: #000;
      background-color: #000;
      border: none;
      margin: 0; }
    @media screen and (max-width: 767px) {
      .editorial-box.white .text {
        background-color: rgba(255, 255, 255, 0.7);
        color: #000; }
        .editorial-box.white .text .title {
          color: #000 !important; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.yellow {
      max-height: 500px; } }
  @media screen and (max-width: 767px) {
    .editorial-box.yellow {
      max-height: 500px; } }
  .editorial-box.yellow .text {
    background-color: rgba(255, 219, 0, 0.8) !important;
    color: #000 !important; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorial-box.yellow .text {
        padding: 0% 7%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.yellow .text {
        padding: 0% 4%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.yellow .text {
        padding: 0% 8%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.yellow .text .title {
        color: #000; } }
  .editorial-box.img-right img {
    float: right; }
  .editorial-box.img-right .text {
    float: left; }
  .editorial-box.img-right .cta {
    left: 8.33%; }
    @media screen and (max-width: 767px) {
      .editorial-box.img-right .cta {
        left: 10%; } }
  .editorial-box.img-left img {
    float: left; }
  .editorial-box.img-left .text {
    float: right; }
  .editorial-box.img-left .cta {
    left: 58.33%; }
    @media screen and (max-width: 767px) {
      .editorial-box.img-left .cta {
        left: 10%; } }
  .editorial-box.bb-special {
    border-bottom: 5px solid #fff; }
  .editorial-box.cover-right img {
    float: none;
    min-height: 400px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-right img {
        margin-left: -30%;
        width: auto;
        max-width: none; } }
  .editorial-box.cover-right .logo {
    display: none; }
  .editorial-box.cover-right .text {
    top: 0;
    position: absolute;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin-bottom: 0; }
  .editorial-box.cover-right .cta {
    left: 58.33%; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-right .cta {
        left: 10%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.cover-right img {
      min-height: 200px;
      width: auto;
      float: right;
      max-width: none; } }
  .editorial-box.cover-right.white .text {
    background-color: rgba(255, 255, 255, 0.6); }
  .editorial-box.cover-left img {
    float: none;
    min-height: 400px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left img {
        margin-left: -30%;
        width: auto;
        max-width: none; } }
  .editorial-box.cover-left .logo {
    display: none; }
  .editorial-box.cover-left .text {
    top: 0;
    position: absolute;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin-bottom: 0; }
  .editorial-box.cover-left .cta {
    left: 58.33%; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left .cta {
        left: 10%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.cover-left img {
      min-height: 200px;
      width: auto;
      float: right;
      max-width: none; } }
  .editorial-box.cover-left.bgYellow .text {
    background-color: rgba(255, 219, 0, 0.6); }
  .editorial-box.cover-right.bgYellow .text {
    background-color: rgba(255, 219, 0, 0.6); }
  .editorial-box.cover-right-nobg.cover-header .text {
    top: 23%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.cover-right-nobg.cover-header .text {
        top: 12%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-right-nobg.cover-header .text {
        top: 3%; } }
  .editorial-box.cover-right-nobg.cover-header .cta {
    bottom: 12%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorial-box.cover-right-nobg.cover-header .cta {
        bottom: 8%; } }
  .editorial-box.cover-left-nobg.cover-header .text {
    top: 23%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.cover-left-nobg.cover-header .text {
        top: 12%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left-nobg.cover-header .text {
        top: 3%; } }
  .editorial-box.cover-left-nobg.cover-header .cta {
    bottom: 12%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorial-box.cover-left-nobg.cover-header .cta {
        bottom: 8%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left-nobg.cover-header .cta {
        bottom: 2%; } }
  .editorial-box.cover-right-nobg img {
    float: none;
    min-height: auto;
    width: 100%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.cover-right-nobg img {
        float: left !important; } }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-right-nobg img {
        margin-left: 0px;
        width: 100%;
        max-width: none; } }
  .editorial-box.cover-right-nobg .logo {
    display: none; }
  .editorial-box.cover-right-nobg .text {
    top: 8%;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.cover-right-nobg .text {
        top: 1%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-right-nobg .text {
        top: 0;
        background-color: transparent;
        min-height: 250px; } }
    .editorial-box.cover-right-nobg .text .title {
      font-size: 55px;
      line-height: 100%;
      text-transform: uppercase;
      margin-bottom: 10px;
      margin-top: 0;
      font-family: "Abarth_heavy"; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box.cover-right-nobg .text .title {
          line-height: 40px;
          font-size: 38px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box.cover-right-nobg .text .title {
          font-size: 38px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box.cover-right-nobg .text .title {
          font-size: 24px;
          margin-bottom: 10px; } }
      @media screen and (max-width: 767px) {
        .editorial-box.cover-right-nobg .text .title {
          font-size: 24px;
          color: #fff; } }
      @media screen and (max-width: 767px) {
        .editorial-box.cover-right-nobg .text .title .text {
          color: #fff; } }
    .editorial-box.cover-right-nobg .text .red {
      color: #e72020;
      font-weight: 400;
      font-family: "Abarth_Medium"; }
    .editorial-box.cover-right-nobg .text b {
      font-weight: 400;
      font-family: "Abarth_Medium"; }
  .editorial-box.cover-right-nobg .cta {
    left: 58.33%;
    bottom: 10%; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-right-nobg .cta {
        left: 8%;
        bottom: 2% !important;
        height: 25px;
        line-height: 27px;
        padding: 0;
        margin-bottom: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.cover-right-nobg img {
      min-height: auto;
      width: 100%;
      float: none;
      max-width: none; } }
  @media screen and (max-width: 767px) {
    .editorial-box.cover-right-nobg {
      background-color: white; } }
  .editorial-box.cover-left-nobg img {
    float: none;
    min-height: auto;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left-nobg img {
        margin-left: 0px;
        width: 100%;
        max-width: none; } }
  .editorial-box.cover-left-nobg .logo {
    display: none; }
  .editorial-box.cover-left-nobg .text {
    top: 8%;
    position: absolute !important;
    left: 0;
    bottom: 0;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.cover-left-nobg .text {
        top: 1%; } }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left-nobg .text {
        top: 0;
        /*Giacomo*/
        /*padding-top: 10px;
                padding-bottom: 10px;*/
        /*End Giacomo*/
        background-color: transparent; } }
    .editorial-box.cover-left-nobg .text .title {
      font-size: 55px;
      line-height: 100%;
      text-transform: uppercase;
      margin-bottom: 10px;
      margin-top: 0;
      font-family: "Abarth_heavy"; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box.cover-left-nobg .text .title {
          line-height: 40px;
          font-size: 38px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box.cover-left-nobg .text .title {
          font-size: 38px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box.cover-left-nobg .text .title {
          font-size: 24px;
          margin-bottom: 10px; } }
      @media screen and (max-width: 767px) {
        .editorial-box.cover-left-nobg .text .title {
          font-size: 24px;
          color: #fff; } }
      @media screen and (max-width: 767px) {
        .editorial-box.cover-left-nobg .text .title .text {
          color: #fff; } }
    .editorial-box.cover-left-nobg .text .red {
      color: #e72020;
      font-weight: 400;
      font-family: "Abarth_Medium"; }
    .editorial-box.cover-left-nobg .text b {
      font-weight: 400;
      font-family: "Abarth_Medium"; }
  .editorial-box.cover-left-nobg .cta {
    left: 8.33%;
    bottom: 10%; }
    @media screen and (max-width: 767px) {
      .editorial-box.cover-left-nobg .cta {
        left: 8%;
        bottom: 2%;
        height: 25px;
        line-height: 27px;
        padding: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.cover-left-nobg img {
      min-height: auto;
      width: 100%;
      float: none;
      max-width: none; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.cover-right-nobg.palmWidth img {
      min-height: auto;
      width: 100%;
      float: right;
      max-width: none; } }
  @media screen and (max-width: 767px) {
    .editorial-box.cover-right-nobg.palmWidth .subtitle img {
      margin-left: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-box.cover-right-nobg.palmWidth .text {
      top: 1%;
      position: absolute;
      right: 0;
      bottom: 0;
      margin-bottom: 0;
      width: 50%; } }
  .editorial-box.cover-right-nobg.palmWidth .text .subtitle {
    margin: 0; }
  .editorial-box.no-cta .cta {
    display: none; }
  .editorial-box.no-img img {
    display: none; }
  .editorial-box.no-img .text {
    width: 100%; }
    .editorial-box.no-img .text p {
      font-size: 24px;
      line-height: 30px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-box.no-img .text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-box.no-img .text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-box.no-img .text p {
          font-size: 14px;
          line-height: 16px; } }
      @media screen and (max-width: 767px) {
        .editorial-box.no-img .text p {
          font-size: 16px;
          line-height: 16px; } }
    .editorial-box.no-img .text .title {
      margin-bottom: 1.5rem; }
  .editorial-box.no-title .text .subtitle {
    display: none; }
  .editorial-box.no-title .text .title {
    display: none; }
  .editorial-box.special .text {
    width: 65%; }
    @media screen and (max-width: 767px) {
      .editorial-box.special .text {
        width: 100%; } }
  .editorial-box.special .cta {
    font-size: 1.25em; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorial-box.special .cta {
        font-size: 1em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .editorial-box.special .cta {
        font-size: 1em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-box.special .cta {
        font-size: 0.875em; } }
    @media screen and (max-width: 767px) {
      .editorial-box.special .cta {
        font-size: 1em; } }
  .editorial-box.special.cover-right-nobg .cta {
    left: 43.33%; }
    @media screen and (max-width: 767px) {
      .editorial-box.special.cover-right-nobg .cta {
        left: 8% !important;
        bottom: 4%;
        height: 25px;
        line-height: 27px;
        padding: 0;
        margin-bottom: 0; } }
  .editorial-box.academy .text {
    padding-top: 0px; }
    @media screen and (min-width: 1920px) {
      .editorial-box.academy .text {
        padding-top: 100px;
        padding-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .editorial-box.academy .text {
      position: static;
      margin-bottom: 0;
      background-color: #000; } }
  .editorial-box .pippo {
    display: none; }
  .editorial-box.txt-video-box {
    margin: 0 !important; }
    .editorial-box.txt-video-box .video-wrapper {
      position: relative;
      width: 50%;
      float: right;
      padding-top: 28%;
      height: 0; }
      .editorial-box.txt-video-box .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0; }
        @media screen and (max-width: 1227px) and (min-width: 1202px) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 340px; } }
        @media screen and (max-width: 1201px) and (min-width: 1024px) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 360px; } }
        @media screen and (max-width: 1025px) and (min-width: 1024px) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 380px; } }
        @media screen and (max-width: 1023px) and (min-width: 873px) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 245px; } }
        @media screen and (max-width: 872px) and (min-width: 802px) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 261px; } }
        @media screen and (max-width: 801px) and (min-width: 768px) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 262px; } }
        @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 361px; } }
        @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
          .editorial-box.txt-video-box .video-wrapper iframe {
            min-height: 262px; } }
      @media screen and (max-width: 767px) {
        .editorial-box.txt-video-box .video-wrapper {
          width: 100%;
          padding-top: 65%; } }
    .editorial-box.txt-video-box .text {
      position: static;
      float: left; }
      @media screen and (max-width: 767px) {
        .editorial-box.txt-video-box .text {
          width: 100%;
          padding-top: 40px;
          padding-bottom: 60px;
          margin-top: 0px; } }

.specialseriehub.editorial-box {
  margin: 0px !important; }
  .specialseriehub.editorial-box .text {
    margin-bottom: 8%; }
    .specialseriehub.editorial-box .text .subtitle {
      margin-top: 15px; }

.visore_editorial-box {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("clientlib-base/resources/images/editoriali/serie-speciali/backgrounds/background-visore.png");
  padding: 80px 100px 0px 100px;
  color: #fff !important;
  text-align: center;
  background-color: #000; }
  @media screen and (max-width: 1023px) {
    .visore_editorial-box {
      padding: 40px 20px 0px 20px; } }
  .visore_editorial-box .break_line {
    margin: 0 auto; }
  .visore_editorial-box .abarth_title {
    font-family: 'Abarth_Light';
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 40px;
    letter-spacing: 3px; }
  .visore_editorial-box h1 {
    font-size: 45px;
    font-family: 'Abarth_heavy';
    margin-top: 20px; }
  .visore_editorial-box p {
    font-size: 16px;
    font-family: 'Abarth_light'; }
  .visore_editorial-box .visore_modal_CTA {
    text-transform: uppercase;
    text-decoration: none;
    background-color: #e72020;
    color: #fff;
    padding: 10px 50px 10px 50px;
    font-size: 14px;
    cursor: pointer; }
  .visore_editorial-box .vertical_line {
    height: 60px;
    width: 2px;
    background-color: #ffffff;
    position: relative;
    left: 50%;
    margin-left: -1px;
    margin-top: 70px; }

.editorial-box.restyle_2017 .text {
  top: 10% !important; }
  .editorial-box.restyle_2017 .text h4 {
    font-family: 'Abarth_Light';
    font-size: 16px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-weight: lighter; }
  .editorial-box.restyle_2017 .text .break_line {
    margin-bottom: 20px; }

.editorial-box.restyle_2017 .cta_box {
  float: left;
  text-transform: uppercase;
  text-decoration: none;
  margin-right: 30px;
  cursor: pointer; }
  .editorial-box.restyle_2017 .cta_box img,
  .editorial-box.restyle_2017 .cta_box div {
    height: 50px;
    text-align: center; }
  .editorial-box.restyle_2017 .cta_box img {
    float: left;
    width: auto; }
  .editorial-box.restyle_2017 .cta_box .cta_wrapper {
    float: right;
    font-size: 14px;
    font-family: 'Abarth_light';
    overflow: hidden;
    margin-left: -2px;
    width: 0px;
    transition: width 0.45s; }
    .editorial-box.restyle_2017 .cta_box .cta_wrapper:last-of-type {
      margin-bottom: 20px; }

.editorial-box.restyle_2017.black h4 {
  color: #fff !important; }

.editorial-box.restyle_2017.black .cta_box {
  color: #fff; }
  .editorial-box.restyle_2017.black .cta_box img {
    border: solid 2px #fff; }
  .editorial-box.restyle_2017.black .cta_box .cta_wrapper {
    border: solid 2px #fff;
    border-left: none; }

.editorial-box.restyle_2017.white h4 {
  color: #000 !important; }

.editorial-box.restyle_2017.white .cta_box {
  color: #000; }
  .editorial-box.restyle_2017.white .cta_box img {
    border: solid 2px #000; }
  .editorial-box.restyle_2017.white .cta_box .cta_wrapper {
    border: solid 2px #000;
    border-left: none; }

.visore_editorial-box .break_line,
.editorial-box.restyle_2017 .break_line {
  height: 5px;
  width: 65px;
  background-color: #e72020;
  border: solid 0.15px rgba(103, 0, 0, 0.2); }
  .visore_editorial-box .break_line.red,
  .editorial-box.restyle_2017 .break_line.red {
    background-color: #e72020; }
  .visore_editorial-box .break_line.green,
  .editorial-box.restyle_2017 .break_line.green {
    background-color: #00944B; }
  .visore_editorial-box .break_line.blue,
  .editorial-box.restyle_2017 .break_line.blue {
    background-color: #00ACF1; }
  .visore_editorial-box .break_line.yellow,
  .editorial-box.restyle_2017 .break_line.yellow {
    background-color: #F9D400; }
  .visore_editorial-box .break_line.black,
  .editorial-box.restyle_2017 .break_line.black {
    background-color: #333; }

@media screen and (min-width: 1920px) {
  .editorial-box.restyle_2017 .text {
    width: 51%; }
  .editorial-box.restyle_2017 .cta_box .cta_wrapper {
    width: 0px;
    transition: width 0.45s; }
    .editorial-box.restyle_2017 .cta_box .cta_wrapper div {
      width: 185px;
      padding-top: 17px; }
  .editorial-box.restyle_2017 .cta_box:hover .cta_wrapper {
    width: 185px;
    transition: width 0.35s; } }

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .editorial-box.restyle_2017 .text {
    width: 51%; }
  .editorial-box.restyle_2017 .cta_box .cta_wrapper {
    width: 0px;
    transition: width 0.45s; }
    .editorial-box.restyle_2017 .cta_box .cta_wrapper div {
      width: 185px;
      padding-top: 17px; }
  .editorial-box.restyle_2017 .cta_box:hover .cta_wrapper {
    width: 185px;
    transition: width 0.35s; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .editorial-box.restyle_2017 .text {
    width: 51%; }
  .editorial-box.restyle_2017 .cta_box .cta_wrapper {
    width: 200px; }
    .editorial-box.restyle_2017 .cta_box .cta_wrapper div {
      width: 100%;
      padding-top: 17px; }
  .editorial-box.restyle_2017.withCTA {
    height: 700px; }
    .editorial-box.restyle_2017.withCTA .smart-hidden.desk-hidden.large-hidden {
      position: absolute;
      bottom: 40px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .editorial-box.restyle_2017 .text {
    width: 51%; }
  .editorial-box.restyle_2017 .cta_box .cta_wrapper {
    width: 185px; }
    .editorial-box.restyle_2017 .cta_box .cta_wrapper div {
      width: 100%;
      padding-top: 17px; }
  .editorial-box.restyle_2017.withCTA {
    height: 550px; }
    .editorial-box.restyle_2017.withCTA .smart-hidden.desk-hidden.large-hidden {
      position: absolute;
      bottom: 40px; } }

@media screen and (max-width: 767px) {
  .visore_editorial-box h1 {
    font-size: 30px; }
  .editorial-box.restyle_2017 {
    text-align: center;
    min-height: 800px; }
    .editorial-box.restyle_2017 img {
      min-height: 100%; }
    .editorial-box.restyle_2017 .text {
      width: 100%;
      top: 3% !important; }
      .editorial-box.restyle_2017 .text .break_line {
        margin: 0 auto;
        margin-bottom: 20px;
        margin-top: 20px; }
    .editorial-box.restyle_2017 .cta_box {
      width: 100%; }
      .editorial-box.restyle_2017 .cta_box .cta_wrapper {
        width: 80%;
        float: left; }
        .editorial-box.restyle_2017 .cta_box .cta_wrapper div {
          width: 100%;
          padding-top: 17px; }
    .editorial-box.restyle_2017 .palm-hidden.large-hidden {
      height: 100%;
      width: auto !important;
      position: absolute;
      left: 50%;
      margin-left: -384px !important; }
  .editorial-box.restyle_2017.withCTA {
    height: 800px; }
    .editorial-box.restyle_2017.withCTA .sliding-box {
      position: absolute;
      bottom: 0px;
      width: 90%; } }

@media (max-width: 392px) {
  .cta_box .cta_wrapper {
    width: 75% !important; } }

.visore_overlay_background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.25); }

.modal_visore_2017 {
  background-color: #fff;
  position: absolute;
  z-index: 50;
  top: -1000px;
  left: 0px;
  margin-left: 7.5%;
  border: 1px solid #888;
  width: 85%;
  padding-top: 20px; }
  @media screen and (max-width: 1023px) {
    .modal_visore_2017 {
      padding-top: 25px;
      max-height: 90%;
      overflow-y: auto;
      overflow-x: hidden; } }
  .modal_visore_2017 .modal_visore_header {
    color: #000;
    float: left;
    width: 100%; }
    .modal_visore_2017 .modal_visore_header .promo,
    .modal_visore_2017 .modal_visore_header .modal_visore_close,
    .modal_visore_2017 .modal_visore_header .modal_visore_close > div,
    .modal_visore_2017 .modal_visore_header .promo > h4 {
      color: #000;
      margin: 0px;
      text-transform: uppercase; }
    .modal_visore_2017 .modal_visore_header .promo {
      float: left;
      width: 100%;
      text-align: center;
      letter-spacing: 5px; }
      .modal_visore_2017 .modal_visore_header .promo h4 {
        font-family: 'Abarth_Light';
        font-size: 20px;
        padding-top: 2px; }
    .modal_visore_2017 .modal_visore_header .modal_visore_close {
      position: absolute;
      top: 15px;
      right: 15px; }
      @media screen and (max-width: 767px) {
        .modal_visore_2017 .modal_visore_header .modal_visore_close {
          top: 5px;
          left: 5px;
          right: initial; } }
      .modal_visore_2017 .modal_visore_header .modal_visore_close div {
        border: solid 1px #000;
        transform: rotate(45deg);
        float: right;
        width: 35px;
        height: 35px;
        padding: 0px;
        border-radius: 35px;
        font-size: 35px !important;
        font-weight: lighter;
        line-height: 31px;
        padding-left: 1px;
        cursor: pointer; }
        .modal_visore_2017 .modal_visore_header .modal_visore_close div:hover {
          border: solid 2px #000; }
        @media screen and (max-width: 1023px) {
          .modal_visore_2017 .modal_visore_header .modal_visore_close div {
            width: 20px;
            height: 20px;
            border-radius: 20px;
            font-size: 27px !important;
            line-height: 16px; } }
  .modal_visore_2017 .break_line {
    width: 50px;
    height: 0px; }
  .modal_visore_2017 .modal_visore_body {
    font-family: 'Abarth_Medium'; }
    .modal_visore_2017 .modal_visore_body p {
      text-align: center;
      color: #000;
      width: 80%;
      margin-left: 10%;
      margin-top: 30px;
      font-weight: 500; }
    .modal_visore_2017 .modal_visore_body input {
      margin-top: 10px;
      height: 50px;
      width: 50%;
      color: #adadad;
      text-align: center;
      letter-spacing: 7px;
      font-size: 20px;
      outline: non; }
    .modal_visore_2017 .modal_visore_body button {
      text-transform: uppercase;
      padding: 15px 70px 10px 70px;
      border: none !important;
      margin-top: 40px;
      text-align: center;
      background-color: #fe0700;
      color: #fff;
      border: solid 0.15px rgba(103, 0, 0, 0.2); }
  .modal_visore_2017 .modal_visore_footer {
    margin-top: 30px;
    width: 100%;
    background-color: #e0e0e0; }
    .modal_visore_2017 .modal_visore_footer .left,
    .modal_visore_2017 .modal_visore_footer .right {
      color: #000;
      width: 50%;
      float: left;
      margin: 0px;
      padding: 20px;
      text-align: left;
      height: 100%; }
    .modal_visore_2017 .modal_visore_footer .left {
      background-color: #f5f5f5; }
    .modal_visore_2017 .modal_visore_footer .left .text,
    .modal_visore_2017 .modal_visore_footer .right .text {
      font-size: 15px;
      line-height: 18px; }
    .modal_visore_2017 .modal_visore_footer .left .plate,
    .modal_visore_2017 .modal_visore_footer .left button,
    .modal_visore_2017 .modal_visore_footer .right .plate,
    .modal_visore_2017 .modal_visore_footer .right button {
      bottom: 20px; }
    .modal_visore_2017 .modal_visore_footer .left .text {
      margin-top: 20px; }
    .modal_visore_2017 .modal_visore_footer .left .plate {
      height: 50px;
      width: 250px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("../../../content/dam/abarth/serie-speciali/2017/bg_targhetta_overlay.jpg"); }
      .modal_visore_2017 .modal_visore_footer .left .plate .brand,
      .modal_visore_2017 .modal_visore_footer .left .plate .number,
      .modal_visore_2017 .modal_visore_footer .left .plate .dyn_num {
        margin: 0px;
        padding: 0px;
        line-height: 50px; }
      .modal_visore_2017 .modal_visore_footer .left .plate .brand {
        float: left;
        color: #fff;
        text-indent: 15px;
        letter-spacing: 2.5px;
        font-size: 14px; }
      .modal_visore_2017 .modal_visore_footer .left .plate .number,
      .modal_visore_2017 .modal_visore_footer .left .plate .dyn_num {
        float: right;
        margin-right: 15px;
        font-weight: bold; }
      .modal_visore_2017 .modal_visore_footer .left .plate .dyn_num {
        font-size: 25px;
        color: #fe0700; }
      .modal_visore_2017 .modal_visore_footer .left .plate .number {
        color: #fff; }
    .modal_visore_2017 .modal_visore_footer .right .text {
      width: 70%; }
    .modal_visore_2017 .modal_visore_footer .right button {
      height: 50px;
      width: 250px;
      background-color: #fe0700;
      padding-top: 8px;
      font-size: 15px;
      color: #fff;
      text-transform: uppercase;
      border: solid 0.15px rgba(103, 0, 0, 0.2); }
    .modal_visore_2017 .modal_visore_footer .step-4 {
      color: #000;
      padding: 20px; }
      .modal_visore_2017 .modal_visore_footer .step-4 h5 {
        color: #fe0700; }
      .modal_visore_2017 .modal_visore_footer .step-4 a {
        color: #000;
        text-transform: none;
        font-weight: bold;
        text-decoration: none;
        background-color: transparent !important;
        width: auto; }
  .modal_visore_2017 .hide-on-events {
    display: none !important; }
  @media (max-width: 1055px) {
    .modal_visore_2017 .alignment-break {
      display: none; } }
  @media (max-width: 840px) {
    .modal_visore_2017 .modal_visore_footer .left,
    .modal_visore_2017 .modal_visore_footer .right {
      width: 100% !important;
      text-align: center; } }
  .modal_visore_2017 .VIMerror {
    border: solid 1px red; }
  .modal_visore_2017 .VIMok {
    border: solid 1px green; }
  .modal_visore_2017 .specialPlate {
    height: 90px;
    width: 250px;
    display: block;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .modal_visore_2017 .specialPlate .number {
      color: #fff;
      line-height: 50px;
      text-align: center;
      display: block; }

.editorial-visore {
  width: 100%;
  position: relative;
  height: auto; }
  .editorial-visore.contact-us .logo-text {
    padding: 0 20px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-visore.contact-us .logo-text {
        top: 0px !important; } }
    @media screen and (max-width: 767px) {
      .editorial-visore.contact-us .logo-text {
        position: absolute;
        height: 120px;
        bottom: 0px;
        top: 280px; } }
    .editorial-visore.contact-us .logo-text .logo {
      display: none; }
    .editorial-visore.contact-us .logo-text p {
      text-align: left;
      padding: 0; }
      @media screen and (max-width: 767px) {
        .editorial-visore.contact-us .logo-text p {
          font-size: 0.85em !important;
          text-align: center; } }
    .editorial-visore.contact-us .logo-text h2 {
      text-align: left;
      position: relative; }
      @media screen and (max-width: 767px) {
        .editorial-visore.contact-us .logo-text h2 {
          text-align: center; } }
  .editorial-visore p {
    margin: 0;
    padding: 0; }
  .editorial-visore img {
    width: 100%;
    height: auto; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-visore img {
        margin-top: 0px; } }
    @media screen and (max-width: 767px) {
      .editorial-visore img {
        height: auto;
        margin: auto;
        width: 100%;
        margin-left: 0px;
        max-width: none;
        right: -26px; } }
  .editorial-visore .logo-text {
    position: absolute;
    top: 200px;
    left: 10%;
    z-index: 2;
    width: 30%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorial-visore .logo-text {
        top: 140px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .editorial-visore .logo-text {
        top: 120px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-visore .logo-text {
        top: 112px;
        width: 45%; } }
    @media screen and (max-width: 767px) {
      .editorial-visore .logo-text {
        top: 0;
        margin: auto;
        width: 100%;
        left: 0;
        bottom: 0; } }
    .editorial-visore .logo-text p {
      color: #fff;
      padding: 0 10px;
      text-align: center;
      margin-bottom: 10px;
      margin: 0 auto;
      margin-bottom: 10px;
      font-size: 24px;
      line-height: 30px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-visore .logo-text p {
          font-size: 25px;
          line-height: 30px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-visore .logo-text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-visore .logo-text p {
          font-size: 14px;
          line-height: 16px; } }
      @media screen and (max-width: 767px) {
        .editorial-visore .logo-text p {
          font-size: 16px;
          line-height: 16px; } }
    .editorial-visore .logo-text .hd-title {
      text-transform: uppercase;
      font-family: 'Abarth_heavy';
      margin-bottom: 10px;
      margin-top: 10%;
      color: #fff;
      padding: 0 10px;
      text-align: center;
      margin-bottom: 10px;
      margin: 0 auto;
      font-size: 24px;
      line-height: 30px; }
      @media screen and (max-width: 767px) {
        .editorial-visore .logo-text .hd-title {
          font-size: 16px;
          line-height: 16px;
          position: absolute;
          bottom: 0;
          width: 100%; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .editorial-visore .logo-text-many-rows {
      top: 40px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .editorial-visore .logo-text-many-rows {
      top: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .editorial-visore .logo-text-many-rows {
      top: 12px; } }
  .editorial-visore .logo {
    width: 65%;
    height: auto;
    margin: 0 auto;
    display: block; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-visore .logo {
        width: 50%; } }
    @media screen and (max-width: 767px) {
      .editorial-visore .logo {
        width: 40%;
        max-width: 230px;
        position: relative;
        min-height: auto;
        right: 0;
        top: 15px; } }
  .editorial-visore h2 {
    font-size: 3em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Abarth_heavy';
    margin-bottom: 10px;
    margin-top: 10%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorial-visore h2 {
        font-size: 2.3em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .editorial-visore h2 {
        font-size: 2em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-visore h2 {
        font-size: 1.5em; } }
    @media screen and (max-width: 767px) {
      .editorial-visore h2 {
        font-size: 1.5em;
        position: absolute;
        bottom: 0;
        width: 100%; } }

.container-promotion {
  margin-top: 20px;
  padding-left: 0px;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .container-promotion {
      margin-top: 0px; } }
  .container-promotion .box-promotion {
    position: relative;
    display: inline-block;
    /*margin: 20px;*/
    /*Giacomo*/
    margin: 0px;
    /*End Giacomo*/
    padding: 10px; }
    @media screen and (max-width: 767px) {
      .container-promotion .box-promotion {
        margin-bottom: 0px; } }
    .container-promotion .box-promotion .box-image {
      padding-left: 0;
      border: solid 4px #000;
      background-size: cover !important;
      background-position: center center;
      height: 335px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .container-promotion .box-promotion .box-image {
          height: 240px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .container-promotion .box-promotion .box-image {
          height: 184px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .container-promotion .box-promotion .box-image {
          height: 245px; } }
      @media screen and (max-width: 767px) {
        .container-promotion .box-promotion .box-image {
          height: 285px;
          border: 0;
          /*Giacomo*/
          opacity: 0.3;
          /*End Giacomo*/ } }
    .container-promotion .box-promotion .box-text {
      background: #000;
      padding-left: 10px;
      padding-top: 10px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .container-promotion .box-promotion .box-text {
          min-height: 245px;
          padding-left: 0px; } }
      @media screen and (max-width: 767px) {
        .container-promotion .box-promotion .box-text {
          background: rgba(255, 255, 255, 0.5);
          padding-left: 10px;
          padding-top: 10px;
          position: absolute;
          /* z-index: 9; */
          top: 0;
          left: 0; } }
      .container-promotion .box-promotion .box-text .cta {
        margin: 0 auto; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .container-promotion .box-promotion .box-text .cta {
            min-width: 144px;
            bottom: 0; } }
      .container-promotion .box-promotion .box-text .img-text {
        overflow: hidden;
        margin-top: 0px;
        position: relative; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .container-promotion .box-promotion .box-text .img-text {
            height: 215px; } }
        @media screen and (max-width: 767px) {
          .container-promotion .box-promotion .box-text .img-text {
            margin: 0 auto; } }
        .container-promotion .box-promotion .box-text .img-text .icon-serie {
          position: absolute;
          right: 0;
          /*width: 23%;*/
          /*Giacomo*/
          width: 30%;
          /*End Giacomo*/
          top: 0%;
          margin-top: 0;
          padding-top: 0;
          padding-right: 10px; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .container-promotion .box-promotion .box-text .img-text .icon-serie {
              display: none; } }
          @media screen and (max-width: 767px) {
            .container-promotion .box-promotion .box-text .img-text .icon-serie {
              display: none; } }
      .container-promotion .box-promotion .box-text .img-text.no-img .text {
        width: 100%;
        /* ------- */ }
        @media screen and (min-width: 1024px) {
          .container-promotion .box-promotion .box-text .img-text.no-img .text {
            max-width: 240px; } }
        .container-promotion .box-promotion .box-text .img-text.no-img .text h3 {
          font-family: "Abarth_Medium";
          font-size: 1em;
          font-weight: normal; }
          @media screen and (min-width: 1920px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text h3 {
              font-size: 1.5em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text h3 {
              font-size: 18px;
              line-height: 0.9; } }
          @media screen and (max-width: 767px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text h3 {
              font-size: 24px; } }
        .container-promotion .box-promotion .box-text .img-text.no-img .text h4 {
          font-size: 1em;
          font-weight: normal;
          font-family: "Abarth_Light";
          line-height: 1.2;
          margin-top: 6px;
          text-transform: uppercase;
          margin-bottom: 0; }
          @media screen and (min-width: 1920px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text h4 {
              font-size: 1.125em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text h4 {
              font-size: 0.8em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text h4 {
              font-size: 0.625em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text h4 {
              font-size: 12px; } }
          @media screen and (max-width: 767px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text h4 {
              color: #000; } }
        .container-promotion .box-promotion .box-text .img-text.no-img .text p {
          font-family: 'Abarth_Light';
          text-transform: uppercase; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text p {
              font-size: 14px;
              /*Giacomo*/
              font-family: 'Abarth_Light';
              /*End Giacomo*/ } }
          @media screen and (max-width: 767px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text p {
              font-size: 14px; } }
        .container-promotion .box-promotion .box-text .img-text.no-img .text .info-offer {
          /*font-family: 'Abarth_Heavy';
                        text-transform: uppercase;
                        margin-top: 20px;
                        margin-bottom: 5px;*/
          font-family: 'Abarth_Light';
          text-transform: uppercase;
          font-size: 1em;
          line-height: 1.3em;
          width: auto;
          margin-bottom: 1.5rem; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text .info-offer {
              font-size: 0.75em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text .info-offer {
              font-size: 14px;
              /*Giacomo*/
              font-family: 'Abarth_Light';
              /*End Giacomo*/ } }
          @media screen and (max-width: 767px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text .info-offer {
              font-size: 14px; } }
        .container-promotion .box-promotion .box-text .img-text.no-img .text .paragraph {
          text-transform: uppercase;
          font-family: 'Abarth_Heavy'; }
          @media screen and (min-width: 1920px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text .paragraph {
              font-size: 0.875em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text .paragraph {
              font-size: 0.625em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text .paragraph {
              font-size: 0.625em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text .paragraph {
              font-size: 14px;
              /*Giacomo*/
              font-family: 'Abarth_Light';
              /*End Giacomo*/ } }
          @media screen and (max-width: 767px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text .paragraph {
              line-height: 14px; } }
        .container-promotion .box-promotion .box-text .img-text.no-img .text .title {
          font-family: "Abarth_Medium";
          font-weight: normal;
          line-height: 1.2;
          text-transform: uppercase;
          margin-bottom: 10px;
          font-size: 1em; }
          @media screen and (min-width: 1920px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text .title {
              font-size: 1.5em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text .title {
              font-size: 18px;
              line-height: .9; } }
          @media screen and (max-width: 767px) {
            .container-promotion .box-promotion .box-text .img-text.no-img .text .title {
              color: #000000;
              font-size: 24px; } }

/*----------------- image-carousel  -------------*/
.visore-promo {
  /*
	.cta{
		font-size: 1em;
		padding: 2% 4%;

		@include media-query(large-screen){
			font-size: 1.5em;
			padding: 2% 6%;
			margin-top: 10% !important;
		}
	}*/ }
  .visore-promo .cta {
    margin-left: 12px;
    font-size: 0.75em;
    min-width: 170px;
    margin-top: 15px !important; }
    @media screen and (min-width: 1920px) {
      .visore-promo .cta {
        font-size: 1em;
        margin-top: 10% !important;
        min-width: 250px;
        line-height: 32px; } }
    @media screen and (max-width: 767px) {
      .visore-promo .cta {
        margin-left: auto;
        position: absolute;
        bottom: 70px;
        left: 10%;
        width: 80%; } }
  .visore-promo .image-carousel {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    list-style: none; }
    @media screen and (max-width: 767px) {
      .visore-promo .image-carousel .slick-dots {
        bottom: 10px; } }
    .visore-promo .image-carousel .image-carousel-item {
      list-style: none;
      padding: 0;
      margin: 0;
      min-height: 100px; }
      .visore-promo .image-carousel .image-carousel-item .img-slide-container {
        position: relative;
        overflow: hidden;
        /*Giacomo*/
        background: #3d3d3d;
        /*End Giacomo*/ }
      @media screen and (max-width: 767px) {
        .visore-promo .image-carousel .image-carousel-item img {
          margin-left: 0;
          height: auto;
          /* max-width: 350px; */
          width: 100%;
          /*Giacomo*/
          opacity: 0.6;
          /*End Giacomo*/ } }
      .visore-promo .image-carousel .image-carousel-item .img-text {
        position: absolute;
        top: 120px;
        left: 10%;
        z-index: 2;
        width: 30%; }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .visore-promo .image-carousel .image-carousel-item .img-text {
            top: 90px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-promo .image-carousel .image-carousel-item .img-text {
            top: 90px; } }
        .visore-promo .image-carousel .image-carousel-item .img-text .logo {
          width: 45%;
          height: auto;
          margin: 0 auto;
          display: block; }
        .visore-promo .image-carousel .image-carousel-item .img-text h2 {
          margin-top: 30px;
          font-size: 2.5em;
          color: #fff;
          text-align: center;
          text-transform: uppercase;
          font-family: 'Abarth_heavy';
          margin-bottom: 20px; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .visore-promo .image-carousel .image-carousel-item .img-text h2 {
              font-size: 2em;
              margin-top: 20px;
              margin-bottom: 10px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .visore-promo .image-carousel .image-carousel-item .img-text h2 {
              font-size: 1.5em;
              margin-top: 20px;
              margin-bottom: 10px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .visore-promo .image-carousel .image-carousel-item .img-text h2 {
              font-size: 2em;
              margin-top: 10px;
              margin-bottom: 5px; } }
          @media screen and (max-width: 767px) {
            .visore-promo .image-carousel .image-carousel-item .img-text h2 {
              font-size: 2em; } }
        .visore-promo .image-carousel .image-carousel-item .img-text p {
          color: #fff;
          padding: 0 10px;
          text-align: center;
          text-transform: uppercase;
          margin-bottom: 10px;
          margin: 0 auto;
          line-height: 1.2em;
          margin-bottom: 10px;
          font-size: 1.5em; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .visore-promo .image-carousel .image-carousel-item .img-text p {
              font-size: 1em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .visore-promo .image-carousel .image-carousel-item .img-text p {
              font-size: 0.7em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .visore-promo .image-carousel .image-carousel-item .img-text p {
              font-size: 0.65em; } }
          @media screen and (max-width: 767px) {
            .visore-promo .image-carousel .image-carousel-item .img-text p {
              font-size: 0.85em !important; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-promo .image-carousel .image-carousel-item .img-text {
            top: 75px; }
            .visore-promo .image-carousel .image-carousel-item .img-text h2 {
              font-size: 1.2em; }
            .visore-promo .image-carousel .image-carousel-item .img-text .cta {
              font-size: 0.75em; } }
        @media screen and (max-width: 767px) {
          .visore-promo .image-carousel .image-carousel-item .img-text {
            top: 10px;
            left: 0;
            width: 100%;
            height: 100%; }
            .visore-promo .image-carousel .image-carousel-item .img-text .logo {
              width: 180px;
              margin: 0 auto;
              /*Giacomo*/
              opacity: 1;
              /*End Giacomo*/ }
            .visore-promo .image-carousel .image-carousel-item .img-text h2 {
              font-size: 2em;
              margin: 0 auto;
              width: 100%; }
            .visore-promo .image-carousel .image-carousel-item .img-text .cta {
              position: absolute;
              bottom: 70px;
              left: 10%;
              width: 80%; } }
        .visore-promo .image-carousel .image-carousel-item .img-text .ha-text {
          color: #fff;
          text-align: center;
          text-transform: uppercase;
          font-family: 'Abarth_heavy';
          font-size: 2em;
          margin-top: 20px;
          margin-bottom: 10px; }
          @media screen and (min-width: 1920px) {
            .visore-promo .image-carousel .image-carousel-item .img-text .ha-text {
              margin-top: 30px;
              margin-bottom: 20px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .visore-promo .image-carousel .image-carousel-item .img-text .ha-text {
              margin-top: 10px;
              margin-bottom: 5px; } }
          @media screen and (max-width: 767px) {
            .visore-promo .image-carousel .image-carousel-item .img-text .ha-text {
              margin: 0 auto;
              width: 100%; } }
          .visore-promo .image-carousel .image-carousel-item .img-text .ha-text p {
            font-size: 1em; }
            @media screen and (min-width: 1920px) {
              .visore-promo .image-carousel .image-carousel-item .img-text .ha-text p {
                font-size: 60px;
                line-height: 72px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .visore-promo .image-carousel .image-carousel-item .img-text .ha-text p {
                font-size: 1em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .visore-promo .image-carousel .image-carousel-item .img-text .ha-text p {
                font-size: 0.53em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .visore-promo .image-carousel .image-carousel-item .img-text .ha-text p {
                font-size: 0.39em; } }
        .visore-promo .image-carousel .image-carousel-item .img-text .hn-text {
          color: #fff;
          padding: 0 10px;
          text-align: center;
          text-transform: uppercase;
          margin-bottom: 10px;
          margin: 0 auto;
          line-height: 1.2em;
          margin-bottom: 10px;
          font-size: 1.5em; }
          @media screen and (min-width: 1920px) {
            .visore-promo .image-carousel .image-carousel-item .img-text .hn-text {
              font-size: 1em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .visore-promo .image-carousel .image-carousel-item .img-text .hn-text {
              font-size: 0.7em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .visore-promo .image-carousel .image-carousel-item .img-text .hn-text {
              font-size: 0.65em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .visore-promo .image-carousel .image-carousel-item .img-text .hn-text {
              font-size: 0.85em !important; } }
    .visore-promo .image-carousel .slick-prev {
      display: inline-block;
      position: absolute;
      top: 40%;
      left: 30px;
      height: 40px; }
      .visore-promo .image-carousel .slick-prev:after {
        content: "<"; }
    .visore-promo .image-carousel .slick-next {
      display: inline-block;
      position: absolute;
      top: 40%;
      right: 30px;
      height: 40px; }
      .visore-promo .image-carousel .slick-next:after {
        content: ">"; }
    .visore-promo .image-carousel .slick-dots {
      position: absolute;
      bottom: 20px;
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
      text-align: center; }
      .visore-promo .image-carousel .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer; }
        .visore-promo .image-carousel .slick-dots li button {
          font-size: 0;
          line-height: 0;
          display: block;
          width: 20px;
          height: 20px;
          padding: 5px;
          cursor: pointer;
          color: transparent;
          border: 0;
          outline: none;
          background: transparent; }
          .visore-promo .image-carousel .slick-dots li button:hover, .visore-promo .image-carousel .slick-dots li button:focus {
            outline: none; }
          .visore-promo .image-carousel .slick-dots li button:hover:before, .visore-promo .image-carousel .slick-dots li button:hover:before {
            oapcity: 1; }
          .visore-promo .image-carousel .slick-dots li button:before {
            font-family: 'slick';
            font-size: 6px;
            line-height: 20px;
            position: absolute;
            top: 0;
            left: 0;
            width: 10px;
            height: 10px;
            content: '';
            text-align: center;
            color: black;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            border: 2px solid #cccccc;
            border-radius: 10px; }
        .visore-promo .image-carousel .slick-dots li.slick-active button:before {
          border: 2px solid #ed1c24; }

.promotion-detail {
  color: #000;
  padding: 0;
  margin: 0;
  list-style: none;
  direction: rtl; }
  .promotion-detail .promotion-detail-item {
    padding: 0 30px;
    margin: 0;
    margin-bottom: 10px;
    list-style: none;
    direction: ltr;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .promotion-detail .promotion-detail-item .img-text.black .cta {
        bottom: 30px !important; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .promotion-detail .promotion-detail-item [class~="palm-1/1"] .img-text.img-left {
        height: 250px;
        width: 100%; }
        .promotion-detail .promotion-detail-item [class~="palm-1/1"] .img-text.img-left hr {
          display: block; }
        .promotion-detail .promotion-detail-item [class~="palm-1/1"] .img-text.img-left .video-wrapper {
          height: 250px; }
        .promotion-detail .promotion-detail-item [class~="palm-1/1"] .img-text.img-left .text {
          height: 210px;
          width: 33.333%;
          position: static; }
        .promotion-detail .promotion-detail-item [class~="palm-1/1"] .img-text.img-left .cta {
          left: 66.666%; } }
    @media screen and (max-width: 767px) {
      .promotion-detail .promotion-detail-item {
        padding: 0;
        margin-bottom: 0; } }
    .promotion-detail .promotion-detail-item .sub-title {
      font-family: 'Abarth_Light';
      margin-bottom: 0; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .promotion-detail .promotion-detail-item .sub-title {
          font-size: 1.5em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .promotion-detail .promotion-detail-item .sub-title {
          font-size: 1.5em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .promotion-detail .promotion-detail-item .sub-title {
          font-size: 1.5em; } }
      @media screen and (max-width: 767px) {
        .promotion-detail .promotion-detail-item .sub-title {
          font-size: 1em; } }
    .promotion-detail .promotion-detail-item .img-text.no-img .text {
      width: 100%; }
      @media screen and (min-width: 1920px) {
        .promotion-detail .promotion-detail-item .img-text.no-img .text .title {
          font-size: 1.5em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .promotion-detail .promotion-detail-item .img-text.no-img .text .title {
          font-size: 1em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .promotion-detail .promotion-detail-item .img-text.no-img .text .title {
          font-size: 18px;
          line-height: .9; } }
      @media screen and (max-width: 767px) {
        .promotion-detail .promotion-detail-item .img-text.no-img .text .title {
          color: #000000;
          font-size: 24px; } }
    .promotion-detail .promotion-detail-item .img-text.no-img img {
      width: auto;
      margin: 0 auto;
      float: none;
      padding-top: 20px;
      height: auto; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .promotion-detail .promotion-detail-item .img-text.no-img img {
          width: 70%;
          padding-top: 10px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .promotion-detail .promotion-detail-item .img-text.no-img img {
          width: 55%;
          padding-top: 10px; } }
    .promotion-detail .promotion-detail-item .img-text.no-img .cta {
      left: 0;
      margin-left: 0; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .promotion-detail .promotion-detail-item .img-text.no-img .cta {
          min-width: 144px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .promotion-detail .promotion-detail-item .img-text.no-img {
        height: 235px; }
        .promotion-detail .promotion-detail-item .img-text.no-img .text {
          height: 310px; }
          .promotion-detail .promotion-detail-item .img-text.no-img .text h3 {
            width: 100%; }
          .promotion-detail .promotion-detail-item .img-text.no-img .text p {
            width: 100%; }
        .promotion-detail .promotion-detail-item .img-text.no-img img {
          max-width: none; } }
    @media screen and (max-width: 767px) {
      .promotion-detail .promotion-detail-item .img-text.no-img {
        height: 285px; } }
    .promotion-detail .promotion-detail-item .img-text {
      overflow: hidden;
      margin-top: 10px;
      position: relative; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .promotion-detail .promotion-detail-item .img-text {
          height: 200px; } }
      @media screen and (max-width: 767px) {
        .promotion-detail .promotion-detail-item .img-text {
          margin: 0 auto; } }
      .promotion-detail .promotion-detail-item .img-text .switch-configurator {
        cursor: pointer;
        width: 66%; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .promotion-detail .promotion-detail-item .img-text .switch-configurator {
            width: 100%;
            margin-top: 20px; } }
        .promotion-detail .promotion-detail-item .img-text .switch-configurator span {
          font-size: 1em;
          text-transform: uppercase;
          display: inline-block;
          line-height: 1.2em;
          vertical-align: middle;
          font-family: "Abarth_Light"; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .promotion-detail .promotion-detail-item .img-text .switch-configurator span {
              font-size: 0.8em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .promotion-detail .promotion-detail-item .img-text .switch-configurator span {
              font-size: 0.625em; } }
          .promotion-detail .promotion-detail-item .img-text .switch-configurator span.active {
            font-family: "Abarth_Medium"; }
          .promotion-detail .promotion-detail-item .img-text .switch-configurator span.switch-handler {
            width: 20%;
            margin: 0 10px;
            height: 1.2em;
            border-radius: 1.2em;
            background-color: #999;
            vertical-align: middle;
            overflow: hidden;
            position: relative; }
            .promotion-detail .promotion-detail-item .img-text .switch-configurator span.switch-handler span {
              position: absolute;
              top: 0;
              height: 1.2em;
              width: 1.2em;
              border-radius: 1.2em;
              background-color: #000;
              vertical-align: middle; }
            .promotion-detail .promotion-detail-item .img-text .switch-configurator span.switch-handler.left span {
              left: 0; }
            .promotion-detail .promotion-detail-item .img-text .switch-configurator span.switch-handler.right span {
              right: 0; }
      .promotion-detail .promotion-detail-item .img-text img {
        width: 66.666%;
        float: left; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .promotion-detail .promotion-detail-item .img-text img {
            height: 100%;
            width: auto;
            max-width: 50%; } }
        @media screen and (max-width: 767px) {
          .promotion-detail .promotion-detail-item .img-text img {
            width: 100%; } }
      .promotion-detail .promotion-detail-item .img-text .cta {
        position: absolute;
        bottom: 12px;
        left: 50%;
        margin-left: 12px;
        min-width: 200px; }
        @media screen and (min-width: 1920px) {
          .promotion-detail .promotion-detail-item .img-text .cta {
            min-width: 250px;
            line-height: 32px;
            font-size: 18px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .promotion-detail .promotion-detail-item .img-text .cta {
            min-width: 170px;
            font-size: 12px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .promotion-detail .promotion-detail-item .img-text .cta {
            min-width: 170px;
            font-size: 8px; } }
      .promotion-detail .promotion-detail-item .img-text .text {
        position: relative;
        padding: 0px 12px;
        margin-bottom: 40px;
        float: left;
        width: 33.333%;
        height: 285px; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .promotion-detail .promotion-detail-item .img-text .text {
            height: 190px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .promotion-detail .promotion-detail-item .img-text .text {
            height: 134px; } }
        .promotion-detail .promotion-detail-item .img-text .text .logo {
          position: absolute;
          right: 5px;
          top: 5px;
          width: 33%;
          height: auto; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .promotion-detail .promotion-detail-item .img-text .text .logo {
              display: none; } }
          @media screen and (max-width: 767px) {
            .promotion-detail .promotion-detail-item .img-text .text .logo {
              display: none; } }
        .promotion-detail .promotion-detail-item .img-text .text h3 {
          font-size: 1.25em;
          line-height: 1.2;
          text-transform: uppercase;
          margin-bottom: 10px;
          margin-top: 0; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .promotion-detail .promotion-detail-item .img-text .text h3 {
              font-size: 0.95em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .promotion-detail .promotion-detail-item .img-text .text h3 {
              font-size: 0.70em; } }
          @media screen and (max-width: 767px) {
            .promotion-detail .promotion-detail-item .img-text .text h3 {
              color: #000; } }
        .promotion-detail .promotion-detail-item .img-text .text p {
          font-size: 1em;
          line-height: 1.15em;
          width: auto; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .promotion-detail .promotion-detail-item .img-text .text p {
              font-size: 1.05em;
              line-height: 1.3em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .promotion-detail .promotion-detail-item .img-text .text p {
              font-size: 0.625em;
              line-height: 1.3em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .promotion-detail .promotion-detail-item .img-text .text p {
              width: 100%; } }
          @media screen and (max-width: 767px) {
            .promotion-detail .promotion-detail-item .img-text .text p {
              width: 100%;
              color: #000; } }
        .promotion-detail .promotion-detail-item .img-text .text .social span {
          font-size: 40px;
          margin-right: 30px; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .promotion-detail .promotion-detail-item .img-text .text .social span {
              font-size: 32px;
              margin-right: 24px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .promotion-detail .promotion-detail-item .img-text .text .social span {
              font-size: 24px;
              margin-right: 14px; } }
        @media screen and (max-width: 767px) {
          .promotion-detail .promotion-detail-item .img-text .text {
            width: 100%;
            position: absolute;
            padding: 0px 8.33%;
            padding-top: 20px; }
            .promotion-detail .promotion-detail-item .img-text .text h3 {
              font-size: 1.4em;
              font-family: "Abarth_Medium"; }
            .promotion-detail .promotion-detail-item .img-text .text p {
              font-size: 0.85em;
              font-family: "Abarth_Light", sans-serif;
              line-height: 1.5; } }
      .promotion-detail .promotion-detail-item .img-text.gray {
        border: 5px solid #000;
        background-color: #cccccc; }
        @media screen and (max-width: 767px) {
          .promotion-detail .promotion-detail-item .img-text.gray {
            background-color: #fff;
            border: none; } }
      .promotion-detail .promotion-detail-item .img-text.black {
        background-color: #000; }
        @media screen and (max-width: 767px) {
          .promotion-detail .promotion-detail-item .img-text.black {
            background-color: transparent; } }
        .promotion-detail .promotion-detail-item .img-text.black .text {
          color: #fff; }
        .promotion-detail .promotion-detail-item .img-text.black .cta {
          margin-left: 12px;
          font-size: 0.75em; }
          @media screen and (min-width: 1920px) {
            .promotion-detail .promotion-detail-item .img-text.black .cta {
              font-size: 1em;
              margin-top: 10% !important; } }
          @media screen and (max-width: 767px) {
            .promotion-detail .promotion-detail-item .img-text.black .cta {
              margin-left: auto;
              position: absolute;
              bottom: 70px;
              left: 10%;
              width: 80%; } }
      .promotion-detail .promotion-detail-item .img-text.white hr {
        height: 3px;
        color: #000;
        background-color: #000;
        border: none;
        margin: 0; }
      .promotion-detail .promotion-detail-item .img-text.img-right img {
        float: right; }
      .promotion-detail .promotion-detail-item .img-text.img-right .text {
        float: left; }
      .promotion-detail .promotion-detail-item .img-text.img-right .cta {
        left: 0px; }
      @media screen and (min-width: 1920px) {
        .promotion-detail .promotion-detail-item .img-text.img-left {
          height: 325px;
          overflow: hidden; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .promotion-detail .promotion-detail-item .img-text.img-left {
          height: 230px;
          overflow: hidden; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .promotion-detail .promotion-detail-item .img-text.img-left {
          height: 174px;
          overflow: hidden; } }
      @media screen and (max-width: 767px) {
        .promotion-detail .promotion-detail-item .img-text.img-left {
          height: 465px; } }
      .promotion-detail .promotion-detail-item .img-text.img-left img {
        float: left; }
        @media screen and (min-width: 1920px) {
          .promotion-detail .promotion-detail-item .img-text.img-left img {
            position: absolute;
            min-height: 325px;
            height: auto;
            bottom: 0; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .promotion-detail .promotion-detail-item .img-text.img-left img {
            position: absolute;
            min-height: 230px;
            height: auto;
            bottom: 0; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .promotion-detail .promotion-detail-item .img-text.img-left img {
            position: absolute;
            min-height: 174px;
            height: auto;
            bottom: 0; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .promotion-detail .promotion-detail-item .img-text.img-left img {
            position: absolute;
            bottom: 190px;
            height: auto;
            max-width: none;
            width: 100%; } }
        @media screen and (max-width: 767px) {
          .promotion-detail .promotion-detail-item .img-text.img-left img {
            position: absolute;
            top: 235px;
            height: 150px; } }
      .promotion-detail .promotion-detail-item .img-text.img-left .text {
        float: right; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .promotion-detail .promotion-detail-item .img-text.img-left .text {
            position: absolute;
            top: 130px;
            height: 220px;
            background-color: #fff;
            width: 100%; }
            .promotion-detail .promotion-detail-item .img-text.img-left .text hr {
              display: none; } }
        @media screen and (max-width: 767px) {
          .promotion-detail .promotion-detail-item .img-text.img-left .text {
            height: 470px;
            width: 100%; } }
      .promotion-detail .promotion-detail-item .img-text.img-left .cta {
        left: 66.666%; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .promotion-detail .promotion-detail-item .img-text.img-left .cta {
            left: 0; } }
        @media screen and (max-width: 767px) {
          .promotion-detail .promotion-detail-item .img-text.img-left .cta {
            left: 0; } }
      @media screen and (max-width: 767px) {
        .promotion-detail .promotion-detail-item .img-text.img-left .video-wrapper {
          width: 100%;
          float: none;
          position: absolute;
          z-index: 1;
          top: 200px;
          height: 180px;
          overflow: hidden; }
          .promotion-detail .promotion-detail-item .img-text.img-left .video-wrapper iframe {
            height: 180px; } }
      @media screen and (max-width: 767px) {
        .promotion-detail .promotion-detail-item .img-text.img-left .video-wrapper ~ .text {
          background-color: #000;
          color: #fff; } }
      .promotion-detail .promotion-detail-item .img-text.img-left .video-wrapper ~ .cta {
        left: 0; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .promotion-detail .promotion-detail-item .img-text.img-left .video-wrapper ~ .cta {
            left: 66.666%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .promotion-detail .promotion-detail-item .img-text.img-left {
          height: 240px; } }
      .promotion-detail .promotion-detail-item .img-text.cover img {
        float: none;
        width: 100%; }
        @media screen and (min-width: 1920px) {
          .promotion-detail .promotion-detail-item .img-text.cover img {
            min-height: 325px;
            height: auto;
            position: absolute;
            top: 0; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .promotion-detail .promotion-detail-item .img-text.cover img {
            min-height: 230px;
            height: auto;
            position: absolute;
            top: 0; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .promotion-detail .promotion-detail-item .img-text.cover img {
            min-height: 174px;
            height: auto;
            position: absolute;
            top: 0; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .promotion-detail .promotion-detail-item .img-text.cover img {
            height: 130px;
            position: absolute;
            top: 0;
            width: 100%;
            max-width: none; } }
        @media screen and (max-width: 767px) {
          .promotion-detail .promotion-detail-item .img-text.cover img {
            position: absolute;
            top: 270px;
            height: 150px; } }
      .promotion-detail .promotion-detail-item .img-text.cover .logo {
        display: none; }
      .promotion-detail .promotion-detail-item .img-text.cover .text {
        top: 0;
        right: 0;
        position: absolute;
        width: 30%;
        margin-bottom: 0;
        height: 325px;
        background-color: rgba(0, 0, 0, 0.4); }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .promotion-detail .promotion-detail-item .img-text.cover .text {
            height: 230px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .promotion-detail .promotion-detail-item .img-text.cover .text {
            position: absolute;
            height: 220px;
            top: 130px;
            width: 100%;
            max-width: none;
            background-color: rgba(102, 102, 102, 0.8); } }
        @media screen and (max-width: 767px) {
          .promotion-detail .promotion-detail-item .img-text.cover .text {
            background-color: transparent;
            height: 270px;
            width: 100%; } }
      .promotion-detail .promotion-detail-item .img-text.cover .cta {
        left: 70%; }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .promotion-detail .promotion-detail-item .img-text.cover .cta {
            min-width: 50px;
            width: 123px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .promotion-detail .promotion-detail-item .img-text.cover .cta {
            left: 0; } }
        @media screen and (max-width: 767px) {
          .promotion-detail .promotion-detail-item .img-text.cover .cta {
            left: 0; } }
      @media screen and (min-width: 1920px) {
        .promotion-detail .promotion-detail-item .img-text.cover {
          height: 325px;
          overflow: hidden; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .promotion-detail .promotion-detail-item .img-text.cover {
          height: 230px;
          overflow: hidden; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .promotion-detail .promotion-detail-item .img-text.cover {
          height: 174px;
          overflow: hidden; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .promotion-detail .promotion-detail-item .img-text.cover {
          height: 240px; } }
      @media screen and (max-width: 767px) {
        .promotion-detail .promotion-detail-item .img-text.cover {
          height: 490px; } }
    .promotion-detail .promotion-detail-item [class~="2/3"] > .img-text .logo {
      width: 25%; }

/*-------------PROMO DETT----------------*/
.promotion-dett .img-promotion {
  width: 100%;
  position: relative;
  height: auto;
  min-height: 280px; }
  .promotion-dett .img-promotion img {
    width: 100%;
    height: auto;
    margin-top: -50px;
    /*
		@include media-query(smart) {
	    	height: auto;
	    	margin: auto;
	    	width: auto;
	   		margin-left: 0px;
	   		max-width: none;
	   		margin-left: calc( 50% - 500px);
		}
		*/ }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .promotion-dett .img-promotion img {
        margin-top: 0px; } }
    @media screen and (max-width: 767px) {
      .promotion-dett .img-promotion img {
        height: auto;
        margin: auto;
        width: 100%;
        margin-left: 0px;
        max-width: none;
        /* margin-right: 50%; */
        right: -26px;
        min-height: 300px; } }
  .promotion-dett .img-promotion .logo-text {
    position: absolute;
    top: 200px;
    left: 10%;
    z-index: 2;
    width: 30%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .promotion-dett .img-promotion .logo-text {
        top: 140px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .promotion-dett .img-promotion .logo-text {
        top: 120px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .promotion-dett .img-promotion .logo-text {
        top: 112px; } }
    @media screen and (max-width: 767px) {
      .promotion-dett .img-promotion .logo-text {
        top: 0;
        margin: auto;
        width: 100%;
        left: 0;
        bottom: 0; } }
  .promotion-dett .img-promotion .logo {
    width: 75%;
    height: auto;
    margin: 0 auto;
    display: block; }
    @media screen and (max-width: 767px) {
      .promotion-dett .img-promotion .logo {
        width: 40%;
        max-width: 170px;
        position: relative;
        min-height: auto;
        right: 0;
        top: 70px; } }
  .promotion-dett .img-promotion h2 {
    font-size: 3em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Abarth_heavy';
    margin-bottom: 10px; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .promotion-dett .img-promotion h2 {
        font-size: 2.3em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .promotion-dett .img-promotion h2 {
        font-size: 2em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .promotion-dett .img-promotion h2 {
        font-size: 1.5em; } }
    @media screen and (max-width: 767px) {
      .promotion-dett .img-promotion h2 {
        font-size: 1.5em;
        position: relative;
        margin-top: calc( 57% - 1px); } }

.comp-form br {
  display: block;
  font-size: 0px;
  line-height: 0; }

.comp-form .form-container {
  background: #000;
  color: #fff;
  padding-bottom: 50px;
  position: relative;
  /*@include media-query(large-screen) {
            position: relative;
        }
        @include media-query(desk) {
            position: relative;
        }
        @include media-query(lap) {
            position: relative;
        }*/ }
  .comp-form .form-container b {
    font-family: 'Abarth_Medium';
    font-weight: 200; }
  .comp-form .form-container .container-form {
    width: 100%;
    margin-left: 0;
    position: relative; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-form .form-container .container-form {
        margin-left: 0; } }
    @media screen and (max-width: 767px) {
      .comp-form .form-container .container-form {
        margin-left: 0; } }
  .comp-form .form-container .container-form:after {
    content: "";
    display: table;
    clear: both; }

.form-abarth {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 7% 5% 7% 2%;
  background: #000;
  color: #fff;
  /* input-promotion */ }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .form-abarth {
      padding: 7% 4% 7% 2%; } }
  @media screen and (max-width: 767px) {
    .form-abarth {
      padding: 7% 6% !important; } }
  .form-abarth .cta {
    min-width: 100%;
    padding: 10px 20px;
    border: none; }
    @media screen and (min-width: 1920px) {
      .form-abarth .cta {
        padding: 20px;
        font-size: 18px; } }
  .form-abarth .title-form {
    margin-bottom: -14px;
    text-transform: uppercase;
    font-size: 1.5em; }
    @media screen and (min-width: 1920px) {
      .form-abarth .title-form {
        font-size: 1.5em; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .form-abarth .title-form {
        font-size: 1.125em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .form-abarth .title-form {
        font-size: 1.125em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .form-abarth .title-form {
        font-size: 0.875em; } }
    @media screen and (max-width: 767px) {
      .form-abarth .title-form {
        font-size: 0.875em;
        margin-bottom: 10px; } }
  .form-abarth .input-promotion {
    padding: 10px 0; }
    .form-abarth .input-promotion label {
      display: block;
      padding: 5px 0 5px 0;
      font-size: 0.8em; }
    .form-abarth .input-promotion input {
      display: block;
      border: 0;
      border-left: solid 5px #666;
      width: 100%;
      height: 35px;
      color: #000;
      padding-left: 5px;
      /*font-size:0.8em;*/
      /*Giacomo*/
      font-family: "Helvetica", sans-serif;
      /*End Giacomo*/ }
  .form-abarth .errorInput {
    font-size: 12px;
    padding-top: 6px; }
    @media screen and (min-width: 1920px) {
      .form-abarth .errorInput {
        font-size: 18px; } }
  .form-abarth .radio-error {
    /* = .radio-error:not(#radioButton4) */ }
    .form-abarth .radio-error:not(#radioButton4) {
      border: none; }
    .form-abarth .radio-error .radio {
      color: #e72020; }
  .form-abarth .cmp-obb {
    font-size: 0.8em;
    text-align: right;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .form-abarth .cmp-obb {
        font-size: 0.6em; } }
    @media screen and (max-width: 767px) {
      .form-abarth .cmp-obb {
        font-size: 0.6em;
        text-align: left; } }
  .form-abarth .control-group {
    padding: 4% 0 2% 0;
    font-size: 1em;
    line-height: 1.2em;
    font-family: 'Abarth_Medium';
    -webkit-animation: cardEnter 0.75s ease-in-out 0.5s;
    animation: cardEnter 0.75s ease-in-out 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    opacity: 1;
    /* Individual Controls
	 ------------------------------------------------------------- */ }
    .form-abarth .control-group .radio-error .radio .outer {
      border: 2px solid red; }
    .form-abarth .control-group .radio {
      display: inline-block;
      cursor: pointer; }
    .form-abarth .control-group .radio input {
      width: 1px;
      height: 1px;
      opacity: 0; }
    .form-abarth .control-group .radio input:checked + .outer .inner {
      transform: scale(1);
      opacity: 1; }
    .form-abarth .control-group .radio input:checked + .outer {
      border: 2px solid #fff; }
    .form-abarth .control-group .radio input:focus + .outer .inner {
      transform: scale(1);
      opacity: 1;
      background-color: #fff; }
    .form-abarth .control-group .radio .outer {
      width: 20px;
      height: 20px;
      display: block;
      float: left;
      margin: 0px 9px 10px 0px;
      border: 2px solid #808080;
      border-radius: 50%;
      background-color: #000; }
    .form-abarth .control-group .radio .inner {
      transition: all 0.25s ease-in-out;
      width: 10px;
      height: 10px;
      transform: scale(0);
      display: block;
      margin: 3px;
      border-radius: 50%;
      background-color: #fff;
      opacity: 0; }
    .form-abarth .control-group .txt-rel {
      font-size: 0.9em;
      margin-bottom: 0;
      margin-top: 10px; }
      @media screen and (max-width: 767px) {
        .form-abarth .control-group .txt-rel {
          font-size: 0.75em; } }
    .form-abarth .control-group p {
      margin-bottom: 20px;
      font-size: 1em; }
      @media screen and (min-width: 1920px) {
        .form-abarth .control-group p {
          margin-bottom: 25px;
          font-size: 18px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .form-abarth .control-group p {
          font-size: 0.875em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .form-abarth .control-group p {
          font-size: 0.75em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .form-abarth .control-group p {
          font-size: 0.75em; } }
      @media screen and (max-width: 767px) {
        .form-abarth .control-group p {
          font-size: 0.75em; } }
    .form-abarth .control-group .privacy__text {
      margin-bottom: 0; }
    .form-abarth .control-group .toggle-info {
      margin-bottom: 0; }
      .form-abarth .control-group .toggle-info.js-toggle-info {
        display: inline-block; }
    .form-abarth .control-group label {
      color: #808080;
      width: 48%;
      /*Giacomo*/
      /*display: inline-block;*/
      /*End Giacomo*/ }
      @media screen and (min-width: 1920px) {
        .form-abarth .control-group label {
          font-size: 24px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .form-abarth .control-group label {
          font-size: 1em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .form-abarth .control-group label {
          font-size: 0.875em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .form-abarth .control-group label {
          font-size: 0.75em; } }
      @media screen and (max-width: 767px) {
        .form-abarth .control-group label {
          font-size: 0.75em; } }
    .form-abarth .control-group .forward-link {
      border: none; }
    .form-abarth .control-group a {
      color: #fff; }

/* ------------ end form abarth -------------*/
/* -------------- FORM A TABS --------------*/
.tabs {
  width: 44%;
  display: inline-block;
  padding: 7% 3% 0% 0%; }
  @media screen and (max-width: 767px) {
    .tabs {
      padding: 7% 8% 0% 8%;
      width: 100%; } }
  .tabs .form-abarth {
    width: 100%;
    padding: 7% 0; }
  .tabs .tabs-informazioni:after {
    content: "";
    display: table;
    clear: both; }
  .tabs .tabs-preventivo {
    position: relative !important; }
  .tabs .tabs-preventivo:after {
    content: "";
    display: table;
    clear: both; }

.info-promotion {
  width: 50%;
  color: #fff;
  display: inline-block;
  /* margin: 0 auto; */
  padding: 20px 4% 0% 6% !important;
  float: left; }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .info-promotion {
      padding: 7% 6% 0% 6%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .info-promotion {
      padding: 7% 2% 0% 4%; } }
  @media screen and (max-width: 767px) {
    .info-promotion {
      padding: 0% 6% 0% 6% !important;
      width: 100%; } }
  .info-promotion .al-left {
    text-align: left; }
  .info-promotion .al-right {
    text-align: right; }
  .info-promotion .al-center {
    text-align: center; }
  .info-promotion.bkg-black {
    color: white !important; }
  .info-promotion h1 {
    font-family: 'Abarth_heavy';
    font-size: 4em;
    line-height: 1.2em;
    padding-bottom: 30px;
    text-transform: uppercase; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .info-promotion h1 {
        font-size: 2.3em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .info-promotion h1 {
        font-size: 2.188em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .info-promotion h1 {
        font-size: 1.6em; } }
    @media screen and (max-width: 767px) {
      .info-promotion h1 {
        font-size: 1.75em;
        border-bottom: none; } }
  .info-promotion h2 {
    font-family: 'Abarth_heavy';
    font-size: 4em;
    line-height: 1.2em;
    padding-bottom: 30px;
    text-transform: uppercase; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .info-promotion h2 {
        font-size: 2.3em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .info-promotion h2 {
        font-size: 2.188em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .info-promotion h2 {
        font-size: 1.6em; } }
    @media screen and (max-width: 767px) {
      .info-promotion h2 {
        font-size: 1.75em;
        border-bottom: none; } }
  .info-promotion h4 {
    font-family: 'Abarth_Medium';
    font-size: 1.675em;
    padding-bottom: 30px;
    border-bottom: solid 1px #fff;
    text-transform: uppercase; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .info-promotion h4 {
        font-size: 1.5em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .info-promotion h4 {
        font-size: 1.3em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .info-promotion h4 {
        font-size: 1.125em; } }
    @media screen and (max-width: 767px) {
      .info-promotion h4 {
        font-size: 0.875em; } }
  .info-promotion h6 {
    font-family: 'Abarth_Medium';
    font-size: 1em;
    line-height: 1.2em;
    margin-bottom: 3px;
    text-transform: uppercase;
    font-weight: 400; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .info-promotion h6 {
        font-size: 0.875em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .info-promotion h6 {
        font-size: 0.875em; } }
    @media screen and (max-width: 767px) {
      .info-promotion h6 {
        font-size: 0.75em; } }
  .info-promotion p {
    font-size: 1em;
    line-height: 1.2em;
    font-family: 'Abarth_Light'; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .info-promotion p {
        font-size: 0.875em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .info-promotion p {
        font-size: 14px; } }
    @media screen and (max-width: 767px) {
      .info-promotion p {
        font-size: 14px; } }
    .info-promotion p br {
      display: block;
      font-size: 0px;
      line-height: 0; }
  .info-promotion .btn-brochure {
    color: #fff;
    font-size: 1em;
    line-height: 1.3em;
    font-family: 'Abarth_Medium';
    text-transform: uppercase;
    margin-top: 50px; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .info-promotion .btn-brochure {
        font-size: 1em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .info-promotion .btn-brochure {
        font-size: 1em; } }
    @media screen and (max-width: 767px) {
      .info-promotion .btn-brochure {
        font-size: 1.125em;
        margin-top: 10px; } }
    .info-promotion .btn-brochure a {
      color: #fff;
      text-decoration: none; }
    .info-promotion .btn-brochure .doc-icon {
      text-decoration: none;
      padding-right: 10px; }
  .info-promotion .tableFinance {
    margin-bottom: 40px;
    width: 104%; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .info-promotion .tableFinance {
        width: 108%; } }
    @media screen and (max-width: 767px) {
      .info-promotion .tableFinance {
        width: 100%; } }
    .info-promotion .tableFinance table {
      width: 100%;
      display: block;
      margin: 0 auto; }
      .info-promotion .tableFinance table tbody {
        width: 100%;
        display: table;
        margin: 0 auto; }
      .info-promotion .tableFinance table tr {
        border-bottom: #fff solid 1px;
        display: block;
        padding: 5px 0;
        font-size: 0.85em;
        line-height: 32px;
        color: #fff;
        min-height: 35px;
        vertical-align: text-bottom; }
        @media screen and (min-width: 1920px) {
          .info-promotion .tableFinance table tr {
            font-size: 1em; } }
      .info-promotion .tableFinance table tr:last-child {
        border-bottom: #fff solid 3px;
        padding-bottom: 30px; }
      .info-promotion .tableFinance table td {
        display: table-cell;
        width: 100%;
        color: #fff !important;
        vertical-align: middle; }
      .info-promotion .tableFinance table .txt-left {
        text-align: left; }
      .info-promotion .tableFinance table .txt-right {
        text-align: right;
        white-space: nowrap; }
    .info-promotion .tableFinance .box-link {
      display: block;
      margin: 10px auto; }
      .info-promotion .tableFinance .box-link a {
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 10px;
        float: left; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .info-promotion .tableFinance .box-link a {
            padding: 6px 5px;
            min-width: 130px;
            font-size: 12px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .info-promotion .tableFinance .box-link a {
            min-width: 100px;
            padding: 6px 1px;
            font-size: 11px;
            line-height: 1.2; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .info-promotion .tableFinance .box-link a {
            width: 48%;
            font-size: 10px; } }
        @media screen and (max-width: 767px) {
          .info-promotion .tableFinance .box-link a {
            width: 49%;
            margin-right: 2%; } }
      .info-promotion .tableFinance .box-link a:last-child {
        width: 23.5%;
        margin-right: 0; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .info-promotion .tableFinance .box-link a:last-child {
            width: 48%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .info-promotion .tableFinance .box-link a:nth-child(2n) {
          margin-right: 0;
          margin-left: 2%; } }
      @media screen and (max-width: 767px) {
        .info-promotion .tableFinance .box-link a:nth-child(2n) {
          width: 23.5%;
          margin-right: 0; } }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    .info-promotion .tableFinance .box-link a:nth-child(2n) {
      width: 49%;
      margin-right: 0; } }
  .info-promotion .head-content {
    text-align: center;
    border-bottom: solid 1px #fff;
    padding-bottom: 30px;
    margin-bottom: 1.5rem;
    font-size: 1.675em;
    font-weight: 700;
    text-transform: uppercase; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .info-promotion .head-content {
        font-size: 1.5em; } }
    .info-promotion .head-content .promo-text {
      font-size: 1em; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .info-promotion .head-content .promo-text p {
          font-size: 0.68em; } }
  .info-promotion .promo-title {
    font-family: 'Abarth_Medium';
    font-size: 1em;
    text-transform: uppercase;
    padding-bottom: 0;
    margin-bottom: 0; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .info-promotion .promo-title {
        font-size: 0.775em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .info-promotion .promo-title {
        font-size: 18px; } }
    @media screen and (max-width: 767px) {
      .info-promotion .promo-title {
        font-size: 14px; } }
  .info-promotion .promo-text {
    margin-bottom: 1.5rem;
    line-height: 1.2em;
    font-family: 'Abarth_Light';
    font-size: 16px; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .info-promotion .promo-text {
        font-size: 14px; } }
    @media screen and (max-width: 767px) {
      .info-promotion .promo-text {
        font-size: 14px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .info-promotion .promo-text p {
        font-size: 14px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .info-promotion .promo-text p {
        font-size: 14px; } }

.tabs__content {
  display: block;
  position: relative; }

.tabs__menu {
  display: table;
  width: 100%;
  margin-bottom: 30px;
  background-size: 100% 100% !important;
  height: auto; }
  @media screen and (min-width: 1920px) {
    .tabs__menu {
      margin-top: 12.5%; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .tabs__menu {
      margin-top: 12.5%; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .tabs__menu {
      margin-top: 12.5%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tabs__menu {
      margin-top: 10.5%; } }
  .tabs__menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%; }
    .tabs__menu ul li {
      display: inline-block;
      position: relative;
      top: 0;
      left: 0;
      width: 50%;
      float: left;
      text-align: center;
      padding: 10px 0;
      font-family: 'Abarth_Light'; }
      .tabs__menu ul li img {
        display: none; }
      .tabs__menu ul li a {
        color: #fff;
        text-decoration: none;
        text-align: center; }
    .tabs__menu ul li.active {
      font-family: 'Abarth_Medium'; }

.tabs-item {
  width: 100%; }

.form-thank {
  color: #fff;
  background: #000; }
  .form-thank.thankyou-visita {
    margin-top: 50px;
    display: none; }
  @media screen and (max-width: 767px) {
    .form-thank {
      text-align: center;
      background: none; } }
  .form-thank .thank-title {
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 60px; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .form-thank .thank-title {
        font-size: 1em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .form-thank .thank-title {
        font-size: 1em; } }
    @media screen and (max-width: 767px) {
      .form-thank .thank-title {
        font-size: 1em; } }
  .form-thank .dealer-recap {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 35px 0 35px 20px;
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .form-thank .dealer-recap {
        text-align: left; } }
    .form-thank .dealer-recap p {
      margin-bottom: 0;
      line-height: 1.2; }
    .form-thank .dealer-recap .box-PopUp .res-title-PopUp {
      font-family: 'Abarth_heavy', sans-serif;
      font-size: 1.2em; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .form-thank .dealer-recap .box-PopUp .res-title-PopUp {
          font-size: 1em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .form-thank .dealer-recap .box-PopUp .res-title-PopUp {
          font-size: 1em; } }
      @media screen and (max-width: 767px) {
        .form-thank .dealer-recap .box-PopUp .res-title-PopUp {
          font-size: 1em; } }
    .form-thank .dealer-recap .box-PopUp .arrow-itm {
      display: none; }
  .form-thank .reminder {
    font-size: 1.2em;
    font-family: 'Abarth_Light', sans-serif; }
    @media screen and (min-width: 1920px) {
      .form-thank .reminder {
        font-size: 1em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .form-thank .reminder {
        font-size: 1em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .form-thank .reminder {
        font-size: 1em; } }
    @media screen and (max-width: 767px) {
      .form-thank .reminder {
        font-size: 1em; } }
  @media screen and (max-width: 767px) {
    .form-thank .back-to {
      width: 90%;
      margin: 0 auto; } }
  .form-thank .back-to .back-btn {
    display: block;
    position: relative;
    text-decoration: none;
    line-height: 1.35;
    color: #fff;
    cursor: pointer;
    left: 0;
    font-family: 'Abarth_Light', sans-serif; }
    @media screen and (min-width: 1920px) {
      .form-thank .back-to .back-btn {
        font-size: 1.5em;
        top: 70px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .form-thank .back-to .back-btn {
        top: 70px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .form-thank .back-to .back-btn {
        top: 60px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .form-thank .back-to .back-btn {
        font-size: 0.75em;
        top: 30px; } }
    @media screen and (max-width: 767px) {
      .form-thank .back-to .back-btn {
        font-size: 1em;
        margin: 0 auto;
        position: static; } }
    .form-thank .back-to .back-btn span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: auto;
      padding-left: 70px; }
      .form-thank .back-to .back-btn span b {
        font-family: 'Abarth_heavy', sans-serifs; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .form-thank .back-to .back-btn span {
          padding-left: 40px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .form-thank .back-to .back-btn span {
          padding-left: 40px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .form-thank .back-to .back-btn span {
          padding-left: 30px; } }
      @media screen and (max-width: 767px) {
        .form-thank .back-to .back-btn span {
          padding-left: 30px;
          position: relative; } }
    .form-thank .back-to .back-btn span:before {
      content: "";
      width: 40px;
      height: 32px;
      background: url(clientlib-base/resources/images/icon/back-to-arrow-white.png) no-repeat center center;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-size: 100%; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .form-thank .back-to .back-btn span:before {
          top: 1px;
          width: 20px;
          height: 16px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .form-thank .back-to .back-btn span:before {
          top: 1px;
          width: 20px;
          height: 16px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .form-thank .back-to .back-btn span:before {
          top: 1px;
          width: 15px;
          height: 12px; } }
      @media screen and (max-width: 767px) {
        .form-thank .back-to .back-btn span:before {
          top: 0;
          width: 25px;
          height: 20px; } }

@media screen and (max-width: 767px) {
  .form-abarth .control-group .radio {
    display: block;
    width: 100%;
    margin-bottom: 15px; } }

.ui-2018 .text-move {
  position: relative;
  top: 27px;
  left: 9px;
  color: #909090;
  font-size: 16px !important;
  display: inline !important;
  font-style: italic;
  transition: font-size 1s, left 1s, top 1s; }

.ui-2018 .text-moved {
  font-size: 11px !important;
  top: 15px;
  left: 6px; }

.ui-2018 .input-promotion input {
  display: block;
  border: 0;
  border-left: solid 5px #666;
  width: 100%;
  height: 35px;
  color: #000;
  padding-left: 5px;
  font-size: 0.8em;
  padding-top: 10px; }

.ui-2018 .form-abarth .errorInput {
  font-size: 10px;
  height: 10px;
  width: 77%;
  line-height: 10px;
  color: #e72020; }

.ui-2018 .form-dealer .dealer-locator .search-results .locator-results .smart-next, .ui-2018 .form-dealer .dealer-locator .search-results .locator-results .smart-prev {
  left: 88%; }

.ui-2018 .cta {
  padding: 6px 10px; }

.ui-2018 .steps {
  display: flex;
  background: #AAA;
  border-radius: 25px;
  margin: 20px 0;
  justify-content: center;
  align-items: stretch;
  position: relative; }
  .ui-2018 .steps .step {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    padding: 10px;
    border-radius: 25px; }
    .ui-2018 .steps .step.active {
      background: #e72020; }

.ui-2018 .form-dealer .steps {
  margin: -13% 30px 20px 30px; }

.ui-2018 p.js-toggle-info.toggle-info {
  display: inline-block; }

.ui-2018 input.button.cta.forward-link.submitDealer {
  position: absolute;
  right: 45px;
  margin-top: -90px; }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .ui-2018 input.button.cta.forward-link.submitDealer {
      /*CR-1413*/
      right: 0px; } }

.ui-2018 .dealer-locator .res_child_row {
  position: relative; }

@media screen and (max-width: 767px) {
  .ui-2018 .form-dealer .dealer-locator .google-maps #map-canvas {
    margin-top: 30px; }
  .ui-2018 .form-dealer .steps {
    position: absolute;
    width: 90%;
    max-width: 520px;
    left: 50%;
    transform: translateX(-50%);
    margin: 20px 0; }
  .ui-2018 input.button.cta.forward-link.submitDealer {
    position: absolute;
    right: 0;
    bottom: 5px;
    margin: 0;
    padding: 3px; } }

@media (max-width: 1023px) {
  .ui-2018 .dealer-locator input.button.cta.forward-link.submitDealer {
    position: relative;
    right: 5px;
    display: block;
    margin: -15px auto; }
  .ui-2018 .dealer-locator .res_child_row {
    height: 150px; }
  .ui-2018 .form-dealer .dealer-locator .search-results .locator-results {
    top: 250px; }
  .ui-2018 .dealer-locator .search-results .locator-results {
    min-height: 610px; } }

@media (max-width: 760px) {
  .ui-2018 .form-dealer .dealer-locator .search-results .locator-results {
    top: auto; } }

/*------------- FORM ----------------*/
.Out-text {
  /*------------ canvas -----------*/ }
  .Out-text .layout-editorial-canvas .box-editorial-canvas {
    max-height: none; }
    @media screen and (max-width: 767px) {
      .Out-text .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas {
        position: relative; } }

/*------------ end canvas -----------*/
/*--------- virtualTour----------*/
.virtualTour {
  width: 100%;
  display: block;
  color: #fff;
  font-family: 'Abarth_Light';
  text-align: center; }
  @media screen and (max-width: 767px) {
    .virtualTour {
      display: none; } }
  .virtualTour.editorial-visore {
    margin: 2px 0; }
    .virtualTour.editorial-visore .logo-text {
      position: absolute;
      top: 0px;
      left: 0;
      width: 100%;
      padding: 8%; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .virtualTour.editorial-visore .logo-text {
          padding: 5%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .virtualTour.editorial-visore .logo-text {
          padding: 5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .virtualTour.editorial-visore .logo-text {
          padding: 5%; } }
      @media screen and (max-width: 767px) {
        .virtualTour.editorial-visore .logo-text {
          padding: 50px 20px; } }
    .virtualTour.editorial-visore .hd-txt {
      margin-bottom: 10px;
      text-transform: uppercase;
      font-size: 1.875em; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .virtualTour.editorial-visore .hd-txt {
          font-size: 1.875em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .virtualTour.editorial-visore .hd-txt {
          font-size: 1.125em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .virtualTour.editorial-visore .hd-txt {
          font-size: 1.125em; } }
      @media screen and (max-width: 767px) {
        .virtualTour.editorial-visore .hd-txt {
          font-size: 0.75em;
          color: #000;
          margin-bottom: 5px;
          font-family: 'Abarth_Medium'; } }
    .virtualTour.editorial-visore .sub-txt {
      color: #fff;
      line-height: 1em;
      font-family: 'Abarth_Heavy'; }
      @media screen and (min-width: 1920px) {
        .virtualTour.editorial-visore .sub-txt {
          font-size: 4em; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .virtualTour.editorial-visore .sub-txt {
          font-size: 3.125em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .virtualTour.editorial-visore .sub-txt {
          font-size: 2.188em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .virtualTour.editorial-visore .sub-txt {
          font-size: 1.6em; } }
      @media screen and (max-width: 767px) {
        .virtualTour.editorial-visore .sub-txt {
          font-size: 1.75em !important;
          color: #000; } }
    .virtualTour.editorial-visore .desc {
      width: 70%;
      margin: 20px auto;
      /*padding: 50px 0;*/
      /*Giacomo*/
      padding: 1% 0;
      /*End Giacomo*/
      font-size: 24px;
      line-height: 30px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .virtualTour.editorial-visore .desc {
          font-size: 18px;
          line-height: 20px;
          margin: 20px auto; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .virtualTour.editorial-visore .desc {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .virtualTour.editorial-visore .desc {
          font-size: 14px;
          line-height: 16px;
          padding: 5px 0 10px 0;
          width: 100%; } }
      @media screen and (max-width: 767px) {
        .virtualTour.editorial-visore .desc {
          font-size: 14px;
          line-height: 14px;
          font-family: 'Abarth_Medium';
          padding: 5px 0 10px 0;
          color: #000;
          width: 100%;
          padding: 0 0 10px 0; } }
    .virtualTour.editorial-visore .btncta {
      background: #333;
      text-transform: uppercase;
      border: solid 2px #fff;
      padding: 20px 40px;
      color: #fff;
      text-decoration: none;
      font-size: 1.125em; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .virtualTour.editorial-visore .btncta {
          font-size: 1em;
          padding: 10px 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .virtualTour.editorial-visore .btncta {
          font-size: 0.825em;
          padding: 10px 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .virtualTour.editorial-visore .btncta {
          font-size: 0.7em;
          padding: 10px 20px; } }
      @media screen and (max-width: 767px) {
        .virtualTour.editorial-visore .btncta {
          font-size: 0.625em;
          padding: 10px 10px; } }
    .virtualTour.editorial-visore .logo {
      width: 75px;
      height: auto;
      margin: 50px auto;
      display: block; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .virtualTour.editorial-visore .logo {
          width: 70px;
          margin: 20px auto; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .virtualTour.editorial-visore .logo {
          width: 40px;
          margin: 20px auto; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .virtualTour.editorial-visore .logo {
          width: 30px;
          margin: 20px auto; } }
      @media screen and (max-width: 767px) {
        .virtualTour.editorial-visore .logo {
          display: none; } }
    .virtualTour.editorial-visore h2 {
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 767px) {
        .virtualTour.editorial-visore h2 {
          display: none; } }

/*--------- end virtualTour----------*/
.editorial-canvas-wrapper.world .layout-editorial-canvas {
  margin: 0 !important; }
  .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas {
    margin: 0 !important; }
    @media screen and (max-width: 767px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas {
        max-height: none; }
        .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas picture {
          display: block;
          overflow: hidden;
          height: 450px;
          position: relative; }
          .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas picture img {
            width: auto;
            max-width: none;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); } }
    @media screen and (max-width: 767px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas {
        position: static;
        padding: 0;
        margin-bottom: 0; } }
    @media screen and (max-width: 767px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text {
        padding: 0 10% 30px 10%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h1 {
        line-height: 40px;
        font-size: 38px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h1 {
        line-height: 33px;
        font-size: 32px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h1 {
        font-size: 24px;
        margin-bottom: 20px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h2 {
        line-height: 40px;
        font-size: 38px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h2 {
        line-height: 33px;
        font-size: 32px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text h2 {
        font-size: 24px;
        margin-bottom: 20px; } }
    .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text p {
      font-size: 24px;
      line-height: 30px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text p {
          font-size: 14px;
          line-height: 16px; } }
      @media screen and (max-width: 767px) {
        .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-text p {
          font-size: 16px;
          line-height: 16px; } }
    @media screen and (max-width: 767px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image {
        display: block;
        width: 100% !important;
        padding: 0; }
        .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image picture {
          height: auto;
          overflow: visible; }
          .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image picture img {
            border: none;
            position: relative;
            transform: none;
            width: 100%;
            left: 0;
            top: 0; } }
    @media screen and (max-width: 767px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        width: 100%;
        padding: 20px 20px 20px 10%;
        z-index: 5; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-cta {
        font-size: 0.5em; } }
    .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-cta:after {
      border-width: 5px 0 5px 5px;
      border-color: transparent transparent transparent #e72020;
      margin-top: 1px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-cta:after {
          margin-top: -2px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-sub {
        font-size: 0.8em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorial-canvas-wrapper.world .layout-editorial-canvas .box-editorial-canvas .content-editorial-canvas .box-image .img-info .img-text .img-title {
        font-size: 0.875em; } }

@media screen and (max-width: 767px) {
  .editorial-box.world {
    height: auto; } }

.editorial-box.world .text {
  padding-top: 10px; }
  .editorial-box.world .text img {
    height: auto;
    min-height: 0;
    max-width: 98%;
    width: 98%; }
  @media screen and (min-width: 1920px) {
    .editorial-box.world .text {
      padding-top: 10px; } }
  @media screen and (max-width: 767px) {
    .editorial-box.world .text {
      position: relative;
      padding-bottom: 80px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .editorial-box.world.no-img {
    min-height: 0;
    padding-bottom: 40px; } }

@media screen and (max-width: 767px) {
  .editorial-box.world.no-img {
    background-color: #000; } }

@media screen and (max-width: 767px) {
  .editorial-box.world.no-img .text {
    position: static;
    height: auto;
    margin-bottom: 25px; } }

.editorial-box.world.no-img .text p {
  margin-bottom: 0; }

.editorial-box.world.no-img .text .title {
  margin-bottom: 1.4rem; }

@media screen and (min-width: 1920px) {
  .editorial-box.world.no-img .text {
    padding-bottom: 60px; } }

@media screen and (max-width: 767px) {
  .editorial-box.world.cover-right .text img {
    position: static;
    transform: none;
    display: block;
    margin-left: 0; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .editorial-box.world.cover-right img {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .editorial-box.world.cover-right img {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1300px; } }

@media screen and (max-width: 767px) {
  .editorial-box.world.cover-left .text img {
    position: static;
    transform: none;
    display: block;
    margin-left: 0; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .editorial-box.world.cover-left img {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .editorial-box.world.cover-left img {
    transform: translate(-50%, -50%);
    position: absolute;
    /*top: 50%;*/
    /*Giacomo*/
    top: 75%;
    /*End Giacomo*/
    left: 50%;
    width: 1300px; } }

@media screen and (max-width: 767px) {
  .editorial-box.world.text-img-box {
    height: auto; } }

.dealer-locator .my_abarth_login h2 span,
.dealer-locator .directions-list h2 span {
  padding: 0px 0px; }

.dealer-locator {
  /* ----- mappa ----- */
  /*
.gm-style div div:nth-child(3) div:nth-child(4) div:first-child{
	left:49% !important;
}
*/
  /*
.gm-style div div:nth-child(3) div:nth-child(4) div:nth-child(3){
	right:40px !important;
}
*/
  /* per disabilitare lo sfondo che genera*/
  /* rendo invisibile la x di chiusura */
  /*----------------*/
  /* ----------- end locator-search ----------------*/
  /*
.slick-prev.slick-disabled,
.slick-next.slick-disabled{color:#333; cursor:default;}
.slick-disabled:hover,
.slick-prev.slick-disabled:hover,
.slick-next.slick-disabled:hover{color:#333; cursor:default;}
*/
  /*----------- end slick ------------*/ }
  .dealer-locator ::-moz-selection {
    background: transparent;
    color: inherit; }
  .dealer-locator ::selection {
    background: transparent;
    color: inherit; }
  .dealer-locator *:focus {
    outline: 0;
    cursor: default; }
  .dealer-locator .google-maps {
    position: relative;
    width: 100%;
    display: block;
    height: 600px; }
    @media screen and (max-width: 767px) {
      .dealer-locator .google-maps {
        height: 420px; } }
  .dealer-locator #map-canvas {
    height: 600px;
    height: 100%;
    width: 100%; }
  .dealer-locator #map-canvas .gmnoprint {
    display: none !important; }
  .dealer-locator #map-canvas div.gmnoprint {
    display: none !important; }
  .dealer-locator #map-canvas .gm-style div a {
    display: none !important; }
  .dealer-locator #map-canvas .gm-style div a.track-freespee {
    display: inline !important;
    cursor: pointer; }
  .dealer-locator #map-canvas .gm-style-cc {
    display: none !important; }
  .dealer-locator .gm-style div div div div:first-child {
    box-shadow: none !important;
    background-color: transparent !important;
    border-top-color: rgba(0, 0, 0, 0) !important; }
  .dealer-locator .gm-style div div:nth-child(3) {
    box-shadow: none !important; }
  .dealer-locator .gm-style div div div div:nth-child(3) {
    box-shadow: none !important;
    background-color: transparent !important; }
  .dealer-locator .gm-style div div div div div div:nth-child(2n) {
    box-shadow: none !important;
    background-color: transparent !important; }
  .dealer-locator .gm-style div div:nth-child(3) div div div img {
    box-shadow: none !important; }
  .dealer-locator .gm-style div div:nth-child(3) div div div {
    right: calc(-50% + 60px) !important; }
  .dealer-locator .contentPopUp {
    position: relative;
    background: #fff;
    color: #000;
    padding: 20px;
    margin-bottom: 15px;
    margin-left: 10px;
    font-family: 'Abarth_Medium';
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;
    font-size: 0.875em;
    max-width: 360px; }
    @media screen and (max-width: 767px) {
      .dealer-locator .contentPopUp {
        font-size: 0.75em;
        max-width: 160px; } }
  .dealer-locator .gm-style-iw {
    left: 50% !important; }
  .dealer-locator .arrow-itm {
    position: absolute;
    color: #fff;
    background: url("clientlib-base/resources/images/editoriali/maps/bullet.png");
    width: 40px;
    height: 40px;
    text-align: center;
    left: -15px; }
  .dealer-locator .arrow-itm span {
    display: block;
    margin: auto;
    margin-top: 14px;
    font-size: 1em;
    font-family: 'Abarth_Medium'; }
  .dealer-locator .box-PopUp .res-title-PopUp {
    font-family: 'Abarth_Heavy';
    margin-bottom: 10px;
    font-size: 1.25em; }
    @media screen and (max-width: 767px) {
      .dealer-locator .box-PopUp .res-title-PopUp {
        font-size: 1.25em; } }
  .dealer-locator .box-PopUp p {
    margin-bottom: 2px; }
  .dealer-locator .search-results {
    height: auto;
    position: relative;
    width: 100%;
    display: block;
    background: #000; }
    @media screen and (min-width: 1920px) {
      .dealer-locator .search-results {
        padding-bottom: 4px; } }
    .dealer-locator .search-results .locator-results {
      width: 100%;
      top: 0;
      bottom: 0;
      display: none;
      min-height: 440px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .dealer-locator .search-results .locator-results {
          min-height: 440px; } }
      @media screen and (max-width: 767px) {
        .dealer-locator .search-results .locator-results {
          min-height: 470px; } }
    .dealer-locator .search-results .locator-detail {
      width: 100%;
      height: 370px !important;
      top: 0;
      bottom: 0;
      color: #fff;
      display: none;
      padding: 60px 25px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .dealer-locator .search-results .locator-detail {
          height: auto;
          max-height: 510px;
          padding: 30px 25px; } }
      @media screen and (max-width: 767px) {
        .dealer-locator .search-results .locator-detail {
          height: auto !important;
          max-height: 817px;
          padding: 0; } }
      .dealer-locator .search-results .locator-detail .res-detail {
        width: 33.33333% !important;
        float: left;
        display: inline-block; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .dealer-locator .search-results .locator-detail .res-detail {
            width: 50% !important; } }
        @media screen and (max-width: 767px) {
          .dealer-locator .search-results .locator-detail .res-detail {
            background: #fff;
            color: #000;
            padding: 20px 30px;
            width: 100% !important; } }
        @media screen and (max-width: 767px) {
          .dealer-locator .search-results .locator-detail .res-detail span {
            color: #000; } }
        .dealer-locator .search-results .locator-detail .res-detail .res-row-map span a {
          font-family: 'Abarth_Medium';
          font-size: 0.9em;
          display: inline-block;
          color: #fff;
          text-decoration: none; }
          @media screen and (max-width: 767px) {
            .dealer-locator .search-results .locator-detail .res-detail .res-row-map span a {
              color: #000; } }
        .dealer-locator .search-results .locator-detail .res-detail .cta-left {
          float: left;
          padding: 12px 20px;
          font-size: 0.725em; }
          @media screen and (max-width: 767px) {
            .dealer-locator .search-results .locator-detail .res-detail .cta-left {
              display: table;
              width: 100%; } }
      .dealer-locator .search-results .locator-detail .res-direzioni {
        width: 33.33333% !important;
        float: left;
        display: inline-block;
        padding-left: 20px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .dealer-locator .search-results .locator-detail .res-direzioni {
            width: 50% !important; } }
        @media screen and (max-width: 767px) {
          .dealer-locator .search-results .locator-detail .res-direzioni {
            width: 100% !important;
            padding: 20px 30px; } }
        .dealer-locator .search-results .locator-detail .res-direzioni .res-roadDeparture {
          cursor: pointer; }
      .dealer-locator .search-results .locator-detail .res-my_abarth,
      .dealer-locator .search-results .locator-detail .res-direction-list {
        width: 33.33333% !important;
        float: left;
        height: 417px; }
        @media screen and (min-width: 1920px) {
          .dealer-locator .search-results .locator-detail .res-my_abarth,
          .dealer-locator .search-results .locator-detail .res-direction-list {
            margin-top: 10px;
            width: 32% !important; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .dealer-locator .search-results .locator-detail .res-my_abarth,
          .dealer-locator .search-results .locator-detail .res-direction-list {
            margin-bottom: 10px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .dealer-locator .search-results .locator-detail .res-my_abarth,
          .dealer-locator .search-results .locator-detail .res-direction-list {
            width: 30% !important;
            margin-left: 1%;
            height: 430px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .dealer-locator .search-results .locator-detail .res-my_abarth,
          .dealer-locator .search-results .locator-detail .res-direction-list {
            width: 100% !important;
            padding-left: 0px;
            padding-top: 20px;
            margin-top: 20px; } }
        @media screen and (max-width: 767px) {
          .dealer-locator .search-results .locator-detail .res-my_abarth,
          .dealer-locator .search-results .locator-detail .res-direction-list {
            width: 85% !important;
            padding: 20px 0;
            margin: 20px 30px;
            overflow: inherit;
            height: auto;
            max-height: none !important; } }
      .dealer-locator .search-results .locator-detail .res-my_abarth {
        display: none; }
      .dealer-locator .search-results .locator-detail .res-direction-list {
        display: inline-block; }
      .dealer-locator .search-results .locator-detail #elenco-direzioni {
        height: auto !important; }
  .dealer-locator .search-choice {
    width: 100%;
    display: none; }
  .dealer-locator .locator-search {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    color: #fff;
    float: left;
    padding: 30px 6%;
    position: absolute;
    bottom: 0px;
    max-height: 120px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .dealer-locator .locator-search {
        padding: 30px 2%; } }
    @media screen and (max-width: 767px) {
      .dealer-locator .locator-search {
        padding: 0;
        max-height: none;
        height: auto; } }
  .dealer-locator .locator_choice {
    color: #fff;
    width: 33.333%;
    float: left;
    font-family: 'Abarth_Medium'; }
    @media screen and (min-width: 1920px) {
      .dealer-locator .locator_choice {
        width: 30%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .dealer-locator .locator_choice {
        width: 30%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .dealer-locator .locator_choice {
        width: 25%;
        margin-right: 5%; } }
    @media screen and (max-width: 767px) {
      .dealer-locator .locator_choice {
        width: 100%;
        padding: 5px 10% 0 10%; } }
    .dealer-locator .locator_choice h4 {
      font-size: 1.2em;
      text-transform: uppercase;
      margin-bottom: 5px; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .dealer-locator .locator_choice h4 {
          font-size: 1em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .dealer-locator .locator_choice h4 {
          font-size: 1em; } }
      @media screen and (max-width: 767px) {
        .dealer-locator .locator_choice h4 {
          font-size: 1em;
          margin-top: 5px; } }
    .dealer-locator .locator_choice p {
      font-size: 1em;
      margin-bottom: 0px;
      font-family: 'Abarth_light', sans-serif; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .dealer-locator .locator_choice p {
          font-size: 0.9em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .dealer-locator .locator_choice p {
          font-size: 0.8em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .dealer-locator .locator_choice p {
          font-size: 11px; } }
      @media screen and (max-width: 767px) {
        .dealer-locator .locator_choice p {
          display: none; } }
  .dealer-locator .locator_input {
    color: #fff;
    width: 33.33%;
    float: left;
    position: relative;
    border-left: 3px solid #e72020; }
    @media screen and (min-width: 1920px) {
      .dealer-locator .locator_input {
        width: 28%;
        margin-left: 2%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .dealer-locator .locator_input {
        width: 28%;
        margin-left: 2%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .dealer-locator .locator_input {
        width: 35%; } }
    @media screen and (max-width: 767px) {
      .dealer-locator .locator_input {
        width: 80%;
        margin: 0 10% 10px 10%; } }
    .dealer-locator .locator_input input {
      color: #333;
      width: 100%;
      padding: 5px;
      border: 0;
      font-size: 1.125em; }
      @media screen and (min-width: 1920px) {
        .dealer-locator .locator_input input {
          height: 55px;
          font-size: 1.5em; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .dealer-locator .locator_input input {
          height: 40px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .dealer-locator .locator_input input {
          height: 35px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .dealer-locator .locator_input input {
          height: 30px; } }
      @media screen and (max-width: 767px) {
        .dealer-locator .locator_input input {
          height: 30px; } }
    .dealer-locator .locator_input .missing {
      border: 1px solid #e72020; }
  .dealer-locator .locator_send {
    float: left; }
    .dealer-locator .locator_send a {
      float: right;
      cursor: pointer; }
    .dealer-locator .locator_send .find_locator {
      background: #e72020;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      padding: 2% 3%; }
  .dealer-locator .icon-arrow-right {
    background: url("clientlib-base/resources/images/icon/arrow-right.png");
    background-size: cover;
    background-position: center center;
    display: block;
    margin: auto 0; }
    @media screen and (min-width: 1920px) {
      .dealer-locator .icon-arrow-right {
        width: 12px;
        height: 21px;
        margin-top: 6px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .dealer-locator .icon-arrow-right {
        width: 10px;
        height: 18px;
        margin-top: 3px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .dealer-locator .icon-arrow-right {
        width: 10px;
        height: 18px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .dealer-locator .icon-arrow-right {
        width: 9px;
        height: 15px;
        margin-top: 2px; } }
    @media screen and (max-width: 767px) {
      .dealer-locator .icon-arrow-right {
        width: 10px;
        height: 18px; } }
  .dealer-locator .pagination-centered:first-child {
    border-right: solid #fff 1px; }
  .dealer-locator .locator_filters {
    font-family: 'Abarth_Medium';
    font-size: 1.125em;
    color: #fff;
    width: 33.33%;
    float: right;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative; }
    @media (max-width: 1920px) {
      .dealer-locator .locator_filters {
        bottom: 1vw; } }
    @media screen and (min-width: 1920px) {
      .dealer-locator .locator_filters {
        width: 40%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .dealer-locator .locator_filters {
        width: 40%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .dealer-locator .locator_filters {
        width: 35%; } }
    @media screen and (max-width: 767px) {
      .dealer-locator .locator_filters {
        width: 100%;
        background: #000; } }
    .dealer-locator .locator_filters .custom {
      display: none; }
  .dealer-locator .res-table {
    background: #000; }
    @media screen and (max-width: 767px) {
      .dealer-locator .res-table {
        padding: 50px 0; } }
  .dealer-locator .res_child_row {
    border-bottom: #fff solid 1px;
    cursor: pointer;
    margin: 0 20px;
    height: 90px;
    color: #fff; }
  .dealer-locator .res_child_row:hover {
    background: #ccc;
    cursor: pointer;
    color: #000; }
  .dealer-locator .child_row_locator {
    position: relative;
    padding: 5% 15px;
    overflow-x: hidden;
    font-size: 1em;
    font-family: 'Abarth_Medium'; }
    @media screen and (max-width: 767px) {
      .dealer-locator .child_row_locator {
        padding: 5% 12px 2%; } }
  .dealer-locator .res-num {
    font-size: 1.125em;
    font-family: 'Abarth_Light'; }
  .dealer-locator .res-title {
    font-family: 'Abarth_Heavy';
    font-size: 0.8em;
    margin-top: 8px;
    line-height: 1em;
    margin-bottom: 5px;
    padding: 0; }
  .dealer-locator .res-row {
    font-family: 'Abarth_Medium';
    font-size: 0.8em;
    padding: 0 20px 0 0;
    color: #A5A5A5; }
    @media screen and (min-width: 1920px) {
      .dealer-locator .res-row {
        font-size: 0.9em; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .dealer-locator .res-row {
        font-size: 0.8em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .dealer-locator .res-row {
        font-size: 0.75em; } }
    @media screen and (max-width: 767px) {
      .dealer-locator .res-row {
        font-size: 10px;
        padding: 0 10px 0 0; } }
  .dealer-locator .res-title-map {
    font-family: 'Abarth_Heavy'; }
    @media screen and (min-width: 1920px) {
      .dealer-locator .res-title-map {
        font-size: 1.125em; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .dealer-locator .res-title-map {
        font-size: 0.8em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .dealer-locator .res-title-map {
        font-size: 0.8em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .dealer-locator .res-title-map {
        font-size: 0.8em; } }
    @media screen and (max-width: 767px) {
      .dealer-locator .res-title-map {
        font-size: 0.75em; } }
  .dealer-locator .res-title-detail {
    border-bottom: solid #fff 1px;
    padding: 0 10px 10px 0; }
    @media screen and (min-width: 1920px) {
      .dealer-locator .res-title-detail {
        font-size: 1.125em; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .dealer-locator .res-title-detail {
        font-size: 1em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .dealer-locator .res-title-detail {
        font-size: 1em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .dealer-locator .res-title-detail {
        font-size: 0.8em; } }
    @media screen and (max-width: 767px) {
      .dealer-locator .res-title-detail {
        border-bottom: 2px solid black;
        font-size: 0.9em; } }
  .dealer-locator .res-row-map {
    font-family: 'Abarth_Light';
    font-size: 0.8em;
    display: none;
    padding: 0 10px 10px 10px;
    margin-bottom: 5px; }
    @media screen and (min-width: 1920px) {
      .dealer-locator .res-row-map {
        font-size: 0.9em; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .dealer-locator .res-row-map {
        font-size: 0.8em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .dealer-locator .res-row-map {
        font-size: 0.75em; } }
  .dealer-locator .res-row-map.res-address-map {
    display: block;
    padding-left: 0;
    font-family: 'Abarth_Medium';
    font-size: 0.8em; }
  .dealer-locator .res-row-map.res-phone-map {
    display: block;
    padding-left: 0;
    font-family: 'Abarth_Medium';
    font-size: 0.8em; }
  .dealer-locator .res-row-map span {
    font-family: 'Abarth_Medium';
    display: inline-block;
    padding-left: 20px;
    color: #fff;
    text-decoration: none;
    max-width: 320px; }
    @media screen and (max-width: 767px) {
      .dealer-locator .res-row-map span {
        font-size: 15px;
        padding-left: 0;
        padding-top: 5px;
        display: block; } }
  .dealer-locator .res-phone-map a.track-freespee {
    cursor: pointer; }
  .dealer-locator .res-row-map span a {
    font-family: 'Abarth_Medium';
    font-size: 0.9em;
    display: inline-block;
    color: #fff;
    text-decoration: none; }
    @media screen and (max-width: 767px) {
      .dealer-locator .res-row-map span a {
        font-size: 15px !important; } }
  .dealer-locator .locator-item-res-row {
    font-family: 'Abarth_Light';
    font-size: 0.8em;
    padding: 10px 0; }
  .dealer-locator .res-directionsFor {
    font-family: 'Abarth_Medium';
    font-size: 1em;
    padding-bottom: 20px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .dealer-locator .res-directionsFor {
        font-size: 0.8em; } }
  .dealer-locator .locator-item-res-row b {
    display: inline-block;
    padding-right: 20px; }
  .dealer-locator .locator-item-res-row b:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #e72020;
    margin: 0 10px; }
  .dealer-locator .cta-left {
    float: left;
    padding: 12px 20px;
    font-size: 0.725em; }
  .dealer-locator .link-Maps {
    font-family: 'Abarth_Light';
    margin-top: 20px;
    vertical-align: middle;
    margin-bottom: 12px;
    display: inline-block;
    padding-right: 12px;
    font-size: 0.75em; }
    @media screen and (min-width: 1920px) {
      .dealer-locator .link-Maps {
        font-size: 1em; } }
    .dealer-locator .link-Maps span {
      display: inline-block;
      vertical-align: middle;
      /* padding-bottom: 12px; */
      padding-right: 12px; }
    .dealer-locator .link-Maps .link-google {
      font-family: 'Abarth_Medium';
      color: #e72020;
      text-decoration: none; }
    .dealer-locator .link-Maps .icon-googleMaps {
      background: url("clientlib-base/resources/images/editoriali/maps/googleMaps_logo.png") center left;
      width: 140px;
      height: 25px;
      position: relative;
      display: inline-block;
      background-repeat: no-repeat;
      background-size: contain;
      padding-right: 0; }
      @media screen and (max-width: 767px) {
        .dealer-locator .link-Maps .icon-googleMaps {
          width: 100px; } }
  .dealer-locator .my_abarth_login,
  .dealer-locator .directions-list {
    border: solid #fff 1px;
    position: relative;
    float: left;
    padding-bottom: 10px;
    width: 100%;
    max-height: 550px !important; }
    .dealer-locator .my_abarth_login h2,
    .dealer-locator .directions-list h2 {
      font-family: 'Abarth_Heavy';
      text-transform: uppercase;
      font-size: 2em;
      border-bottom: solid #fff 1px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .dealer-locator .my_abarth_login h2,
        .dealer-locator .directions-list h2 {
          font-size: 1.5em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .dealer-locator .my_abarth_login h2,
        .dealer-locator .directions-list h2 {
          font-size: 1.2em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .dealer-locator .my_abarth_login h2,
        .dealer-locator .directions-list h2 {
          font-size: 1.5em; } }
      @media screen and (max-width: 767px) {
        .dealer-locator .my_abarth_login h2,
        .dealer-locator .directions-list h2 {
          font-size: 1.5em; } }
      .dealer-locator .my_abarth_login h2 span,
      .dealer-locator .directions-list h2 span {
        padding: 5px 20px; }
        @media screen and (max-width: 767px) {
          .dealer-locator .my_abarth_login h2 span,
          .dealer-locator .directions-list h2 span {
            display: block;
            line-height: 1.1; } }
    .dealer-locator .my_abarth_login p,
    .dealer-locator .directions-list p {
      font-family: 'Abarth_Light';
      font-size: 0.8em;
      padding: 5px 20px; }
      @media screen and (max-width: 767px) {
        .dealer-locator .my_abarth_login p,
        .dealer-locator .directions-list p {
          margin-bottom: 5px; } }
    .dealer-locator .my_abarth_login .locator-item-res-row,
    .dealer-locator .directions-list .locator-item-res-row {
      padding: 0 10px 5px 20px; }
      @media screen and (max-width: 767px) {
        .dealer-locator .my_abarth_login .locator-item-res-row,
        .dealer-locator .directions-list .locator-item-res-row {
          line-height: 1.2;
          padding-bottom: 7px; } }
    .dealer-locator .my_abarth_login .adp,
    .dealer-locator .directions-list .adp {
      padding: 0 0 0 20px;
      max-height: 550px !important; }
      @media screen and (max-width: 767px) {
        .dealer-locator .my_abarth_login .adp,
        .dealer-locator .directions-list .adp {
          max-height: none !important; } }
      .dealer-locator .my_abarth_login .adp .adp-text,
      .dealer-locator .my_abarth_login .adp .adp-marker,
      .dealer-locator .my_abarth_login .adp .adp-placemark,
      .dealer-locator .directions-list .adp .adp-text,
      .dealer-locator .directions-list .adp .adp-marker,
      .dealer-locator .directions-list .adp .adp-placemark {
        display: none; }
      .dealer-locator .my_abarth_login .adp .adp-summary,
      .dealer-locator .directions-list .adp .adp-summary {
        padding: 0;
        color: #fff; }
        .dealer-locator .my_abarth_login .adp .adp-summary div,
        .dealer-locator .directions-list .adp .adp-summary div {
          overflow-y: scroll; }
      .dealer-locator .my_abarth_login .adp .adp-directions,
      .dealer-locator .directions-list .adp .adp-directions {
        margin-top: 20px;
        font-family: 'Abarth_light', sans-serif;
        display: block;
        height: 220px !important;
        color: #fff;
        width: 100%;
        position: relative; }
        @media screen and (max-width: 767px) {
          .dealer-locator .my_abarth_login .adp .adp-directions,
          .dealer-locator .directions-list .adp .adp-directions {
            height: auto !important;
            display: table-cell;
            padding-top: 20px;
            margin-top: 0;
            width: auto !important; } }
        .dealer-locator .my_abarth_login .adp .adp-directions tbody,
        .dealer-locator .directions-list .adp .adp-directions tbody {
          display: block;
          width: 100%;
          height: 200px !important;
          overflow-y: scroll !important;
          -ms-overflow-y: scroll !important;
          overflow-x: hidden !important;
          position: relative;
          float: left; }
          @media screen and (max-width: 767px) {
            .dealer-locator .my_abarth_login .adp .adp-directions tbody,
            .dealer-locator .directions-list .adp .adp-directions tbody {
              height: auto !important;
              display: table-row-group;
              float: none;
              overflow-y: scroll !important;
              -ms-overflow-y: scroll !important;
              overflow-x: hidden !important;
              width: auto !important; } }
        .dealer-locator .my_abarth_login .adp .adp-directions tr,
        .dealer-locator .directions-list .adp .adp-directions tr {
          margin-bottom: 20px;
          display: inline-block;
          width: 100%;
          padding-right: 10px;
          position: relative;
          word-wrap: break-word; }
          @media screen and (max-width: 767px) {
            .dealer-locator .my_abarth_login .adp .adp-directions tr,
            .dealer-locator .directions-list .adp .adp-directions tr {
              border-bottom: 20px solid black;
              display: table-row;
              width: auto !important; }
              .dealer-locator .my_abarth_login .adp .adp-directions tr td:first-child,
              .dealer-locator .directions-list .adp .adp-directions tr td:first-child {
                display: none; } }
          .dealer-locator .my_abarth_login .adp .adp-directions tr .adp-substep,
          .dealer-locator .directions-list .adp .adp-directions tr .adp-substep {
            padding: 0 3px;
            border-top: 0; }
            @media screen and (max-width: 767px) {
              .dealer-locator .my_abarth_login .adp .adp-directions tr .adp-substep,
              .dealer-locator .directions-list .adp .adp-directions tr .adp-substep {
                font-size: 14px;
                line-height: 14px;
                padding-left: 0; } }
            .dealer-locator .my_abarth_login .adp .adp-directions tr .adp-substep .adp-distance,
            .dealer-locator .directions-list .adp .adp-directions tr .adp-substep .adp-distance {
              padding-left: 20px; }
            .dealer-locator .my_abarth_login .adp .adp-directions tr .adp-substep .adp-stepicon,
            .dealer-locator .directions-list .adp .adp-directions tr .adp-substep .adp-stepicon {
              position: absolute;
              left: initial;
              right: 80px; }
              .dealer-locator .my_abarth_login .adp .adp-directions tr .adp-substep .adp-stepicon .adp-maneuver,
              .dealer-locator .directions-list .adp .adp-directions tr .adp-substep .adp-stepicon .adp-maneuver {
                background-image: url("clientlib-base/resources/images/icon/maneuvers-custom.png");
                position: static;
                float: left; }
              @media screen and (max-width: 767px) {
                .dealer-locator .my_abarth_login .adp .adp-directions tr .adp-substep .adp-stepicon,
                .dealer-locator .directions-list .adp .adp-directions tr .adp-substep .adp-stepicon {
                  display: none; } }
          .dealer-locator .my_abarth_login .adp .adp-directions tr .adp-substep:nth-child(2),
          .dealer-locator .directions-list .adp .adp-directions tr .adp-substep:nth-child(2) {
            color: #e72020; }
          .dealer-locator .my_abarth_login .adp .adp-directions tr .adp-substep:nth-child(3),
          .dealer-locator .directions-list .adp .adp-directions tr .adp-substep:nth-child(3) {
            border-left: 1px solid #cdcdcd;
            max-width: 180px; }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .dealer-locator .my_abarth_login .adp .adp-directions tr .adp-substep:nth-child(3),
              .dealer-locator .directions-list .adp .adp-directions tr .adp-substep:nth-child(3) {
                max-width: 720px; } }
            @media screen and (max-width: 767px) {
              .dealer-locator .my_abarth_login .adp .adp-directions tr .adp-substep:nth-child(3),
              .dealer-locator .directions-list .adp .adp-directions tr .adp-substep:nth-child(3) {
                padding-left: 5px;
                word-break: break-word; } }
          .dealer-locator .my_abarth_login .adp .adp-directions tr td[jsvalues], .dealer-locator .my_abarth_login .adp .adp-directions tr td:nth-child(3),
          .dealer-locator .directions-list .adp .adp-directions tr td[jsvalues],
          .dealer-locator .directions-list .adp .adp-directions tr td:nth-child(3) {
            width: 100%; }
            @media screen and (max-width: 767px) {
              .dealer-locator .my_abarth_login .adp .adp-directions tr td[jsvalues], .dealer-locator .my_abarth_login .adp .adp-directions tr td:nth-child(3),
              .dealer-locator .directions-list .adp .adp-directions tr td[jsvalues],
              .dealer-locator .directions-list .adp .adp-directions tr td:nth-child(3) {
                width: auto; } }
          @media screen and (max-width: 767px) {
            .dealer-locator .my_abarth_login .adp .adp-directions tr .adp-substep:nth-child(4),
            .dealer-locator .directions-list .adp .adp-directions tr .adp-substep:nth-child(4) {
              text-align: right; } }
      .dealer-locator .my_abarth_login .adp .adp-legal,
      .dealer-locator .directions-list .adp .adp-legal {
        background: url("clientlib-base/resources/images/icon/powered_by_google_on_non_white.png") left no-repeat;
        text-indent: 65px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden; }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .dealer-locator .my_abarth_login .adp .adp-legal,
          .dealer-locator .directions-list .adp .adp-legal {
            text-indent: 0;
            text-align: left;
            padding-top: 25px;
            background: url("clientlib-base/resources/images/icon/powered_by_google_on_non_white.png") left top no-repeat; } }
        @media screen and (max-width: 767px) {
          .dealer-locator .my_abarth_login .adp .adp-legal,
          .dealer-locator .directions-list .adp .adp-legal {
            text-indent: 0;
            text-align: left;
            padding-top: 25px;
            background: url("clientlib-base/resources/images/icon/powered_by_google_on_non_white.png") left top no-repeat; } }
    .dealer-locator .my_abarth_login .link-myAbarth,
    .dealer-locator .directions-list .link-myAbarth {
      float: left;
      padding: 5px 20px;
      width: 100%; }
      .dealer-locator .my_abarth_login .link-myAbarth a.register,
      .dealer-locator .directions-list .link-myAbarth a.register {
        font-family: 'Abarth_Medium';
        float: right;
        color: #e72020;
        text-decoration: none;
        margin-top: 12px;
        text-transform: uppercase;
        margin-right: 10px;
        font-size: 0.75em; }
        @media screen and (min-width: 1920px) {
          .dealer-locator .my_abarth_login .link-myAbarth a.register,
          .dealer-locator .directions-list .link-myAbarth a.register {
            font-size: 1em; } }
        @media screen and (max-width: 767px) {
          .dealer-locator .my_abarth_login .link-myAbarth a.register,
          .dealer-locator .directions-list .link-myAbarth a.register {
            float: left;
            display: block;
            width: 100%; } }
      .dealer-locator .my_abarth_login .link-myAbarth .register:after,
      .dealer-locator .directions-list .link-myAbarth .register:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-color: transparent transparent transparent #e72020;
        margin: 0 10px; }
      .dealer-locator .my_abarth_login .link-myAbarth a.register:hover,
      .dealer-locator .directions-list .link-myAbarth a.register:hover {
        float: right;
        color: #e72020;
        text-decoration: none; }
  .dealer-locator .locator_button div {
    font-family: 'Abarth_Medium';
    font-size: 0.6em;
    text-transform: uppercase; }
    @media screen and (min-width: 1920px) {
      .dealer-locator .locator_button div {
        font-size: 1.125em; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .dealer-locator .locator_button div {
        font-size: 0.9em; } }
  .dealer-locator .locator_button {
    background-position: center top;
    width: 33.333%;
    position: relative;
    bottom: 0;
    float: left; }
    @media screen and (max-width: 767px) {
      .dealer-locator .locator_button {
        padding: 20px 0; } }
  .dealer-locator .cl-center {
    width: 100%;
    display: block;
    text-align: center; }
  @media screen and (max-width: 767px) {
    .dealer-locator .locator_button:first-child {
      border-right: 1px solid #333; } }
  @media screen and (max-width: 767px) {
    .dealer-locator .locator_button:nth-child(2) {
      border-right: 1px solid #333; } }
  .dealer-locator .locator_txt {
    font-family: 'Abarth_Medium';
    font-size: 0.6em; }
  .dealer-locator .locator_button input {
    width: 1px;
    height: 1px;
    opacity: 0; }
  .dealer-locator .locator_button input[type="radio"] {
    width: 1px;
    height: 1px;
    opacity: 0; }
  .dealer-locator .locator_button.selected div {
    color: white; }
  .dealer-locator .selected .outer .inner {
    transform: scale(1);
    opacity: 1; }
  .dealer-locator .selected .outer {
    border: 2px solid #fff; }
  .dealer-locator .selected .outer .inner {
    transform: scale(1);
    opacity: 1;
    background-color: #fff; }
  .dealer-locator .outer {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
    border: 2px solid #808080;
    border-radius: 50%;
    background-color: #000;
    cursor: pointer; }
    @media screen and (min-width: 1920px) {
      .dealer-locator .outer {
        width: 23px;
        height: 23px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .dealer-locator .outer {
        width: 16px;
        height: 16px; } }
  .dealer-locator .inner {
    transition: all 0.25s ease-in-out;
    width: 11px;
    height: 11px;
    transform: scale(0);
    display: block;
    margin: 2px 2.5px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0; }
    @media screen and (min-width: 1920px) {
      .dealer-locator .inner {
        width: 13px;
        height: 13px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .dealer-locator .inner {
        width: 8px;
        height: 8px;
        margin: 2px; } }
  .dealer-locator .slider input[type="button"] {
    background: transparent;
    border: 0; }
  @media screen and (max-width: 767px) {
    .dealer-locator .slick-slide:first-child .res_child_row {
      border-top: solid #fff 1px; } }
  .dealer-locator .slick-prev {
    display: inline-block !important;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 0.8em;
    float: left;
    font-family: 'Abarth_Light';
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 40px; }
    @media screen and (max-width: 767px) {
      .dealer-locator .slick-prev {
        display: none !important; } }
  .dealer-locator .slick-prev:before {
    content: '';
    position: absolute;
    background: url("clientlib-base/resources/images/icon/arrow-left.png");
    background-size: 70%;
    background-position: top center;
    display: block;
    margin: auto 0;
    width: 10px;
    height: 18px;
    background-repeat: no-repeat;
    left: 20px; }
  .dealer-locator .slick-prev.slick-disabled {
    color: #595959; }
  .dealer-locator .slick-prev.slick-disabled:before {
    opacity: 0.4; }
  .dealer-locator .slick-next {
    display: inline-block !important;
    background: transparent;
    border: 0;
    color: #fff;
    float: right;
    font-size: 0.8em;
    font-family: 'Abarth_Light';
    padding-top: 40px;
    padding-bottom: 20px;
    padding-right: 40px; }
    @media screen and (max-width: 767px) {
      .dealer-locator .slick-next {
        display: none !important; } }
  .dealer-locator .slick-next.slick-disabled {
    color: #595959; }
  .dealer-locator .slick-next.slick-disabled:after {
    opacity: 0.4; }
  .dealer-locator .slick-next:after {
    content: '';
    position: absolute;
    background: url("clientlib-base/resources/images/icon/arrow-right.png");
    background-size: 70%;
    background-position: top center;
    /* display: block; */
    margin: auto 0;
    width: 10px;
    height: 18px;
    background-repeat: no-repeat;
    right: 20px; }
  .dealer-locator .smart-next {
    content: '';
    position: absolute;
    background: url("clientlib-base/resources/images/icon/arrow-bottom.png");
    background-size: cover;
    background-position: center center;
    display: none;
    margin: auto 0;
    width: 21px;
    height: 12px;
    left: 46.7%;
    bottom: 0;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .dealer-locator .smart-next {
        display: block; } }
  .dealer-locator .smart-prev {
    content: '';
    position: absolute;
    background: url("clientlib-base/resources/images/icon/arrow-top.png");
    background-size: cover;
    background-position: center center;
    display: none;
    margin: auto 0;
    width: 21px;
    height: 12px;
    left: 46.7%;
    top: 0;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .dealer-locator .smart-prev {
        display: block; } }
  .dealer-locator .slick-dots {
    display: none !important; }
  .dealer-locator .res-roadDealer {
    margin-bottom: 15px; }
    .dealer-locator .res-roadDealer .name-Dealer {
      font-family: 'Abarth_Heavy';
      font-size: 1em; }
    .dealer-locator .res-roadDealer .address-Dealer {
      font-family: 'Abarth_Medium';
      font-size: 0.75em; }
  .dealer-locator .locator_navigator {
    position: relative;
    max-width: 352px; }
    .dealer-locator .locator_navigator .locator_send {
      float: left; }
      .dealer-locator .locator_navigator .locator_send a {
        float: right;
        cursor: pointer; }
      .dealer-locator .locator_navigator .locator_send .find_direction {
        background: #e72020;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 1% 2%;
        display: none; }
    .dealer-locator .locator_navigator .icon-arrow-right {
      background: url("clientlib-base/resources/images/icon/arrow-right.png");
      background-size: 70%;
      background-position: center center;
      display: block;
      margin: auto 0;
      background-repeat: no-repeat; }
      @media screen and (min-width: 1920px) {
        .dealer-locator .locator_navigator .icon-arrow-right {
          width: 12px;
          height: 21px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .dealer-locator .locator_navigator .icon-arrow-right {
          width: 10px;
          height: 18px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .dealer-locator .locator_navigator .icon-arrow-right {
          width: 10px;
          height: 18px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .dealer-locator .locator_navigator .icon-arrow-right {
          width: 9px;
          height: 15px; } }
      @media screen and (max-width: 767px) {
        .dealer-locator .locator_navigator .icon-arrow-right {
          width: 9px;
          height: 14px; } }
  .dealer-locator .res-direzioni input {
    background-color: #fff;
    max-width: 352px;
    width: 100%;
    color: #595959;
    border-radius: 0;
    border: 0;
    border-left: solid 3px #ccc;
    padding: 5px 10px; }
  .dealer-locator .button_light.red {
    color: #fff;
    border: none;
    text-transform: uppercase; }

.errorSelect {
  display: none;
  color: #e72020;
  font-family: abarth_superleggero;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  margin-left: 20px;
  text-align: left; }

.errorInput {
  font-size: 10px;
  height: 10px;
  width: 77%;
  line-height: 10px;
  color: #e72020; }

.radio-error {
  border: 2px solid;
  border-color: #e72020;
  padding: 2px; }

.dealer-locator-table {
  font-family: "Abarth_Medium"; }
  .dealer-locator-table .title {
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px; }
  .dealer-locator-table .search {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px; }
    .dealer-locator-table .search select {
      padding: 2px;
      border-radius: 1px;
      border: 1px solid #999999; }
    .dealer-locator-table .search button {
      display: inline-block;
      padding: 7px 20px;
      background: #e72020;
      color: #ffffff;
      font-size: 12px;
      border: 0px;
      cursor: pointer;
      border-radius: 1px;
      float: left; }
  .dealer-locator-table .leftDiv {
    float: left;
    padding-right: 10px; }
  .dealer-locator-table label {
    font-weight: bold;
    font-size: 12px; }
  .dealer-locator-table .dealerLocatorTable #results {
    overflow: auto; }
  .dealer-locator-table .dealerLocatorTable#resultDealersTable {
    padding: 30px; }
    .dealer-locator-table .dealerLocatorTable#resultDealersTable table {
      background: #FFF none repeat scroll 0 0;
      padding: 00px;
      width: 100%; }
      .dealer-locator-table .dealerLocatorTable#resultDealersTable table tr.bgcolor {
        background: #f1f1f1; }
      @media screen and (max-width: 640px) {
        .dealer-locator-table .dealerLocatorTable#resultDealersTable table {
          overflow-x: auto;
          display: block; } }
    .dealer-locator-table .dealerLocatorTable#resultDealersTable tr {
      height: 10px; }
    .dealer-locator-table .dealerLocatorTable#resultDealersTable td {
      font-size: 10px;
      padding: 5px;
      color: #000000;
      border-bottom: 1px solid #eeeeee;
      border-right: 1px solid #eeeeee;
      border-left: 1px solid #eeeeee; }
      background .dealer-locator-table .dealerLocatorTable#resultDealersTable td.bdrlft {
        border-left: 1px solid #eeeeee; }
      .dealer-locator-table .dealerLocatorTable#resultDealersTable td a {
        text-decoration: none;
        color: #000000;
        font-weight: bold; }
      .dealer-locator-table .dealerLocatorTable#resultDealersTable td a:hover {
        text-decoration: none;
        color: #ad0b32; }
    .dealer-locator-table .dealerLocatorTable#resultDealersTable .delHead td {
      background-color: #e72020;
      color: #FFF;
      padding: 2px 0;
      font-weight: bold;
      text-transform: uppercase;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding: 5px;
      font-size: 12px; }

.dealer-locator-2020 {
  position: relative; }
  .dealer-locator-2020.container {
    max-width: none; }
    @media screen and (max-width: 767px) {
      .dealer-locator-2020.container {
        width: auto; } }
    .dealer-locator-2020.container .hp-dealerlocator-title-container {
      background-color: black;
      color: white;
      padding: 45px 0 1px 0; }
      @media screen and (max-width: 767px) {
        .dealer-locator-2020.container .hp-dealerlocator-title-container {
          padding: 15px 0; } }
      .dealer-locator-2020.container .hp-dealerlocator-title-container .hp-dealerlocator-title {
        text-align: center;
        font-size: 35px;
        font-weight: bold;
        text-transform: uppercase; }
        @media screen and (max-width: 767px) {
          .dealer-locator-2020.container .hp-dealerlocator-title-container .hp-dealerlocator-title {
            font-size: 20px;
            margin-bottom: 0; } }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          .dealer-locator-2020.container .hp-dealerlocator-title-container .hp-dealerlocator-title {
            margin-top: 10px; } }
    .dealer-locator-2020.container .switch-panel-filter {
      padding-bottom: 2px;
      padding-top: 15px;
      background-color: black;
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 767px) {
        .dealer-locator-2020.container .switch-panel-filter {
          margin: 0 auto 20px;
          padding-top: 20px; } }
      .dealer-locator-2020.container .switch-panel-filter .switch-filter {
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        font-weight: bold;
        color: white;
        border-bottom: 3px solid white;
        padding-bottom: 20px;
        font-size: 16px; }
      .dealer-locator-2020.container .switch-panel-filter .switch-filter:not(.active) {
        color: #BBBBBB;
        border-bottom: none; }
    .dealer-locator-2020.container .wrap-search-dealerlocator {
      padding: 0 10px;
      margin: 25px 0; }
      @media screen and (max-width: 767px) {
        .dealer-locator-2020.container .wrap-search-dealerlocator {
          margin: 0 auto 15px;
          padding: 0 15px; } }
      @media screen and (min-width: 768px) and (max-width: 989px) {
        .dealer-locator-2020.container .wrap-search-dealerlocator {
          max-width: 768px;
          margin: 0 auto 15px;
          padding: 0; } }
      .dealer-locator-2020.container .wrap-search-dealerlocator .search-container {
        margin-left: auto;
        margin-right: 0;
        display: flex;
        justify-content: center; }
        @media screen and (max-width: 767px) {
          .dealer-locator-2020.container .wrap-search-dealerlocator .search-container {
            display: block; }
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container > div {
              padding: 0; } }
        @media screen and (min-width: 768px) and (max-width: 989px) {
          .dealer-locator-2020.container .wrap-search-dealerlocator .search-container {
            margin-bottom: 25px;
            margin-top: 20px; }
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container > div {
              float: left;
              height: 50px; }
              .dealer-locator-2020.container .wrap-search-dealerlocator .search-container > div.search_field {
                width: 430px;
                margin: 1px 5px 0;
                padding-right: 0; }
              .dealer-locator-2020.container .wrap-search-dealerlocator .search-container > div:not(.search_field) {
                margin-left: 5px;
                padding: 0;
                width: 303px; } }
        .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .search_address {
          position: relative;
          width: 430px; }
          @media screen and (max-width: 767px) {
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .search_address {
              width: 100%; } }
        .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .search-dealerlocator {
          border: 1px solid #979797;
          height: 48px;
          width: 430px;
          position: relative;
          color: #979797;
          padding: 10px 80px 10px 10px; }
          @media screen and (max-width: 767px) {
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .search-dealerlocator {
              margin-bottom: 15px;
              width: 100%; } }
        .dealer-locator-2020.container .wrap-search-dealerlocator .search-container [class^="ab-icon-"] {
          position: absolute;
          top: 50%;
          color: #979797;
          cursor: pointer; }
        .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .ab-icon-search-plus {
          font-size: 24px;
          right: 20px;
          margin-top: -13px; }
          @media screen and (max-width: 767px) {
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .ab-icon-search-plus {
              margin-top: -19px;
              right: 10px; } }
          @media screen and (min-width: 768px) and (max-width: 989px) {
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .ab-icon-search-plus {
              right: 10px; } }
        .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .ab-icon-geolocalizzami {
          font-size: 20px;
          right: 60px;
          margin-top: -11px; }
          @media screen and (max-width: 767px) {
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .ab-icon-geolocalizzami {
              margin-top: -17px;
              right: 50px; } }
          @media screen and (min-width: 768px) and (max-width: 989px) {
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .ab-icon-geolocalizzami {
              right: 55px; } }
        .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .search-for {
          padding-bottom: 11px;
          color: #333333;
          letter-spacing: 0;
          font-size: 14px; }
          @media screen and (max-width: 767px) {
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .search-for {
              display: inline-block;
              margin-right: 10px;
              padding-bottom: 15px; } }
        .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .search_name {
          display: none; }
        .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .radio-b {
          display: inline-block;
          margin-right: 20px; }
          @media screen and (max-width: 767px) {
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .radio-b {
              margin-right: 15px;
              font-family: "Abarth_Light";
              font-size: 14px; } }
          .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .radio-b span {
            font-weight: normal; }
          .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .radio-b input {
            display: none; }
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .radio-b input:checked + label:after {
              transform: scale(1); }
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .radio-b input:checked + label:before {
              border-color: #e72020; }
          .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .radio-b label {
            cursor: pointer;
            margin-bottom: 0;
            position: relative;
            padding-left: 35px; }
            @media screen and (max-width: 767px) {
              .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .radio-b label {
                padding-left: 30px; } }
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .radio-b label:after, .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .radio-b label:before {
              position: absolute;
              content: '';
              border-radius: 50%;
              transition: all .3s ease;
              transition-property: transform, border-color; }
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .radio-b label:before {
              left: 0;
              top: -4px;
              width: 20px;
              height: 20px;
              border: 1px solid #979797; }
            .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .radio-b label:after {
              top: 0;
              left: 4px;
              width: 12px;
              height: 12px;
              transform: scale(0);
              background: #e72020; }
      .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container {
        display: none; }
        @media screen and (max-width: 989px) {
          .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container {
            display: block; } }
        .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container > div {
          display: inline-block;
          width: 49%;
          padding: 0; }
          .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container > div.filter {
            text-align: right; }
            @media screen and (min-width: 768px) and (max-width: 989px) {
              .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container > div.filter {
                width: 50%; } }
            .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container > div.filter [class*='filter'] {
              display: none;
              position: relative;
              font-size: 14px; }
              .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container > div.filter [class*='filter'].active {
                display: inline; }
            .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container > div.filter > div {
              display: inline; }
        .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container svg {
          margin-bottom: -4px;
          margin-left: 15px; }
        .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container .results-count {
          font-size: 14px;
          color: #000000;
          letter-spacing: 0.28px;
          line-height: 20px;
          visibility: hidden; }
          @media screen and (min-width: 768px) and (max-width: 989px) {
            .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container .results-count {
              padding-left: 6px; } }
          .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container .results-count.show-results {
            visibility: visible; }
          .dealer-locator-2020.container .wrap-search-dealerlocator .filters-container .results-count span {
            font-weight: bold; }
    .dealer-locator-2020.container .tab {
      display: none;
      background-color: #FFF;
      box-shadow: 0 5px 8px 0 rgba(202, 202, 202, 0.5);
      padding: 18px 30px;
      border-top: 1px solid rgba(202, 202, 202, 0.4); }
      @media screen and (max-width: 989px) {
        .dealer-locator-2020.container .tab {
          background-color: #FFFFFF;
          position: absolute;
          z-index: 1;
          margin-top: -35px;
          right: 0;
          padding: 18px 15px;
          width: 100%; } }
      .dealer-locator-2020.container .tab .ab-icon-close {
        display: none;
        position: absolute;
        top: 0;
        right: 15px;
        font-size: 10px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 50%;
        color: white;
        background-color: #333333;
        text-align: center;
        cursor: pointer; }
        .dealer-locator-2020.container .tab .ab-icon-close:before {
          font-size: 10px; }
      .dealer-locator-2020.container .tab.active {
        display: block; }
        @media screen and (max-width: 989px) {
          .dealer-locator-2020.container .tab.active {
            display: none; }
            .dealer-locator-2020.container .tab.active.active-mobile {
              display: block;
              z-index: 100; } }
      .dealer-locator-2020.container .tab .filter-group {
        display: inline-block;
        margin-right: 15px; }
        @media screen and (max-width: 989px) {
          .dealer-locator-2020.container .tab .filter-group {
            display: block;
            margin-bottom: 30px;
            margin-right: 0; } }
        .dealer-locator-2020.container .tab .filter-group.disabled .filter {
          opacity: 0.5; }
        .dealer-locator-2020.container .tab .filter-group .filter {
          position: relative;
          display: inline-block;
          margin-right: 20px; }
          .dealer-locator-2020.container .tab .filter-group .filter p {
            font-size: 12px; }
          .dealer-locator-2020.container .tab .filter-group .filter input[type="checkbox"] {
            display: none; }
            .dealer-locator-2020.container .tab .filter-group .filter input[type="checkbox"]:checked + .ab-icon-flag:before {
              display: inline-block;
              background-color: #e72020;
              width: 100%;
              height: 100%;
              padding-top: 2px;
              padding-left: 2px;
              color: #fff; }
          .dealer-locator-2020.container .tab .filter-group .filter label {
            cursor: pointer;
            font-weight: normal;
            padding-left: 30px;
            font-size: 14px;
            margin-bottom: 0; }
            .dealer-locator-2020.container .tab .filter-group .filter label .ab-icon-flag {
              width: 20px;
              height: 20px;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              border: 1px #979797 solid;
              background-clip: padding-box;
              padding-bottom: 0; }
              .dealer-locator-2020.container .tab .filter-group .filter label .ab-icon-flag:before {
                display: none; }
          .dealer-locator-2020.container .tab .filter-group .filter .ab-icon-richiesta_info {
            cursor: pointer;
            position: relative;
            top: 1px;
            font-size: 12px;
            font-weight: normal;
            border-radius: 50%;
            background-clip: padding-box;
            border: 1px solid #333333;
            padding: 1px;
            margin-left: 5px; }
            @media screen and (max-width: 989px) {
              .dealer-locator-2020.container .tab .filter-group .filter .ab-icon-richiesta_info {
                display: none; } }
          .dealer-locator-2020.container .tab .filter-group .filter .tooltip {
            display: none;
            opacity: 1;
            font-size: 12px;
            line-height: 17px;
            position: absolute;
            z-index: 50; }
            @media screen and (min-width: 990px) {
              .dealer-locator-2020.container .tab .filter-group .filter .tooltip {
                background-color: #333333;
                color: white;
                left: 175px;
                width: 200px;
                top: -15px;
                padding: 10px; }
                .dealer-locator-2020.container .tab .filter-group .filter .tooltip:before {
                  content: '';
                  display: block;
                  width: 0;
                  height: 0;
                  position: absolute;
                  border-top: 8px solid transparent;
                  border-bottom: 8px solid transparent;
                  border-right: 8px solid #333333;
                  left: -8px;
                  top: 16px; } }
            @media screen and (max-width: 989px) {
              .dealer-locator-2020.container .tab .filter-group .filter .tooltip {
                display: block;
                opacity: 1;
                margin-left: 30px;
                position: static;
                width: calc(100vw - 60px); } }
          @media screen and (min-width: 990px) {
            .dealer-locator-2020.container .tab .filter-group .filter .tooltipTop {
              left: 0 !important; }
              .dealer-locator-2020.container .tab .filter-group .filter .tooltipTop:before {
                top: auto !important;
                border-right: 8px solid transparent !important;
                border-left: 8px solid transparent !important;
                border-top: 8px solid #333333 !important;
                right: 16px;
                left: auto !important;
                bottom: -16px; } }
      .dealer-locator-2020.container .tab .update-search {
        display: none; }
        .dealer-locator-2020.container .tab .update-search.disabled {
          opacity: 0.5; }
        @media screen and (max-width: 989px) {
          .dealer-locator-2020.container .tab .update-search {
            display: block;
            text-align: center; }
            .dealer-locator-2020.container .tab .update-search span {
              width: auto;
              padding: 7px 15px;
              line-height: 16px;
              height: 30px;
              font-size: 12px;
              margin-top: 10px;
              text-transform: uppercase;
              background-color: #e72020;
              color: white; } }
    .dealer-locator-2020.container .map-container {
      position: relative;
      height: 790px;
      width: 100%; }
      .dealer-locator-2020.container .map-container .marker-index {
        position: relative;
        top: -5px;
        text-align: center;
        color: white;
        font-weight: bold;
        z-index: 1;
        position: relative;
        transform: translate(-50%, -100%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none; }
      .dealer-locator-2020.container .map-container .marker-index-sel {
        position: relative;
        top: -22px;
        text-align: center;
        font-weight: bold;
        z-index: 1;
        position: relative;
        transform: translate(-50%, -100%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none; }
      .dealer-locator-2020.container .map-container .marker-index-newpin {
        position: relative;
        top: -5px;
        /* left: 63px; */
        text-align: center;
        font-weight: bold;
        z-index: 1;
        position: relative;
        transform: translate(-50%, -100%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        color: white; }
      .dealer-locator-2020.container .map-container .tooltip-hide {
        display: none; }
      .dealer-locator-2020.container .map-container .marker-pin {
        width: 42px;
        height: 55px;
        position: relative;
        transform: translate(-50%, -100%);
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none; }
      .dealer-locator-2020.container .map-container .marker-pin-fc {
        width: 140px;
        height: 55px;
        position: relative;
        transform: translate(-50%, -100%);
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none; }
      .dealer-locator-2020.container .map-container .marker-sel-pin {
        width: 48px;
        height: 70px;
        position: relative;
        transform: translate(-50%, -100%);
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none; }
      .dealer-locator-2020.container .map-container .marker-sel-pin-fc {
        width: 134px;
        height: 70px;
        position: relative;
        transform: translate(-50%, -100%);
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none; }
      .dealer-locator-2020.container .map-container .dealer-tooltip {
        display: block;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        background-color: white;
        z-index: 10;
        position: absolute;
        text-transform: uppercase;
        padding: 10px;
        font-size: 18px;
        border-top: 1px solid;
        border-left: 1px solid;
        transform: translate(-50%, -100%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        top: 55px; }
      .dealer-locator-2020.container .map-container .dealer-tooltip-hide {
        display: none;
        top: 55px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        background-color: white;
        z-index: 10;
        position: absolute;
        text-transform: uppercase;
        padding: 10px;
        font-size: 18px;
        border-top: 1px solid;
        border-left: 1px solid;
        transform: translate(-50%, -100%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none; }
      .dealer-locator-2020.container .map-container .H_imprint .H_logo {
        height: 27px;
        width: 44px;
        margin-top: 44px;
        margin: -10px;
        z-index: 0; }
      .dealer-locator-2020.container .map-container .H_ui {
        z-index: 0; }
      .dealer-locator-2020.container .map-container .H_ib_content {
        line-height: 6px; }
      @media (max-width: 768px) {
        .dealer-locator-2020.container .map-container .pac-container {
          top: 48px; } }
      .dealer-locator-2020.container .map-container .zoom-div {
        position: absolute;
        width: 100%;
        opacity: 0.5;
        z-index: 2;
        background-color: black;
        overflow: hidden;
        min-height: 850px; }
      .dealer-locator-2020.container .map-container .zoom-div span {
        color: white;
        font-size: 25px;
        position: relative;
        top: 40%;
        text-align: center;
        padding-left: 35%;
        width: 670px;
        margin-left: 0;
        top: 300px; }
      @media (max-width: 768px) {
        .dealer-locator-2020.container .map-container .zoom-div {
          position: absolute;
          width: 100%;
          opacity: 0.5;
          z-index: 2;
          background-color: black;
          overflow: hidden;
          min-height: 510px;
          /* padding-left: 13%; */
          text-align: center; }
        .dealer-locator-2020.container .map-container .zoom-div span {
          color: white;
          font-size: 25px;
          position: relative;
          top: 210px;
          text-align: center;
          width: 670px;
          text-align: center;
          padding-left: 10px;
          padding-right: 10px; } }
      @media screen and (min-width: 990px) and (max-width: 1199px) {
        .dealer-locator-2020.container .map-container {
          height: 660px; } }
      @media screen and (min-width: 768px) and (max-width: 989px) {
        .dealer-locator-2020.container .map-container {
          width: 100vw; } }
      @media screen and (max-width: 767px) {
        .dealer-locator-2020.container .map-container {
          height: 510px;
          width: 100vw; } }
      .dealer-locator-2020.container .map-container .placeholder {
        height: 100%;
        background-size: cover;
        background-position: center; }
        .dealer-locator-2020.container .map-container .placeholder [class^="search"] {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: rgba(0, 0, 0, 0.7);
          font-size: 24px;
          color: #FFFFFF;
          text-align: center; }
        .dealer-locator-2020.container .map-container .placeholder .hidden {
          display: none; }
      .dealer-locator-2020.container .map-container .map {
        display: none;
        height: 100%; }
      .dealer-locator-2020.container .map-container .update-search {
        display: none;
        position: absolute;
        top: 30px;
        margin-left: 460px;
        text-align: center;
        width: calc(100% - 460px); }
        @media screen and (max-width: 767px) {
          .dealer-locator-2020.container .map-container .update-search {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            top: 20px; } }
        @media screen and (min-width: 768px) and (max-width: 989px) {
          .dealer-locator-2020.container .map-container .update-search {
            margin: auto;
            width: 100%; } }
        .dealer-locator-2020.container .map-container .update-search.active {
          display: block; }
        .dealer-locator-2020.container .map-container .update-search .btn {
          padding: 0;
          font-size: 12px;
          line-height: 37px;
          width: 250px;
          box-shadow: 6px 6px 16px 0 rgba(99, 97, 97, 0.5);
          border-radius: 5px;
          text-align: center;
          font-weight: bold; }
          @media screen and (max-width: 767px) {
            .dealer-locator-2020.container .map-container .update-search .btn {
              line-height: 28px;
              height: 30px; } }
          .dealer-locator-2020.container .map-container .update-search .btn svg {
            float: left;
            margin-left: 15px;
            margin-top: 12px; }
            @media screen and (max-width: 767px) {
              .dealer-locator-2020.container .map-container .update-search .btn svg {
                margin-top: 8px; } }
            .dealer-locator-2020.container .map-container .update-search .btn svg path {
              fill: white;
              stroke: white; }
      .dealer-locator-2020.container .map-container .see-list {
        display: none;
        position: absolute;
        bottom: 20px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 100px);
        left: 50px; }
        @media screen and (max-width: 989px) {
          .dealer-locator-2020.container .map-container .see-list.active {
            display: block; } }
        .dealer-locator-2020.container .map-container .see-list .btn {
          padding: 10px 50px;
          font-size: 12px;
          line-height: 12px;
          height: 30px;
          width: auto;
          min-width: 160px;
          box-shadow: 6px 6px 16px 0 rgba(99, 97, 97, 0.5);
          text-align: center;
          text-transform: uppercase;
          background-color: #e72020;
          color: white; }
      .dealer-locator-2020.container .map-container .dealer-locator-results {
        display: none;
        position: absolute;
        top: 30px;
        left: 30px;
        width: 430px;
        max-height: calc(100% - 60px);
        background: #FFFFFF;
        box-shadow: 0 4px 11px 0 rgba(178, 178, 178, 0.5);
        border-radius: 2px;
        overflow-y: auto;
        z-index: 10; }
        @media screen and (max-width: 767px) {
          .dealer-locator-2020.container .map-container .dealer-locator-results {
            top: auto;
            bottom: 25px;
            left: 0;
            right: 0;
            width: auto;
            background: none;
            z-index: 10; } }
        @media screen and (min-width: 768px) and (max-width: 989px) {
          .dealer-locator-2020.container .map-container .dealer-locator-results {
            top: 15px;
            left: 15px;
            width: 370px;
            max-height: calc(100% - 30px);
            z-index: 10; } }
        @media screen and (max-width: 989px) {
          .dealer-locator-2020.container .map-container .dealer-locator-results.no-results {
            left: 30px;
            right: 30px;
            background-color: #FFFFFF; } }
        .dealer-locator-2020.container .map-container .dealer-locator-results .no-results {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 240px;
          width: 100%;
          font-size: 20px;
          color: #6F6F6F;
          letter-spacing: 0.4px;
          flex-direction: column; }
          .dealer-locator-2020.container .map-container .dealer-locator-results .no-results svg {
            margin-bottom: 30px; }
        .dealer-locator-2020.container .map-container .dealer-locator-results .results-count {
          box-shadow: 0 4px 4px 0 rgba(212, 212, 212, 0.5);
          border-radius: 2px 2px 0 0;
          font-size: 14px;
          color: #000000;
          letter-spacing: 0.28px;
          line-height: 37px;
          padding-left: 10px; }
          @media screen and (max-width: 989px) {
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-count {
              display: none; } }
          .dealer-locator-2020.container .map-container .dealer-locator-results .results-count span {
            font-weight: bold; }
        .dealer-locator-2020.container .map-container .dealer-locator-results .results-list {
          height: auto;
          max-height: calc(100% - 37px); }
          @media screen and (max-width: 989px) {
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list {
              display: none; } }
          @media screen and (min-width: 768px) and (max-width: 989px) {
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list {
              max-height: 100%; } }
          .dealer-locator-2020.container .map-container .dealer-locator-results .results-list.active {
            display: block; }
            @media screen and (max-width: 767px) {
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list.active {
                position: relative;
                bottom: 0; } }
          .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item {
            position: relative;
            border-bottom: 1px solid #DBDBDB;
            padding: 20px; }
            @media screen and (max-width: 767px) {
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item {
                border: 0;
                background-color: white;
                margin-left: 3px;
                margin-right: 3px;
                padding: 14px 20px 80px; } }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item:hover, .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item.box_hover, .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item.selected {
              background: #f4f4f4; }
              @media screen and (max-width: 767px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item:hover, .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item.box_hover, .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item.selected {
                  background-color: white; } }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item.selected .selected-bar, .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item.slick-active .selected-bar {
              position: absolute;
              top: 0;
              left: 0;
              width: 5px;
              background: #e72020;
              height: 100%; }
              @media screen and (max-width: 767px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item.selected .selected-bar, .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item.slick-active .selected-bar {
                  height: 5px;
                  width: 100%;
                  display: none; } }
            @media screen and (max-width: 767px) {
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item.slick-active .selected-bar {
                display: block; } }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_header {
              height: 22px;
              margin-bottom: 15px;
              font-size: 14px;
              line-height: 22px;
              display: flex; }
              @media screen and (max-width: 767px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_header.hidden-xs {
                  display: none; } }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_header .dl_distance {
                display: inline-block;
                width: 50%;
                font-family: "Abarth_Light"; }
                @media screen and (min-width: 768px) and (max-width: 989px) {
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_header .dl_distance {
                    display: none; } }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_header .dl_distance.hide {
                  visibility: hidden;
                  display: inline-block !important; }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_header .dl_distance i {
                  position: relative;
                  margin-right: 13px;
                  font-size: 20px; }
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_header .dl_distance i:before {
                    position: relative;
                    left: 2px; }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_header .dl_direction {
                display: inline-block;
                font-weight: bold;
                margin-left: 30%; }
                @media screen and (min-width: 768px) and (max-width: 989px) {
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_header .dl_direction {
                    width: 100%; } }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_header .dl_direction a {
                  color: #333333;
                  position: relative;
                  text-decoration: none;
                  display: inline-block;
                  font-family: "Abarth_Heavy";
                  padding-left: 20px; }
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_header .dl_direction a svg {
                    position: absolute;
                    left: -15px;
                    top: -2px; }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_name {
              font-size: 18px;
              color: #000000;
              letter-spacing: 0.36px;
              line-height: 20px;
              font-weight: bold;
              margin-bottom: 10px;
              font-family: "Abarth_Heavy"; }
              @media screen and (max-width: 767px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_name {
                  margin-bottom: 5px; } }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_name + .dl_address {
                margin-top: 5px; }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .tooltip-customer {
              display: none;
              opacity: 1;
              font-size: 12px;
              line-height: 17px;
              position: absolute;
              border-left: 5px solid #5E7AB5;
              border-radius: 5px;
              margin-bottom: 20px; }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .tooltip-customer .ab-icon-close:before {
                font-size: 14px; }
              @media screen and (min-width: 990px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .tooltip-customer {
                  background-color: white;
                  color: black;
                  left: 30px;
                  width: auto;
                  top: 50%;
                  transform: translateY(-50%); }
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .tooltip-customer:before {
                    content: '';
                    display: block;
                    width: 0;
                    height: 0;
                    position: absolute;
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid transparent;
                    border-right: 8px solid #5E7AB5;
                    left: -13px;
                    top: calc(50% - 8px); } }
              @media screen and (max-width: 989px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .tooltip-customer {
                  opacity: 1;
                  margin-left: 0;
                  position: absolute;
                  max-width: calc(100vw - 80px);
                  border-top: 5px solid #5E7AB5;
                  border-left: none;
                  z-index: 20; }
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .tooltip-customer:before {
                    content: '';
                    display: block;
                    width: 0;
                    height: 0;
                    position: absolute;
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid transparent;
                    border-right: 8px solid #5E7AB5;
                    left: 55px;
                    top: -16px;
                    transform: rotate(90deg); }
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .tooltip-customer img {
                    width: 100%; }
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .tooltip-customer span {
                    position: absolute;
                    top: 5px;
                    right: 5px; } }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .ab-icon-richiesta_info {
              cursor: pointer;
              position: relative;
              top: 3px;
              font-size: 12px;
              font-weight: normal;
              border-radius: 50%;
              background-clip: padding-box;
              border: 1px solid #333333;
              padding: 1px;
              right: 0px; }
              @media screen and (max-width: 989px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .ab-icon-richiesta_info {
                  display: none; } }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .ab-icon-richiesta_info .tooltip-customer {
                display: none;
                opacity: 1;
                font-size: 12px;
                line-height: 17px;
                position: absolute;
                border-left: 5px solid #5E7AB5;
                border-radius: 5px;
                margin-bottom: 20px; }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .ab-icon-richiesta_info .tooltip-customer img {
                  max-width: none; }
                @media screen and (min-width: 990px) {
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .ab-icon-richiesta_info .tooltip-customer {
                    background-color: white;
                    color: black;
                    left: 30px;
                    width: auto;
                    top: 50%;
                    transform: translateY(-50%); }
                    .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .ab-icon-richiesta_info .tooltip-customer:before {
                      content: '';
                      display: block;
                      width: 0;
                      height: 0;
                      position: absolute;
                      border-top: 8px solid transparent;
                      border-bottom: 8px solid transparent;
                      border-right: 8px solid #5E7AB5;
                      left: -13px;
                      top: calc(50% - 8px); } }
                @media screen and (max-width: 989px) {
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .ab-icon-richiesta_info .tooltip-customer {
                    display: block;
                    opacity: 1;
                    margin-left: 30px;
                    position: static;
                    width: calc(100vw - 60px); } }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .normal_services {
              font-size: 14px;
              color: #000000;
              letter-spacing: 0.28px;
              line-height: 20px;
              margin-bottom: 15px;
              text-transform: uppercase;
              font-family: "Abarth_Light"; }
              @media screen and (max-width: 767px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .normal_services {
                  margin-bottom: 10px; } }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .normal_services + .special_services {
                margin-top: -15px; }
                @media screen and (max-width: 767px) {
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .normal_services + .special_services {
                    margin-top: -10px; } }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .special_services {
              font-size: 16px;
              color: #e72020;
              font-family: "Abarth_Heavy";
              letter-spacing: 0.32px;
              line-height: 20px;
              font-weight: bold;
              margin-bottom: 15px; }
              @media screen and (max-width: 767px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .special_services {
                  margin-bottom: 10px; } }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .customer_services {
              display: inline-block;
              text-transform: uppercase;
              color: white;
              margin-right: 10px;
              margin-bottom: 10px;
              height: 25px;
              width: 25px; }
              @media screen and (max-width: 990px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_service .customer_services {
                  width: auto;
                  height: auto;
                  background-color: #5E7AB5;
                  border-radius: 5px;
                  text-transform: uppercase;
                  padding: 5px 5px 2px;
                  font-size: 14px; } }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_address {
              margin-bottom: 20px;
              font-family: "Abarth_Light";
              line-height: 20px; }
              @media screen and (max-width: 767px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_address {
                  line-height: 22px;
                  margin-bottom: 5px; } }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_address strong {
                font-family: "Abarth_Heavy"; }
                @media screen and (max-width: 989px) {
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_address strong {
                    display: block; } }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_address + .dl_distance {
                font-size: 14px;
                color: #000000;
                letter-spacing: 0.28px;
                line-height: 19px;
                margin-bottom: 10px;
                position: relative;
                left: 3px; }
                @media screen and (min-width: 768px) and (max-width: 989px) {
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_address + .dl_distance {
                    display: none; } }
                @media screen and (min-width: 1199px) {
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_address + .dl_distance.hidden-lg {
                    display: none; } }
                @media screen and (min-width: 989px) {
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_address + .dl_distance.hidden-md {
                    display: none; } }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_address + .dl_distance.hide {
                  display: none; }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_address + .dl_distance i {
                  margin-right: 8px; }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_phone {
              margin-top: -5px;
              margin-bottom: 15px;
              font-weight: bold;
              font-size: 14px; }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_phone span {
                margin-right: 6px; }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_phone a {
                color: #333333; }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_hours {
              margin-bottom: 20px;
              font-family: "Abarth_Light";
              line-height: 18px; }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_hours.hidden {
                display: none; }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_hours > div {
                display: inline-block;
                margin-right: 5px;
                position: relative; }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_hours > div:first-of-type {
                  width: 15px; }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_hours > div svg {
                  position: absolute;
                  top: -31px; }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_hours > div p {
                  margin: 0; }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .dl_hours strong {
                font-family: "Abarth_Heavy"; }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .btn {
              width: auto;
              padding: 8px 50px 7px 51px;
              color: white;
              text-transform: uppercase;
              background-color: #e72020;
              text-decoration: none;
              font-size: 15px;
              display: inline-block;
              line-height: 22px; }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .btn.hide {
                display: none; }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-desktop {
              display: flex; }
              @media screen and (max-width: 767px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-desktop {
                  display: none; } }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-desktop .dl_phone_external {
                display: flex;
                font-weight: bold;
                font-size: 14px;
                margin: auto 0 auto auto;
                color: #333333;
                line-height: 24px;
                padding-left: 10px;
                cursor: pointer;
                margin-left: 10%; }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-desktop .dl_phone_external.hidden {
                  display: none !important; }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-desktop .dl_phone_external.external_phone_show {
                  display: flex !important; }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-desktop .dl_phone_external .callus {
                  padding-left: 10px; }
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-desktop .dl_phone_external .callus.hidden {
                    display: none !important; }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-desktop .external_phone {
                padding-left: 10px;
                font-weight: bold;
                font-size: 14px;
                margin: auto 0 auto;
                color: #333333;
                line-height: 24px;
                padding-left: 10px;
                cursor: pointer; }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-desktop .external_phone.hidden {
                  display: none !important; }
            .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-mobile {
              display: none;
              position: absolute;
              bottom: 14px;
              text-align: center;
              width: 100%;
              margin-left: -20px; }
              @media screen and (max-width: 767px) {
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-mobile {
                  display: block; }
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-mobile.hide {
                    display: none; } }
              .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-mobile .cta-mobile-button {
                display: inline-block;
                margin: 0 15px; }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-mobile .cta-mobile-button a {
                  display: block;
                  position: relative;
                  height: 42px;
                  width: 42px;
                  border-radius: 0;
                  padding: 0;
                  margin: auto; }
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-mobile .cta-mobile-button a .ab-icon-phone:before {
                    right: 12px;
                    color: white; }
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-mobile .cta-mobile-button a svg {
                    position: absolute;
                    height: 100%; }
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-mobile .cta-mobile-button a.web svg {
                    right: 6px; }
                  .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-mobile .cta-mobile-button a.direction svg {
                    right: 12px; }
                .dealer-locator-2020.container .map-container .dealer-locator-results .results-list .results-item .cta-mobile .cta-mobile-button span {
                  display: block;
                  font-size: 10px;
                  color: #000000;
                  letter-spacing: 0.2px;
                  text-align: center;
                  line-height: 14px;
                  text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .dealer-locator-2020 .col-xs-6 {
      width: calc(50% - 4px); } }
  @media screen and (max-width: 767px) {
    .dealer-locator-2020.container .switch-panel-filter .row {
      width: 100vw; } }
  @media screen and (max-width: 767px) {
    .dealer-locator-2020.container .switch-panel-filter .switch-filter {
      display: inline-block; } }
  @media screen and (min-width: 768px) {
    .dealer-locator-2020.container .switch-panel-filter .switch-filter {
      padding: 20px 60px;
      display: inline-block; } }
  .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .search_name .ab-icon-search-plus {
    right: 40px;
    top: 14%;
    position: relative; }
    @media screen and (max-width: 767px) {
      .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .search_name .ab-icon-search-plus {
        right: 10px;
        top: -24px;
        float: right; } }
  .dealer-locator-2020 .btn-primary {
    background-color: #e72020;
    border-color: #e72020;
    color: #FFF;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase; }
  .dealer-locator-2020 .hidden {
    display: none !important; }
  @media screen and (max-width: 1366px) and (min-width: 1000px) {
    .dealer-locator-2020 .hidden-md {
      display: none; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .dealer-locator-2020 .hidden-sm {
      display: none; } }
  @media screen and (min-width: 1200px) {
    .dealer-locator-2020 .hidden-lg {
      display: none; } }
  @media screen and (max-width: 767px) {
    .dealer-locator-2020 .hidden-xs {
      display: none; } }
  @media screen and (max-width: 767px) {
    .dealer-locator-2020 .ab-icon-phone {
      position: absolute;
      top: 35%;
      left: 0;
      right: 0;
      font-size: 18px !important; } }

@media (max-width: 767px) {
  .dealer-locator-2020.container .wrap-search-dealerlocator .search-container .search_name input.search-dealerlocator {
    margin-bottom: 8px; } }

.editorial-six-box {
  background-color: #000000; }
  .editorial-six-box .container-title {
    padding-left: 115px;
    padding-right: 115px;
    padding-top: 100px;
    max-width: 1355px;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .editorial-six-box .container-title {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 76px; } }
  .editorial-six-box .title {
    font-style: normal;
    font-weight: 900;
    font-size: 38px;
    line-height: 46px;
    text-align: center;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 22px; }
  .editorial-six-box .sub-title {
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.015789px;
    color: #FFFFFF; }
  .editorial-six-box .container-card {
    max-width: 1355px;
    margin: auto !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 100px; }
    @media (max-width: 768px) {
      .editorial-six-box .container-card {
        padding-top: 20px;
        max-width: 100%; } }
    .editorial-six-box .container-card ul.slick-dots {
      display: flex;
      list-style-type: none;
      margin-left: 0;
      z-index: 3; }
      .editorial-six-box .container-card ul.slick-dots button {
        background-color: #fff;
        border: none;
        font-size: 0;
        width: 30px;
        margin-left: 4px;
        height: 2px; }
      .editorial-six-box .container-card ul.slick-dots .slick-active button {
        background-color: #e72020; }
    .editorial-six-box .container-card.custom-slick-editorial {
      margin-right: 0;
      margin-left: 0; }
      @media (max-width: 768px) {
        .editorial-six-box .container-card.custom-slick-editorial {
          margin-right: 32px !important;
          margin-left: 33px !important; } }
      @media (max-width: 1024px) {
        .editorial-six-box .container-card.custom-slick-editorial .slick-list {
          margin-left: -10px;
          padding-left: 20px; } }
      @media (max-width: 768px) {
        .editorial-six-box .container-card.custom-slick-editorial .slick-list {
          margin-right: -33px;
          margin-left: -33px;
          padding-left: 33px; } }
    .editorial-six-box .container-card .card {
      max-width: 32%;
      width: 100%;
      min-height: 613px;
      margin-right: 10px;
      margin-bottom: 10px;
      background-color: #ffffff;
      display: flex;
      flex-direction: column;
      /* @media (max-width: 1354px) {
        &:nth-child(2n+1) {
          margin-right: 10px;
        }
        /*&:nth-child(2n+2){
          margin-right: 0;
        }
      }*/ }
      .editorial-six-box .container-card .card:nth-child(3n+3) {
        margin-right: 0; }
      @media (max-width: 1024px) {
        .editorial-six-box .container-card .card {
          max-width: 47%;
          width: 100%;
          margin-right: 10px !important; } }
      @media (max-width: 768px) {
        .editorial-six-box .container-card .card {
          max-width: 100%;
          width: 100%;
          min-height: 480px;
          margin-right: 33px !important; } }
    .editorial-six-box .container-card .container-img {
      height: 296px; }
      @media (max-width: 991px) {
        .editorial-six-box .container-card .container-img {
          min-width: 373px;
          height: 296px; } }
      @media (max-width: 768px) {
        .editorial-six-box .container-card .container-img {
          min-width: 100%;
          width: 100%;
          height: 207px; } }
      .editorial-six-box .container-card .container-img .img-card {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        font-family: 'object-fit: cover;'; }
    .editorial-six-box .container-card .container-text {
      padding-top: 29px;
      padding-left: 48px;
      padding-right: 48px;
      display: flex;
      flex-direction: column; }
      @media (max-width: 768px) {
        .editorial-six-box .container-card .container-text {
          padding-top: 20px;
          padding-left: 10px;
          padding-right: 10px; } }
      .editorial-six-box .container-card .container-text .title-text-card {
        font-style: normal;
        margin-bottom: 20px;
        font-size: 33px;
        line-height: 39px;
        text-transform: uppercase;
        color: #000000;
        letter-spacing: -0.7px; }
        @media (max-width: 768px) {
          .editorial-six-box .container-card .container-text .title-text-card {
            margin-bottom: 38px;
            font-size: 20px;
            line-height: 23px;
            letter-spacing: 0.075758px; } }
      .editorial-six-box .container-card .container-text .text-description {
        letter-spacing: -0.381818px;
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 22px;
        color: #000000;
        overflow-wrap: break-word; }

.faq-box .tabs-links-container {
  position: relative;
  overflow: hidden;
  margin: auto;
  max-width: 25% !important;
  width: 100% !important;
  padding-right: 25px;
  height: 100%;
  display: flex;
  float: left !important; }
  @media only screen and (max-width: 768px) {
    .faq-box .tabs-links-container {
      max-width: 100% !important;
      padding-right: 0 !important;
      display: inherit !important;
      margin-bottom: 19px !important; } }
  .faq-box .tabs-links-container .tabs-links {
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 100% !important;
    margin: 0;
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: ease-out;
    transform: translate(0, 0); }
    @media screen and (max-width: 1023px) {
      .faq-box .tabs-links-container .tabs-links {
        justify-content: flex-start; } }
    @media only screen and (max-width: 768px) {
      .faq-box .tabs-links-container .tabs-links {
        display: flex !important; } }
    .faq-box .tabs-links-container .tabs-links .tabs-link {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      flex-basis: 25%;
      min-width: 25%;
      width: 100% !important;
      padding: 0;
      margin: 0;
      transform: translate(0, 0);
      height: 50px;
      cursor: pointer; }
      @media screen and (max-width: 1023px) {
        .faq-box .tabs-links-container .tabs-links .tabs-link {
          flex-basis: 50%;
          flex-shrink: 0; } }
      .faq-box .tabs-links-container .tabs-links .tabs-link:hover {
        background-color: #e30b09 !important; }
        @media screen and (max-width: 1023px) {
          .faq-box .tabs-links-container .tabs-links .tabs-link:hover {
            background-color: unset !important; } }
      .faq-box .tabs-links-container .tabs-links .tabs-link .a-link {
        text-decoration: none;
        color: #FFFFFF;
        font-size: 14px;
        line-height: 19px;
        font-family: 'Abarth_heavy';
        text-align: center;
        letter-spacing: -1.05439px;
        text-transform: uppercase; }
        @media only screen and (max-width: 768px) {
          .faq-box .tabs-links-container .tabs-links .tabs-link .a-link {
            font-size: 10px;
            line-height: 19px;
            letter-spacing: -0.753133px; } }
      .faq-box .tabs-links-container .tabs-links .tabs-link .active-tab {
        position: absolute;
        bottom: 3px;
        left: 10%;
        width: 85%;
        height: 3px;
        background-color: #E30B09;
        opacity: 0;
        transition: opacity .2s ease-in; }
      .faq-box .tabs-links-container .tabs-links .tabs-link.active {
        background-color: #E30B09 !important; }
        @media only screen and (max-width: 768px) {
          .faq-box .tabs-links-container .tabs-links .tabs-link.active .a-link {
            color: #E30B09 !important; } }
        @media only screen and (max-width: 768px) {
          .faq-box .tabs-links-container .tabs-links .tabs-link.active {
            background-color: transparent !important; } }
        .faq-box .tabs-links-container .tabs-links .tabs-link.active .active-tab {
          opacity: 0 !important; }
          @media only screen and (max-width: 768px) {
            .faq-box .tabs-links-container .tabs-links .tabs-link.active .active-tab {
              opacity: 1 !important; } }

.faq-box .tabs-wrapper {
  margin: 0 auto;
  width: 75% !important;
  display: inline-block; }
  @media only screen and (max-width: 768px) {
    .faq-box .tabs-wrapper {
      width: 100% !important;
      display: inherit !important;
      max-width: 1440px !important; } }
  .faq-box .tabs-wrapper .tabs-container {
    position: absolute;
    z-index: -1;
    opacity: 0;
    transition: opacity .2s ease-in; }
    @media screen and (max-width: 1023px) {
      .faq-box .tabs-wrapper .tabs-container {
        position: static;
        height: 0; } }
    .faq-box .tabs-wrapper .tabs-container.active {
      position: static;
      opacity: 1;
      height: initial; }
      .faq-box .tabs-wrapper .tabs-container.active .sub-tabs-links-container .sub-tabs-links {
        opacity: 1; }
    .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container {
      position: relative;
      overflow: hidden;
      margin: auto;
      width: 100%;
      height: 100%; }
      .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        transition-property: transform, opacity;
        transition-duration: .5s;
        transition-timing-function: ease-out;
        transform: translate(0, 0);
        opacity: 0; }
        @media screen and (max-width: 1023px) {
          .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links {
            justify-content: flex-start;
            align-items: flex-start; } }
        .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link {
          height: 55px;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          background-color: rgba(86, 86, 86, 0.3);
          flex-basis: 33.33%;
          min-width: 33.33%;
          width: 100%;
          cursor: pointer;
          opacity: .6; }
          .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link:not(:last-child) {
            border-right: 1px solid #565656; }
          @media screen and (max-width: 1023px) {
            .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link {
              display: block;
              height: auto;
              min-width: 80%;
              padding-left: 5%;
              padding-right: 5%;
              margin-top: 25px;
              background-color: #161616; }
              .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link:not(:last-child) {
                border-right: none; } }
          .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link .a-link {
            text-decoration: none;
            color: rgba(226, 226, 226, 0.5);
            font-size: 16px;
            line-height: 19px;
            font-family: 'Abarth_Medium';
            letter-spacing: 3px;
            text-align: center; }
            @media screen and (max-width: 1023px) {
              .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link .a-link {
                text-align: left; } }
          .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link.active {
            background-color: #161616;
            border-right: none;
            opacity: 1; }
            .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link.active .a-link {
              color: #FFFFFF; }

.faq-box.faq-accordion-container {
  background-color: #000;
  padding: 40px 140px 100px; }
  @media screen and (max-width: 1365px) {
    .faq-box.faq-accordion-container {
      padding: 40px 70px !important; } }
  @media only screen and (max-width: 768px) {
    .faq-box.faq-accordion-container {
      padding: 100px 25px !important; } }
  .faq-box.faq-accordion-container .button {
    display: block;
    background-color: inherit;
    text-transform: uppercase;
    color: #000;
    padding: 15px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    font-family: "ApexNew-Bold", sans-serif !important;
    height: 50px;
    max-width: 350px; }
    @media only screen and (max-width: 768px) {
      .faq-box.faq-accordion-container .button {
        text-align: center !important;
        color: #908888;
        font-size: 10px;
        max-width: 138px; } }
    .faq-box.faq-accordion-container .button:hover {
      background-color: #8F0C25;
      color: #fff; }
    .faq-box.faq-accordion-container .button.active {
      background-color: #8F0C25;
      color: #fff; }
      @media only screen and (max-width: 768px) {
        .faq-box.faq-accordion-container .button.active {
          background-color: transparent;
          color: #8F0C25;
          border-bottom: 4px solid #8F0C25; } }
  .faq-box.faq-accordion-container .accordion-abarth {
    padding-bottom: 0; }
    @media (max-width: 1200px) {
      .faq-box.faq-accordion-container .accordion-abarth {
        width: 100%; } }
    @media (max-width: 991px) {
      .faq-box.faq-accordion-container .accordion-abarth {
        padding-left: 0;
        padding-right: 0; } }
    @media (max-width: 640px) {
      .faq-box.faq-accordion-container .accordion-abarth {
        padding: 0;
        margin: 0;
        width: 100%; } }
  .faq-box.faq-accordion-container .h2-title {
    font-size: 38px;
    line-height: 46px;
    font-weight: 900;
    text-align: center;
    letter-spacing: -0.6px;
    font-family: 'Abarth_Heavy';
    color: #fff;
    margin-bottom: 51px;
    text-transform: uppercase; }
    @media only screen and (max-width: 768px) {
      .faq-box.faq-accordion-container .h2-title {
        margin-bottom: 20px !important;
        font-size: 30px !important;
        line-height: 36px !important; } }
  .faq-box.faq-accordion-container p {
    margin-bottom: 17px; }
  .faq-box.faq-accordion-container .accordion {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-size: 21px;
    line-height: 19px;
    letter-spacing: -1.58158px;
    font-family: 'Abarth_Medium';
    font-weight: 500;
    padding-top: 16px;
    padding-bottom: 17px;
    text-transform: uppercase; }
    @media only screen and (max-width: 1366px) {
      .faq-box.faq-accordion-container .accordion {
        padding: 17px !important; } }
    @media only screen and (max-width: 768px) {
      .faq-box.faq-accordion-container .accordion {
        padding-right: 30px !important;
        padding: 17px !important;
        padding-left: 0px !important;
        display: flex;
        align-items: center; } }
    .faq-box.faq-accordion-container .accordion .accordion-item-arrow {
      display: flex;
      align-items: center;
      font-size: 10.4px !important; }
      .faq-box.faq-accordion-container .accordion .accordion-item-arrow:before {
        right: 1%;
        position: absolute;
        transition: all 0.2s ease-in-out;
        margin-top: -1px; }
        @media only screen and (max-width: 768px) {
          .faq-box.faq-accordion-container .accordion .accordion-item-arrow:before {
            right: 3px !important;
            margin-top: 1px; } }
    .faq-box.faq-accordion-container .accordion.active {
      color: #e72020 !important;
      padding-bottom: 32px !important; }
      @media only screen and (max-width: 768px) {
        .faq-box.faq-accordion-container .accordion.active {
          padding-bottom: 17px !important; } }
      .faq-box.faq-accordion-container .accordion.active .panel {
        max-height: 100% !important; }
      .faq-box.faq-accordion-container .accordion.active .accordion-item-arrow:before {
        transform: rotate(180deg);
        color: #fff !important; }
  .faq-box.faq-accordion-container .panel {
    padding-left: 18px !important;
    padding-right: 70px !important;
    background-color: #000;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-family: 'Abarth_light';
    font-size: 18px;
    line-height: 19px;
    letter-spacing: 0.015789px; }
    @media only screen and (max-width: 768px) {
      .faq-box.faq-accordion-container .panel {
        padding-left: 0 !important;
        padding-right: 18px !important;
        font-size: 16px;
        line-height: 15px;
        letter-spacing: 0.0140347px; } }
    .faq-box.faq-accordion-container .panel span {
      margin-bottom: 20px; }
    .faq-box.faq-accordion-container .panel div {
      padding-bottom: 20px; }

.faq-box.onearg .tabs-wrapper {
  display: block; }

.faq-box.onearg .tabs-links-container .tabs-links {
  display: none; }

/*ABARTH REVAMP*/
.newAbarth23 .faq-box {
  padding: 50px 140px;
  background-color: #DAEF33;
  display: flex;
  flex-direction: row; }
  .newAbarth23 .faq-box .accordion-general-title .h2-title {
    font-size: 50px;
    line-height: 59px;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'Abarth_heavy';
    color: #111111; }
    @media (max-width: 1500px) {
      .newAbarth23 .faq-box .accordion-general-title .h2-title {
        font-size: 40px;
        line-height: 44px; } }
    @media (max-width: 992px) {
      .newAbarth23 .faq-box .accordion-general-title .h2-title {
        font-size: 32px;
        line-height: 38px; } }
  .newAbarth23 .faq-box .tabs-links-container .tabs-links .tabs-link {
    border-radius: 5px;
    background-color: #DAEF33; }
    .newAbarth23 .faq-box .tabs-links-container .tabs-links .tabs-link.active {
      background-color: #111111 !important;
      color: #ffffff !important; }
      .newAbarth23 .faq-box .tabs-links-container .tabs-links .tabs-link.active .a-link {
        color: #ffffff; }
        @media (max-width: 768px) {
          .newAbarth23 .faq-box .tabs-links-container .tabs-links .tabs-link.active .a-link {
            color: #ffffff !important; } }
      @media (max-width: 768px) {
        .newAbarth23 .faq-box .tabs-links-container .tabs-links .tabs-link.active .active-tab {
          display: none; } }
    .newAbarth23 .faq-box .tabs-links-container .tabs-links .tabs-link:hover {
      background-color: #DAEF33 !important;
      color: #111111 !important; }
      .newAbarth23 .faq-box .tabs-links-container .tabs-links .tabs-link:hover .a-link {
        color: #111111; }
    .newAbarth23 .faq-box .tabs-links-container .tabs-links .tabs-link .a-link {
      color: #111111; }
  .newAbarth23 .faq-box .tabs-wrapper {
    display: block; }
    .newAbarth23 .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .accordion-abarth .accordion {
      color: #111111;
      background-color: transparent; }
      .newAbarth23 .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .accordion-abarth .accordion.active {
        color: #111111 !important;
        background-color: transparent; }
        .newAbarth23 .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .accordion-abarth .accordion.active .accordion-item-arrow::before {
          color: #111111 !important; }
    .newAbarth23 .faq-box .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .accordion-abarth .panel {
      border-bottom: 2px solid #111111;
      background-color: transparent;
      color: #111111; }

.container-banner {
  background: #fff; }
  .container-banner .box-stripe {
    padding: 15px 32px;
    display: flex;
    justify-content: center; }
    @media (max-width: 1024px) {
      .container-banner .box-stripe {
        display: flex;
        flex-wrap: wrap;
        padding: 15px 0 !important; } }
    @media (max-width: 768px) {
      .container-banner .box-stripe {
        padding: 10px 0 !important; } }
    .container-banner .box-stripe ul.slick-dots {
      display: flex;
      list-style-type: none;
      margin-left: 0;
      position: absolute;
      bottom: 25px;
      margin-bottom: 0;
      z-index: 3; }
      @media (max-width: 1024px) and (min-width: 769px) {
        .container-banner .box-stripe ul.slick-dots {
          bottom: 0 !important; } }
      .container-banner .box-stripe ul.slick-dots button {
        background-color: #fff;
        border: none;
        font-size: 0;
        width: 30px;
        margin-left: 10px;
        height: 2px; }
        @media (max-width: 1024px) and (min-width: 769px) {
          .container-banner .box-stripe ul.slick-dots button {
            background-color: #000 !important; } }
      .container-banner .box-stripe ul.slick-dots .slick-active button {
        background-color: #e72020 !important; }
    .container-banner .box-stripe .box-title {
      text-transform: uppercase;
      font-family: "Abarth_Medium";
      margin-top: 3px;
      font-size: 16px;
      line-height: 23px;
      color: #fff;
      text-align: center; }
      @media (max-width: 768px) {
        .container-banner .box-stripe .box-title {
          margin-top: 30px !important;
          line-height: 30px !important;
          font-size: 18px !important; } }
    .container-banner .box-stripe .visore_modal_CTA {
      text-transform: uppercase;
      text-decoration: none;
      background-color: #e72020;
      color: #fff;
      font-family: "Abarth_Medium";
      font-size: 12px;
      line-height: 23px;
      min-height: 24px;
      width: 170px;
      text-align: center;
      cursor: pointer; }
      @media (max-width: 768px) {
        .container-banner .box-stripe .visore_modal_CTA {
          line-height: 40px !important;
          min-height: 40px !important;
          width: 220px !important;
          font-size: 14px !important; } }
    .container-banner .box-stripe.custom-slick {
      width: 100% !important; }
      .container-banner .box-stripe.custom-slick .slick-track .slick-slide {
        height: auto;
        margin-right: 10px !important; }
      .container-banner .box-stripe.custom-slick .slick-list {
        margin-right: -10px; }
  .container-banner .wrapper-card {
    position: relative;
    background-size: cover;
    max-width: 341px;
    width: 100%;
    min-height: 230px;
    padding-bottom: 20px;
    margin-right: 4px; }
    .container-banner .wrapper-card:nth-child(4n + 4) {
      margin-right: 0; }
    @media (max-width: 1024px) {
      .container-banner .wrapper-card {
        min-height: 480px !important;
        max-width: 100% !important; }
        .container-banner .wrapper-card:nth-child(n+3) {
          margin-top: 4px; }
        .container-banner .wrapper-card:nth-child(2n + 2) {
          margin-right: 0; } }
    @media (max-width: 768px) {
      .container-banner .wrapper-card {
        max-width: 100% !important;
        min-height: 480px !important;
        margin-right: 0px !important;
        margin-bottom: 0 !important;
        background: #000 !important; } }
    .container-banner .wrapper-card .wrap-text {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      min-width: 100%;
      min-height: 100%;
      position: relative;
      z-index: 1;
      padding: 0 17px !important; }
      @media (max-width: 1024px) and (min-width: 769px) {
        .container-banner .wrapper-card .wrap-text {
          min-height: 430px !important; } }
      @media (max-width: 768px) {
        .container-banner .wrapper-card .wrap-text {
          padding: 0 38px 40px 38px !important;
          position: absolute !important; } }
      .container-banner .wrapper-card .wrap-text .box-title {
        text-transform: uppercase;
        font-family: "Abarth_Medium";
        margin-top: 3px;
        font-size: 16px;
        line-height: 23px;
        color: #fff;
        text-align: center; }
        @media (max-width: 1024px) {
          .container-banner .wrapper-card .wrap-text .box-title {
            margin-top: 30px !important;
            line-height: 23px !important;
            font-size: 22px !important; } }
      .container-banner .wrapper-card .wrap-text .visore_modal_CTA {
        text-transform: uppercase;
        text-decoration: none;
        background-color: #e72020;
        color: #fff;
        font-family: "Abarth_Medium";
        font-size: 12px;
        line-height: 23px;
        min-height: 24px;
        width: 170px;
        text-align: center;
        cursor: pointer; }
        @media (max-width: 1024px) {
          .container-banner .wrapper-card .wrap-text .visore_modal_CTA {
            line-height: 42px !important;
            min-height: 42px !important;
            max-width: 300px !important;
            width: 100% !important;
            font-size: 14px !important; } }
    .container-banner .wrapper-card .box-img {
      position: absolute;
      max-width: 341px;
      width: 100%;
      min-height: 230px;
      top: 0;
      z-index: 0;
      -o-object-fit: cover;
         object-fit: cover;
      font-family: 'object-fit: cover;'; }
      @media (max-width: 1024px) {
        .container-banner .wrapper-card .box-img {
          height: 100% !important;
          max-width: 100% !important; } }
      @media (max-width: 768px) {
        .container-banner .wrapper-card .box-img {
          height: 100% !important;
          max-width: 100% !important; } }

/*GIACOMO SCORPIONSHIP DEALER*/
/*@import "../dealer-locator-scorpionship/dealerLocatorScorpionship.scss";*/
.dealerLocatorScorpionship .search-results {
  height: auto;
  position: relative;
  width: 100%;
  display: block;
  background: #000;
  margin-top: 20px; }
  @media screen and (min-width: 1920px) {
    .dealerLocatorScorpionship .search-results {
      padding-bottom: 4px; } }
  .dealerLocatorScorpionship .search-results .locator-results {
    width: 100%;
    top: 0;
    bottom: 0;
    display: none; }

.dealerLocatorScorpionship .locator_send {
  float: left; }
  .dealerLocatorScorpionship .locator_send a {
    float: right;
    cursor: pointer; }
  .dealerLocatorScorpionship .locator_send .find_scorpionship_locator {
    background: #e72020;
    position: absolute;
    right: 10px;
    padding: 9px;
    margin-top: -35px;
    height: 35px;
    width: 35px; }

.dealerLocatorScorpionship .std-form-input.addressScorpionship {
  border: medium none !important; }

.dealerLocatorScorpionship .icon-arrow-right {
  background: url("clientlib-base/resources/images/icon/arrow-right.png");
  background-size: cover;
  background-position: center center;
  display: block;
  margin: auto 0;
  width: 15px;
  height: 100%; }

.dealerLocatorScorpionship .res-row {
  font-family: 'Abarth_Light';
  font-weight: normal;
  display: block;
  white-space: pre;
  min-height: 1.2em;
  padding: 0px 2px 1px;
  font-size: 15px; }

.dealerLocatorScorpionship .locator_navigator .icon-arrow-right {
  background: url("clientlib-base/resources/images/icon/arrow-right.png");
  background-size: 70%;
  background-position: center center;
  display: block;
  margin: auto 0;
  background-repeat: no-repeat;
  width: 10px;
  height: 18px; }

.dealerLocatorScorpionship .button_light.red {
  color: #fff;
  border: none;
  text-transform: uppercase; }

.dealerLocatorScorpionship select#field-dealer-locator-selection {
  width: 100%; }

.form-page-wrapper {
  background-color: #000;
  padding-top: 90px; }
  .form-page-wrapper.comp-form {
    padding-top: 0; }
  .form-page-wrapper.dealer-step .bg-image {
    display: none; }
  .form-page-wrapper.dealer-step .comp-form .form-container .container-form .info-promotion {
    display: none; }
  .form-page-wrapper.switch .main-content .header-form-wrapper .back-to .back-btn.active {
    display: none; }
  .form-page-wrapper.switch .main-content .header-form-wrapper .back-to .back-dealer {
    display: none; }
    .form-page-wrapper.switch .main-content .header-form-wrapper .back-to .back-dealer.switch {
      display: block; }
  @media screen and (min-width: 1920px) {
    .form-page-wrapper {
      padding-top: 95px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .form-page-wrapper {
      padding-top: 80px; } }
  @media screen and (max-width: 767px) {
    .form-page-wrapper {
      padding-top: 35px; } }
  .form-page-wrapper .bg-image {
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (max-width: 767px) {
      .form-page-wrapper .bg-image {
        top: 51px; } }
    .form-page-wrapper .bg-image img {
      width: 100%; }
  .form-page-wrapper .main-content {
    width: 100%; }
    .form-page-wrapper .main-content .header-form-wrapper .back-to {
      width: 50%;
      background: rgba(255, 255, 255, 0.4);
      height: 150px;
      position: relative; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .form-page-wrapper .main-content .header-form-wrapper .back-to {
          height: 120px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .form-page-wrapper .main-content .header-form-wrapper .back-to {
          height: 100px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .form-page-wrapper .main-content .header-form-wrapper .back-to {
          height: 60px; } }
      .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn {
        display: none;
        position: relative;
        text-decoration: none;
        line-height: 1.35;
        color: #000;
        cursor: pointer;
        font-family: 'Abarth_Light', sans-serif; }
        .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn.active {
          display: block; }
        @media screen and (min-width: 1920px) {
          .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn {
            font-size: 1.5em;
            left: 16%;
            top: 70px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn {
            top: 70px;
            left: 12%; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn {
            top: 60px;
            left: 12%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn {
            font-size: 0.75em;
            top: 30px;
            left: 12%; } }
        .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn span {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: auto;
          padding-left: 70px; }
          .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn span b {
            font-family: 'Abarth_heavy', sans-serif; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn span {
              padding-left: 40px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn span {
              padding-left: 40px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn span {
              padding-left: 30px; } }
        .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn span:before {
          content: "";
          width: 40px;
          height: 32px;
          background: url(clientlib-base/resources/images/icon/back-to-arrow.png) no-repeat center center;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          background-size: 100%; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn span:before {
              top: 1px;
              width: 20px;
              height: 16px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn span:before {
              top: 1px;
              width: 20px;
              height: 16px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .form-page-wrapper .main-content .header-form-wrapper .back-to .back-btn span:before {
              top: 1px;
              width: 15px;
              height: 12px; } }
      .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer {
        display: none;
        position: relative;
        text-decoration: none;
        line-height: 1.35;
        color: #000;
        cursor: pointer;
        font-family: 'Abarth_Light', sans-serif; }
        .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer.active {
          display: block; }
        @media screen and (min-width: 1920px) {
          .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer {
            font-size: 1.5em;
            left: 16%;
            top: 70px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer {
            top: 70px;
            left: 12%; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer {
            top: 60px;
            left: 12%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer {
            font-size: 0.75em;
            top: 30px;
            left: 12%; } }
        .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer span {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: auto;
          padding-left: 70px; }
          .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer span b {
            font-family: 'Abarth_heavy', sans-serif; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer span {
              padding-left: 40px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer span {
              padding-left: 40px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer span {
              padding-left: 30px; } }
        .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer span:before {
          content: "";
          width: 40px;
          height: 32px;
          background: url(clientlib-base/resources/images/icon/back-to-arrow.png) no-repeat center center;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          background-size: 100%; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer span:before {
              top: 1px;
              width: 20px;
              height: 16px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer span:before {
              top: 1px;
              width: 20px;
              height: 16px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .form-page-wrapper .main-content .header-form-wrapper .back-to .back-dealer span:before {
              top: 1px;
              width: 15px;
              height: 12px; } }
    .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container {
      padding-bottom: 0;
      background: none; }
      .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion {
        width: 50%;
        float: left;
        color: #bbbbbb;
        padding-top: 5%;
        /*Aggiunta Giacomo*/
        height: auto !important;
        /*End Aggiunta Giacomo*/ }
        .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion.hidden {
          visibility: hidden; }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion {
            padding-left: 6%;
            padding-right: 12%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion {
            padding-left: 6%;
            padding-right: 12%; } }
        @media screen and (max-width: 767px) {
          .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion {
            width: 100%; } }
        .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion h2 {
          border-bottom: none; }
          @media screen and (min-width: 1920px) {
            .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion h2 {
              font-size: 4em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion h2 {
              /*width: 70%;*/
              padding-bottom: 0; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion h2 {
              padding-bottom: 0; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion h2 {
              padding-bottom: 0; } }
          @media screen and (max-width: 767px) {
            .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion h2 {
              font-size: 1.35em;
              width: 80%;
              padding-bottom: 180px; } }
        @media screen and (min-width: 1920px) {
          .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion p {
            font-size: 2em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion p {
            font-size: 1.1em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion p {
            font-size: 1.125em; } }
        @media screen and (min-width: 1920px) {
          .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion .info-promotion-disclaimer {
            padding-top: 120%; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion .info-promotion-disclaimer {
            padding-top: 100%; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion .info-promotion-disclaimer {
            padding-top: 90%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion .info-promotion-disclaimer {
            padding-top: 70%; } }
        @media screen and (max-width: 767px) {
          .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .info-promotion .info-promotion-disclaimer {
            padding-top: 50%; } }
      .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .form-flow .form-abarth {
        background: rgba(0, 0, 0, 0.5); }
        .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .form-flow .form-abarth .text-move {
          position: relative;
          top: 27px;
          left: 9px;
          color: #909090;
          font-size: 16px !important;
          display: inline !important;
          font-style: italic;
          transition: font-size 1s, left 1s, top 1s; }
        .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .form-flow .form-abarth .text-moved {
          font-size: 11px !important;
          top: 15px;
          left: 6px; }
      .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .form-flow .form-dealer .dealer-locator {
        background: none; }
      .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form .form-flow .form-thank {
        background: rgba(0, 0, 0, 0.7); }

.form-flow .form-abarth {
  background: rgba(0, 0, 0, 0.5); }

.form-flow .form-abarth {
  background: #000; }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .form-flow .form-abarth .input-promotion input {
      height: 40px;
      padding-top: 10px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .form-flow .form-abarth .input-promotion input {
      height: 40px;
      padding-top: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .form-flow .form-abarth .input-promotion input {
      height: 40px;
      padding-top: 10px; } }
  @media screen and (max-width: 767px) {
    .form-flow .form-abarth .input-promotion input {
      height: 40px;
      padding-top: 10px; } }
  .form-flow .form-abarth .control-group label {
    width: 49%; }
  @media screen and (max-width: 767px) {
    .form-flow .form-abarth .control-group .radio input {
      margin-right: 0; } }
  .form-flow .form-abarth .control-group .radio .outer {
    background-color: transparent; }
  .form-flow .form-abarth .control-group.exchange .radio {
    width: 20%; }
    @media screen and (max-width: 767px) {
      .form-flow .form-abarth .control-group.exchange .radio {
        width: 35%; } }
  .form-flow .form-abarth .control-group.exchange .select {
    display: none;
    margin-top: 50px; }
    .form-flow .form-abarth .control-group.exchange .select div {
      margin-bottom: 25px; }
      .form-flow .form-abarth .control-group.exchange .select div p {
        margin-bottom: 0;
        font-family: 'Abarth_Light', sans-serif; }
      .form-flow .form-abarth .control-group.exchange .select div select {
        width: 100%;
        height: 35px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        border: none;
        border-left: solid 5px #666;
        padding-left: 5px;
        font-family: 'Abarth-Light', sans-serif;
        color: #000; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .form-flow .form-abarth .control-group.exchange .select div select {
            height: 30px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .form-flow .form-abarth .control-group.exchange .select div select {
            height: 30px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .form-flow .form-abarth .control-group.exchange .select div select {
            height: 30px; } }
        @media screen and (max-width: 767px) {
          .form-flow .form-abarth .control-group.exchange .select div select {
            height: 30px; } }
        .form-flow .form-abarth .control-group.exchange .select div select option {
          -webkit-appearance: none;
          width: 100%;
          color: #000;
          display: block;
          background-color: #efefef;
          border: none;
          border-bottom: 1px solid #999998;
          height: 35px;
          line-height: 35px; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .form-flow .form-abarth .control-group.exchange .select div select option {
              height: 30px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .form-flow .form-abarth .control-group.exchange .select div select option {
              height: 30px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .form-flow .form-abarth .control-group.exchange .select div select option {
              height: 30px; } }
          @media screen and (max-width: 767px) {
            .form-flow .form-abarth .control-group.exchange .select div select option {
              height: 30px; } }
      .form-flow .form-abarth .control-group.exchange .select div select:focus {
        outline: none;
        outline-offset: 0; }
      .form-flow .form-abarth .control-group.exchange .select div select::-ms-expand {
        /* for IE 11 */
        display: none; }
  .form-flow .form-abarth .control-group.exchange.active .select {
    display: block; }
  .form-flow .form-abarth .tabs-item .forward-link {
    border: none; }

.form-flow .form-dealer {
  color: #fff; }
  .form-flow .form-dealer.nth-step {
    width: 100%;
    padding: 0;
    left: 0; }
  .form-flow .form-dealer.visible .dealer-locator .search-choice .locator-search {
    display: none; }
  .form-flow .form-dealer .dealer-locator {
    background: #000; }
    .form-flow .form-dealer .dealer-locator .google-maps {
      width: 100%;
      float: left; }
      .form-flow .form-dealer .dealer-locator .google-maps #map-canvas {
        width: 50%;
        float: left; }
      @media screen and (min-width: 1920px) {
        .form-flow .form-dealer .dealer-locator .google-maps {
          height: 750px; }
          .form-flow .form-dealer .dealer-locator .google-maps #map-canvas {
            height: 750px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .form-flow .form-dealer .dealer-locator .google-maps {
          height: 680px; }
          .form-flow .form-dealer .dealer-locator .google-maps #map-canvas {
            height: 680px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .form-flow .form-dealer .dealer-locator .google-maps {
          height: 620px; }
          .form-flow .form-dealer .dealer-locator .google-maps #map-canvas {
            height: 620px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .form-flow .form-dealer .dealer-locator .google-maps {
          height: 900px; }
          .form-flow .form-dealer .dealer-locator .google-maps #map-canvas {
            height: 900px; } }
      @media screen and (max-width: 767px) {
        .form-flow .form-dealer .dealer-locator .google-maps {
          float: none;
          height: auto; }
          .form-flow .form-dealer .dealer-locator .google-maps #map-canvas {
            height: 250px;
            width: 100%; } }
    .form-flow .form-dealer .dealer-locator .search-choice {
      width: 50% !important;
      float: left !important; }
      @media screen and (max-width: 767px) {
        .form-flow .form-dealer .dealer-locator .search-choice {
          width: 100% !important;
          float: none !important;
          position: relative;
          bottom: 49px; }
          .form-flow .form-dealer .dealer-locator .search-choice:after {
            content: "";
            display: table;
            clear: both; } }
      .form-flow .form-dealer .dealer-locator .search-choice .locator-search {
        top: 0;
        position: relative;
        max-height: none; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .form-flow .form-dealer .dealer-locator .search-choice .locator-search {
            padding-left: 10%;
            padding-right: 10%; } }
        .form-flow .form-dealer .dealer-locator .search-choice .locator-search .locator_choice {
          width: auto;
          float: none; }
          @media screen and (max-width: 767px) {
            .form-flow .form-dealer .dealer-locator .search-choice .locator-search .locator_choice {
              display: none; } }
          .form-flow .form-dealer .dealer-locator .search-choice .locator-search .locator_choice h4 {
            margin-bottom: 50px; }
          .form-flow .form-dealer .dealer-locator .search-choice .locator-search .locator_choice p {
            margin-bottom: 10px; }
        .form-flow .form-dealer .dealer-locator .search-choice .locator-search .locator_input {
          float: none;
          width: auto;
          border-left: 3px solid #999; }
          @media screen and (max-width: 767px) {
            .form-flow .form-dealer .dealer-locator .search-choice .locator-search .locator_input {
              margin-top: 10px; } }
          .form-flow .form-dealer .dealer-locator .search-choice .locator-search .locator_input .locator_send {
            border-left: 3px solid #999; }
            .form-flow .form-dealer .dealer-locator .search-choice .locator-search .locator_input .locator_send .find_locator {
              background: #999; }
        .form-flow .form-dealer .dealer-locator .search-choice .locator-search .locator_filters {
          display: none; }
    .form-flow .form-dealer .dealer-locator .search-results {
      width: 50% !important;
      float: left;
      position: absolute;
      left: 50%; }
      @media screen and (max-width: 767px) {
        .form-flow .form-dealer .dealer-locator .search-results {
          width: 100% !important;
          float: none;
          position: relative;
          left: 0;
          top: 0; } }
      .form-flow .form-dealer .dealer-locator .search-results .locator-results {
        padding: 0 6%;
        position: absolute; }
        @media screen and (min-width: 1920px) {
          .form-flow .form-dealer .dealer-locator .search-results .locator-results {
            top: 250px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .form-flow .form-dealer .dealer-locator .search-results .locator-results {
            top: 230px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .form-flow .form-dealer .dealer-locator .search-results .locator-results {
            top: 230px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .form-flow .form-dealer .dealer-locator .search-results .locator-results {
            top: 230px;
            /*CR-1413*/ } }
        @media screen and (max-width: 767px) {
          .form-flow .form-dealer .dealer-locator .search-results .locator-results {
            position: relative; } }
        @media screen and (max-width: 767px) {
          .form-flow .form-dealer .dealer-locator .search-results .locator-results .res-table .res_row.slick-slide.slick-active {
            border-top: none; } }
        .form-flow .form-dealer .dealer-locator .search-results .locator-results .res-table .res_child_row.child_row_0 {
          border-top: 1px solid #fff; }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .form-flow .form-dealer .dealer-locator .search-results .locator-results .res-table .res_child_row {
            height: 85px; }
            .form-flow .form-dealer .dealer-locator .search-results .locator-results .res-table .res_child_row .child_row_locator {
              padding: 20px 10px;
              width: 70%;
              /*CR-1413*/ } }
        .form-flow .form-dealer .dealer-locator .search-results .locator-results .res-table .res_child_row .child_row_locator {
          padding-top: 25px;
          padding-bottom: 25px; }
          @media screen and (max-width: 767px) {
            .form-flow .form-dealer .dealer-locator .search-results .locator-results .res-table .res_child_row .child_row_locator {
              padding-bottom: 50px;
              /*CR-1413*/
              padding-top: 15px; } }
        .form-flow .form-dealer .dealer-locator .search-results .locator-results .res-table .slick-prev {
          display: none !important; }
        .form-flow .form-dealer .dealer-locator .search-results .locator-results .res-table .slick-next {
          display: none !important; }
        .form-flow .form-dealer .dealer-locator .search-results .locator-results .smart-next {
          display: block;
          left: 48.2%; }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .form-flow .form-dealer .dealer-locator .search-results .locator-results .smart-next {
              bottom: 50px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .form-flow .form-dealer .dealer-locator .search-results .locator-results .smart-next {
              /* CR-1413 */
              bottom: -50px; } }
        .form-flow .form-dealer .dealer-locator .search-results .locator-results .smart-prev {
          display: block;
          left: 48.2%;
          /*@include media-query(large-screen) {
								top: -50px;
						}*/
          /*Giacomo*/
          top: -50px;
          /*End Giacomo*/ }
          @media screen and (max-width: 767px) {
            .form-flow .form-dealer .dealer-locator .search-results .locator-results .smart-prev {
              top: 0px; } }
        .form-flow .form-dealer .dealer-locator .search-results .locator-results input#submitDealer {
          margin: 15px 0 0 5%; }
      .form-flow .form-dealer .dealer-locator .search-results .locator-detail {
        padding-top: 150px;
        padding-left: 20%;
        padding-right: 20%; }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .form-flow .form-dealer .dealer-locator .search-results .locator-detail {
            padding-top: 100px; } }
        @media screen and (max-width: 767px) {
          .form-flow .form-dealer .dealer-locator .search-results .locator-detail {
            min-height: 0;
            height: auto;
            padding: 0;
            position: relative;
            top: 90px; } }
        .form-flow .form-dealer .dealer-locator .search-results .locator-detail .res-detail {
          background: #ccc;
          width: 100% !important;
          float: none;
          color: #000;
          /*padding-top: 20px;*/
          /*Giacomo*/
          padding: 20px;
          /*End Giacomo*/ }
          @media screen and (max-width: 767px) {
            .form-flow .form-dealer .dealer-locator .search-results .locator-detail .res-detail {
              width: 80% !important;
              margin: 0 auto;
              display: block;
              height: auto;
              float: none; } }
          .form-flow .form-dealer .dealer-locator .search-results .locator-detail .res-detail p {
            margin: 0; }
          .form-flow .form-dealer .dealer-locator .search-results .locator-detail .res-detail .res-title-detail {
            border-bottom: none; }
          .form-flow .form-dealer .dealer-locator .search-results .locator-detail .res-detail .res-row-map {
            display: none; }
            .form-flow .form-dealer .dealer-locator .search-results .locator-detail .res-detail .res-row-map.res-address-map {
              display: block; }
              @media screen and (max-width: 767px) {
                .form-flow .form-dealer .dealer-locator .search-results .locator-detail .res-detail .res-row-map.res-address-map {
                  padding-bottom: 0; } }
          .form-flow .form-dealer .dealer-locator .search-results .locator-detail .res-detail .res-icon_map_servizio {
            display: none; }
          .form-flow .form-dealer .dealer-locator .search-results .locator-detail .res-detail .locator_buttons_refactor {
            display: none; }
        .form-flow .form-dealer .dealer-locator .search-results .locator-detail .res-direzioni {
          display: none; }
        .form-flow .form-dealer .dealer-locator .search-results .locator-detail .res-my_abarth {
          display: none; }
  @media screen and (max-width: 767px) {
    .form-flow .form-dealer {
      background: none; } }
  .form-flow .form-dealer .send-data {
    width: 50%;
    float: left;
    margin-left: 50%;
    display: none;
    position: absolute;
    top: 0; }
    @media screen and (min-width: 1920px) {
      .form-flow .form-dealer .send-data {
        padding: 50px 10%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .form-flow .form-dealer .send-data {
        padding: 50px 10%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .form-flow .form-dealer .send-data {
        padding: 50px 10%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .form-flow .form-dealer .send-data {
        padding: 50px 10%; } }
    @media screen and (max-width: 767px) {
      .form-flow .form-dealer .send-data {
        position: static;
        margin-bottom: 30px; } }
    .form-flow .form-dealer .send-data .send-request {
      font-size: 1.5em;
      text-transform: uppercase; }
      @media screen and (min-width: 1920px) {
        .form-flow .form-dealer .send-data .send-request {
          margin-bottom: 250px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .form-flow .form-dealer .send-data .send-request {
          margin-bottom: 250px;
          font-size: 1.2em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .form-flow .form-dealer .send-data .send-request {
          margin-bottom: 220px;
          font-size: 1em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .form-flow .form-dealer .send-data .send-request {
          margin-bottom: 220px;
          font-size: 1em; } }
      @media screen and (max-width: 767px) {
        .form-flow .form-dealer .send-data .send-request {
          position: relative;
          bottom: 60px;
          font-size: 14px;
          margin-bottom: 120px;
          text-align: center; } }
    .form-flow .form-dealer .send-data .informativa {
      font-size: 12px; }
    .form-flow .form-dealer .send-data .forward-link {
      width: 100%;
      border: none; }
    .form-flow .form-dealer .send-data.visible {
      display: block; }
    @media screen and (max-width: 767px) {
      .form-flow .form-dealer .send-data {
        width: 80%;
        float: none;
        margin: 0 auto; } }

.form-flow .form-thank {
  color: #fff;
  background: #000; }
  @media screen and (max-width: 767px) {
    .form-flow .form-thank {
      text-align: center;
      background: none; } }
  .form-flow .form-thank .thank-title {
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 60px; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .form-flow .form-thank .thank-title {
        font-size: 1em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .form-flow .form-thank .thank-title {
        font-size: 1em; } }
    @media screen and (max-width: 767px) {
      .form-flow .form-thank .thank-title {
        font-size: 1em; } }
  .form-flow .form-thank .dealer-recap {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 35px 0 35px 20px;
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .form-flow .form-thank .dealer-recap {
        text-align: left; } }
    .form-flow .form-thank .dealer-recap p {
      margin-bottom: 0;
      line-height: 1.2; }
    .form-flow .form-thank .dealer-recap .box-PopUp .res-title-PopUp {
      font-family: 'Abarth_heavy', sans-serif;
      font-size: 1.2em; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .form-flow .form-thank .dealer-recap .box-PopUp .res-title-PopUp {
          font-size: 1em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .form-flow .form-thank .dealer-recap .box-PopUp .res-title-PopUp {
          font-size: 1em; } }
      @media screen and (max-width: 767px) {
        .form-flow .form-thank .dealer-recap .box-PopUp .res-title-PopUp {
          font-size: 1em; } }
    .form-flow .form-thank .dealer-recap .box-PopUp .arrow-itm {
      display: none; }
  .form-flow .form-thank .reminder {
    font-size: 1.2em;
    font-family: 'Abarth_Light', sans-serif; }
    @media screen and (min-width: 1920px) {
      .form-flow .form-thank .reminder {
        font-size: 1em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .form-flow .form-thank .reminder {
        font-size: 1em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .form-flow .form-thank .reminder {
        font-size: 1em; } }
    @media screen and (max-width: 767px) {
      .form-flow .form-thank .reminder {
        font-size: 1em; } }
  @media screen and (max-width: 767px) {
    .form-flow .form-thank .back-to {
      width: 90%;
      margin: 0 auto; } }
  .form-flow .form-thank .back-to .back-btn {
    display: block;
    position: relative;
    text-decoration: none;
    line-height: 1.35;
    color: #fff;
    cursor: pointer;
    left: 0;
    font-family: 'Abarth_Light', sans-serif; }
    @media screen and (min-width: 1920px) {
      .form-flow .form-thank .back-to .back-btn {
        font-size: 1.5em;
        top: 70px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .form-flow .form-thank .back-to .back-btn {
        top: 70px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .form-flow .form-thank .back-to .back-btn {
        top: 60px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .form-flow .form-thank .back-to .back-btn {
        font-size: 0.75em;
        top: 30px; } }
    @media screen and (max-width: 767px) {
      .form-flow .form-thank .back-to .back-btn {
        font-size: 1em;
        margin: 0 auto;
        position: static; } }
    .form-flow .form-thank .back-to .back-btn span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: auto;
      padding-left: 70px; }
      .form-flow .form-thank .back-to .back-btn span b {
        font-family: 'Abarth_heavy', sans-serifs; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .form-flow .form-thank .back-to .back-btn span {
          padding-left: 40px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .form-flow .form-thank .back-to .back-btn span {
          padding-left: 40px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .form-flow .form-thank .back-to .back-btn span {
          padding-left: 30px; } }
      @media screen and (max-width: 767px) {
        .form-flow .form-thank .back-to .back-btn span {
          padding-left: 30px;
          position: relative; } }
    .form-flow .form-thank .back-to .back-btn span:before {
      content: "";
      width: 40px;
      height: 32px;
      background: url(clientlib-base/resources/images/icon/back-to-arrow-white.png) no-repeat center center;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-size: 100%; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .form-flow .form-thank .back-to .back-btn span:before {
          top: 1px;
          width: 20px;
          height: 16px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .form-flow .form-thank .back-to .back-btn span:before {
          top: 1px;
          width: 20px;
          height: 16px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .form-flow .form-thank .back-to .back-btn span:before {
          top: 1px;
          width: 15px;
          height: 12px; } }
      @media screen and (max-width: 767px) {
        .form-flow .form-thank .back-to .back-btn span:before {
          top: 0;
          width: 25px;
          height: 20px; } }

.form-flow .nth-step {
  left: 50%;
  top: 0;
  width: 50%;
  float: left;
  padding: 3% 8%;
  display: none; }
  .form-flow .nth-step .tabs-item .forward-link {
    border: none; }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .form-flow .nth-step {
      padding-bottom: 10%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .form-flow .nth-step {
      padding-left: 5%;
      padding-right: 5%;
      padding-bottom: 10%; } }
  @media screen and (max-width: 767px) {
    .form-flow .nth-step {
      width: 100%;
      padding-bottom: 10%;
      position: static; } }
  .form-flow .nth-step.active {
    display: block; }

.form-page-wrapper.center {
  padding-top: 0; }
  .form-page-wrapper.center .info-promotion {
    display: none; }
  .form-page-wrapper.center .form-flow .form-abarth {
    background: rgba(0, 0, 0, 0.5); }
    @media screen and (min-width: 768px) {
      .form-page-wrapper.center .form-flow .form-abarth.nth-step {
        left: 0;
        top: 0;
        width: 100%;
        margin-top: 0;
        position: relative;
        padding: 3% 8%; } }

p.info-privacy {
  color: #808081;
  font-size: 0.6em; }

.mrg-top-30 {
  margin-top: 30px; }

.sendpost-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999999;
  top: 0;
  left: 0; }

.sendpost-overlaycontent {
  position: relative;
  width: 200px;
  color: rgba(255, 255, 255, 0.59);
  margin: 20% auto 0 auto;
  font-size: 75px;
  text-align: center; }

.box-editoriali {
  position: relative; }
  .box-editoriali .edit-testo {
    background: #000;
    color: #fff;
    padding: 3% 8%;
    font-family: 'Abarth_Medium';
    position: relative; }
    .box-editoriali .edit-testo h2 {
      font-family: 'Abarth_Heavy';
      line-height: 1; }
      @media screen and (min-width: 1920px) {
        .box-editoriali .edit-testo h2 {
          line-height: 55px;
          font-size: 55px;
          margin-bottom: 5px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .box-editoriali .edit-testo h2 {
          line-height: 40px;
          font-size: 38px;
          margin-bottom: 5px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .box-editoriali .edit-testo h2 {
          line-height: 33px;
          font-size: 32px;
          margin-bottom: 5px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .box-editoriali .edit-testo h2 {
          font-size: 24px;
          line-height: 24px;
          margin-bottom: 5px; } }
    .box-editoriali .edit-testo p {
      font-size: 24px;
      line-height: 26px;
      margin-bottom: 30px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .box-editoriali .edit-testo p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .box-editoriali .edit-testo p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .box-editoriali .edit-testo p {
          font-size: 14px;
          line-height: 16px; } }
      @media screen and (max-width: 767px) {
        .box-editoriali .edit-testo p {
          font-size: 16px;
          line-height: 16px; } }
      .box-editoriali .edit-testo p b {
        text-transform: uppercase;
        font-size: 16px;
        margin-bottom: -20px;
        font-family: 'Abarth_Medium';
        display: block;
        line-height: 1.5; }
        @media screen and (min-width: 1920px) {
          .box-editoriali .edit-testo p b {
            font-size: 1.125em; } }
    .box-editoriali .edit-testo h6 {
      text-transform: uppercase;
      font-size: 1em;
      margin-bottom: 10px; }
      @media screen and (min-width: 1920px) {
        .box-editoriali .edit-testo h6 {
          font-size: 1.125em; } }
    .box-editoriali .edit-testo a {
      color: #fff;
      text-decoration: underline;
      line-height: 1.5em; }
    .box-editoriali .edit-testo a:hover {
      color: #fff;
      opacity: 0.8; }
    .box-editoriali .edit-testo ul {
      margin-left: 1rem;
      line-height: 26px;
      margin-bottom: 30px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .box-editoriali .edit-testo ul {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .box-editoriali .edit-testo ul {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .box-editoriali .edit-testo ul {
          font-size: 14px;
          line-height: 16px; } }
      @media screen and (max-width: 767px) {
        .box-editoriali .edit-testo ul {
          font-size: 16px;
          line-height: 16px; } }
      .box-editoriali .edit-testo ul li {
        list-style-type: disc; }
    .box-editoriali .edit-testo ol {
      margin-left: 1rem;
      font-size: 0.85em; }
      @media screen and (min-width: 1920px) {
        .box-editoriali .edit-testo ol {
          font-size: 1em; } }
    .box-editoriali .edit-testo ol.no-decimal {
      margin-left: 1rem;
      font-size: 0.85em; }
      @media screen and (min-width: 1920px) {
        .box-editoriali .edit-testo ol.no-decimal {
          font-size: 1em; } }
      .box-editoriali .edit-testo ol.no-decimal li {
        list-style-type: none; }
      .box-editoriali .edit-testo ol.no-decimal li:before {
        content: "-";
        position: relative;
        left: -5px; }
    .box-editoriali .edit-testo .border-top div {
      border-top: #fff solid 2px;
      padding-top: 10px; }
    .box-editoriali .edit-testo .custom_service {
      width: 100%;
      position: relative;
      margin-bottom: 3%;
      overflow: hidden; }
    .box-editoriali .edit-testo .width_100 {
      width: 100%;
      padding: 0;
      overflow: hidden; }
      .box-editoriali .edit-testo .width_100 div {
        float: left; }
    .box-editoriali .edit-testo .width_85 {
      width: 85%; }
    .box-editoriali .edit-testo .width_15 {
      width: 15%; }
    .box-editoriali .edit-testo .width_50 {
      width: 48%;
      padding: 3% 0; }
    .box-editoriali .edit-testo .imgSaf {
      padding: 0 2%; }
      @media screen and (max-width: 767px) {
        .box-editoriali .edit-testo .imgSaf {
          width: 30% !important;
          margin-bottom: 30px; } }
    .box-editoriali .edit-testo .width_50:first-child {
      margin-right: 3%; }
    .box-editoriali .edit-testo a.cta {
      text-decoration: none;
      float: left; }
  .box-editoriali .edit-img {
    position: relative; }
    @media screen and (max-width: 767px) {
      .box-editoriali .edit-img {
        background: #000000;
        text-align: center; } }
    .box-editoriali .edit-img img {
      width: 100%;
      height: auto; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .box-editoriali .edit-img img {
          margin-top: 0px; } }
      @media screen and (max-width: 767px) {
        .box-editoriali .edit-img img {
          height: auto;
          margin: auto;
          width: 100%;
          margin-left: 0px;
          max-width: none;
          right: -26px; } }
    .box-editoriali .edit-img .btncta {
      text-align: center;
      text-decoration: none;
      background-color: #e72020;
      color: #fff;
      min-width: 144px;
      cursor: pointer;
      text-transform: uppercase;
      display: table;
      padding: 12px 16px;
      position: absolute;
      bottom: 12%;
      left: 8%;
      font-size: 0.85em; }
      @media screen and (min-width: 1920px) {
        .box-editoriali .edit-img .btncta {
          font-size: 1.125em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .box-editoriali .edit-img .btncta {
          display: none; } }
      @media screen and (max-width: 767px) {
        .box-editoriali .edit-img .btncta {
          display: none; } }
    .box-editoriali .edit-img .overframe-cta {
      padding: 12px 16px;
      position: absolute;
      bottom: 12%;
      left: 8%; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .box-editoriali .edit-img .overframe-cta {
          bottom: 6%; } }
      @media screen and (max-width: 767px) {
        .box-editoriali .edit-img .overframe-cta {
          position: static;
          display: inline-block;
          margin: 15px auto; } }
  .box-editoriali .edit-img.no-cta .btncta {
    display: none; }

/* -------------------------------------------------- 
   Target Overlay Modal Style
-----------------------------------------------------
*/
.box-overframe {
  display: none; }
  .box-overframe .box-iframe {
    position: absolute;
    background: #000;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 10; }
    .box-overframe .box-iframe .headOverIframe {
      height: 16%;
      background: #333;
      margin: 0;
      position: relative;
      margin-bottom: 0; }
      .box-overframe .box-iframe .headOverIframe h2 {
        font-size: 0.85em;
        font-family: 'Abarth_Heavy';
        color: #fff;
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        text-transform: uppercase; }
    .box-overframe .box-iframe iframe {
      margin: 0 auto;
      display: block;
      margin-top: -50px; }

.box-showframe {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 10; }
  .box-showframe .box-iframe {
    background: #000; }
    .box-showframe .box-iframe .headOverIframe {
      height: 16%;
      background: #333;
      margin: 0;
      position: relative;
      margin-bottom: 0; }
      .box-showframe .box-iframe .headOverIframe h2 {
        font-size: 0.85em;
        font-family: 'Abarth_Heavy';
        color: #fff;
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        text-transform: uppercase; }
    .box-showframe .box-iframe iframe {
      margin: 0 auto;
      display: block;
      margin-top: -50px; }

.overframe-wrapper-abarth {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 99999999;
  background: rgba(0, 0, 0, 0.8);
  background: #282828; }
  .overframe-wrapper-abarth iframe {
    max-width: 890px;
    width: 100%;
    height: calc( 100% - 120px); }
  .overframe-wrapper-abarth .box-iframe {
    height: 100%; }
  .overframe-wrapper-abarth .overframe-inner {
    max-width: 890px;
    width: 100%;
    margin: 0 auto;
    background: #282828;
    padding: 0 15px;
    height: 100%; }
  .overframe-wrapper-abarth .close-overframe-abarth {
    display: inline-block;
    float: right;
    font-size: 62px;
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 2; }
  @media screen and (max-width: 767px) {
    .overframe-wrapper-abarth .headOverIframe {
      top: 50px; } }
  .overframe-wrapper-abarth .headOverIframe h2 {
    font-size: .85em;
    font-family: 'Abarth_Heavy';
    color: #fff;
    bottom: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    clear: right; }

.hideScroll {
  overflow: hidden; }

.box-editoriali .finance h4 {
  text-transform: uppercase;
  font-size: 1.125em;
  margin: 30px 0 10px 0;
  font-weight: 400; }
  @media screen and (min-width: 1920px) {
    .box-editoriali .finance h4 {
      font-size: 1em;
      margin: 20px 0 10px 0; } }

.box-editoriali .finance h6 {
  text-transform: uppercase;
  font-size: 0.95em;
  margin-bottom: 0;
  line-height: 1em;
  font-weight: 400; }
  @media screen and (min-width: 1920px) {
    .box-editoriali .finance h6 {
      font-size: 1.125em; } }
  @media screen and (max-width: 767px) {
    .box-editoriali .finance h6 {
      font-size: 1em; } }

.box-editoriali .finance p {
  font-size: 0.85em;
  margin-bottom: 20px;
  display: block; }
  @media screen and (min-width: 1920px) {
    .box-editoriali .finance p {
      font-size: 1em; } }
  @media screen and (max-width: 767px) {
    .box-editoriali .finance p {
      font-size: 0.8em; } }

.box-editoriali .finance .infoFinance {
  display: block;
  clear: both;
  width: 100%;
  font-size: 0.65em;
  margin-top: 100px;
  line-height: 1.2em; }
  @media screen and (max-width: 767px) {
    .box-editoriali .finance .infoFinance {
      margin-top: 80px; } }

.box-editoriali .finance a {
  color: #fff;
  text-decoration: underline;
  line-height: 1.5em; }

.box-editoriali .finance a:hover {
  color: #fff;
  opacity: 0.8; }

.box-editoriali .finance .link-doc {
  line-height: 2em; }

.box-editoriali .finance ul {
  margin-left: 1rem;
  font-size: 24px;
  line-height: 30px; }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .box-editoriali .finance ul {
      font-size: 18px;
      line-height: 20px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .box-editoriali .finance ul {
      font-size: 18px;
      line-height: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .box-editoriali .finance ul {
      font-size: 14px;
      line-height: 16px; } }
  @media screen and (max-width: 767px) {
    .box-editoriali .finance ul {
      font-size: 16px;
      line-height: 16px; } }
  .box-editoriali .finance ul li {
    list-style-type: disc; }

.box-editoriali .finance ol {
  margin-left: 1rem;
  font-size: 0.85em;
  line-height: 1.5em;
  text-decoration: underline; }
  @media screen and (min-width: 1920px) {
    .box-editoriali .finance ol {
      font-size: 1em; } }
  @media screen and (max-width: 767px) {
    .box-editoriali .finance ol {
      font-size: 0.8em; } }

.box-editoriali .finance ol.no-decimal {
  margin-left: 0.5rem;
  font-size: 0.85em;
  text-decoration: none; }
  @media screen and (min-width: 1920px) {
    .box-editoriali .finance ol.no-decimal {
      font-size: 1em; } }
  .box-editoriali .finance ol.no-decimal li {
    list-style-type: none; }
  .box-editoriali .finance ol.no-decimal li:before {
    content: "-";
    position: relative;
    left: -5px; }

.box-editoriali .finance .border-top div {
  border-top: #fff solid 2px;
  padding-top: 10px; }
  @media screen and (max-width: 767px) {
    .box-editoriali .finance .border-top div {
      margin-bottom: 10px; } }

.box-editoriali .finance img.logo {
  margin: 0 auto;
  display: block;
  max-width: 150px; }
  @media screen and (max-width: 767px) {
    .box-editoriali .finance img.logo {
      width: 30%;
      margin-top: 10px; } }

.box-editoriali .finance .custom_service {
  width: 100%;
  position: relative;
  margin-bottom: 3%;
  overflow: hidden; }

.box-editoriali .finance .width_100 {
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .box-editoriali .finance .width_100 div {
    float: left; }

.box-editoriali .finance .width_15 {
  width: 15%; }

.box-editoriali .finance .width_75 {
  width: 75%; }

.box-editoriali .finance .width_85 {
  width: 85%; }

.box-editoriali .finance .width_50 {
  width: 48%;
  padding: 3% 0; }

.box-editoriali .finance .imgSaf {
  padding: 0 2%; }
  @media screen and (max-width: 767px) {
    .box-editoriali .finance .imgSaf {
      width: 30% !important;
      margin-bottom: 30px; } }

.box-editoriali .finance .width_50:first-child {
  margin-right: 3%; }

.box-editoriali .finance a.cta {
  text-decoration: none;
  float: left; }

.box-editoriali .edit-img.no-cta .btncta {
  display: none; }

.box-editoriali .tableFinance {
  width: 80%;
  display: block;
  margin: 0 auto; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .box-editoriali .tableFinance {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .box-editoriali .tableFinance {
      width: 100%; } }

.box-editoriali .box-link {
  display: block;
  margin: 0 auto; }
  .box-editoriali .box-link a {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .box-editoriali .box-link a {
        width: 49%;
        margin-right: 2%; } }
  .box-editoriali .box-link a:last-child {
    width: 23.5%;
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .box-editoriali .box-link a:nth-child(2n) {
      width: 23.5%;
      margin-right: 0; } }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    .box-editoriali .box-link a:nth-child(2n) {
      width: 49%;
      margin-right: 0; } }

.box-editoriali table {
  width: 100%;
  display: block;
  margin: 0 auto; }
  .box-editoriali table tbody {
    width: 100%;
    display: table;
    margin: 0 auto; }
  .box-editoriali table tr {
    border-bottom: #fff solid 1px;
    margin: 10px 0;
    display: block;
    padding: 5px 0;
    font-size: 0.85em;
    color: #fff; }
    @media screen and (min-width: 1920px) {
      .box-editoriali table tr {
        font-size: 1em; } }
  .box-editoriali table tr:last-child {
    border-bottom: #fff solid 3px;
    padding-bottom: 30px; }
  .box-editoriali table td {
    display: table-cell;
    width: 100%;
    color: #fff !important; }
  .box-editoriali table .txt-left {
    text-align: left; }
  .box-editoriali table .txt-right {
    text-align: right;
    white-space: nowrap; }

/* -------------------------------------------------- 
   Target Overlay Modal Style
-----------------------------------------------------
*/
.box-showframe {
  width: 100%;
  overflow: hidden;
  position: relative; }
  @media screen and (max-width: 1110px) {
    .box-showframe {
      padding-top: 100px;
      background: #333; } }
  .box-showframe .box-iframe {
    background: #26272c;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 10; }
    @media screen and (max-width: 1110px) {
      .box-showframe .box-iframe {
        display: none; } }
    .box-showframe .box-iframe .headOverIframe {
      height: 150px;
      background: #333;
      margin: 0;
      position: relative;
      margin-bottom: 0; }
      .box-showframe .box-iframe .headOverIframe h2 {
        font-size: 0.85em;
        font-family: 'Abarth_Heavy';
        color: #fff;
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        text-transform: uppercase; }
    .box-showframe .box-iframe iframe {
      margin: 0 auto;
      display: block;
      margin-top: 0px; }

.fcabank {
  max-width: 100%;
  font-style: italic;
  vertical-align: initial; }

/* --- SOCIAL HEADER -- */
.fancybox-desktop {
  max-width: 432px !important;
  bottom: auto;
  overflow: visible;
  opacity: 1;
  width: 100% !important;
  padding: 16px !important; }

.fancybox-iframe {
  /*width: 96%!important;*/
  width: 370px !important;
  display: inline !important; }

@media screen and (max-width: 465px) {
  .fancybox-desktop {
    width: 80%; }
  .fancybox-iframe {
    width: 100% !important;
    max-height: 100%; }
  .fancybox-inner {
    height: auto !important;
    overflow: hidden !important;
    width: auto !important; } }

.ul {
  left: 0px !important;
  right: 0px !important;
  width: 50% !important; }

.text_social {
  /*Aggiunta maiuscola*/
  text-transform: uppercase !important;
  /*End Aggiunta maiuscola*/
  border: medium none !important;
  color: #ffffff !important;
  float: left !important;
  line-height: 3.6;
  margin: 0 auto !important;
  opacity: 1 !important;
  width: 225px !important;
  filter: alpha(opacity=100) !important; }

@media screen and (max-width: 1096px) and (min-width: 1024px) {
  .text_social {
    line-height: 3.5;
    margin: 0 auto !important;
    width: 188px !important; }
  .ul {
    width: 100%; } }

@media screen and (max-width: 1023px) and (min-width: 919px) {
  .text_social {
    line-height: 2.5;
    margin: 0 auto !important;
    width: 50% !important; }
  .ul {
    width: 100%; } }

@media screen and (max-width: 918px) and (min-width: 768px) {
  .text_social {
    line-height: 1.5 !important;
    margin: 0 auto !important;
    width: 30% !important;
    font-size: 11pt !important; }
  .ul {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .text_social {
    width: 100% !important;
    margin: 0 auto !important;
    line-height: 1.5; }
  .ul {
    width: 225px !important; } }

/* --- END SOCIAL HEADER -- */
/* --- FANCY BOX -- */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  /*position: absolute;*/
  /*position: fixed!important;
    top: 15%!important;
    bottom: 15%!important;*/
  left: 0 !important;
  margin: 2% auto !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  /*OLD
    max-width: 100%;
    END OLD*/
  max-width: 90%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("clientlib-base/resources/images/fancy/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("clientlib-base/resources/images/fancy/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("clientlib-base/resources/images/fancy/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("clientlib-base/resources/images/fancy/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("clientlib-base/resources/images/fancy/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div {
    background-image: url("clientlib-base/resources/images/fancy/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }

#fancybox-buttons {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 8050; }

#fancybox-buttons.top {
  top: 10px; }

#fancybox-buttons.bottom {
  bottom: 10px; }

#fancybox-buttons ul {
  display: block;
  width: 166px;
  height: 30px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  border: 1px solid #111;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  background: #323232;
  background: linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); }

#fancybox-buttons ul li {
  float: left;
  margin: 0;
  padding: 0; }

#fancybox-buttons a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url("clientlib-base/resources/images/fancy/fancybox_buttons.png");
  background-repeat: no-repeat;
  outline: none;
  opacity: 0.8; }

#fancybox-buttons a:hover {
  opacity: 1; }

#fancybox-buttons a.btnPrev {
  background-position: 5px 0; }

#fancybox-buttons a.btnNext {
  background-position: -33px 0;
  border-right: 1px solid #3e3e3e; }

#fancybox-buttons a.btnPlay {
  background-position: 0 -30px; }

#fancybox-buttons a.btnPlayOn {
  background-position: -30px -30px; }

#fancybox-buttons a.btnToggle {
  background-position: 3px -60px;
  border-left: 1px solid #111;
  border-right: 1px solid #3e3e3e;
  width: 35px; }

#fancybox-buttons a.btnToggleOn {
  background-position: -27px -60px; }

#fancybox-buttons a.btnClose {
  border-left: 1px solid #111;
  width: 35px;
  background-position: -56px 0px; }

#fancybox-buttons a.btnDisabled {
  opacity: 0.4;
  cursor: default; }

#fancybox-thumbs {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 8050; }

#fancybox-thumbs.bottom {
  bottom: 2px; }

#fancybox-thumbs.top {
  top: 2px; }

#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0; }

#fancybox-thumbs ul li {
  float: left;
  padding: 1px;
  opacity: 0.5; }

#fancybox-thumbs ul li.active {
  opacity: 0.75;
  padding: 0;
  border: 1px solid #fff; }

#fancybox-thumbs ul li:hover {
  opacity: 1; }

#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #222;
  background: #111;
  outline: none; }

#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
  max-width: none; }

/* --- SOCIAL WALL -- */
.social-wall-filter {
  background-color: #333333;
  border-bottom: 1px solid #555555;
  padding-bottom: 20px;
  position: fixed;
  top: 0;
  width: 100%; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .social-wall-filter {
      top: 50px; } }
  @media screen and (max-width: 767px) {
    .social-wall-filter {
      top: 50px; } }
  .social-wall-filter .social-wall-tile {
    color: #fff;
    padding-top: 110px;
    padding-left: 10%;
    width: auto;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .social-wall-filter .social-wall-tile {
        padding-top: 20px;
        font-size: 0.625em; } }
    @media screen and (max-width: 767px) {
      .social-wall-filter .social-wall-tile {
        padding-top: 10px;
        font-size: 0.625em; } }
  .social-wall-filter p {
    color: #fff;
    width: auto;
    margin: 0 auto;
    text-align: left; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .social-wall-filter p {
        font-size: 0.625em; } }
    @media screen and (max-width: 767px) {
      .social-wall-filter p {
        font-size: 0.625em; } }
  .social-wall-filter ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 315px;
    overflow: hidden; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .social-wall-filter ul {
        width: 225px; } }
    @media screen and (max-width: 767px) {
      .social-wall-filter ul {
        width: 225px; } }
    .social-wall-filter ul li {
      list-style: none;
      float: left;
      text-align: center;
      cursor: pointer;
      border: 1px solid #fff;
      margin-right: 5px;
      height: 58px;
      width: 58px;
      opacity: 0.5;
      filter: alpha(opacity=50); }
      .social-wall-filter ul li.active {
        opacity: 1;
        filter: alpha(opacity=100); }
      .social-wall-filter ul li a {
        padding-top: 12px;
        display: block;
        height: 100%; }
      .social-wall-filter ul li span {
        color: #fff; }
        .social-wall-filter ul li span:before {
          font-size: 34px; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .social-wall-filter ul li span:before {
              font-size: 26px; } }
          @media screen and (max-width: 767px) {
            .social-wall-filter ul li span:before {
              font-size: 26px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .social-wall-filter ul li {
          width: 40px;
          height: 40px; }
          .social-wall-filter ul li a {
            padding-top: 6px; } }
      @media screen and (max-width: 767px) {
        .social-wall-filter ul li {
          width: 40px;
          height: 40px; }
          .social-wall-filter ul li a {
            padding-top: 6px; } }

/*Aggiunta*/
.layout-abarth {
  margin: 0 auto; }

/*End Aggiunta*/
.social-wall-grid {
  background-color: #000;
  padding-bottom: 20px;
  /*padding: 0 10px;*/
  padding: 0 25px; }
  .social-wall-grid .layout-col .column {
    /*padding-left: 20px;*/
    padding: 0 10px;
    margin-top: 210px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .social-wall-grid .layout-col .column {
        margin-top: 145px;
        /*Aggiunta*/
        padding: 0 25px;
        /*End Aggiunta*/ } }
    @media screen and (max-width: 767px) {
      .social-wall-grid .layout-col .column {
        margin-top: 140px;
        /*Aggiunta*/
        padding: 0 25px;
        /*End Aggiunta*/ } }
  .social-wall-grid a {
    text-decoration: none; }
    .social-wall-grid a.hide {
      display: none; }
    .social-wall-grid a .social-item {
      padding-top: 15px;
      padding-bottom: 15px;
      border-bottom: 2px solid #333333;
      color: #fff; }
      .social-wall-grid a .social-item img {
        width: 100%;
        height: auto;
        margin-bottom: 10px; }
      .social-wall-grid a .social-item p {
        margin-bottom: 0;
        font-size: 0.75rem; }
      .social-wall-grid a .social-item h3 {
        font-size: 1rem;
        margin-bottom: 10px;
        padding-left: 30px;
        text-indent: -15px; }
      .social-wall-grid a .social-item.image iframe {
        display: none; }
      .social-wall-grid a .social-item.text img {
        display: none; }
      .social-wall-grid a .social-item.text iframe {
        display: none; }
      .social-wall-grid a .social-item.video iframe {
        width: 100%;
        height: auto; }
      .social-wall-grid a .social-item.video img {
        display: none; }
      .social-wall-grid a .social-item h3 span {
        margin-right: 10px;
        font-size: 1.5rem; }

.fancybox-inner {
  height: auto !important;
  overflow: hidden !important; }

.fancybox-skin {
  padding: 30px;
  background-color: #fff; }
  .fancybox-skin iframe {
    width: 100%;
    height: auto;
    /*Aggiunta*/
    min-height: 320px;
    margin: 0 auto;
    /*End Aggiunta*/ }
  .fancybox-skin .fancybox-close {
    height: 36px;
    right: 0;
    top: 0 !important;
    width: 36px; }
  .fancybox-skin h3 {
    font-size: 1rem;
    margin-bottom: 10px;
    padding-left: 40px;
    padding-right: 25px;
    text-indent: -19px; }
    .fancybox-skin h3 .fa {
      font-size: 2em;
      padding-right: 10px; }
  .fancybox-skin p {
    margin-top: 20px;
    margin-bottom: 20px; }
  .fancybox-skin .btn-social {
    background-color: #444;
    border-radius: 25px;
    height: 50px;
    margin: 0 auto;
    width: 50px; }
    .fancybox-skin .btn-social a {
      color: #fff;
      display: block;
      height: 100%;
      text-align: center;
      text-decoration: none; }
      .fancybox-skin .btn-social a .fa {
        font-size: 2rem;
        padding-top: 10px; }

.fancybox-skin img {
  display: block;
  margin: 0 auto; }

.fancybox-skin,
.fancybox-skin img {
  border-radius: 6px;
  width: auto;
  height: auto;
  overflow: hidden; }

.section-navigator {
  display: none;
  position: fixed;
  top: 200px;
  right: 20px;
  width: 60px;
  padding: 0 5px;
  z-index: 31; }
  .section-navigator.active {
    display: block; }
  .section-navigator .paper {
    background-image: url("clientlib-base/resources/images/paper_icon.png") !important;
    height: 100%;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 37% 40%;
    top: 0;
    right: 0;
    background-size: 30px; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .section-navigator .paper {
        background-position: 25% 25%;
        background-size: 25px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .section-navigator .paper {
        background-position: 35% 35%;
        background-size: 18px; } }
  .section-navigator .message {
    background-image: url("clientlib-base/resources/images/message_icon.png");
    height: 100%;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 37% 40%;
    top: 0;
    right: 0;
    background-size: 30px; }
    .section-navigator .message.ab-icon-message {
      background-image: none;
      font-size: 22px; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .section-navigator .message {
        background-position: 25% 25%;
        background-size: 25px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .section-navigator .message {
        background-position: 35% 35%;
        background-size: 18px; } }
  .section-navigator ul {
    margin: 0;
    padding: 0; }
    .section-navigator ul li {
      display: block;
      width: 50px;
      height: 50px;
      margin-bottom: 5px;
      position: relative; }
      .section-navigator ul li p {
        font-family: 'Abarth_Medium', sans-serif;
        font-size: 16px;
        width: 0;
        text-align: center;
        position: absolute;
        background-color: #fff;
        color: #000;
        height: 50px;
        padding: 0;
        margin-bottom: 0;
        margin-right: 3px;
        top: 0;
        right: 50px;
        line-height: 50px;
        overflow: hidden;
        transition: width 1s; }
        .section-navigator ul li p span {
          width: 200px;
          display: block; }
      .section-navigator ul li p:hover {
        background-color: #000;
        color: #fff; }
      .section-navigator ul li a {
        text-decoration: none;
        background-color: #fff;
        color: #000;
        text-align: center;
        font-size: 30px;
        line-height: 50px;
        display: inline-block;
        width: 50px;
        height: 50px; }
    .section-navigator ul:hover li p {
      width: 200px; }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .section-navigator {
      width: 50px; }
      .section-navigator ul li {
        width: 40px;
        height: 40px; }
        .section-navigator ul li p {
          height: 40px;
          line-height: 40px;
          right: 40px; }
        .section-navigator ul li a {
          width: 40px;
          height: 40px;
          line-height: 40px;
          font-size: 24px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .section-navigator {
      width: 40px;
      right: 10px; }
      .section-navigator ul li {
        width: 30px;
        height: 30px; }
        .section-navigator ul li p {
          height: 30px;
          line-height: 30px;
          right: 30px;
          font-size: 14px; }
          .section-navigator ul li p span {
            width: 170px; }
        .section-navigator ul li a {
          width: 30px;
          height: 30px;
          line-height: 30px;
          font-size: 20px; }
      .section-navigator ul:hover li p {
        width: 170px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .section-navigator {
      width: 40px;
      right: 10px; }
      .section-navigator ul li {
        width: 30px;
        height: 30px; }
        .section-navigator ul li p {
          height: 30px;
          line-height: 30px;
          right: 30px;
          font-size: 10px; }
          .section-navigator ul li p span {
            width: 150px; }
        .section-navigator ul li a {
          width: 30px;
          height: 30px;
          line-height: 30px;
          font-size: 14px; }
      .section-navigator ul:hover li p {
        width: 150px; } }
  @media screen and (max-width: 767px) {
    .section-navigator {
      display: none !important;
      width: 100%;
      bottom: 0;
      right: 0;
      background-color: #000;
      padding: 0;
      border-top: 1px solid #fff; }
      .section-navigator.active {
        display: none !important; }
      .section-navigator span {
        display: none !important; } }

/*Giacomo*/
.background_image_service {
  background-color: #fff;
  width: 100%;
  /*height: 65px;*/
  /*Modifica*/
  height: 80px;
  /*End Modifica*/
  margin-bottom: 0;
  /*padding: 3%;*/
  /*Aggiunta*/
  text-align: center;
  /*End Aggiunta*/ }
  @media screen and (max-width: 767px) {
    .background_image_service {
      height: 59px; } }

.background_image_service img {
  /*margin-left: 18%;
    margin-right: 18%;
    height: 70%;
    margin-top: 1.5%;
    height: 100%;*/
  /*Aggiunta*/
  max-width: 320px;
  /*End Aggiunta*/ }
  @media screen and (max-width: 767px) {
    .background_image_service img {
      max-width: 230px; } }

/*End Giacoomo*/
.contact-us-boxes {
  margin: 0 auto;
  padding: 0 10%;
  padding-top: 30px;
  background-color: #000; }
  .contact-us-boxes .layout__item {
    padding: 6px; }
  .contact-us-boxes .layout-abarth.flex {
    display: flex; }
    @media screen and (max-width: 767px) {
      .contact-us-boxes .layout-abarth.flex {
        display: block; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .contact-us-boxes .layout-abarth.flex {
        display: block; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .contact-us-boxes .layout-abarth.flex:nth-of-type(1) .layout__item .contact-us-box {
        min-height: 240px; } }
    .contact-us-boxes .layout-abarth.flex .layout__item {
      padding: 6px; }
      .contact-us-boxes .layout-abarth.flex .layout__item:nth-child(2) {
        position: relative; }
        @media screen and (max-width: 767px) {
          .contact-us-boxes .layout-abarth.flex .layout__item:nth-child(2) .contact-us-box {
            position: relative; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .contact-us-boxes .layout-abarth.flex .layout__item:nth-child(2) .contact-us-box {
            position: relative; } }
  .contact-us-boxes .obligatory-fields-note {
    text-align: right;
    font-size: 0.75em;
    font-family: 'Abarth_Light';
    color: #fff; }
    @media screen and (max-width: 767px) {
      .contact-us-boxes .obligatory-fields-note {
        font-size: 0.5em; } }
  .contact-us-boxes.contact-us-box {
    min-height: 288px; }
  .contact-us-boxes .contact-us-box {
    border: 1px solid #ccc;
    color: #fff;
    padding: 20px;
    font-family: 'Abarth_Light'; }
    .contact-us-boxes .contact-us-box p {
      font-size: 1em;
      line-height: 1.2; }
      @media screen and (max-width: 767px) {
        .contact-us-boxes .contact-us-box p {
          /*CR-1413*/
          margin-bottom: 1.5rem; } }
      .contact-us-boxes .contact-us-box p.note {
        font-size: 0.75em; }
    .contact-us-boxes .contact-us-box .stores {
      text-align: center; }
      .contact-us-boxes .contact-us-box .stores a {
        display: inline-block;
        height: 58px;
        border: 2px solid #ccc;
        border-radius: 8px;
        margin-right: 8px; }
        @media screen and (max-width: 767px) {
          .contact-us-boxes .contact-us-box .stores a {
            height: 35px;
            border-radius: 5px;
            border: 1px solid #ccc;
            margin-right: 3px;
            width: 96px;
            /*bla_2*/ } }
        .contact-us-boxes .contact-us-box .stores a:first-child {
          margin-right: 0px; }
        .contact-us-boxes .contact-us-box .stores a img {
          height: 100%;
          width: auto;
          min-width: 0; }
    .contact-us-boxes .contact-us-box img {
      height: 60px;
      width: auto;
      min-width: 140px;
      display: block;
      margin: 0 auto;
      margin-bottom: 20px;
      height: auto; }
      @media screen and (max-width: 767px) {
        .contact-us-boxes .contact-us-box img {
          height: 45px; } }
  .contact-us-boxes.form-container .field-label {
    font-family: 'Abarth_Medium';
    text-transform: uppercase;
    font-size: 1.25em; }
    @media screen and (max-width: 767px) {
      .contact-us-boxes.form-container .field-label {
        font-size: 1em; } }
    .contact-us-boxes.form-container .field-label.underline {
      border-bottom: 1px solid #fff;
      padding-bottom: 20px;
      margin-bottom: 20px;
      margin-top: 25px; }
  .contact-us-boxes.form-container select {
    color: black;
    font: inherit;
    margin: 0;
    height: 33px; }
  .contact-us-boxes.form-container .text-field {
    font-family: 'Abarth_Light';
    margin-bottom: 15px;
    min-height: 70px; }
    .contact-us-boxes.form-container .text-field label {
      display: block;
      padding: 5px 0 5px 0;
      font-size: 0.75em; }
      @media screen and (max-width: 767px) {
        .contact-us-boxes.form-container .text-field label {
          font-size: 0.75em; } }
    .contact-us-boxes.form-container .text-field input {
      display: block;
      border: 0;
      border-left: solid 5px #666;
      width: 100%;
      height: 35px;
      color: #000;
      padding-left: 5px;
      font-size: 1em; }
      @media screen and (max-width: 767px) {
        .contact-us-boxes.form-container .text-field input {
          font-size: 1em; } }
    .contact-us-boxes.form-container .text-field textarea {
      display: block;
      border: 0;
      border-left: solid 5px #666;
      width: 100%;
      color: #000;
      padding: 5px;
      font-size: 1em;
      resize: none; }
      @media screen and (max-width: 767px) {
        .contact-us-boxes.form-container .text-field textarea {
          font-size: 1em; } }
    .contact-us-boxes.form-container .text-field .errorInput {
      font-size: 12px;
      padding-top: 6px; }
  .contact-us-boxes.form-container .inline {
    display: inline-block !important; }
  .contact-us-boxes.form-container .agreement {
    font-family: 'Abarth_Light';
    line-height: 1.5em;
    margin-top: 15px;
    font-size: 0.9em; }
    @media screen and (max-width: 767px) {
      .contact-us-boxes.form-container .agreement {
        font-size: 0.9em;
        line-height: 1em; } }
  .contact-us-boxes.form-container .cta {
    font-size: 1em;
    height: 35px;
    line-height: 35px;
    padding: 0;
    border: 0;
    max-width: 470px;
    width: 50%; }
    @media screen and (max-width: 767px) {
      .contact-us-boxes.form-container .cta {
        height: 30px;
        line-height: 30px;
        font-size: 0.75em; } }
  .contact-us-boxes.form-container .radio {
    display: inline-block;
    cursor: pointer;
    font-size: 0.9em;
    line-height: 1em;
    margin-bottom: 10px;
    margin-right: 10px;
    text-transform: uppercase;
    font-family: 'Abarth_Medium'; }
    @media screen and (max-width: 767px) {
      .contact-us-boxes.form-container .radio {
        font-size: o 0.9em; } }
    .contact-us-boxes.form-container .radio.full {
      width: 100%;
      margin-right: 0; }
    .contact-us-boxes.form-container .radio.normal-case {
      text-transform: none; }
    .contact-us-boxes.form-container .radio.error {
      color: #e72020; }
    .contact-us-boxes.form-container .radio input {
      width: 1px;
      height: 1px;
      opacity: 0; }
      .contact-us-boxes.form-container .radio input:checked + .outer {
        border: 2px solid #fff; }
      .contact-us-boxes.form-container .radio input:checked + .outer .inner {
        transform: scale(1);
        opacity: 1; }
    .contact-us-boxes.form-container .radio .outer {
      width: 20px;
      height: 20px;
      display: block;
      float: left;
      margin-top: -3px;
      border: 2px solid #808080;
      border-radius: 50%; }
      @media screen and (max-width: 767px) {
        .contact-us-boxes.form-container .radio .outer {
          margin-top: -3px;
          /*CR-1413*/ } }
    .contact-us-boxes.form-container .radio .inner {
      transition: all 0.25s ease-in-out;
      width: 10px;
      height: 10px;
      transform: scale(0);
      display: block;
      margin: 3px;
      border-radius: 50%;
      background-color: #fff;
      opacity: 0; }
  .contact-us-boxes .agreement a {
    text-decoration: underline;
    cursor: pointer;
    color: white; }
  .contact-us-boxes .privacy_note {
    font-size: 0.9em !important;
    margin-bottom: 20px; }

.std-form-input.error {
  border-color: #e72020 !important; }

.radio.normal-case.error {
  color: #e72020 !important; }

.form-selectbox.error {
  border: #e72020;
  border-style: solid; }

.virtual-tour-container iframe {
  width: 100%;
  /*height: 700px;*/
  overflow: auto;
  height: 1073px;
  /*margin-top: 40px;*/ }
  @media screen and (min-width: 1920px) {
    .virtual-tour-container iframe {
      /*height: 860px;*/
      overflow: auto;
      height: 1073px; } }

.accordion_row {
  overflow: hidden; }
  .accordion_row .title {
    width: 60%;
    font-size: 30pt;
    margin-bottom: 0px;
    line-height: 1; }
    @media screen and (max-width: 767px) {
      .accordion_row .title {
        font-size: 25pt;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 50px;
        width: 90%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .accordion_row .title {
        width: 100% !important; } }
  .accordion_row .accordion_row_first_element {
    min-height: 0px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .accordion_row .accordion_row_first_element img {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .accordion_row .accordion_row_first_element img {
        height: 300px;
        width: 100%; } }
    .accordion_row .accordion_row_first_element .text {
      width: 50%;
      float: left;
      top: 0;
      position: absolute;
      margin-top: 5%;
      margin-bottom: 30px;
      padding: 0px !important;
      color: white;
      text-transform: uppercase;
      left: 10% !important; }
      @media screen and (max-width: 767px) {
        .accordion_row .accordion_row_first_element .text {
          margin-left: 0;
          text-align: center;
          width: 100%;
          left: 0% !important; } }
      .accordion_row .accordion_row_first_element .text p {
        color: white !important; }
    .accordion_row .accordion_row_first_element .cta {
      left: 10% !important; }
      @media screen and (max-width: 767px) {
        .accordion_row .accordion_row_first_element .cta {
          top: 80%;
          height: 40px;
          line-height: 2.5;
          left: 8% !important; } }
  .accordion_row .accordion_row_second_element {
    background: #000;
    height: 0;
    min-height: 0px; }
    .accordion_row .accordion_row_second_element img {
      opacity: 0.4;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .accordion_row .accordion_row_second_element img {
          height: 300px; } }
    .accordion_row .accordion_row_second_element h1 {
      position: absolute;
      font-size: 0; }
      @media screen and (max-width: 767px) {
        .accordion_row .accordion_row_second_element h1 {
          text-transform: uppercase;
          text-align: center;
          font-size: 25pt;
          margin-left: 5%;
          margin-right: 5%;
          margin-top: 90px;
          width: 90%; } }
    .accordion_row .accordion_row_second_element h2 {
      position: absolute;
      font-size: 0; }
      @media screen and (max-width: 767px) {
        .accordion_row .accordion_row_second_element h2 {
          text-transform: uppercase;
          text-align: center;
          font-size: 11pt;
          margin-left: 5%;
          margin-right: 5%;
          margin-top: 170px;
          width: 90%; } }
    .accordion_row .accordion_row_second_element .text {
      color: white;
      float: left;
      height: 100%;
      padding: 5%;
      position: absolute;
      top: 0;
      width: 100%; }
      .accordion_row .accordion_row_second_element .text p {
        opacity: 1;
        font-family: "Abarth_Light";
        font-size: 10pt; }
        @media screen and (max-width: 767px) {
          .accordion_row .accordion_row_second_element .text p {
            margin-left: 10%;
            margin-right: 10%;
            margin-top: 80px;
            width: 80%; } }
      @media screen and (max-width: 767px) {
        .accordion_row .accordion_row_second_element .text {
          padding: 5% 0%;
          position: relative; } }
    .accordion_row .accordion_row_second_element .cta {
      background: transparent none repeat scroll 0 0;
      border: 1px solid #fff;
      margin-left: 18%; }
      @media screen and (max-width: 767px) {
        .accordion_row .accordion_row_second_element .cta {
          height: 40px;
          line-height: 2.5;
          top: 330px;
          margin-left: 0%; } }

.editorialmodelrow .editorial-box {
  overflow: hidden;
  /*.cta {
            left: 10% !important;
            bottom: 45px !important;
            @include media-query(smart) {
                top: 80%;
                height: 40px;
                line-height: 2.5;
                left: 8% !important;
            }
        } */ }
  .editorialmodelrow .editorial-box .title {
    width: 60%;
    font-size: 30pt;
    margin-bottom: 0px;
    line-height: 1;
    font-family: "Abarth_Medium"; }
    @media screen and (max-width: 767px) {
      .editorialmodelrow .editorial-box .title {
        font-size: 25pt;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 40px;
        width: 90%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorialmodelrow .editorial-box .title {
        width: 100% !important; } }
  .editorialmodelrow .editorial-box img {
    width: 100%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorialmodelrow .editorial-box img {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .editorialmodelrow .editorial-box img {
        /*height: auto;*/
        height: 330px;
        width: 100%;
        background: #000 !important;
        float: right;
        /*margin-top: 300px;*/ } }
  .editorialmodelrow .editorial-box .text {
    width: 50%;
    float: left;
    top: 0;
    position: absolute;
    margin-top: 2%;
    margin-bottom: 10px;
    padding: 0px !important;
    color: white;
    text-transform: uppercase;
    left: 10% !important; }
    @media screen and (min-width: 1920px) {
      .editorialmodelrow .editorial-box .text {
        left: 156px !important;
        margin-top: 3%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .editorialmodelrow .editorial-box .text {
        left: 153px !important;
        margin-top: 3%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .editorialmodelrow .editorial-box .text {
        left: 106px !important;
        margin-top: 3%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorialmodelrow .editorial-box .text {
        width: 96%;
        /*left: 3% !important;*/
        left: 27px !important;
        margin-top: 40px; } }
    @media screen and (max-width: 767px) {
      .editorialmodelrow .editorial-box .text {
        margin-left: 0;
        text-align: center;
        width: 100%;
        left: 0% !important;
        height: 330px;
        background: transparent !important;
        margin-top: 0; } }
    .editorialmodelrow .editorial-box .text h2 {
      font-size: 29pt !important; }
      @media screen and (min-width: 1920px) {
        .editorialmodelrow .editorial-box .text h2 {
          font-size: 38pt !important; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .editorialmodelrow .editorial-box .text h2 {
          font-size: 30pt !important; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorialmodelrow .editorial-box .text h2 {
          font-size: 30pt !important; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorialmodelrow .editorial-box .text h2 {
          font-size: 22pt !important; } }
      @media screen and (max-width: 767px) {
        .editorialmodelrow .editorial-box .text h2 {
          font-size: 24px !important;
          text-align: left !important; } }
    .editorialmodelrow .editorial-box .text p {
      color: white !important;
      font-size: 16px !important;
      line-height: 23px !important;
      margin-top: 1em !important;
      text-transform: none !important;
      width: 494px !important; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorialmodelrow .editorial-box .text p {
          width: 96% !important;
          font-size: 14px !important; } }
      @media screen and (max-width: 767px) {
        .editorialmodelrow .editorial-box .text p {
          width: 90% !important;
          font-size: 14px !important;
          margin-left: 5%;
          margin-right: 5%;
          text-align: left; } }
  .editorialmodelrow .editorial-box .contenitore_cta {
    position: absolute;
    bottom: 30px;
    left: 10%;
    /*------- CTA -------*/
    /*------ end CTA -------*/ }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .editorialmodelrow .editorial-box .contenitore_cta {
        left: 0.5%;
        bottom: 5px; } }
    @media screen and (max-width: 767px) {
      .editorialmodelrow .editorial-box .contenitore_cta {
        bottom: auto;
        margin: 0 auto;
        right: 10%;
        top: 280px;
        width: 80%; } }
    .editorialmodelrow .editorial-box .contenitore_cta .cta {
      text-align: center;
      display: inline-block;
      position: absolute;
      padding: 0.8em;
      font-size: 0.8em;
      min-width: 260px;
      margin: 0 0 0 1em; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorialmodelrow .editorial-box .contenitore_cta .cta {
          min-width: 230px;
          font-size: 0.8em;
          padding: 1em;
          display: inline-table;
          width: 78%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorialmodelrow .editorial-box .contenitore_cta .cta {
          min-width: 230px;
          font-size: 0.8em;
          padding: 1em;
          display: inline-table;
          width: 72%; } }
      @media screen and (max-width: 767px) {
        .editorialmodelrow .editorial-box .contenitore_cta .cta {
          min-width: 180px;
          font-size: 0.8em;
          padding: 1em;
          display: inline-table;
          width: 100%;
          padding-right: 5em; } }
    .editorialmodelrow .editorial-box .contenitore_cta .cta-white {
      font-family: 'Abarth_Light';
      border: solid 1px #fff;
      font-size: 1em;
      display: block;
      width: 100%;
      max-width: 350px;
      text-transform: uppercase;
      color: #fff;
      text-decoration: none;
      height: 48px;
      cursor: pointer; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .editorialmodelrow .editorial-box .contenitore_cta .cta-white {
          width: 270px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .editorialmodelrow .editorial-box .contenitore_cta .cta-white {
          display: inline-block;
          font-size: 0.93em;
          margin-bottom: 10%;
          margin-left: 20px; } }
      @media screen and (max-width: 767px) {
        .editorialmodelrow .editorial-box .contenitore_cta .cta-white {
          display: block;
          min-width: 240px;
          margin: 0 auto;
          height: 48px;
          font-size: 0.9375em;
          /*max-width: 350px*/
          max-width: 280px; } }
      .editorialmodelrow .editorial-box .contenitore_cta .cta-white b {
        font-family: 'Abarth_Medium'; }
      .editorialmodelrow .editorial-box .contenitore_cta .cta-white .icon {
        padding: 0;
        float: right;
        margin: 0 10px;
        font-size: 1.5em;
        background: transparent;
        margin-top: -5px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .editorialmodelrow .editorial-box .contenitore_cta .cta-white .icon {
            margin: 0 3px;
            font-size: 1.3em;
            margin-top: -3px; } }
    .editorialmodelrow .editorial-box .contenitore_cta .link-close {
      cursor: pointer; }
      .editorialmodelrow .editorial-box .contenitore_cta .link-close .ab-icon-close {
        position: absolute;
        right: 7%;
        top: 36%;
        font-size: 1.5em;
        cursor: pointer;
        z-index: 15;
        color: #fff; }
    .editorialmodelrow .editorial-box .contenitore_cta .sound-close {
      color: #fff;
      position: absolute;
      right: 9%;
      top: 35%;
      font-size: 1em;
      cursor: pointer;
      z-index: 15;
      padding: 10px;
      text-transform: uppercase;
      display: none; }
      @media screen and (max-width: 767px) {
        .editorialmodelrow .editorial-box .contenitore_cta .sound-close {
          font-size: 0.9em; } }
    .editorialmodelrow .editorial-box .contenitore_cta .name-sound {
      color: #fff;
      position: absolute;
      left: 9%;
      bottom: 12%;
      font-size: 0.75em;
      cursor: pointer;
      z-index: 15;
      padding: 10px;
      text-transform: uppercase; }
      @media screen and (max-width: 767px) {
        .editorialmodelrow .editorial-box .contenitore_cta .name-sound {
          left: 2%;
          bottom: 3%; } }
    .editorialmodelrow .editorial-box .contenitore_cta .cta-white.active {
      background: #fff;
      color: #000; }
    .editorialmodelrow .editorial-box .contenitore_cta .cta-white p {
      margin: 0;
      padding: 0;
      height: 46px;
      padding: 1em;
      width: 270px; }
      @media screen and (max-width: 767px) {
        .editorialmodelrow .editorial-box .contenitore_cta .cta-white p {
          height: 46px;
          padding: 1em;
          width: 240px; } }

.visore-124-wrapper.visore-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: none;
  width: 100%; }
  .visore-124-wrapper.visore-wrapper.active {
    display: block; }
  @media screen and (min-width: 1920px) {
    .visore-124-wrapper.visore-wrapper .img-breakpoint {
      height: 795px;
      background-size: cover;
      background-position: 50% 50%; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .visore-124-wrapper.visore-wrapper .img-breakpoint {
      height: 650px;
      background-size: cover;
      background-position: 44% 50%; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .visore-124-wrapper.visore-wrapper .img-breakpoint {
      height: 580px;
      background-size: cover;
      background-position: 30% 50%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .visore-124-wrapper.visore-wrapper .img-breakpoint {
      height: 500px;
      background-size: cover;
      background-position: 43% 50%; } }
  @media screen and (max-width: 767px) {
    .visore-124-wrapper.visore-wrapper .img-breakpoint {
      height: 525px;
      background-size: cover;
      background-position: 50% 50%; } }
  .visore-124-wrapper.visore-wrapper h1 {
    color: #fff;
    font-size: 38pt;
    line-height: unset;
    margin-bottom: 30px;
    text-align: left; }
    @media screen and (min-width: 1920px) {
      .visore-124-wrapper.visore-wrapper h1 {
        margin-left: 200px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-124-wrapper.visore-wrapper h1 {
        margin-left: 120px;
        font-size: 30pt; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-124-wrapper.visore-wrapper h1 {
        font-size: 30pt; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-124-wrapper.visore-wrapper h1 {
        text-align: left;
        font-size: 22pt;
        margin-bottom: 0px; } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper h1 {
        font-size: 18pt;
        max-width: 200px;
        margin: 0 auto;
        text-align: center;
        /*margin-bottom: 180px;*/
        margin-bottom: 165px;
        /*margin-bottom: 150px;*/ } }
  .visore-124-wrapper.visore-wrapper h2 {
    color: #fff;
    font-size: 38pt;
    line-height: unset;
    margin-bottom: 30px;
    text-align: left; }
    @media screen and (min-width: 1920px) {
      .visore-124-wrapper.visore-wrapper h2 {
        margin-left: 200px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-124-wrapper.visore-wrapper h2 {
        margin-left: 120px;
        font-size: 30pt; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-124-wrapper.visore-wrapper h2 {
        font-size: 30pt; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-124-wrapper.visore-wrapper h2 {
        text-align: left;
        font-size: 22pt;
        margin-bottom: 0px; } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper h2 {
        font-size: 18pt;
        max-width: 200px;
        margin: 0 auto;
        text-align: center;
        /*margin-bottom: 180px;*/
        margin-bottom: 165px;
        /*margin-bottom: 150px;*/ } }
  .visore-124-wrapper.visore-wrapper p {
    color: #fff;
    text-align: left;
    line-height: 1.2;
    /*AGGIUNTA SPAZIO*/
    height: 50px;
    font-size: 30px;
    font-family: "Abarth_Light"; }
    @media screen and (min-width: 1920px) {
      .visore-124-wrapper.visore-wrapper p {
        margin-left: 200px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-124-wrapper.visore-wrapper p {
        margin-left: 120px; } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper p {
        display: none; } }
  @media screen and (min-width: 1920px) {
    .visore-124-wrapper.visore-wrapper .common_line {
      margin-left: 200px; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .visore-124-wrapper.visore-wrapper .common_line {
      margin-left: 120px; } }
  @media screen and (max-width: 767px) {
    .visore-124-wrapper.visore-wrapper .common_line {
      display: none; } }
  .visore-124-wrapper.visore-wrapper .img-wrapper {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    top: 0;
    margin-top: 0;
    display: inline-block; }
    @media screen and (min-width: 1920px) {
      .visore-124-wrapper.visore-wrapper .img-wrapper .over-smart-hidden {
        display: none; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-124-wrapper.visore-wrapper .img-wrapper .over-smart-hidden {
        display: none; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-124-wrapper.visore-wrapper .img-wrapper .over-smart-hidden {
        display: none; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-124-wrapper.visore-wrapper .img-wrapper .over-smart-hidden {
        display: none; } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper .img-wrapper .smart-hidden {
        display: none; } }
    .visore-124-wrapper.visore-wrapper .img-wrapper img {
      min-width: 100%; }
      @media screen and (min-width: 1920px) {
        .visore-124-wrapper.visore-wrapper .img-wrapper img {
          width: 100% !important; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-124-wrapper.visore-wrapper .img-wrapper {
        height: 570px; }
        .visore-124-wrapper.visore-wrapper .img-wrapper img {
          height: 570px;
          width: auto;
          max-width: none;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          top: 0;
          margin-top: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-124-wrapper.visore-wrapper .img-wrapper {
        height: 465px; }
        .visore-124-wrapper.visore-wrapper .img-wrapper img {
          height: 465px;
          width: auto;
          max-width: none;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%); } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper .img-wrapper {
        height: 442px; }
        .visore-124-wrapper.visore-wrapper .img-wrapper img {
          height: 442px;
          width: auto;
          max-width: none;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%); } }
  .visore-124-wrapper.visore-wrapper .overlay-visore {
    position: absolute;
    top: 0;
    left: 0;
    /*height: 795px;*/
    height: 100%;
    width: 50%;
    /*AGGIUNTA PER NASCONDERE OPACITà*/
    background: transparent;
    /*background-color: rgba(0,0,0,0.4);*/
    /*@include media-query(desk) {
	    	height: 571px;
	    }
	    @include media-query(lap) {
	    	height: 570px;
	    }
	    @include media-query(palm) {
	    	height: 450px;
	    }*/ }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper .overlay-visore {
        height: 440px; } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper .overlay-visore {
        width: 100%; } }
  .visore-124-wrapper.visore-wrapper .logo-cta-wrapper {
    position: absolute;
    width: 66.666%;
    text-align: center; }
    @media screen and (min-width: 1920px) {
      .visore-124-wrapper.visore-wrapper .logo-cta-wrapper {
        top: 80px;
        margin-left: -40px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-124-wrapper.visore-wrapper .logo-cta-wrapper {
        top: 35px;
        margin-left: 36px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-124-wrapper.visore-wrapper .logo-cta-wrapper {
        top: 35px;
        margin-left: 105px;
        z-index: 2; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-124-wrapper.visore-wrapper .logo-cta-wrapper {
        top: 15px;
        margin-left: 30px; } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper .logo-cta-wrapper {
        top: 20px;
        width: 100%;
        height: 420px;
        padding-left: 5%;
        padding-right: 5%; } }
    .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper {
      /* fix per IE */ }
      .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper .logo:not([src]) {
        height: 0px; }
      @media screen and (min-width: 1920px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper {
          margin-bottom: 50px; }
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper .logo {
            float: left;
            width: 70%;
            margin-left: 180px;
            margin-bottom: 30px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper {
          margin-bottom: 35px; }
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper .logo {
            left: -60px;
            float: left;
            margin-left: 120px;
            margin-bottom: 30px;
            margin-right: 20%; }
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper .logo.size-40 {
            width: 40%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper {
          margin-bottom: 30px;
          /*margin-left: 120px;*/ }
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper .logo {
            float: left;
            width: 70%;
            margin-bottom: 30px;
            margin-right: 30%; }
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper .logo.size-40 {
            width: 40%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper {
          margin-bottom: 70px;
          /*margin-left: 50px;*/ }
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper .logo {
            width: 150px;
            float: left;
            margin-bottom: 0px;
            margin-right: 55%; }
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper .logo.size-40 {
            width: 50%; } }
      @media screen and (max-width: 767px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper {
          margin-bottom: 10px;
          /*margin-left: 10px;*/ }
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper h1 {
            margin-bottom: 0.5rem; }
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .logo-wrapper .logo {
            width: 180px;
            float: none;
            margin: 0 auto;
            max-width: 180px; } }
    .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta {
      background-color: rgba(0, 0, 0, 0.5);
      font-family: 'Abarth-Light', sans-serif; }
      @media screen and (min-width: 1920px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta {
          font-size: 20px;
          padding: 22px 0;
          /*min-width: 300px;*/
          margin-left: 200px;
          text-align: left;
          padding-left: 25px;
          /*max-width: 300px;*/
          /*width: 410px !important;*/
          width: 330px !important; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta {
          padding: 12px 0;
          /*min-width: 280px;*/
          width: 270px !important;
          font-size: 16px;
          margin-bottom: 15px;
          float: left;
          margin-left: 120px;
          text-align: left;
          padding-left: 25px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta {
          padding: 10px 5px;
          /*min-width: 220px;*/
          /*min-width: 240px;*/
          width: 270px !important;
          min-height: 40px;
          margin-bottom: 15px;
          float: left;
          text-align: left;
          padding-left: 25px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta {
          /*min-width: 170px;*/
          width: 220px !important;
          margin-bottom: 10px;
          float: left;
          text-align: left;
          padding-left: 25px; } }
      @media screen and (max-width: 767px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta {
          min-width: 150px;
          margin-bottom: 5px;
          line-height: 30px;
          padding: 0 12px;
          text-align: left; }
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta.video-gamma {
            /*position: absolute;
					    bottom: 20px;
					    left: 50%;
					    transform: translateX(-50%);
                        -ms-transform: translateX(-50%);*/
            /*margin-left: 10px;*/
            position: relative;
            bottom: 0;
            left: auto;
            transform: none;
            -ms-transform: none;
            margin-left: 10px;
            color: #fff;
            background-color: rgba(0, 0, 0, 0.5);
            border: 2px solid #fff;
            text-align: left;
            display: block;
            min-width: 240px;
            max-width: 350px;
            margin: 0 auto;
            height: 48px;
            font-size: 0.9375em;
            line-height: 3;
            margin-bottom: 10px; } }
      .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-car {
        position: absolute;
        right: 16px; }
        @media screen and (max-width: 785px) {
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-car {
            top: 14px; } }
      .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-doc {
        position: absolute;
        right: 16px; }
        @media screen and (max-width: 785px) {
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-doc {
            top: 14px; } }
      .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play {
        display: inline-block;
        position: relative;
        float: right;
        top: 15px;
        right: 25px; }
        @media screen and (min-width: 1920px) {
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play {
            width: 15px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play {
            width: 12px;
            right: 20px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play {
            width: 10px;
            right: 15px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play {
            width: 8px;
            top: 9px;
            right: 5px; } }
        @media screen and (max-width: 767px) {
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play {
            width: 8px;
            top: 18px;
            /*right: 5px;*/
            /*right: 8.5%;*/
            right: 3.5%; } }
      .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play:before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        background: url("clientlib-base/resources/images/icon/play_video.png") no-repeat center center; }
        @media screen and (min-width: 1920px) {
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play:before {
            width: 15px;
            height: 28px;
            top: -20px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play:before {
            width: 12px;
            height: 22px;
            background-size: 100%;
            top: -17px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play:before {
            width: 10px;
            background-size: 100%;
            top: -16px;
            height: 20px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play:before {
            width: 8px;
            background-size: 100%;
            top: -14px;
            height: 20px; } }
        @media screen and (max-width: 767px) {
          .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta .ab-icon-play:before {
            /*width: 8px;
						background-size: 100%;
						top: -14px;
						height: 20px;*/
            width: 13px;
            background-size: 100%;
            top: -12px;
            height: 30px; } }
    .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta.white {
      color: #000;
      background-color: #fff;
      border: 2px solid #636363;
      text-align: left;
      font-family: "Abarth_Medium";
      /*max-width: 300px;*/
      /*font-weight: bold;*/ }
      @media screen and (min-width: 1920px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta.white {
          padding: 22px 51px 22px 25px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta.white {
          padding: 12px 51px 12px 25px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta.white {
          padding: 12px 51px 12px 25px;
          /*margin-left: 120px;*/ } }
      @media screen and (max-width: 767px) {
        .visore-124-wrapper.visore-wrapper .logo-cta-wrapper .cta-wrapper .cta.white {
          color: #000;
          background-color: #fff;
          border: 2px solid #636363;
          text-align: left;
          display: block;
          min-width: 240px;
          max-width: 350px;
          margin: 0 auto;
          height: 48px;
          /*font-size: 0.9375em;
				    line-height: 3;*/
          font-size: 0.88em;
          line-height: 3.3;
          margin-bottom: 15px; } }
  .visore-124-wrapper.visore-wrapper .car-img {
    position: absolute;
    top: 0;
    height: 795px;
    right: 0;
    width: 60%;
    /*AGGIUNTA PER NASCONDERE MACCHINA*/
    display: none; }
    .visore-124-wrapper.visore-wrapper .car-img img {
      width: auto;
      position: absolute;
      top: 250px;
      left: -150px; }
    @media screen and (min-width: 1920px) {
      .visore-124-wrapper.visore-wrapper .car-img img {
        top: 50px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-124-wrapper.visore-wrapper .car-img img {
        top: 80px;
        left: -60px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-124-wrapper.visore-wrapper .car-img {
        height: 570px; }
        .visore-124-wrapper.visore-wrapper .car-img img {
          /*top: 80px;*/
          top: 110px;
          left: -60px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-124-wrapper.visore-wrapper .car-img {
        height: 450px; }
        .visore-124-wrapper.visore-wrapper .car-img img {
          left: -20px;
          top: 20%; } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper .car-img {
        height: 390px;
        top: 51px; }
        .visore-124-wrapper.visore-wrapper .car-img img {
          top: 25%;
          left: -100px;
          width: auto;
          max-width: none;
          height: 240px; } }
  .visore-124-wrapper.visore-wrapper .bar-cta {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    height: 70px;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 12;
    position: absolute;
    bottom: 0; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-124-wrapper.visore-wrapper .bar-cta {
        background-color: #000 !important;
        height: 50px;
        margin-top: -4px !important;
        opacity: 1 !important; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-124-wrapper.visore-wrapper .bar-cta {
        background-color: #000 !important;
        height: 50px;
        margin-top: -4px !important;
        opacity: 1 !important; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-124-wrapper.visore-wrapper .bar-cta {
        background-color: black !important;
        height: 40px;
        margin-top: -4px !important; } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper .bar-cta {
        background-color: black !important;
        margin-top: -4px !important;
        position: static !important; } }
    .visore-124-wrapper.visore-wrapper .bar-cta .home-cta {
      direction: ltr;
      border-left: 1px solid #aaa;
      text-align: center;
      height: 70px;
      vertical-align: middle; }
      .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a {
        cursor: pointer;
        display: block;
        text-decoration: none;
        vertical-align: middle;
        color: #fff;
        height: 70px;
        line-height: 70px;
        font-size: 1em; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a {
            font-size: 0.875em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a {
            font-size: 0.75em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a {
            font-size: 0.75em; } }
        @media screen and (max-width: 767px) {
          .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a {
            line-height: 25px;
            padding-top: 10px; } }
        .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a span {
          font-size: 1.2em;
          vertical-align: middle;
          text-transform: uppercase; }
          @media screen and (max-width: 767px) {
            .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a span {
              font-size: 1.7em; } }
        .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a .over-palm-hidden {
          font-size: 9px;
          display: block; }
          @media screen and (min-width: 1920px) {
            .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a .over-palm-hidden {
              display: none; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a .over-palm-hidden {
              display: none; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a .over-palm-hidden {
              display: none; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a .smart-hidden {
            font-size: 9px; } }
        @media screen and (max-width: 767px) {
          .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a .smart-hidden {
            display: none; } }
      .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a:hover {
        background-color: #fff;
        color: #727272; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-124-wrapper.visore-wrapper .bar-cta {
        height: 49px; }
        .visore-124-wrapper.visore-wrapper .bar-cta .home-cta {
          height: 49px; }
          .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a {
            height: 49px;
            line-height: 49px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-124-wrapper.visore-wrapper .bar-cta {
        height: 50px; }
        .visore-124-wrapper.visore-wrapper .bar-cta .home-cta {
          height: 50px; }
          .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a {
            height: 50px;
            line-height: 50px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-124-wrapper.visore-wrapper .bar-cta {
        height: 40px; }
        .visore-124-wrapper.visore-wrapper .bar-cta .home-cta {
          height: 40px; }
          .visore-124-wrapper.visore-wrapper .bar-cta .home-cta a {
            height: 40px;
            line-height: 40px; } }
    .visore-124-wrapper.visore-wrapper .bar-cta .layout__item:first-child .home-cta {
      border-left: none; }
  .visore-124-wrapper.visore-wrapper .paper {
    background-image: url("clientlib-base/resources/images/paper_icon.png") !important;
    height: 100%;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center right 6%;
    top: 0;
    right: 0; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-124-wrapper.visore-wrapper .paper {
        background-size: 30px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-124-wrapper.visore-wrapper .paper {
        background-size: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-124-wrapper.visore-wrapper .paper {
        background-size: 23px; } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper .paper {
        /*background-size: 10%;*/
        background-size: 9%;
        background-position: center right 4%; } }
  .visore-124-wrapper.visore-wrapper .document {
    background-image: url("clientlib-base/resources/images/icon/doc_black.png") !important;
    height: 100%;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center right 6%;
    top: 0;
    right: 0; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-124-wrapper.visore-wrapper .document {
        background-size: 30px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-124-wrapper.visore-wrapper .document {
        background-size: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-124-wrapper.visore-wrapper .document {
        background-size: 23px; } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper .document {
        /*background-size: 10%;*/
        background-size: 9%;
        background-position: center right 4%; } }
  .visore-124-wrapper.visore-wrapper .message {
    background-image: url("clientlib-base/resources/images/message_icon.png") !important;
    height: 100%;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center right 6%;
    top: 0;
    right: 0; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-124-wrapper.visore-wrapper .message {
        background-size: 30px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-124-wrapper.visore-wrapper .message {
        background-size: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-124-wrapper.visore-wrapper .message {
        background-size: 23px; } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper .message {
        /*background-size: 10%;*/
        background-size: 9%;
        background-position: center right 4%; } }
  .visore-124-wrapper.visore-wrapper .video2 {
    background-image: url("clientlib-base/resources/images/video2_icon.png") !important;
    height: 100%;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center right 6%;
    top: 0;
    right: 0; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .visore-124-wrapper.visore-wrapper .video2 {
        background-size: 30px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .visore-124-wrapper.visore-wrapper .video2 {
        background-size: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .visore-124-wrapper.visore-wrapper .video2 {
        background-size: 23px; } }
    @media screen and (max-width: 767px) {
      .visore-124-wrapper.visore-wrapper .video2 {
        /*background-size: 10%;*/
        background-size: 9%;
        background-position: center right 4%; } }

.trehotspot {
  display: block;
  position: relative;
  background-size: 100%;
  width: 100%;
  /*------- CTA -------*/
  /*------ end CTA -------*/
  /*------ box Destra -----*/
  /*-- end box-images --*/
  /*------ end box Destra -----*/
  /*------ BOX Sinistra-----*/
  /*------ end BOX Sinistra-----*/
  /*-- txt-promotion --*/
  /* -- end icon-tech --*/
  /*-- end box-information --*/
  /*------------------------------*/
  /*--------  bullet car  -------*/
  /* -- end cl-title --*/
  /* -- end box-technical --*/
  /* -- end content-information --*/
  /* -- end slider-car:after --*/
  /* -- end img-flip -- */
  /*------ box Overlay -----*/
  /*------ end box Overlay -----*/ }
  .trehotspot *:focus {
    outline: 0;
    cursor: default; }
  .trehotspot .clearfix, .trehotspot .wrapper-max-1360, .trehotspot .wrapper-min-960, .trehotspot .wrapper-940, .trehotspot .wrapper-620, .trehotspot .wrapper-960, .trehotspot .wrapper-max-768, .trehotspot .wrapper-1024, .trehotspot .wrapper-1140, .trehotspot .item-kit .icon-serie, .item-kit .trehotspot .icon-serie, .trehotspot .visore-wrapper, .trehotspot .visore-wrapper .img-wrapper, .visore-wrapper .trehotspot .img-wrapper, .trehotspot .editorial-box .text .programma, .editorial-box .text .trehotspot .programma, .trehotspot .editorial-box.txt-video-box, .trehotspot .info-promotion .tableFinance .box-link, .info-promotion .tableFinance .trehotspot .box-link, .trehotspot .dealer-locator .search-results, .dealer-locator .trehotspot .search-results, .trehotspot .dealerLocatorScorpionship .search-results, .dealerLocatorScorpionship .trehotspot .search-results, .trehotspot .form-page-wrapper .main-content .body-form-wrapper, .form-page-wrapper .main-content .trehotspot .body-form-wrapper, .trehotspot .form-page-wrapper .main-content .body-form-wrapper .comp-form, .form-page-wrapper .main-content .body-form-wrapper .trehotspot .comp-form, .trehotspot .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container, .form-page-wrapper .main-content .body-form-wrapper .comp-form .trehotspot .form-container, .trehotspot .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .container-form, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .trehotspot .container-form, .trehotspot .form-flow, .trehotspot .form-flow .form-dealer .dealer-locator, .form-flow .form-dealer .trehotspot .dealer-locator {
    clear: both; }
  .trehotspot .cta {
    text-align: center;
    display: inline-block;
    position: absolute;
    padding: 0.8em;
    font-size: 0.8em;
    min-width: 260px;
    margin: 0 0 0 1em; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .cta {
        min-width: 230px;
        font-size: 0.8em;
        padding: 1em;
        display: inline-table;
        width: 78%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .cta {
        min-width: 230px;
        font-size: 0.8em;
        padding: 1em;
        display: inline-table;
        width: 72%; } }
    @media screen and (max-width: 767px) {
      .trehotspot .cta {
        min-width: 180px;
        font-size: 0.8em;
        padding: 1em;
        display: inline-table;
        width: 100%;
        padding-right: 5em; } }
  .trehotspot .cta-white {
    font-family: 'Abarth_Light';
    border: solid 1px #fff;
    font-size: 1em;
    display: block;
    width: 100%;
    max-width: 350px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    height: 48px;
    cursor: pointer; }
    @media screen and (min-width: 1920px) {
      .trehotspot .cta-white {
        width: 320px;
        height: 60px;
        font-size: 20px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .trehotspot .cta-white {
        width: 320px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .cta-white {
        /*width: 270px;*/
        width: 300px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .cta-white {
        display: inline-block;
        font-size: 0.93em; } }
    @media screen and (max-width: 767px) {
      .trehotspot .cta-white {
        display: block;
        min-width: 240px;
        max-width: 350px;
        margin: 0 auto;
        height: 48px;
        font-size: 0.9375em; } }
    .trehotspot .cta-white b {
      font-family: 'Abarth_Medium'; }
    .trehotspot .cta-white .icon {
      padding: 0;
      float: right;
      margin: 0 10px;
      font-size: 1.5em;
      background: transparent;
      margin-top: -5px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .cta-white .icon {
          margin: 0 3px;
          font-size: 1.3em;
          margin-top: -3px; } }
  .trehotspot .cta-white.active {
    background: #fff;
    color: #000;
    opacity: 1 !important; }
  .trehotspot .cta-white p {
    margin: 0;
    padding: 0;
    height: 46px;
    padding: 1em; }
    @media screen and (max-width: 767px) {
      .trehotspot .cta-white p {
        height: 46px;
        padding: 1em; } }
  .trehotspot .open-popup {
    cursor: pointer; }
  .trehotspot .open-popup-video {
    cursor: pointer; }
  .trehotspot .box-images {
    display: inline-block;
    padding-left: 8%;
    padding-right: 8%;
    margin: 8% 0 2% 0;
    /* -- end content-images --*/ }
    .trehotspot .box-images.box-images-right {
      float: right; }
    @media screen and (min-width: 1920px) {
      .trehotspot .box-images {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        float: right;
        width: 100% !important; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .trehotspot .box-images {
        /*margin: 4% 0 2% 0;
			min-height:600px;
			width: 60% !important;*/
        float: right;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100% !important; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .box-images {
        /*display: inline-block;
			padding-left: 6%;
			padding-right: 4%;
			margin: 5% 0 4% 0;
			padding-top: 0;
			width: 60% !important;*/
        float: right;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100% !important; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .box-images {
        display: block;
        margin: 0 auto;
        /*padding-left: 2%;
  		    padding-right: 3%;*/
        padding-left: 0;
        padding-right: 0; } }
    @media screen and (max-width: 767px) {
      .trehotspot .box-images {
        display: block;
        margin: 0 auto;
        /*padding: 0 20px;*/
        min-height: 400px;
        padding-left: 0;
        padding-right: 0; } }
    .trehotspot .box-images .content-Left {
      position: relative;
      overflow: hidden; }
    .trehotspot .box-images .content-images {
      position: relative;
      margin: 5% 0 2% 0;
      min-height: 440px; }
      @media screen and (min-width: 1920px) {
        .trehotspot .box-images .content-images {
          display: block;
          padding-left: 0;
          margin: 0; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .trehotspot .box-images .content-images {
          display: block;
          padding-left: 0;
          margin: 0; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .trehotspot .box-images .content-images {
          display: block;
          /*margin:5% auto;*/
          min-height: 350px;
          margin: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .box-images .content-images {
          display: block;
          /*margin:5% auto;*/
          min-height: 370px;
          /*margin-top: 80px;*/
          margin: 0;
          margin-top: 0; } }
      @media screen and (max-width: 767px) {
        .trehotspot .box-images .content-images {
          display: block;
          /*margin:20% auto 5% 0;*/
          margin: 0;
          min-height: 230px; } }
  .trehotspot .box-information {
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    overflow: hidden;
    z-index: 2; }
    @media screen and (min-width: 1920px) {
      .trehotspot .box-information {
        min-height: 800px;
        padding-bottom: 10%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .trehotspot .box-information {
        min-height: 800px;
        padding-bottom: 8%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .box-information {
        /*margin-top:5%;*/
        margin-top: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .box-information {
        min-height: 200px;
        position: absolute;
        bottom: 20px; } }
    @media screen and (max-width: 767px) {
      .trehotspot .box-information {
        margin-top: 20px; } }
    .trehotspot .box-information .ct-table {
      display: table;
      position: relative;
      width: 100%;
      margin: 0.5em 0 0.5em 0;
      float: left;
      padding-left: 6%; }
      @media screen and (min-width: 1920px) {
        .trehotspot .box-information .ct-table {
          padding-left: 28px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .trehotspot .box-information .ct-table {
          padding-left: 25px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .trehotspot .box-information .ct-table {
          padding-left: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .box-information .ct-table {
          display: inline-block;
          padding: 0 10px; } }
      @media screen and (max-width: 767px) {
        .trehotspot .box-information .ct-table {
          display: inline-block; } }
  .trehotspot .box-pos-right {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    float: right;
    overflow: hidden;
    padding-top: 12%;
    padding-bottom: 5%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .trehotspot .box-pos-right {
        padding-top: 8%;
        padding-bottom: 5%; } }
  .trehotspot .box-pos-left {
    /*background-color: rgba( 0, 0, 0, 0.4);*/
    float: left;
    overflow: hidden; }
    @media screen and (min-width: 1920px) {
      .trehotspot .box-pos-left {
        /*padding-right: 40px;
		    margin-top: 2%;
			position: relative;*/
        padding-right: 40px;
        margin-top: 2%;
        position: absolute;
        z-index: 6;
        height: 100%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .trehotspot .box-pos-left {
        /*padding-top: 4%;
			position: relative;
			height: 100%;
			width: 40% !important;*/
        padding-top: 4%;
        position: absolute;
        height: 100%;
        width: 40% !important;
        z-index: 6; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .box-pos-left {
        /*position: relative;*/
        /*padding-bottom: 10%;*/
        /*height: 60%;*/
        height: 100%;
        position: absolute;
        min-height: 670px;
        width: 45% !important;
        z-index: 6; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .box-pos-left {
        background-color: #000;
        padding-top: 8%;
        bottom: 0;
        position: relative; } }
    @media screen and (max-width: 767px) {
      .trehotspot .box-pos-left {
        background-color: #000; } }
  .trehotspot .content-menu {
    min-height: 450px;
    padding-left: 0;
    padding-top: calc(50% - 200px); }
    @media screen and (min-width: 1920px) {
      .trehotspot .content-menu {
        display: inline-block; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .content-menu nav {
        margin-top: 4%; } }
    .trehotspot .content-menu nav span {
      float: left;
      display: block;
      margin: 5px 0; }
  .trehotspot .txt-promotion {
    cursor: default;
    font-size: 1.125em;
    line-height: 1.2em;
    font-family: 'Abarth_Light';
    padding-right: 20%;
    padding-left: 5%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .trehotspot .txt-promotion {
        padding-left: 25px; } }
    @media screen and (min-width: 1366px) and (max-width: 1449px) {
      .trehotspot .txt-promotion {
        font-size: 0.8em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .txt-promotion {
        /*font-size: 0.75em;*/
        font-size: 0.8em;
        padding-left: 20px;
        /*padding-right: 3%;
			width: 340px !important;*/ } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .txt-promotion {
        /*font-size: 0.75em;*/
        font-size: 0.8em;
        padding-right: 44px;
        padding-left: 44px; } }
    @media screen and (max-width: 767px) {
      .trehotspot .txt-promotion {
        float: none;
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 345px;
        /*font-size: 0.75em;*/
        font-size: 0.8em;
        padding-left: 18px;
        padding-right: 18px; } }
    .trehotspot .txt-promotion br {
      display: block;
      font-size: 0px;
      line-height: 0; }
  .trehotspot .icon-tech {
    display: inline-block;
    position: relative;
    background-color: #fff;
    color: #000;
    padding: 0.4em;
    font-size: 1.2em; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .icon-tech {
        padding: 0.5em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .icon-tech {
        padding: 0.5em; } }
    @media screen and (max-width: 767px) {
      .trehotspot .icon-tech {
        padding: 0.5em; } }
  .trehotspot .list-info {
    float: left;
    margin: 3em 0 0.5em 0; }
    @media screen and (min-width: 1920px) {
      .trehotspot .list-info {
        padding-left: 0 !important; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .list-info {
        margin: 1.5em 0 0.5em 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .list-info {
        /*margin: 1em 0 0.5em 0;*/
        margin: 1em 0 1.5em 0;
        padding-left: 34px;
        padding-right: 34px; } }
    @media screen and (max-width: 767px) {
      .trehotspot .list-info {
        margin: 1.5em 0 0.5em 0;
        padding-right: 20px; } }
  .trehotspot .sprite-icon {
    display: inline-block;
    overflow: hidden;
    background: url("clientlib-base/resources/images/icon/scorpion.png") no-repeat center center;
    background-size: 100%;
    width: 30px;
    height: 30px;
    position: relative;
    margin-left: -15px;
    margin-top: -15px; }
    @media screen and (max-width: 767px) {
      .trehotspot .sprite-icon {
        width: 20px;
        height: 20px; } }
  .trehotspot .txt-left .label-plus:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    border-right: solid 1px #fff;
    padding-right: 8px;
    margin-top: 2px;
    display: block;
    right: 27px; }
    @media screen and (max-width: 767px) {
      .trehotspot .txt-left .label-plus:before {
        height: 20px;
        border-right: solid 1px #fff;
        padding-right: 6px;
        margin-top: -1px;
        right: 16px; } }
  .trehotspot .txt-right .label-plus:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    border-left: solid 1px #fff;
    padding-left: 8px;
    margin-top: 2px;
    left: -8px; }
    @media screen and (max-width: 767px) {
      .trehotspot .txt-right .label-plus:before {
        height: 20px;
        padding-left: 8px;
        margin-top: 0px;
        left: -8px; } }
  .trehotspot .bullet-top .sprite-icon {
    top: -90px; }
    @media screen and (max-width: 767px) {
      .trehotspot .bullet-top .sprite-icon {
        top: -60px; } }
  .trehotspot .bullet-top .label-plus {
    text-align: left;
    margin-top: -85px; }
    @media screen and (max-width: 767px) {
      .trehotspot .bullet-top .label-plus {
        margin-top: -52px; } }
  .trehotspot .bullet-bottom .sprite-icon {
    top: 0; }
  .trehotspot .bullet-bottom .label-plus {
    text-align: left;
    margin-top: -70px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .trehotspot .txt-left .sprite-icon {
      margin-left: -10px; } }
  @media screen and (max-width: 767px) {
    .trehotspot .txt-left .sprite-icon {
      margin-left: -10px; } }
  .trehotspot .txt-left .label-plus {
    text-align: right;
    width: 100%;
    margin-top: -37px;
    right: 100%;
    padding-right: 35px; }

@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  .trehotspot .txt-left .sprite-icon {
    margin-left: -15px;
    height: 30px;
    width: 30px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .trehotspot .txt-left .label-plus {
      text-align: left;
      width: 100%;
      right: auto;
      margin-top: -30px;
      margin-left: 35px;
      max-width: 280px; }
      .trehotspot .txt-left .label-plus:before {
        height: 30px;
        padding-left: 8px;
        margin-top: 0px;
        left: -8px;
        position: absolute;
        width: 1px;
        border-left: solid 1px #fff;
        border-right: 0px !important;
        content: ""; }
      .trehotspot .txt-left .label-plus .txtRed {
        width: 280px; } }

@media screen and (max-width: 767px) and (max-width: 767px) {
  .trehotspot .txt-left .sprite-icon {
    margin-left: -20px;
    height: 30px;
    width: 30px; } }
  @media screen and (max-width: 767px) {
    .trehotspot .txt-left .label-plus {
      text-align: left;
      width: 100%;
      right: auto;
      margin-top: -30px;
      font-size: 12pt;
      margin-left: 23px;
      max-width: 280px; }
      .trehotspot .txt-left .label-plus:before {
        height: 30px;
        padding-left: 8px;
        margin-top: 0px;
        left: -8px;
        position: absolute;
        width: 1px;
        border-left: solid 1px #fff;
        border-right: 0px !important;
        content: ""; }
      .trehotspot .txt-left .label-plus .txtRed {
        width: 280px; } }
  @media screen and (max-width: 767px) {
    .trehotspot .txt-right .sprite-icon {
      margin-left: -20px;
      height: 30px;
      width: 30px; } }
  .trehotspot .txt-right .label-plus {
    text-align: left;
    width: 100%;
    margin-top: -38px;
    margin-left: 35px;
    max-width: 280px; }
    @media screen and (max-width: 767px) {
      .trehotspot .txt-right .label-plus {
        margin-top: -30px;
        font-size: 12pt;
        margin-left: 23px; }
        .trehotspot .txt-right .label-plus:before {
          height: 30px; }
        .trehotspot .txt-right .label-plus .txtRed {
          width: 280px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .trehotspot .primo_hotspot {
      top: 80% !important;
      left: 10% !important; } }
  @media screen and (max-width: 767px) {
    .trehotspot .primo_hotspot {
      top: 8% !important;
      left: 20% !important; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .trehotspot .secondo_hotspot {
      top: 85% !important;
      left: 10% !important; } }
  @media screen and (max-width: 767px) {
    .trehotspot .secondo_hotspot {
      top: 15% !important;
      left: 20% !important; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .trehotspot .terzo_hotspot {
      top: 90% !important;
      left: 10% !important; } }
  @media screen and (max-width: 767px) {
    .trehotspot .terzo_hotspot {
      top: 23% !important;
      left: 20% !important; } }
  .trehotspot .pin-plus {
    position: absolute;
    z-index: 5; }
  .trehotspot .label-plus {
    font-family: 'Abarth_Light';
    color: #fff;
    font-size: 1.125em;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .trehotspot .label-plus {
        font-size: 1em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .label-plus {
        font-size: 0.75em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .label-plus {
        font-size: 0.75em; } }
    @media screen and (max-width: 767px) {
      .trehotspot .label-plus {
        font-size: 0.6em;
        max-width: 100px;
        white-space: normal; } }
    .trehotspot .label-plus .txtRed {
      display: block;
      color: #e72020;
      font-size: 1.3em;
      font-family: "Abarth_heavy"; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .trehotspot .label-plus .txtRed {
          font-size: 1.125em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .trehotspot .label-plus .txtRed {
          font-size: 1.125em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .label-plus .txtRed {
          font-size: 1em; } }
      @media screen and (max-width: 767px) {
        .trehotspot .label-plus .txtRed {
          font-size: 1em; } }
  .trehotspot .cl-title {
    display: block;
    margin: 0 auto;
    margin-bottom: 75px;
    padding-left: 0;
    /* -- end h2 --*/ }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .cl-title {
        margin-bottom: 50px; } }
    .trehotspot .cl-title h1 {
      color: #fff;
      font-family: 'Abarth_heavy';
      position: absolute;
      text-transform: uppercase;
      cursor: default;
      width: 100%;
      line-height: 1em; }
      @media screen and (min-width: 1920px) {
        .trehotspot .cl-title h1 {
          font-size: 4em;
          font-size: 2.8125em; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .trehotspot .cl-title h1 {
          font-size: 2.8125em;
          padding-left: 0; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .trehotspot .cl-title h1 {
          font-size: 1.875em;
          padding-left: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .cl-title h1 {
          font-size: 1.875em;
          padding-top: 10%; } }
      @media screen and (max-width: 767px) {
        .trehotspot .cl-title h1 {
          font-size: 1.5em;
          text-align: center;
          left: 0;
          margin-top: 40px; } }
    .trehotspot .cl-title h2 {
      color: #fff;
      font-family: 'Abarth_heavy';
      position: absolute;
      text-transform: uppercase;
      cursor: default;
      width: 100%;
      line-height: 1em; }
      @media screen and (min-width: 1920px) {
        .trehotspot .cl-title h2 {
          font-size: 4em;
          font-size: 2.8125em; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .trehotspot .cl-title h2 {
          font-size: 2.8125em;
          padding-left: 0; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .trehotspot .cl-title h2 {
          font-size: 1.875em;
          padding-left: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .cl-title h2 {
          font-size: 1.875em;
          padding-top: 10%; } }
      @media screen and (max-width: 767px) {
        .trehotspot .cl-title h2 {
          font-size: 1.5em;
          text-align: center;
          left: 0;
          margin-top: 40px; } }
  .trehotspot .box-technical {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    clear: both;
    width: 100%;
    min-height: 600px; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .box-technical {
        min-height: 500px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .box-technical {
        min-height: 800px;
        background-position: center; } }
    @media screen and (max-width: 767px) {
      .trehotspot .box-technical {
        background-position: bottom;
        background-size: 620px; } }
    .trehotspot .box-technical .layout-abarth {
      margin: 0 auto;
      position: relative; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .box-technical .layout-abarth {
          /*min-height: 900px;*/
          min-height: none; } }
  .trehotspot .content-information {
    display: block;
    padding-left: 0;
    margin: 0 auto; }
    .trehotspot .content-information div h2 {
      font-weight: normal;
      margin-bottom: 15px;
      margin-top: 10px;
      line-height: 1;
      text-transform: uppercase; }
      @media screen and (min-width: 1920px) {
        .trehotspot .content-information div h2 {
          padding-left: 25px !important;
          font-size: 38pt; } }
      @media screen and (min-width: 1366px) and (max-width: 1449px) {
        .trehotspot .content-information div h2 {
          padding-left: 25px;
          font-size: 30pt; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .trehotspot .content-information div h2 {
          padding-left: 25px;
          font-size: 30pt; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .trehotspot .content-information div h2 {
          padding-left: 20px;
          font-size: 25pt;
          margin-top: 30px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .content-information div h2 {
          padding-left: 44px;
          margin-top: 0;
          font-size: 24px; } }
      @media screen and (max-width: 767px) {
        .trehotspot .content-information div h2 {
          padding-left: 10px;
          padding-right: 10px;
          margin-top: 0;
          font-size: 24px;
          text-align: left;
          max-width: 345px;
          margin: 0 auto;
          padding-bottom: 20px;
          padding-left: 18px;
          padding-right: 18px; } }
    @media screen and (min-width: 1920px) {
      .trehotspot .content-information {
        margin-left: 135px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .trehotspot .content-information {
        margin-left: 130px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .content-information {
        margin-left: 85px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .content-information {
        /*position: absolute;*/
        bottom: 0;
        margin-left: -15px; } }
    @media screen and (max-width: 767px) {
      .trehotspot .content-information {
        margin-top: 5%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .content-information .list-command {
        display: none; } }
    @media screen and (max-width: 767px) {
      .trehotspot .content-information .list-command {
        display: none; } }
    .trehotspot .content-information .list-command .list-left {
      width: 70%;
      float: left;
      text-transform: uppercase;
      margin-top: 15px; }
      @media screen and (min-width: 1920px) {
        .trehotspot .content-information .list-command .list-left {
          width: 50%; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .trehotspot .content-information .list-command .list-left {
          width: 50%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .trehotspot .content-information .list-command .list-left {
          width: 58%; } }
      .trehotspot .content-information .list-command .list-left ul {
        list-style: none;
        margin-left: 23px;
        line-height: 2; }
        .trehotspot .content-information .list-command .list-left ul li {
          cursor: pointer;
          border: 1px solid transparent; }
          .trehotspot .content-information .list-command .list-left ul li:hover {
            border-bottom: 1px solid #fff;
            opacity: 0.9; }
            .trehotspot .content-information .list-command .list-left ul li:hover span i {
              opacity: 0; }
    .trehotspot .content-information .list-command .list-right {
      width: 30%;
      float: left;
      margin-top: 15px; }
      @media screen and (min-width: 1920px) {
        .trehotspot .content-information .list-command .list-right {
          width: 25%; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .trehotspot .content-information .list-command .list-right {
          width: 20%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .trehotspot .content-information .list-command .list-right {
          width: 27%; } }
  .trehotspot .flipCar {
    font-family: 'Abarth_Light';
    z-index: 10;
    position: absolute;
    top: calc( 100% - -30px); }
    @media screen and (min-width: 1920px) {
      .trehotspot .flipCar {
        padding-left: 0;
        top: calc( 100% - -30px); } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .trehotspot .flipCar {
        padding-left: 0;
        top: calc( 100% - -10px); } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .flipCar {
        padding-left: 0;
        top: calc( 100% - -30px); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .flipCar {
        padding-left: 0;
        top: calc( 100% - -10px); } }
    @media screen and (max-width: 767px) {
      .trehotspot .flipCar {
        display: block;
        overflow: hidden;
        margin: 0 auto;
        position: absolute;
        top: 95%;
        padding-left: 0; } }
    .trehotspot .flipCar .smart-setting {
      display: block;
      width: 100%;
      height: 25px;
      margin: 0 0 0 20%; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .flipCar .smart-setting {
          width: 310px;
          margin: 0 auto; } }
      @media screen and (max-width: 767px) {
        .trehotspot .flipCar .smart-setting {
          display: table;
          position: relative;
          margin: 0 auto;
          width: 310px; } }
    .trehotspot .flipCar .wrap {
      float: left; }
  .trehotspot .img-flip {
    display: block;
    margin-top: 7%;
    width: auto;
    background-size: 100%;
    padding-bottom: 1em;
    position: relative; }
    @media screen and (min-width: 1920px) {
      .trehotspot .img-flip {
        /*margin-top: 20%;*/
        margin-top: 0;
        padding-bottom: 0; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .trehotspot .img-flip {
        /*margin-top: 30%;*/
        /*margin-top: 250px;*/
        margin-top: 0;
        padding-bottom: 0; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .img-flip {
        /*margin-top: 33%;*/
        /*margin-top: 250px;*/
        margin-top: 0;
        padding-bottom: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .img-flip {
        width: auto;
        margin-top: 0;
        padding-bottom: 0; } }
    @media screen and (max-width: 767px) {
      .trehotspot .img-flip {
        /*margin-bottom: 10%;*/
        margin-top: 0;
        padding-bottom: 0; } }
    .trehotspot .img-flip img {
      display: block;
      width: 100%;
      /*@include media-query(desk) {
				width: 95%;
			}*/
      /*@include media-query(lap) {
				width: 90%;
			}*/ }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .img-flip img {
          /*max-height:450px;*/
          /*max-height: 300px;
				width:auto;
				margin:0 auto;*/
          margin: 0;
          width: 100%; }
          .trehotspot .img-flip img.auto-step {
            margin-top: -450px; } }
    .trehotspot .img-flip .box-pin-plus {
      width: 60%;
      height: 100%;
      position: absolute;
      right: 0 !important; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .img-flip .box-pin-plus {
          width: 100%; } }
      @media screen and (max-width: 767px) {
        .trehotspot .img-flip .box-pin-plus {
          width: 100%; } }
  .trehotspot .class124 {
    display: block;
    width: 100%; }
    .trehotspot .class124 .box-technical {
      max-height: 930px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .trehotspot .class124 .box-technical {
          /*max-height: 790px;*/
          max-height: 1024px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .class124 .box-technical {
          max-height: none; } }
      @media screen and (max-width: 767px) {
        .trehotspot .class124 .box-technical {
          max-height: none;
          /*background-size: 620px;*/
          background-size: contain;
          background-position: center; } }
  .trehotspot .contoller-smart {
    height: 40px;
    background: #000; }
    @media screen and (min-width: 1920px) {
      .trehotspot .contoller-smart {
        display: none; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .trehotspot .contoller-smart {
        display: none; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .trehotspot .contoller-smart {
        display: none; } }
    @media screen and (max-width: 767px) {
      .trehotspot .contoller-smart {
        height: 130px;
        position: relative;
        margin-top: -130px; } }
    .trehotspot .contoller-smart ul {
      list-style: none;
      color: #fff;
      text-transform: uppercase;
      width: 100%;
      margin: 0;
      height: 100%; }
      .trehotspot .contoller-smart ul li {
        cursor: pointer; }
        .trehotspot .contoller-smart ul li img {
          height: 25px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .trehotspot .contoller-smart ul li {
            width: 33.3%;
            float: left;
            text-align: center;
            line-height: 2.5;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000; }
            .trehotspot .contoller-smart ul li:hover {
              opacity: 0.9;
              border-top: 1px solid #fff; } }
        @media screen and (max-width: 767px) {
          .trehotspot .contoller-smart ul li {
            width: 100%;
            text-align: center;
            line-height: 2.5;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000; }
            .trehotspot .contoller-smart ul li:hover {
              opacity: 0.9;
              border-top: 1px solid #fff; } }
  .trehotspot .active {
    border-bottom: 1px solid #fff !important;
    opacity: 0.9 !important; }
    .trehotspot .active span i {
      opacity: 0 !important; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .active {
        border-bottom: 1px solid #000 !important;
        border-top: 1px solid #fff !important; } }
    @media screen and (max-width: 767px) {
      .trehotspot .active {
        border-bottom: 1px solid #000 !important;
        border-top: 1px solid #fff !important; } }
  .trehotspot .box-equalizer {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 12;
    display: none; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .trehotspot .box-equalizer {
        max-height: 700px; } }
    @media screen and (max-width: 767px) {
      .trehotspot .box-equalizer {
        min-height: 300px;
        bottom: 0;
        top: auto; } }
    .trehotspot .box-equalizer img {
      display: block;
      margin: 0 auto; }
      @media screen and (min-width: 1920px) {
        .trehotspot .box-equalizer img {
          padding-bottom: 8%; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .trehotspot .box-equalizer img {
          padding-bottom: 8%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .trehotspot .box-equalizer img {
          display: block;
          margin: 0 auto;
          padding: 10% 5% 20% 5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .box-equalizer img {
          padding-bottom: 8%; } }
    .trehotspot .box-equalizer .equalizer {
      height: auto;
      display: block;
      position: relative;
      padding: 15% 5% 10% 5%;
      margin: 0 auto; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .trehotspot .box-equalizer .equalizer {
          padding: 15% 5% 10% 5%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .trehotspot .box-equalizer .equalizer {
          padding: 10% 5% 10% 5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .trehotspot .box-equalizer .equalizer {
          padding: 20% 5% 10% 5%; } }
      @media screen and (max-width: 767px) {
        .trehotspot .box-equalizer .equalizer {
          padding: 40% 5% 23% 5%; } }
  .trehotspot .link-close {
    cursor: pointer; }
    .trehotspot .link-close .ab-icon-close {
      position: absolute;
      right: 7%;
      top: 36%;
      font-size: 1.5em;
      cursor: pointer;
      z-index: 15;
      color: #fff; }
  .trehotspot .sound-close {
    color: #fff;
    position: absolute;
    right: 9%;
    top: 35%;
    font-size: 1em;
    cursor: pointer;
    z-index: 15;
    padding: 10px;
    text-transform: uppercase;
    display: none; }
    @media screen and (max-width: 767px) {
      .trehotspot .sound-close {
        font-size: 0.9em; } }
  .trehotspot .name-sound {
    color: #fff;
    position: absolute;
    left: 9%;
    bottom: 12%;
    font-size: 0.75em;
    cursor: pointer;
    z-index: 15;
    padding: 10px;
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .trehotspot .name-sound {
        left: 2%;
        bottom: 3%; } }

/*--  end class idtechnical --*/
/*--------- liveExperience----------*/
.liveExperience {
  width: 100%;
  display: block;
  color: #fff;
  font-family: 'Abarth_Light';
  text-align: center; }
  .liveExperience.editorial-visore {
    margin: 2px 0; }
    .liveExperience.editorial-visore .logo-text {
      position: absolute;
      top: 0px;
      left: 0;
      width: 100%;
      padding: 8%; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .liveExperience.editorial-visore .logo-text {
          padding: 5%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .liveExperience.editorial-visore .logo-text {
          padding: 5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .liveExperience.editorial-visore .logo-text {
          padding: 5%; } }
      @media screen and (max-width: 767px) {
        .liveExperience.editorial-visore .logo-text {
          padding: 50px 20px; } }
    .liveExperience.editorial-visore .hd-txt {
      margin-bottom: 10px;
      text-transform: uppercase;
      font-size: 1.875em; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .liveExperience.editorial-visore .hd-txt {
          font-size: 1.875em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .liveExperience.editorial-visore .hd-txt {
          font-size: 1.125em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .liveExperience.editorial-visore .hd-txt {
          font-size: 1.125em; } }
      @media screen and (max-width: 767px) {
        .liveExperience.editorial-visore .hd-txt {
          font-size: 0.75em;
          color: #fff;
          margin-bottom: 5px;
          font-family: 'Abarth_Medium'; } }
    .liveExperience.editorial-visore .sub-txt {
      color: #fff;
      line-height: 1em;
      font-family: 'Abarth_Heavy'; }
      @media screen and (min-width: 1920px) {
        .liveExperience.editorial-visore .sub-txt {
          font-size: 4em; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .liveExperience.editorial-visore .sub-txt {
          font-size: 3.125em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .liveExperience.editorial-visore .sub-txt {
          font-size: 2.188em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .liveExperience.editorial-visore .sub-txt {
          font-size: 1.6em; } }
      @media screen and (max-width: 767px) {
        .liveExperience.editorial-visore .sub-txt {
          font-size: 1.75em !important;
          color: #fff; } }
    .liveExperience.editorial-visore .desc {
      width: 70%;
      margin: 20px auto;
      /*padding: 50px 0;*/
      /*Giacomo*/
      padding: 1% 0;
      /*End Giacomo*/
      font-size: 24px;
      line-height: 30px; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .liveExperience.editorial-visore .desc {
          font-size: 18px;
          line-height: 20px;
          margin: 20px auto; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .liveExperience.editorial-visore .desc {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .liveExperience.editorial-visore .desc {
          font-size: 14px;
          line-height: 16px;
          padding: 5px 0 10px 0;
          width: 100%; } }
      @media screen and (max-width: 767px) {
        .liveExperience.editorial-visore .desc {
          font-size: 14px;
          line-height: 14px;
          font-family: 'Abarth_Medium';
          padding: 5px 0 10px 0;
          color: #fff;
          width: 100%;
          padding: 0 0 10px 0; } }
      .liveExperience.editorial-visore .desc .glitch {
        -webkit-animation: glitch 3s steps(10) infinite;
                animation: glitch 3s steps(10) infinite; }
    .liveExperience.editorial-visore .btncta {
      background: #333;
      text-transform: uppercase;
      border: solid 2px #fff;
      padding: 20px 40px;
      color: #fff;
      text-decoration: none;
      font-size: 1.125em; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .liveExperience.editorial-visore .btncta {
          font-size: 1em;
          padding: 10px 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .liveExperience.editorial-visore .btncta {
          font-size: 0.825em;
          padding: 10px 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .liveExperience.editorial-visore .btncta {
          font-size: 0.7em;
          padding: 10px 20px; } }
      @media screen and (max-width: 767px) {
        .liveExperience.editorial-visore .btncta {
          font-size: 0.625em;
          padding: 10px 10px; } }
    .liveExperience.editorial-visore .logo {
      width: 220px;
      height: auto;
      margin: 50px auto;
      display: block; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .liveExperience.editorial-visore .logo {
          width: 200px;
          margin: 20px auto; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .liveExperience.editorial-visore .logo {
          width: 150px;
          margin: 20px auto; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .liveExperience.editorial-visore .logo {
          width: 100px;
          margin: 20px auto; } }
      @media screen and (max-width: 767px) {
        .liveExperience.editorial-visore .logo {
          width: 100px;
          margin: 10px auto; } }
    .liveExperience.editorial-visore h2 {
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 767px) {
        .liveExperience.editorial-visore h2 {
          display: none; } }

@-webkit-keyframes glitch {
  0% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  1% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  2% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  3% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  4% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  5% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  6% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  7% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  8% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  9% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  10% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  11% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  12% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  13% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  14% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  15% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  16% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  17% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  18% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  19% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  20% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  21% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  22% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  23% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  24% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  25% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  26% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(0.5px); }
  27% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(0.5px); }
  28% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  29% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  30% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  31% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  32% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  33% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  34% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  35% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(0.5px); }
  36% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(0.5px); }
  37% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(0.5px); }
  38% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  39% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  40% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  41% {
    text-shadow: 45px 0 20px #333333, -45px 0 0 #eeeeee;
    filter: blur(2px); }
  42% {
    text-shadow: 0 0 0 #333333, 0 0 0 #eeeeee;
    filter: blur(2px); }
  43% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  44% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  45% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  46% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  47% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(0.5px); }
  48% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  49% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  50% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  51% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  52% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  53% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  54% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  55% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(0.5px); }
  56% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(0.5px); }
  57% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(0.5px); }
  58% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  59% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  60% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  61% {
    text-shadow: 30px 0 20px #ededed, -30px 0 0 #eeeeee;
    filter: blur(2px); }
  62% {
    text-shadow: 0 0 0 #ededed, 0 0 0 #eeeeee;
    filter: blur(2px); }
  63% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #333333;
    filter: blur(2px); }
  64% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #333333;
    filter: blur(2px); }
  65% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #333333;
    filter: blur(2px); }
  66% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #333333;
    filter: blur(0.5px); }
  67% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(0.5px); }
  68% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  69% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  70% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  71% {
    text-shadow: 50px 0 20px #ededed, -50px 0 0 #333333;
    filter: blur(2px); }
  72% {
    text-shadow: 0 0 20px #ededed, 0 0 0 #333333;
    filter: blur(2px); }
  73% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  74% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  75% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  76% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  77% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  78% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  79% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  80% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  81% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  82% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  83% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  84% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  85% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  86% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(0.5px); }
  87% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(0.5px); }
  88% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  89% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  90% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  91% {
    text-shadow: 60px 0 20px #eeeeee, -60px 0 0 #333333;
    filter: blur(2px); }
  92% {
    text-shadow: 0 0 20px #eeeeee, 0 0 0 #333333;
    filter: blur(2px); }
  92% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  93% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  94% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  95% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  96% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  97% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  98% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  99% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  100% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); } }

@keyframes glitch {
  0% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  1% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  2% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  3% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  4% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  5% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  6% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  7% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  8% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  9% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  10% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  11% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  12% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  13% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  14% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  15% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  16% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  17% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  18% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  19% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  20% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  21% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  22% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  23% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  24% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  25% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  26% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(0.5px); }
  27% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(0.5px); }
  28% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  29% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  30% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  31% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  32% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  33% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  34% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  35% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(0.5px); }
  36% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(0.5px); }
  37% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(0.5px); }
  38% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  39% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  40% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  41% {
    text-shadow: 45px 0 20px #333333, -45px 0 0 #eeeeee;
    filter: blur(2px); }
  42% {
    text-shadow: 0 0 0 #333333, 0 0 0 #eeeeee;
    filter: blur(2px); }
  43% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  44% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  45% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  46% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  47% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(0.5px); }
  48% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  49% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  50% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  51% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  52% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  53% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  54% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  55% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(0.5px); }
  56% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(0.5px); }
  57% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(0.5px); }
  58% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  59% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  60% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  61% {
    text-shadow: 30px 0 20px #ededed, -30px 0 0 #eeeeee;
    filter: blur(2px); }
  62% {
    text-shadow: 0 0 0 #ededed, 0 0 0 #eeeeee;
    filter: blur(2px); }
  63% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #333333;
    filter: blur(2px); }
  64% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #333333;
    filter: blur(2px); }
  65% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #333333;
    filter: blur(2px); }
  66% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #333333;
    filter: blur(0.5px); }
  67% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(0.5px); }
  68% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  69% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  70% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  71% {
    text-shadow: 50px 0 20px #ededed, -50px 0 0 #333333;
    filter: blur(2px); }
  72% {
    text-shadow: 0 0 20px #ededed, 0 0 0 #333333;
    filter: blur(2px); }
  73% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  74% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  75% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  76% {
    text-shadow: 3px 0 20px #ededed, -3px 0 20px #333333;
    filter: blur(2px); }
  77% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  78% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  79% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  80% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #333333;
    filter: blur(2px); }
  81% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  82% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(2px); }
  83% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  84% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  85% {
    text-shadow: 1px 0 20px #ededed, -1px 0 20px #eeeeee;
    filter: blur(0.5px); }
  86% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(0.5px); }
  87% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(0.5px); }
  88% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  89% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  90% {
    text-shadow: 3px 0 20px #ededed, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  91% {
    text-shadow: 60px 0 20px #eeeeee, -60px 0 0 #333333;
    filter: blur(2px); }
  92% {
    text-shadow: 0 0 20px #eeeeee, 0 0 0 #333333;
    filter: blur(2px); }
  92% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  93% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  94% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  95% {
    text-shadow: 0.8px 0 20px #333333, -0.8px 0 20px #eeeeee;
    filter: blur(2px); }
  96% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  97% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  98% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  99% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); }
  100% {
    text-shadow: 3px 0 20px #333333, 3px 0 20px #eeeeee;
    filter: blur(2px); } }

/*--------- end liveExperience----------*/
.BigCarousel.comp-abarth-carousel {
  touch-action: pan-y !important;
  background: #fff;
  width: 100%;
  height: 558px;
  /*@include media-query(palm) {
        height: 420px;
    }
    @include media-query(smart) {
        height: 500px;
    }*/ }
  @media screen and (min-width: 1920px) {
    .BigCarousel.comp-abarth-carousel {
      height: 843px; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .BigCarousel.comp-abarth-carousel {
      height: 590px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .BigCarousel.comp-abarth-carousel {
      height: 415px; } }
  @media screen and (max-width: 767px) {
    .BigCarousel.comp-abarth-carousel {
      height: 440px; } }
  .BigCarousel.comp-abarth-carousel .image-abarth-carousel {
    margin: 0px; }
    @media screen and (max-width: 767px) {
      .BigCarousel.comp-abarth-carousel .image-abarth-carousel img {
        padding: 0 28px; } }
  .BigCarousel.comp-abarth-carousel li:after {
    border: none !important; }
  .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home {
    visibility: hidden; }
    .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list {
      height: 558px; }
      @media screen and (min-width: 1920px) {
        .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list {
          height: 843px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list {
          height: 590px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list {
          height: 415px; } }
      @media screen and (max-width: 767px) {
        .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list {
          height: 440px; } }
      .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore {
        height: 558px; }
        @media screen and (min-width: 1920px) {
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore {
            height: 843px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore {
            height: 590px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore {
            height: 415px; } }
        @media screen and (max-width: 767px) {
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore {
            height: 440px; } }
        .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left {
          float: left;
          height: 100%;
          width: 50%; }
          @media screen and (min-width: 1920px) {
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left {
              padding-top: 60px; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left {
              padding-top: 20px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left {
              padding-top: 10px; } }
          @media screen and (max-width: 767px) {
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left {
              float: left;
              height: 240px;
              width: 100%; } }
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .logo {
            margin: 70px 0 10% 10%; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .logo {
                margin: 70px 0 30px 115px;
                width: 440px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .logo {
                margin: 70px 0 30px 17%;
                width: 440px;
                padding: 0 10%; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .logo {
                margin: 70px 0 30px 27%;
                width: 300px;
                padding: 0 20% 0 0; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .logo {
                margin: 40px 0 10% 11%;
                width: 280px;
                padding: 0 20% 0 0; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .logo {
                margin: 20px auto;
                width: 230px; } }
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
            color: #fff;
            margin: 0 0 5% 20%;
            width: 80%;
            text-align: left; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
                font-size: 38pt;
                line-height: 1;
                font-family: "Abarth_Medium";
                margin-left: 156px !important; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
                font-size: 30pt;
                line-height: 1;
                font-family: "Abarth_Medium";
                margin-left: 29% !important;
                width: auto; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
                margin: 0 0 10% 28%;
                width: auto;
                font-size: 25pt;
                line-height: 1;
                font-family: "Abarth_Medium"; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
                font-size: 22pt;
                line-height: 1;
                font-family: "Abarth_Medium";
                width: auto;
                margin: 0 0 10% 14%; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
                /*margin: 0 0 0% 10%;*/
                font-size: 18pt;
                text-align: center;
                line-height: 1;
                width: 220px;
                margin: 0 auto; } }
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left p {
            color: #fff; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left p {
                margin-left: 160px;
                width: 342px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left p {
                margin-left: 29%;
                width: 280px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left p {
                margin: 0 0 10% 28%;
                width: 280px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left p {
                margin: 0 0 5% 14%;
                width: 80%;
                font-size: 9pt; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left p {
                font-size: 8pt;
                margin-top: 2%;
                text-align: center; } }
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
            margin: 5% 0 0 20%;
            width: 60%; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
                margin: 5% 0 0 20%;
                width: 342px;
                padding: 3%;
                font-size: 15pt;
                margin-left: 160px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
                margin: 5% 0 0 20%;
                width: 280px;
                padding: 3%;
                font-size: 13pt;
                margin-left: 29%; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
                margin: 0 0 10% 28%;
                width: 280px;
                padding: 3%;
                font-size: 12pt; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
                width: 80%;
                margin: 0 0 5% 14%;
                padding: 3%; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
                margin: 20px auto;
                max-width: 250px; } }
        .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right {
          float: right;
          height: 100%;
          width: 70%; }
          @media screen and (max-width: 767px) {
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right {
              height: auto;
              width: 100%; } }
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right {
            position: relative;
            display: block;
            top: 50px;
            left: 0px;
            margin-left: 65%;
            height: 250px; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right {
                top: 250px;
                margin-left: 75%; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right {
                /*top: 22%;*/
                top: 12%;
                margin-left: 74%;
                /*width: 181px;*/
                width: 210px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right {
                /*top: 30%;
                                margin-left: 81%;
                                width: 121px;*/
                top: 6%;
                margin-left: 55%;
                width: 280px; } }
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info {
            color: #fff;
            font-size: 1.5em; }
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info hr {
              width: 100%;
              height: 1px;
              background-color: #fff;
              margin-top: 20px;
              margin-bottom: 20px;
              border: none; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info {
                font-size: 1.2em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info {
                font-size: 1em; }
                .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info hr {
                  margin-top: 10px;
                  margin-bottom: 10px; } }
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info p {
              margin-bottom: 0;
              font-family: 'Abarth_Light'; }
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info p b {
                font-family: 'Abarth_heavy'; }
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .immagine {
            margin-left: 10%;
            margin-right: 10%;
            width: 650px;
            display: none; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .immagine {
                margin-top: 8%;
                width: 850px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .immagine {
                margin-top: 8%;
                width: 850px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .immagine {
                margin-top: 0%; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .immagine {
                margin-left: 5%;
                margin-right: 5%;
                margin-top: 120px;
                width: 87%; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .immagine {
                margin: 30px auto;
                max-width: 370px;
                width: 100%; } }
      .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship {
        height: 558px; }
        @media screen and (min-width: 1920px) {
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship {
            height: 843px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship {
            height: 590px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship {
            height: 420px; } }
        @media screen and (max-width: 767px) {
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship {
            height: 440px; } }
        .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_left {
          float: left;
          height: 100%;
          width: 50%;
          display: none; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_left {
              width: 50%; } }
          @media screen and (max-width: 767px) {
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_left {
              display: none; } }
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_left .img_over {
            margin: 0;
            padding: 0;
            max-height: 100%;
            z-index: 14 !important;
            position: relative; }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_left .img_over {
                margin: 20px auto;
                width: 230px; } }
        .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right {
          /*float: right;
                        height: 100%;*/
          /*width: 50%;*/
          /*width: 100%;
                        position: absolute;*/
          /*margin-left: 9.7%;*/
          /*margin-left: 19%;*/
          float: right;
          height: 100%;
          width: 100%;
          position: relative; }
          @media screen and (max-width: 767px) {
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right {
              height: auto;
              width: 100%;
              margin: 0 auto;
              margin-left: 0;
              position: relative; } }
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay {
            display: none;
            margin: 200px 0 0 -130px; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay {
                margin: 320px 0 0 -40px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay {
                margin: 320px 0 0 -50px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay {
                margin: 110px 0 0 -130px; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay {
                width: 300px;
                margin: 130px auto; } }
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay .sx {
              float: left;
              width: 85px; }
              @media screen and (max-width: 767px) {
                .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay .sx {
                  width: 70px; } }
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay .dx {
              float: left;
              width: 85px; }
              @media screen and (max-width: 767px) {
                .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay .dx {
                  width: 70px; } }
            .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay h2 {
              color: #fff;
              float: left;
              font-family: "Abarth_Light";
              margin: 10px 0 0 0;
              width: 355px; }
              @media screen and (max-width: 767px) {
                .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay h2 {
                  width: 160px;
                  font-size: 12.8pt;
                  margin: 0 auto; } }
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay h2 b {
                font-family: "Abarth_Medium"; }
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay h2 span {
                font-size: 10pt;
                text-align: center; }
          .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .button.cta {
            margin: 300px 0 0;
            /*width: 230px;*/
            width: 270px; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .button.cta {
                /*margin: 440px 80px 0;*/
                width: 342px;
                padding: 17px;
                margin: 0 auto;
                margin-top: 30% !important;
                font-size: 15pt; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .button.cta {
                /*margin: 440px 70px 0;*/
                width: 280px;
                padding: 17px;
                margin: 0 auto;
                margin-top: 400px !important;
                font-size: 13pt; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .button.cta {
                width: 280px;
                padding: 11px;
                margin: 0 auto;
                margin-top: 400px !important;
                font-size: 12pt; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .button.cta {
                margin: 240px 0 0;
                width: 260px;
                padding: 11px;
                margin: 0 auto;
                margin-top: 240px !important;
                font-size: 14px; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .button.cta {
                margin: 240px 0 0;
                margin: 0 auto;
                margin-top: 170px !important;
                font-size: 1em;
                max-width: 250px; } }
  .BigCarousel.comp-abarth-carousel .slick-dots {
    position: relative;
    /*top: -1px;*/
    top: -58px;
    display: block !important;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    /*background: #000;*/
    padding-top: 18px;
    padding-bottom: 18px; }
    .BigCarousel.comp-abarth-carousel .slick-dots li {
      position: relative;
      display: inline-block !important;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer;
      border: 0; }
    .BigCarousel.comp-abarth-carousel .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent; }
    .BigCarousel.comp-abarth-carousel .slick-dots li.slick-active button:before {
      background: #ed1c24; }
      @media screen and (max-width: 767px) {
        .BigCarousel.comp-abarth-carousel .slick-dots li.slick-active button:before {
          background: #ed1c24; } }
    .BigCarousel.comp-abarth-carousel .slick-dots li button:before {
      font-family: 'slick';
      font-size: 6px;
      line-height: 20px;
      position: absolute;
      top: 0;
      left: 0;
      width: 10px;
      height: 10px;
      content: '';
      text-align: center;
      background: #ccc;
      border-radius: 50%; }
      @media screen and (max-width: 767px) {
        .BigCarousel.comp-abarth-carousel .slick-dots li button:before {
          background: #ccc; } }
  .BigCarousel.comp-abarth-carousel .layout__item {
    /*a {
            @include media-query(desk) {
                margin-top: 0 !important;
            }
        }*/ }
    @media screen and (min-width: 1920px) {
      .BigCarousel.comp-abarth-carousel .layout__item {
        padding-left: 0 !important; } }
    @media screen and (max-width: 767px) {
      .BigCarousel.comp-abarth-carousel .layout__item {
        background-color: #000; } }
    @media screen and (min-width: 1920px) {
      .BigCarousel.comp-abarth-carousel .layout__item div {
        background-position: center;
        background-size: cover; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .BigCarousel.comp-abarth-carousel .layout__item div {
        background-position: center;
        background-size: cover; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .BigCarousel.comp-abarth-carousel .layout__item div {
        background-position: center;
        background-size: cover; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .BigCarousel.comp-abarth-carousel .layout__item div {
        background-position: bottom;
        background-size: cover; } }
    @media screen and (max-width: 767px) {
      .BigCarousel.comp-abarth-carousel .layout__item div {
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 320px auto; } }

.BigCarousel.comp-abarth-carousel.visore_2017 {
  touch-action: pan-y !important;
  background: #fff;
  width: 100%;
  height: 558px;
  /*@include media-query(palm) {
        height: 420px;
    }
    @include media-query(smart) {
        height: 500px;
    }*/ }
  @media screen and (min-width: 1920px) {
    .BigCarousel.comp-abarth-carousel.visore_2017 {
      height: 843px; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .BigCarousel.comp-abarth-carousel.visore_2017 {
      height: 620px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .BigCarousel.comp-abarth-carousel.visore_2017 {
      height: 415px; } }
  @media screen and (max-width: 767px) {
    .BigCarousel.comp-abarth-carousel.visore_2017 {
      height: 440px; } }
  .BigCarousel.comp-abarth-carousel.visore_2017 .image-abarth-carousel {
    margin: 0px; }
    @media screen and (max-width: 767px) {
      .BigCarousel.comp-abarth-carousel.visore_2017 .image-abarth-carousel img {
        padding: 0 28px; } }
  .BigCarousel.comp-abarth-carousel.visore_2017 li:after {
    border: none !important; }
  .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home {
    visibility: hidden; }
    .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list {
      height: 558px; }
      @media screen and (min-width: 1920px) {
        .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list {
          height: 843px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list {
          height: 590px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list {
          height: 415px; } }
      @media screen and (max-width: 767px) {
        .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list {
          height: 440px; } }
      .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore {
        height: 558px; }
        @media screen and (min-width: 1920px) {
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore {
            height: 843px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore {
            height: 590px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore {
            height: 415px; } }
        @media screen and (max-width: 767px) {
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore {
            height: 440px;
            background-size: contain !important; } }
        .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left {
          float: left;
          height: 100%;
          width: 40%;
          margin-top: 5%; }
          @media screen and (min-width: 1920px) {
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left {
              padding-top: 60px; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left {
              padding-top: 20px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left {
              padding-top: 10px;
              margin: 5% 0px; } }
          @media screen and (max-width: 767px) {
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left {
              float: left;
              height: 240px;
              width: 100%;
              margin: 10% 0px; } }
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .visore_subtitle {
            color: #fff;
            font-size: 30px;
            font-family: "Abarth_Light" !important; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .visore_subtitle {
                margin-left: 160px;
                width: 342px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .visore_subtitle {
                margin-left: 29%;
                width: 280px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .visore_subtitle {
                margin: 10% 0 10% 28%;
                width: 280px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .visore_subtitle {
                margin: 0 0 5% 14%;
                width: 80%;
                font-size: 15pt; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .visore_subtitle {
                text-align: left;
                margin: auto;
                width: 220px;
                font-size: 9pt; } }
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .visore_subtitle p {
              margin-left: unset;
              width: inherit; }
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .visore_subtitle .button.cta {
              margin-left: unset; }
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .logo {
            margin: 70px 0 10% 10%; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .logo {
                margin: 70px 0 30px 115px;
                width: 440px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .logo {
                margin: 70px 0 30px 17%;
                width: 440px;
                padding: 0 10%; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .logo {
                margin: 70px 0 30px 27%;
                width: 300px;
                padding: 0 20% 0 0; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .logo {
                margin: 40px 0 10% 11%;
                width: 280px;
                padding: 0 20% 0 0; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .logo {
                margin: 20px auto;
                width: 230px;
                background-size: contain; } }
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
            color: #fff;
            width: 80%;
            text-align: left; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
                font-size: 38pt;
                line-height: 1;
                font-family: "Abarth_Heavy";
                margin-left: 156px !important; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
                font-size: 30pt;
                line-height: 1;
                font-family: "Abarth_Heavy";
                margin-left: 29% !important;
                width: auto; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
                margin: 0 0 0% 28%;
                width: auto;
                font-size: 25pt;
                line-height: 1.2;
                font-family: "Abarth_Heavy"; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
                font-size: 22pt;
                line-height: 1;
                font-family: "Abarth_Heavy";
                width: auto;
                margin: 0 13%; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
                /*margin: 0 0 0% 10%;*/
                font-size: 18pt;
                line-height: 1;
                width: 220px;
                /*margin-left: 30%;*/
                margin: auto; } }
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left p {
            color: #fff;
            font-size: 25px;
            font-family: "Abarth_Light" !important; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left p {
                margin-left: 160px;
                width: 342px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left p {
                margin-left: 29%;
                width: 280px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left p {
                margin: 0 0 10% 28%;
                width: 280px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left p {
                margin: 0 0 5% 14%;
                width: 80%;
                font-size: 15pt; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left p {
                text-align: left;
                margin: auto;
                width: 220px;
                font-size: 18px; } }
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
            margin: 5% 0 0 20%;
            width: 60%; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
                margin: 5% 0 0 20%;
                width: 342px;
                padding: 3%;
                font-size: 15pt;
                margin-left: 160px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
                margin: 5% 0 0 20%;
                width: 280px;
                padding: 3%;
                font-size: 13pt;
                margin-left: 29%; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
                margin: 10% 0 10% 28%;
                width: 280px;
                padding: 3%;
                font-size: 12pt; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
                width: 80%;
                margin: 5% 0 5% 14%;
                padding: 3%; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
                margin: 20px auto;
                max-width: 250px; } }
        .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right {
          float: right;
          height: 100%;
          width: 70%; }
          @media screen and (max-width: 767px) {
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right {
              height: auto;
              width: 100%; } }
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right {
            position: relative;
            display: block;
            top: 50px;
            left: 0px;
            margin-left: 65%;
            height: 250px; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right {
                top: 250px;
                margin-left: 75%; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right {
                /*top: 22%;*/
                top: 12%;
                margin-left: 74%;
                /*width: 181px;*/
                width: 210px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right {
                /*top: 30%;
                                margin-left: 81%;
                                width: 121px;*/
                top: 6%;
                margin-left: 55%;
                width: 280px; } }
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info {
            color: #fff;
            font-size: 1.5em; }
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info hr {
              width: 100%;
              height: 1px;
              background-color: #fff;
              margin-top: 20px;
              margin-bottom: 20px;
              border: none; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info {
                font-size: 1.2em; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info {
                font-size: 1em; }
                .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info hr {
                  margin-top: 10px;
                  margin-bottom: 10px; } }
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info p {
              margin-bottom: 0;
              font-family: 'Abarth_Light'; }
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .text_right.model-info p b {
                font-family: 'Abarth_heavy'; }
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .immagine {
            margin-left: 10%;
            margin-right: 10%;
            width: 650px;
            display: none; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .immagine {
                margin-top: 8%;
                width: 850px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .immagine {
                margin-top: 8%;
                width: 850px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .immagine {
                margin-top: 0%; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .immagine {
                margin-left: 5%;
                margin-right: 5%;
                margin-top: 120px;
                width: 87%; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right .immagine {
                margin: 30px auto;
                max-width: 370px;
                width: 100%; } }
      .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship {
        height: 558px; }
        @media screen and (min-width: 1920px) {
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship {
            height: 843px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship {
            height: 590px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship {
            height: 420px; } }
        @media screen and (max-width: 767px) {
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship {
            height: 440px; } }
        .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_left {
          float: left;
          height: 100%;
          width: 50%;
          display: none; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_left {
              width: 50%; } }
          @media screen and (max-width: 767px) {
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_left {
              display: none; } }
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_left .img_over {
            margin: 0;
            padding: 0;
            max-height: 100%;
            z-index: 14 !important;
            position: relative; }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_left .img_over {
                margin: 20px auto;
                width: 230px; } }
        .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right {
          /*float: right;
                        height: 100%;*/
          /*width: 50%;*/
          /*width: 100%;
                        position: absolute;*/
          /*margin-left: 9.7%;*/
          /*margin-left: 19%;*/
          float: right;
          height: 100%;
          width: 100%;
          position: relative; }
          @media screen and (max-width: 767px) {
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right {
              height: auto;
              width: 100%;
              margin: 0 auto;
              margin-left: 0;
              position: relative; } }
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay {
            display: none;
            margin: 200px 0 0 -130px; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay {
                margin: 320px 0 0 -40px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay {
                margin: 320px 0 0 -50px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay {
                margin: 110px 0 0 -130px; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay {
                width: 300px;
                margin: 130px auto; } }
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay .sx {
              float: left;
              width: 85px; }
              @media screen and (max-width: 767px) {
                .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay .sx {
                  width: 70px; } }
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay .dx {
              float: left;
              width: 85px; }
              @media screen and (max-width: 767px) {
                .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay .dx {
                  width: 70px; } }
            .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay h2 {
              color: #fff;
              float: left;
              font-family: "Abarth_Light";
              margin: 10px 0 0 0;
              width: 355px; }
              @media screen and (max-width: 767px) {
                .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay h2 {
                  width: 160px;
                  font-size: 12.8pt;
                  margin: 0 auto; } }
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay h2 b {
                font-family: "Abarth_Medium"; }
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .overlay h2 span {
                font-size: 10pt;
                text-align: center; }
          .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .button.cta {
            margin: 300px 0 0;
            /*width: 230px;*/
            width: 270px; }
            @media screen and (min-width: 1920px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .button.cta {
                /*margin: 440px 80px 0;*/
                width: 342px;
                padding: 17px;
                margin: 0 auto;
                margin-top: 30% !important;
                font-size: 15pt; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .button.cta {
                /*margin: 440px 70px 0;*/
                width: 280px;
                padding: 17px;
                margin: 0 auto;
                margin-top: 350px !important;
                font-size: 13pt; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .button.cta {
                width: 280px;
                padding: 11px;
                margin: 0 auto;
                margin-top: 400px !important;
                font-size: 12pt; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .button.cta {
                margin: 240px 0 0;
                width: 260px;
                padding: 11px;
                margin: 0 auto;
                margin-top: 240px !important;
                font-size: 14px; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore-scorpionship .visore_right .button.cta {
                margin: 240px 0 0;
                margin: 0 auto;
                margin-top: 300px !important;
                font-size: 1em;
                max-width: 250px; } }
  .BigCarousel.comp-abarth-carousel.visore_2017 .slick-dots {
    position: relative;
    /*top: -1px;*/
    top: -58px;
    display: block !important;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    /*background: #000;*/
    padding-top: 18px;
    padding-bottom: 18px; }
    .BigCarousel.comp-abarth-carousel.visore_2017 .slick-dots li {
      position: relative;
      display: inline-block !important;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer;
      border: 0; }
    .BigCarousel.comp-abarth-carousel.visore_2017 .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent; }
    .BigCarousel.comp-abarth-carousel.visore_2017 .slick-dots li.slick-active button:before {
      background: #ed1c24; }
      @media screen and (max-width: 767px) {
        .BigCarousel.comp-abarth-carousel.visore_2017 .slick-dots li.slick-active button:before {
          background: #ed1c24; } }
    .BigCarousel.comp-abarth-carousel.visore_2017 .slick-dots li button:before {
      font-family: 'slick';
      font-size: 6px;
      line-height: 20px;
      position: absolute;
      top: 0;
      left: 0;
      width: 10px;
      height: 10px;
      content: '';
      text-align: center;
      background: #ccc;
      border-radius: 50%; }
      @media screen and (max-width: 767px) {
        .BigCarousel.comp-abarth-carousel.visore_2017 .slick-dots li button:before {
          background: #ccc; } }
  .BigCarousel.comp-abarth-carousel.visore_2017 .layout__item {
    /*a {
            @include media-query(desk) {
                margin-top: 0 !important;
            }
        }*/ }
    @media screen and (min-width: 1920px) {
      .BigCarousel.comp-abarth-carousel.visore_2017 .layout__item {
        padding-left: 0 !important; } }
    @media screen and (max-width: 767px) {
      .BigCarousel.comp-abarth-carousel.visore_2017 .layout__item {
        background-color: #000; } }
    @media screen and (min-width: 1920px) {
      .BigCarousel.comp-abarth-carousel.visore_2017 .layout__item div {
        background-position: center;
        background-size: cover; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .BigCarousel.comp-abarth-carousel.visore_2017 .layout__item div {
        background-position: center;
        background-size: cover; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .BigCarousel.comp-abarth-carousel.visore_2017 .layout__item div {
        background-position: center;
        background-size: cover; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .BigCarousel.comp-abarth-carousel.visore_2017 .layout__item div {
        background-position: bottom;
        background-size: cover; } }
    @media screen and (max-width: 767px) {
      .BigCarousel.comp-abarth-carousel.visore_2017 .layout__item div {
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 320px auto; } }
  .BigCarousel.comp-abarth-carousel.visore_2017 .countdown {
    position: absolute;
    display: none;
    z-index: 1; }
    .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 {
      float: right;
      position: relative;
      top: 20px;
      right: 90px;
      width: 350px;
      height: 150px;
      padding-top: 35px;
      background: rgba(0, 0, 0, 0.5); }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 {
          right: 60px;
          padding-top: 30px;
          top: 15px;
          width: 323px;
          height: 130px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 {
          padding-top: 25px;
          top: 15px;
          right: 60px;
          width: 240px;
          height: 105px; } }
      @media screen and (max-width: 767px) {
        .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 {
          padding-top: 20px;
          top: 330px;
          right: calc(50vw - 83px);
          width: 166px;
          height: 75px; } }
      .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > h2 {
        display: none; }
      .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock {
        position: relative; }
        .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row {
          margin: 0; }
          .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row.labels {
            font-size: 16px;
            line-height: 18px;
            text-transform: uppercase;
            position: absolute;
            width: 100%;
            top: -21px;
            color: #f1f1f1; }
            .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row.labels > div {
              padding-left: 0;
              padding-right: 0;
              display: block;
              float: left;
              width: 30.004%;
              margin-left: 1.66%;
              margin-right: 1.66%;
              text-align: center; }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row.labels > div {
                  font-size: 17px; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row.labels > div {
                  font-size: 12px; } }
              @media screen and (max-width: 767px) {
                .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row.labels > div {
                  font-size: 8px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row.labels {
                /*font-size: 15px;*/ } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row.labels {
                top: -19px;
                width: 97%; } }
          .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row > .number {
            color: #000000;
            text-align: center;
            padding: 0;
            font-size: 48px;
            line-height: 105px;
            position: relative;
            height: 100px;
            display: block;
            float: left;
            width: 30.004%;
            margin-left: 1.66%;
            margin-right: 1.66%;
            font-family: 'Abarth_Light'; }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row > .number {
                font-size: 35px;
                height: 85px;
                line-height: 85px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row > .number {
                font-size: 30px;
                line-height: 70px;
                height: 70px; } }
            @media screen and (max-width: 767px) {
              .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row > .number {
                font-size: 20px;
                line-height: 45px;
                height: 45px; } }
            .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row > .number > div {
              position: absolute;
              top: 0;
              width: 100%;
              height: 100px;
              border-radius: 5px;
              background: linear-gradient(#f1f1f1 50%, #ffffff 50%);
              box-shadow: 0 9px 10px rgba(130, 130, 130, 0.2);
              text-align: center; }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row > .number > div {
                  height: 85px;
                  box-shadow: -5px 5px 20px rgba(130, 130, 130, 0.3); } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row > .number > div {
                  height: 70px;
                  box-shadow: -5px 5px 20px rgba(130, 130, 130, 0.3); } }
              @media screen and (max-width: 767px) {
                .BigCarousel.comp-abarth-carousel.visore_2017 .countdown.type-1 > .clock > .row > .number > div {
                  height: 45px;
                  box-shadow: -5px 5px 20px rgba(130, 130, 130, 0.3); } }

.slider-list {
  width: 100%;
  position: absolute;
  bottom: 0;
  transition: height 0.25s; }
  .slider-list:hover {
    transition: height 0.25s; }
    .slider-list:hover ul li {
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden; }
      .slider-list:hover ul li .loader-empty,
      .slider-list:hover ul li .loader {
        background-position: right center;
        background-repeat: no-repeat;
        background-size: cover; }
      .slider-list:hover ul li .loader-empty {
        background-image: url("clientlib-base/resources/images/utils/loader-empty.png"); }
      .slider-list:hover ul li .loader {
        background-image: url("clientlib-base/resources/images/utils/loader-full.png"); }
      .slider-list:hover ul li.active .loader-empty {
        transition: width 6s; }
  .slider-list ul {
    height: 100% !important;
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 0%; }
    .slider-list ul li {
      height: 100% !important;
      margin: 0px;
      float: left;
      list-style: none;
      text-align: center;
      background-position: center 15px;
      background-size: cover;
      background-repeat: no-repeat;
      border-right: solid 1px #640007 !important;
      cursor: pointer; }
      .slider-list ul li:last-of-type {
        border: none; }
      .slider-list ul li .loader,
      .slider-list ul li .loader-empty {
        position: absolute;
        top: 0px; }
        .slider-list ul li .loader:last-of-type,
        .slider-list ul li .loader-empty:last-of-type {
          border: none; }
      .slider-list ul li .loader {
        z-index: 20;
        background-color: #e72020; }
      .slider-list ul li .loader-empty {
        z-index: 30;
        background-color: #7d0008; }
      .slider-list ul li img {
        height: 100%;
        width: auto;
        margin-top: 29px;
        max-width: none; }
      .slider-list ul li .auto_sub_title {
        color: #490000;
        position: absolute;
        /*position: relative;*/
        width: 100%;
        z-index: 35;
        /*float: left;*/
        padding-top: 4px;
        top: 0px; }
        .slider-list ul li .auto_sub_title h4 {
          font-size: 10pt;
          text-align: left;
          line-height: 14px;
          font-family: 'Abarth_Light';
          padding-left: 10px;
          padding-top: 5px;
          color: #FFFFFF; }
      .slider-list ul li.active .loader-empty {
        transition: width 4s;
        width: 0.1% !important; }
      .slider-list ul li.active .auto_sub_title h4 {
        font-family: 'Abarth_Heavy'; }

#five .slide-list-item {
  width: 20% !important; }

#five .loader,
#five .loader-empty {
  border-right: solid 1px rgba(0, 0, 0, 0.3); }

#five .loader,
#five .loader-empty,
#five .auto_sub_title {
  width: 20%; }

#five .loader {
  background-image: url("clientlib-base/resources/images/utils/loader-full.png"); }

#five .loader-empty {
  background-image: url("clientlib-base/resources/images/utils/loader-empty.png"); }

#three .slide-list-item {
  width: 33.3% !important; }
  #three .slide-list-item .loader,
  #three .slide-list-item .loader-empty {
    border-right: solid 1px #640007; }
  #three .slide-list-item .loader,
  #three .slide-list-item .loader-empty,
  #three .slide-list-item .auto_sub_title {
    width: 33.3%; }
  #three .slide-list-item .loader {
    background-image: url("clientlib-base/resources/images/utils/loader-full-md.png"); }
  #three .slide-list-item .loader-empty {
    background-image: url("clientlib-base/resources/images/utils/loader-empty-md.png"); }

#two .slide-list-item {
  width: 50% !important; }
  #two .slide-list-item .loader,
  #two .slide-list-item .loader-empty {
    border-right: solid 1px #640007; }
  #two .slide-list-item .loader,
  #two .slide-list-item .loader-empty,
  #two .slide-list-item .auto_sub_title {
    width: 50%; }
  #two .slide-list-item .loader {
    background-image: url("clientlib-base/resources/images/utils/loader-full-big.png"); }
  #two .slide-list-item .loader-empty {
    background-image: url("clientlib-base/resources/images/utils/loader-empty-big.png"); }

@media screen and (min-width: 1920px) {
  .slider-list {
    height: 30px; }
    .slider-list:hover {
      height: 160px !important; }
      .slider-list:hover li img {
        display: inline;
        opacity: 0; }
    .slider-list li .loader-empty {
      height: 37px; }
    .slider-list li .loader {
      /*margin-top: -36px;*/
      height: 34px; }
    .slider-list li .auto_sub_title {
      /*margin-top: -158px;*/ }
    .slider-list li:hover img {
      opacity: 0.4; }
    .slider-list li.active img {
      opacity: 1 !important; }
    .slider-list li.active:hover img {
      opacity: 1 !important; } }

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .slider-list {
    height: 30px; }
    .slider-list:hover {
      height: 135px !important; }
      .slider-list:hover li img {
        display: inline;
        opacity: 0; }
    .slider-list li .loader,
    .slider-list li .loader-empty {
      height: 35px; }
    .slider-list li .auto_sub_title {
      /*margin-top: -158px;*/ }
    .slider-list li:hover img {
      opacity: 0.4; }
    .slider-list li.active img {
      opacity: 1 !important; }
    .slider-list li.active:hover img {
      opacity: 1 !important; } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .slider-list {
    height: 30px; }
    .slider-list:hover {
      height: 135px !important; }
      .slider-list:hover li img {
        display: inline;
        opacity: 0; }
      .slider-list:hover li:hover img {
        opacity: 0.4; }
    .slider-list li .loader,
    .slider-list li .loader-empty {
      height: 35px; }
    .slider-list li .auto_sub_title {
      /*margin-top: -125px;*/ }
      .slider-list li .auto_sub_title h4 {
        font-size: 11px !important; }
    .slider-list li:hover img {
      opacity: 0.4; }
    .slider-list li.active img {
      opacity: 1 !important; }
    .slider-list li.active:hover img {
      opacity: 1 !important; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #two .slide-list-item,
  #three .slide-list-item,
  #five .slide-list-item {
    background-image: none !important; }
    #two .slide-list-item img,
    #three .slide-list-item img,
    #five .slide-list-item img {
      display: none; }
    #two .slide-list-item .loader,
    #two .slide-list-item .loader-empty,
    #three .slide-list-item .loader,
    #three .slide-list-item .loader-empty,
    #five .slide-list-item .loader,
    #five .slide-list-item .loader-empty {
      height: 100%;
      background: none; }
    #two .slide-list-item .loader,
    #three .slide-list-item .loader,
    #five .slide-list-item .loader {
      background-color: #e72020;
      /* margin-top: -60px;*/ }
    #two .slide-list-item .auto_sub_title,
    #three .slide-list-item .auto_sub_title,
    #five .slide-list-item .auto_sub_title {
      /*margin-top: -60px;*/ }
    #two .slide-list-item .loader-empty,
    #three .slide-list-item .loader-empty,
    #five .slide-list-item .loader-empty {
      background-color: #7d0008; }
  .slider-list {
    height: 60px !important; }
    .slider-list:hover {
      height: 60px !important; } }

@media screen and (max-width: 767px) {
  #two .slide-list-item,
  #three .slide-list-item,
  #five .slide-list-item {
    background-image: none !important; }
    #two .slide-list-item img,
    #three .slide-list-item img,
    #five .slide-list-item img {
      display: none; }
    #two .slide-list-item .loader,
    #two .slide-list-item .loader-empty,
    #three .slide-list-item .loader,
    #three .slide-list-item .loader-empty,
    #five .slide-list-item .loader,
    #five .slide-list-item .loader-empty {
      height: 100%;
      background: none; }
    #two .slide-list-item .loader,
    #three .slide-list-item .loader,
    #five .slide-list-item .loader {
      background-color: #e72020;
      /*margin-top: -20px;*/ }
    #two .slide-list-item .loader-empty,
    #three .slide-list-item .loader-empty,
    #five .slide-list-item .loader-empty {
      background-color: #7d0008; }
    #two .slide-list-item .auto_sub_title,
    #three .slide-list-item .auto_sub_title,
    #five .slide-list-item .auto_sub_title {
      display: none; }
  .slider-list {
    height: 20px !important; }
    .slider-list:hover {
      height: 20px !important; } }

#five .IEfix {
  position: relative;
  margin-left: -999px;
  margin-right: -999px;
  margin-top: 15px; }

#three .IEfix {
  position: relative;
  margin-left: -999px;
  margin-right: -999px;
  margin-top: 15px; }

/*ABARTH REVAMP*/
.newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 {
  height: 695px; }
  @media (max-width: 768px) {
    .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 {
      height: 545px; } }
  .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home {
    height: 650px; }
    @media (max-width: 768px) {
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home {
        height: 500px; } }
    .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list {
      height: 650px; }
      @media (max-width: 768px) {
        .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list {
          height: 100%; } }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore {
        height: 650px;
        display: flex;
        align-items: center;
        margin-left: 8.33%; }
        @media (max-width: 768px) {
          .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore {
            height: 500px;
            align-items: flex-start;
            margin: 0 20px; } }
        .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_right {
          display: none; }
        .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left {
          height: -webkit-fit-content;
          height: -moz-fit-content;
          height: fit-content;
          margin: 0;
          padding: 0;
          width: 50%; }
          @media (max-width: 768px) {
            .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left {
              width: 100%; } }
          .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
            font-size: 50px;
            letter-spacing: 6px;
            line-height: 58px;
            font-family: 'Abarth_heavy';
            color: #ffffff;
            margin: 0 !important;
            text-transform: initial; }
            @media (max-width: 768px) {
              .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 {
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                text-align: left;
                font-size: 32px;
                letter-spacing: 0.02px;
                line-height: 110%;
                margin: 30px 0 0 !important; } }
            .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 b {
              color: transparent;
              -webkit-text-stroke-width: 2px;
              -webkit-text-stroke-color: #ffffff; }
              @media (max-width: 768px) {
                .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left h2 b {
                  -webkit-text-stroke-width: 1px; } }
          .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .visore_subtitle {
            width: initial;
            max-width: 400px;
            margin: 30px 0 !important; }
            @media (max-width: 768px) {
              .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .visore_subtitle {
                margin: 20px 0 !important; } }
            .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .visore_subtitle p {
              font-size: 18px;
              line-height: 22px;
              font-family: 'Abarth_Light';
              color: #ffffff; }
          .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
            background-color: #e72020;
            color: #ffffff;
            padding: 15px 55px;
            box-shadow: 0px 0px 15px rgba(226, 0, 26, 0.8);
            border-radius: 5px;
            font-size: 16px;
            line-height: 19px;
            font-family: 'Abarth_Medium';
            text-transform: uppercase;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin: 0 !important; }
            @media (max-width: 768px) {
              .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .carousel-1IMG-slider-home .slick-list .home-slider-item .visore .visore_left .button.cta {
                padding: 10px 36px !important;
                margin: 20px 0 0 !important; } }
  .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list {
    position: relative; }
    .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #two .slide-list-item {
      background-image: none !important; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #two .slide-list-item.active .loader-empty {
        height: 45px;
        background-color: #e72020;
        background: #e72020;
        box-shadow: 0px 0px 25px #e72020;
        border: none !important;
        transition: width 4s ease-in;
        width: 50% !important; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #two .slide-list-item .loader-empty {
        background-color: transparent;
        border: 0px;
        width: 0px; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #two .slide-list-item .loader {
        height: 45px;
        background-color: #111111;
        border: 1px solid #FFD500;
        background-image: none !important; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #two .slide-list-item .imageColor {
        display: none; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #two .slide-list-item .auto_sub_title {
        height: 45px;
        display: flex;
        align-items: center;
        padding: 0 !important; }
        .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #two .slide-list-item .auto_sub_title h4 {
          font-size: 13px;
          line-height: 15px;
          color: #ffffff;
          font-family: 'Abarth_heavy';
          padding: 0 !important;
          margin: 0 25px;
          text-transform: initial; }
    .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #three .slide-list-item {
      background-image: none !important; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #three .slide-list-item.active .loader-empty {
        height: 45px;
        background-color: #e72020;
        background: #e72020;
        box-shadow: 0px 0px 25px #e72020;
        border: none !important;
        transition: width 3s ease-in;
        width: 33.3% !important; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #three .slide-list-item .loader-empty {
        background-color: transparent;
        border: 0px;
        width: 0px; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #three .slide-list-item .loader {
        height: 45px;
        background-color: #111111;
        border: 1px solid #FFD500;
        background-image: none !important; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #three .slide-list-item .imageColor {
        display: none; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #three .slide-list-item .auto_sub_title {
        height: 45px;
        display: flex;
        align-items: center;
        padding: 0 !important; }
        .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #three .slide-list-item .auto_sub_title h4 {
          font-size: 13px;
          line-height: 15px;
          color: #ffffff;
          font-family: 'Abarth_heavy';
          padding: 0 !important;
          margin: 0 25px;
          text-transform: initial; }
    .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #five .slide-list-item {
      background-image: none !important; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #five .slide-list-item.active .loader-empty {
        height: 45px;
        background-color: #e72020;
        background: #e72020;
        box-shadow: 0px 0px 25px #e72020;
        border: none !important;
        transition: width 3s ease-in;
        width: 20% !important; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #five .slide-list-item .loader-empty {
        background-color: transparent;
        border: 0px;
        width: 0px; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #five .slide-list-item .loader {
        height: 45px;
        background-color: #111111;
        border: 1px solid #FFD500;
        background-image: none !important; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #five .slide-list-item .imageColor {
        display: none; }
      .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #five .slide-list-item .auto_sub_title {
        height: 45px;
        display: flex;
        align-items: center;
        padding: 0 !important; }
        .newAbarth23 .BigCarousel.comp-abarth-carousel.visore_2017 .slider-list #five .slide-list-item .auto_sub_title h4 {
          font-size: 13px;
          line-height: 15px;
          color: #ffffff;
          font-family: 'Abarth_heavy';
          padding: 0 !important;
          margin: 0 25px;
          text-transform: initial; }

.Trepromo {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 1920px) {
    .Trepromo [class~="1/4"] {
      width: 37% !important; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .Trepromo [class~="1/4"] {
      width: 32% !important; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .Trepromo [class~="1/4"] {
      width: 35% !important; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .Trepromo [class~="1/4"] {
      width: 44% !important; } }
  @media screen and (min-width: 1920px) {
    .Trepromo .layout-promo {
      height: 195px; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .Trepromo .layout-promo {
      height: 170px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .Trepromo .layout-promo {
      height: 170px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .Trepromo .layout-promo {
      height: 130px; } }
  @media screen and (max-width: 767px) {
    .Trepromo .layout-promo {
      height: 140px; } }
  .Trepromo .layout-promo .box-promo {
    position: relative; }
    .Trepromo .layout-promo .box-promo .info-promo {
      top: 0;
      bottom: 0;
      left: 0;
      background: #e1e1e1;
      color: #000;
      font-family: 'Abarth_Medium'; }
      @media screen and (min-width: 1920px) {
        .Trepromo .layout-promo .box-promo .info-promo {
          height: 195px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .Trepromo .layout-promo .box-promo .info-promo {
          height: 170px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .Trepromo .layout-promo .box-promo .info-promo {
          height: 170px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .Trepromo .layout-promo .box-promo .info-promo {
          height: 130px; } }
      @media screen and (max-width: 767px) {
        .Trepromo .layout-promo .box-promo .info-promo {
          text-align: center; } }
      @media screen and (min-width: 1920px) {
        .Trepromo .layout-promo .box-promo .info-promo .right {
          margin-left: 160px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .Trepromo .layout-promo .box-promo .info-promo .right {
          margin-left: 160px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .Trepromo .layout-promo .box-promo .info-promo .right {
          margin-left: 100px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .Trepromo .layout-promo .box-promo .info-promo .right {
          margin-left: 30px; } }
      .Trepromo .layout-promo .box-promo .info-promo .offerte {
        border-left: 1px solid #fff;
        max-height: 195px;
        height: 165px;
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 1.5%; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .Trepromo .layout-promo .box-promo .info-promo .offerte {
            height: 140px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .Trepromo .layout-promo .box-promo .info-promo .offerte {
            height: 140px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .Trepromo .layout-promo .box-promo .info-promo .offerte {
            height: 100px; } }
        @media screen and (max-width: 767px) {
          .Trepromo .layout-promo .box-promo .info-promo .offerte {
            border-left: none;
            float: none;
            height: inherit;
            margin: 0 auto;
            max-width: 345px;
            padding: 4% 3%;
            text-align: left;
            padding-left: 18px;
            padding-right: 18px; } }
      .Trepromo .layout-promo .box-promo .info-promo b {
        line-height: 1em;
        padding-bottom: 0;
        margin-bottom: 5%;
        text-transform: uppercase;
        font-family: 'Abarth_Medium'; }
        @media screen and (min-width: 1920px) {
          .Trepromo .layout-promo .box-promo .info-promo b {
            /*font-size: 2em;*/
            font-size: 1.1em; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .Trepromo .layout-promo .box-promo .info-promo b {
            font-size: 1.1em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .Trepromo .layout-promo .box-promo .info-promo b {
            font-size: 1.1em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .Trepromo .layout-promo .box-promo .info-promo b {
            font-size: 1.1em; } }
        @media screen and (max-width: 767px) {
          .Trepromo .layout-promo .box-promo .info-promo b {
            font-family: "Abarth_Light";
            font-size: 20px;
            text-transform: none; } }
      .Trepromo .layout-promo .box-promo .info-promo p {
        font-family: 'Abarth_Light'; }
        @media screen and (min-width: 1920px) {
          .Trepromo .layout-promo .box-promo .info-promo p {
            /*font-size: 1.125em;*/
            font-size: 0.9em;
            margin-bottom: 0.5rem; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .Trepromo .layout-promo .box-promo .info-promo p {
            font-size: 0.9em;
            margin-bottom: 0.3rem; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .Trepromo .layout-promo .box-promo .info-promo p {
            font-size: 0.85em;
            margin-bottom: 0.3rem; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .Trepromo .layout-promo .box-promo .info-promo p {
            font-size: 0.7em;
            margin-bottom: 0.2rem; } }
        @media screen and (max-width: 767px) {
          .Trepromo .layout-promo .box-promo .info-promo p {
            font-size: 16px;
            margin-bottom: 2%; } }
        @media screen and (min-width: 1920px) {
          .Trepromo .layout-promo .box-promo .info-promo p.specialSmall {
            font-size: 0.7em;
            margin-top: 10%; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .Trepromo .layout-promo .box-promo .info-promo p.specialSmall {
            font-size: 0.7em;
            margin-top: 50px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .Trepromo .layout-promo .box-promo .info-promo p.specialSmall {
            font-size: 0.7em;
            margin-top: 55px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .Trepromo .layout-promo .box-promo .info-promo p.specialSmall {
            font-size: 0.7em;
            margin-top: 33px; } }
        @media screen and (max-width: 767px) {
          .Trepromo .layout-promo .box-promo .info-promo p.specialSmall {
            font-size: 16px;
            margin-top: 8%; } }
    .Trepromo .layout-promo .box-promo .info-community {
      right: 0;
      top: 0;
      bottom: 0;
      padding-left: 0; }
      @media screen and (min-width: 1920px) {
        .Trepromo .layout-promo .box-promo .info-community {
          height: 195px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .Trepromo .layout-promo .box-promo .info-community {
          height: 170px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .Trepromo .layout-promo .box-promo .info-community {
          height: 170px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .Trepromo .layout-promo .box-promo .info-community {
          height: 130px; } }
      @media screen and (max-width: 767px) {
        .Trepromo .layout-promo .box-promo .info-community {
          display: none; } }
      .Trepromo .layout-promo .box-promo .info-community .img-community {
        background-position: center center;
        background-size: cover !important;
        height: inherit;
        padding: 0 25px; }
        @media screen and (min-width: 1920px) {
          .Trepromo .layout-promo .box-promo .info-community .img-community {
            height: 195px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .Trepromo .layout-promo .box-promo .info-community .img-community {
            height: 170px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .Trepromo .layout-promo .box-promo .info-community .img-community {
            height: 170px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .Trepromo .layout-promo .box-promo .info-community .img-community {
            height: 130px;
            padding: 0 15px;
            background-position: right 0px top !important; } }
        .Trepromo .layout-promo .box-promo .info-community .img-community .info-txt {
          text-transform: uppercase;
          margin: 4% 0;
          font-family: 'Abarth_Medium';
          font-size: 1.125em;
          margin-top: 20px;
          width: 60%; }
          @media screen and (min-width: 1920px) {
            .Trepromo .layout-promo .box-promo .info-community .img-community .info-txt {
              font-size: 0.9em; }
              .Trepromo .layout-promo .box-promo .info-community .img-community .info-txt b {
                font-size: 1.1em; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .Trepromo .layout-promo .box-promo .info-community .img-community .info-txt {
              font-size: 0.9em;
              margin: 4% 0 2% 0; }
              .Trepromo .layout-promo .box-promo .info-community .img-community .info-txt b {
                font-size: 1.1em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .Trepromo .layout-promo .box-promo .info-community .img-community .info-txt {
              font-size: 0.9em;
              margin: 4% 0 2% 0; }
              .Trepromo .layout-promo .box-promo .info-community .img-community .info-txt b {
                font-size: 1.1em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .Trepromo .layout-promo .box-promo .info-community .img-community .info-txt {
              font-size: 0.7em;
              margin: 4% 0 2% 0;
              margin-top: 10px;
              width: 100%; }
              .Trepromo .layout-promo .box-promo .info-community .img-community .info-txt b {
                font-size: 1.1em; } }
          .Trepromo .layout-promo .box-promo .info-community .img-community .info-txt p {
            margin-bottom: 0; }
          .Trepromo .layout-promo .box-promo .info-community .img-community .info-txt p:first-child {
            font-family: 'Abarth_light', sans-serif; }
          .Trepromo .layout-promo .box-promo .info-community .img-community .info-txt b {
            font-family: 'Abarth_Medium'; }
        .Trepromo .layout-promo .box-promo .info-community .img-community .info-sub {
          font-family: 'Abarth_Medium';
          font-size: 0.9em;
          width: 60%; }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .Trepromo .layout-promo .box-promo .info-community .img-community .info-sub {
              font-size: 0.9em; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .Trepromo .layout-promo .box-promo .info-community .img-community .info-sub {
              font-size: 0.7em; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .Trepromo .layout-promo .box-promo .info-community .img-community .info-sub {
              font-size: 0.6em;
              width: 100%; } }
          .Trepromo .layout-promo .box-promo .info-community .img-community .info-sub p {
            margin-bottom: 0;
            font-family: 'Abarth_light', sans-serif; }
  .Trepromo .layout-promo .cta {
    position: absolute;
    bottom: 10px;
    background: #e72020;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 15px; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .Trepromo .layout-promo .cta {
        font-size: 0.8125em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .Trepromo .layout-promo .cta {
        font-size: 0.7em; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .Trepromo .layout-promo .cta {
        /*font-size: 0.7em; 
				margin-bottom: 0px;
				padding: 8px;*/
        font-size: .6em;
        margin-bottom: 0;
        padding: 6px; } }
    @media screen and (max-width: 767px) {
      .Trepromo .layout-promo .cta {
        position: relative;
        text-align: center;
        display: block;
        margin: 0 auto;
        padding: 10px 20px;
        max-width: 230px;
        margin-top: 30px; } }

.comp-abarth-range-carousel {
  width: 100%;
  z-index: 0;
  display: block;
  position: relative;
  background-color: #303030 !important;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */ }
  .comp-abarth-range-carousel .car-range-container-secondBackground {
    z-index: 1;
    position: relative;
    display: block; }
    @media screen and (min-width: 1920px) {
      .comp-abarth-range-carousel .car-range-container-secondBackground {
        min-height: 662px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .comp-abarth-range-carousel .car-range-container-secondBackground {
        min-height: 490px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .comp-abarth-range-carousel .car-range-container-secondBackground {
        min-height: 580px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .comp-abarth-range-carousel .car-range-container-secondBackground {
        min-height: 520px; } }
    @media screen and (max-width: 767px) {
      .comp-abarth-range-carousel .car-range-container-secondBackground {
        min-height: 580px; } }
    .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container {
      width: 100%;
      overflow: hidden;
      /*position: relative;*/ }
      @media screen and (min-width: 1920px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container {
          height: 490px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container {
          height: 348px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container {
          height: 360px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container {
          height: 300px; } }
      @media screen and (max-width: 767px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container {
          height: 380px;
          z-index: 10; } }
      .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar {
        position: absolute;
        margin: 0 !important;
        /*padding: 0px!important;*/
        list-style: none;
        display: inline-flex; }
        @media screen and (min-width: 1920px) {
          .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar {
            padding-left: 40px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar {
            padding-left: 25px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar {
            padding-left: 40px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar {
            padding-left: 20px; } }
        @media screen and (max-width: 767px) {
          .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar {
            padding-top: 30px; } }
        .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel {
          float: left;
          cursor: pointer;
          display: block; }
          @media screen and (min-width: 1920px) {
            .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel {
              height: 662px;
              min-width: 455px;
              max-width: 455px;
              padding-top: 60px; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel {
              height: 490px;
              min-width: 323px;
              max-width: 323px;
              padding-top: 40px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel {
              height: 580px;
              min-width: 323px;
              max-width: 323px;
              padding-top: 40px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel {
              height: 520px;
              min-width: 250px;
              max-width: 250px;
              padding-top: 30px; } }
          @media screen and (max-width: 767px) {
            .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel {
              max-width: 400px; } }
          .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel .car-range-logo {
            display: block !important;
            margin: 0 auto !important; }
            @media screen and (min-width: 1920px) {
              .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel .car-range-logo {
                margin-bottom: 40px !important; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel .car-range-logo {
                margin-bottom: 20px !important; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel .car-range-logo {
                margin-bottom: 40px !important; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel .car-range-logo {
                margin-bottom: 40px !important; } }
            @media screen and (max-width: 767px) {
              .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel .car-range-logo {
                margin-bottom: 20px !important; } }
          .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel .img-car-range {
            display: block !important;
            margin: 0 auto !important; }
          @media screen and (min-width: 1920px) {
            .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel .button.cta {
              height: 44px;
              width: 252px; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel .button.cta {
              height: 44px;
              width: 252px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel .button.cta {
              height: 24px;
              width: 203px;
              font-size: 0.75em;
              padding: 6px 10px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel .button.cta {
              height: 24px;
              width: 203px;
              font-size: 0.75em;
              padding: 6px 10px; } }
          @media screen and (max-width: 767px) {
            .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel .button.cta {
              height: 37px;
              width: 254px;
              line-height: 30px;
              font-size: 15px;
              padding: 6px 10px; } }
          .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel a:first-of-type {
            display: block; }
            @media screen and (min-width: 1920px) {
              .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel a:first-of-type {
                height: 374px; } }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel a:first-of-type {
                height: 255px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel a:first-of-type {
                height: 278px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel a:first-of-type {
                height: 230px; } }
            @media screen and (max-width: 767px) {
              .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel a:first-of-type {
                height: 279px; } }
            .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel a:first-of-type img {
              cursor: pointer; }
          .comp-abarth-range-carousel .car-range-container-secondBackground .car-range-container .listCarRangeCar .element-car-range-carousel:not(.rangeBackGroundDeactive) a:first-of-type {
            cursor: default; }
    .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector {
      margin: 0 auto;
      height: 31px;
      position: relative;
      /*@include media-query(retina) {
          width:100px;
      }*/ }
      @media screen and (min-width: 1920px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector {
          display: none; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector {
          display: none; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector {
          width: 200px;
          margin-top: 36px;
          margin-bottom: -10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector {
          width: 200px;
          margin-top: 36px;
          margin-bottom: -10px; } }
      @media screen and (max-width: 767px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector {
          width: 100px; } }
      .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector .arrowRange {
        height: 31px;
        float: left;
        width: 21px; }
      .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector .leftArrow {
        cursor: pointer;
        background: url(clientlib-base/resources/images/car-range-images/range-arrow-grey.png) no-repeat; }
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector .leftArrow:active {
          background: url(clientlib-base/resources/images/car-range-images/range-arrow-white.png) no-repeat;
          /* IE 9 */
          /* Chrome, Safari, Opera */
          transform: rotate(180deg); }
      .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector .rightArrow {
        cursor: pointer;
        background: url(clientlib-base/resources/images/car-range-images/range-arrow-grey.png) no-repeat;
        /* IE 9 */
        /* Chrome, Safari, Opera */
        transform: rotate(180deg);
        margin-left: 58px; }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector .rightArrow {
            margin-left: 158px !important; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector .rightArrow {
            margin-left: 158px !important; } }
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerArrowGammaSelector .rightArrow:active {
          background: url(clientlib-base/resources/images/car-range-images/range-arrow-white.png) no-repeat;
          /* IE 9 */
          /* Chrome, Safari, Opera */
          transform: rotate(0deg); }
    .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector {
      margin: 0 auto;
      height: 33px;
      background: url(clientlib-base/resources/images/car-range-images/range-back.png) repeat-x;
      background-position: 0% 50%;
      z-index: 10;
      position: relative; }
      @media screen and (min-width: 1920px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector {
          width: 1000px;
          margin-top: 50px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector {
          width: 1000px;
          margin-top: 40px;
          padding: 1px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector {
          width: 800px;
          margin-top: 51px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector {
          width: 600px;
          margin-top: 51px; } }
      @media screen and (max-width: 767px) {
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector {
          max-width: 330px;
          width: 80%;
          margin-top: 44px; } }
      .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector .dotRange {
        position: absolute;
        background: url(clientlib-base/resources/images/car-range-images/back-range-selector.png);
        cursor: pointer;
        width: 33px;
        height: 33px;
        float: left; }
      .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector .selector-range {
        cursor: pointer;
        position: relative;
        background: url(clientlib-base/resources/images/car-range-images/selector-range.png);
        width: 33px;
        height: 33px; }
        .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector .selector-range:active {
          background: url(clientlib-base/resources/images/car-range-images/selector-range-active.png);
          width: 33px;
          height: 33px;
          position: relative;
          cursor: pointer; }
      .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector .dotName {
        position: absolute;
        text-align: center;
        margin-top: 53px;
        float: left; }
        @media screen and (min-width: 1920px) {
          .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector .dotName {
            width: 150px !important; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector .dotName {
            width: 150px !important; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector .dotName {
            width: 120px !important; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector .dotName {
            width: 120px !important; } }
        @media screen and (max-width: 767px) {
          .comp-abarth-range-carousel .car-range-container-secondBackground .containerGammaSelector .dotName {
            /*margin-left: 86.5px;*/
            font-size: 15px !important;
            line-height: 1.2 !important;
            width: 60px !important; } }
  .comp-abarth-range-carousel .rangeBackGroundActive {
    background-color: none !important;
    opacity: none !important; }
  .comp-abarth-range-carousel .rangeBackGroundDeactive {
    background-color: black !important;
    opacity: 0.2 !important; }
  .comp-abarth-range-carousel .nameRageActive {
    color: #fff !important; }
  .comp-abarth-range-carousel .nameRangeDeactive {
    color: #9E9E9E !important; }
  .comp-abarth-range-carousel .car-range-logo-resize {
    width: 80% !important; }
  .comp-abarth-range-carousel .img-car-range-resize {
    width: 80% !important; }

/*!
 * jQuery UI Datepicker 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.scorpionship {
  margin: 0 auto;
  padding: 20px;
  background-color: #000; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .scorpionship {
      padding: 0px; } }
  @media screen and (max-width: 767px) {
    .scorpionship {
      padding: 0px; } }
  .scorpionship .navigation-header-form {
    height: 155px !important;
    min-height: 155px; }
  .scorpionship .layout__item {
    padding: 6px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .scorpionship .bg-image {
      position: relative; } }
  @media screen and (max-width: 767px) {
    .scorpionship .bg-image {
      position: relative; } }
  .scorpionship .layout-abarth.flex {
    display: flex; }
    @media screen and (max-width: 767px) {
      .scorpionship .layout-abarth.flex {
        display: block; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship .layout-abarth.flex {
        display: block; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship .layout-abarth.flex:nth-of-type(1) .layout__item .contact-us-box {
        min-height: 240px; } }
    .scorpionship .layout-abarth.flex .layout__item {
      padding: 6px; }
      .scorpionship .layout-abarth.flex .layout__item:nth-child(2) {
        position: relative; }
        @media screen and (max-width: 767px) {
          .scorpionship .layout-abarth.flex .layout__item:nth-child(2) .contact-us-box {
            position: relative; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .scorpionship .layout-abarth.flex .layout__item:nth-child(2) .contact-us-box {
            position: relative; } }
  .scorpionship .layout-abarth .form-text {
    padding: 3% 3% 0px 100px !important; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship .layout-abarth .form-text {
        /*margin-top: 150px;*/
        padding: 50px !important; } }
    @media screen and (max-width: 767px) {
      .scorpionship .layout-abarth .form-text {
        /*margin-top: 200px;*/
        margin-top: 50px;
        padding: 50px !important; } }
    .scorpionship .layout-abarth .form-text h2 {
      font-family: "Abarth_Medium";
      font-size: 34pt;
      color: white;
      line-height: 1; }
    .scorpionship .layout-abarth .form-text h1 {
      font-family: "Abarth_Medium";
      font-size: 34pt;
      color: white;
      line-height: 1; }
  .scorpionship .form-flow {
    padding: 0px 100px 0px 1% !important; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship .form-flow {
        padding: 30px !important; } }
    @media screen and (max-width: 767px) {
      .scorpionship .form-flow {
        padding: 10px !important; } }
  .scorpionship .container-form {
    color: #fff;
    padding: 5px;
    font-family: 'Abarth_Light'; }
    .scorpionship .container-form .form-container {
      background-color: transparent !important; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .scorpionship .container-form .form-container {
          background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; } }
      @media screen and (max-width: 767px) {
        .scorpionship .container-form .form-container {
          background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; } }
    .scorpionship .container-form .form-abarth {
      /*background-color: transparent !important;*/
      background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; }
    .scorpionship .container-form p {
      font-size: 1em;
      line-height: 1.2; }
      .scorpionship .container-form p.note {
        font-size: 0.75em; }
    .scorpionship .container-form .stores {
      text-align: center; }
      .scorpionship .container-form .stores a {
        display: inline-block;
        height: 58px;
        border: 2px solid #ccc;
        border-radius: 8px;
        margin-right: 8px; }
        @media screen and (max-width: 767px) {
          .scorpionship .container-form .stores a {
            height: 35px;
            border-radius: 5px;
            border: 1px solid #ccc;
            margin-right: 3px;
            width: 96px;
            /*bla_2*/ } }
        .scorpionship .container-form .stores a:first-child {
          margin-right: 0px; }
        .scorpionship .container-form .stores a img {
          height: 100%;
          width: auto;
          min-width: 0; }
    .scorpionship .container-form img {
      height: 60px;
      width: auto;
      min-width: 140px;
      display: block;
      margin: 0 auto;
      margin-bottom: 20px;
      height: auto; }
      @media screen and (max-width: 767px) {
        .scorpionship .container-form img {
          height: 45px; } }
    .scorpionship .container-form .back-to .back-btn {
      color: black;
      font-size: 1em;
      margin: 20px; }
    .scorpionship .container-form .back-to a {
      text-decoration: none; }
  .scorpionship .form-container {
    background-color: transparent !important; }
    .scorpionship .form-container .field-label {
      font-family: 'Abarth_Medium';
      text-transform: uppercase;
      font-size: 1.25em; }
      @media screen and (max-width: 767px) {
        .scorpionship .form-container .field-label {
          font-size: 1em; } }
      .scorpionship .form-container .field-label.underline {
        border-bottom: 1px solid #fff;
        padding-bottom: 20px;
        margin-bottom: 20px;
        margin-top: 25px; }
    .scorpionship .form-container select {
      color: black;
      font: inherit;
      margin: 0;
      height: 33px;
      min-width: 180px; }
    .scorpionship .form-container .text-field {
      font-family: 'Abarth_Light';
      margin-bottom: 15px;
      min-height: 70px; }
      .scorpionship .form-container .text-field label {
        display: block;
        padding: 5px 0 5px 0;
        font-size: 0.75em; }
        @media screen and (max-width: 767px) {
          .scorpionship .form-container .text-field label {
            font-size: 0.75em; } }
      .scorpionship .form-container .text-field input {
        display: block;
        border: 0;
        border-left: solid 5px #666;
        width: 100%;
        height: 35px;
        color: #000;
        padding-left: 5px;
        font-size: 1em; }
        @media screen and (max-width: 767px) {
          .scorpionship .form-container .text-field input {
            font-size: 1em; } }
      .scorpionship .form-container .text-field textarea {
        display: block;
        border: 0;
        border-left: solid 5px #666;
        width: 100%;
        color: #000;
        padding: 5px;
        font-size: 1em;
        resize: none; }
        @media screen and (max-width: 767px) {
          .scorpionship .form-container .text-field textarea {
            font-size: 1em; } }
      .scorpionship .form-container .text-field .errorInput {
        font-size: 12px;
        padding-top: 6px; }
    .scorpionship .form-container .inline {
      display: inline-block !important; }
    .scorpionship .form-container .agreement {
      font-family: 'Abarth_Light';
      line-height: 1.5em;
      margin-top: 8px;
      margin-bottom: 5px;
      font-size: 0.9em; }
      @media screen and (max-width: 767px) {
        .scorpionship .form-container .agreement {
          font-size: 0.9em;
          line-height: 1em; } }
    .scorpionship .form-container .cta {
      font-size: 1em;
      height: 35px;
      line-height: 35px;
      padding: 0;
      border: 0;
      max-width: 470px;
      width: 50%; }
      @media screen and (max-width: 767px) {
        .scorpionship .form-container .cta {
          height: 30px;
          line-height: 30px;
          font-size: 0.75em; } }
    .scorpionship .form-container a {
      text-decoration: underline;
      cursor: pointer;
      color: white; }
    .scorpionship .form-container .radio {
      display: inline-block;
      cursor: pointer;
      font-size: 0.9em;
      line-height: 1em;
      margin-bottom: 10px;
      margin-right: 25px;
      text-transform: uppercase;
      font-family: 'Abarth_Medium'; }
      @media screen and (max-width: 767px) {
        .scorpionship .form-container .radio {
          font-size: o 0.9em; } }
      .scorpionship .form-container .radio.full {
        width: 100%;
        margin-right: 0; }
      .scorpionship .form-container .radio.normal-case {
        text-transform: none; }
      .scorpionship .form-container .radio.error {
        color: #e72020; }
      .scorpionship .form-container .radio input {
        width: 1px;
        height: 1px;
        opacity: 0; }
        .scorpionship .form-container .radio input:checked + .outer {
          border: 2px solid #fff; }
        .scorpionship .form-container .radio input:checked + .outer .inner {
          transform: scale(1);
          opacity: 1; }
      .scorpionship .form-container .radio .outer {
        width: 20px;
        height: 20px;
        display: block;
        float: left;
        margin-top: -3px;
        margin-right: 3px;
        border: 2px solid #808080;
        border-radius: 50%; }
        @media screen and (max-width: 767px) {
          .scorpionship .form-container .radio .outer {
            margin-top: -6px; } }
      .scorpionship .form-container .radio .inner {
        transition: all 0.25s ease-in-out;
        width: 10px;
        height: 10px;
        transform: scale(0);
        display: block;
        margin: 3px;
        border-radius: 50%;
        background-color: #fff;
        opacity: 0; }
  .scorpionship .agreement a {
    text-decoration: underline;
    cursor: pointer;
    color: white; }
  .scorpionship .privacy_note {
    font-size: 0.9em !important;
    margin-bottom: 20px; }
  .scorpionship .std-form-input.error {
    border-color: #e72020 !important; }
  .scorpionship .radio.normal-case.error {
    color: #e72020 !important; }
  .scorpionship .form-selectbox {
    height: 36px; }
    .scorpionship .form-selectbox.gender-select {
      min-width: 360px; }
  .scorpionship .form-selectbox.error {
    border: #e72020;
    border-style: solid; }
  .scorpionship .form-header div {
    height: 46px;
    border-bottom: 1px solid white; }
  .scorpionship .obligatory-fields-note {
    float: right;
    text-align: right;
    font-size: 0.75em;
    font-family: 'Abarth_Light';
    color: #fff; }
    @media screen and (max-width: 767px) {
      .scorpionship .obligatory-fields-note {
        font-size: 0.5em; } }
  .scorpionship .left-pos {
    float: left; }
  .scorpionship .form-thank {
    color: #fff;
    background: none; }
    .scorpionship .form-thank.thankyou-visita {
      margin: 20px 90px 90px;
      display: none;
      background: none;
      min-height: 500px; }
    @media screen and (max-width: 767px) {
      .scorpionship .form-thank {
        text-align: center;
        background: none; } }
    .scorpionship .form-thank .thank-title {
      line-height: 1.4;
      margin-bottom: 10px;
      text-transform: none;
      font-size: 1.3em; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .scorpionship .form-thank .thank-title {
          font-size: 1em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .scorpionship .form-thank .thank-title {
          font-size: 1em; } }
      @media screen and (max-width: 767px) {
        .scorpionship .form-thank .thank-title {
          font-size: 1em; } }
    .scorpionship .form-thank .reminder {
      font-size: 1.2em;
      font-family: 'Abarth_Light', sans-serif; }
      @media screen and (min-width: 1920px) {
        .scorpionship .form-thank .reminder {
          font-size: 1em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .scorpionship .form-thank .reminder {
          font-size: 1em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .scorpionship .form-thank .reminder {
          font-size: 1em; } }
      @media screen and (max-width: 767px) {
        .scorpionship .form-thank .reminder {
          font-size: 1em; } }
    .scorpionship .form-thank .cta_scorpion_form {
      margin: 40px;
      min-width: 250px;
      max-width: 380px; }

.ui-datepicker {
  width: 315px;
  background-color: snow; }

.ui-datepicker .ui-datepicker-next {
  width: 1em; }

.ui-datepicker .ui-datepicker-prev {
  width: 1em; }

/*THE SCORPIONSHIP SITE*/
.scorpionship-header {
  position: relative; }
  .scorpionship-header .edit-img {
    position: relative; }
    @media screen and (min-width: 1920px) {
      .scorpionship-header .edit-img .img-breakpoint {
        background-size: cover;
        height: 750px;
        background-position: 50% 50%;
        width: 100%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-header .edit-img .img-breakpoint {
        background-size: cover;
        height: 558px;
        background-position: 50% 50%;
        width: 100%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-header .edit-img .img-breakpoint {
        background-size: cover;
        height: 550px;
        background-position: 50% 50%;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-header .edit-img .img-breakpoint {
        height: 540px;
        background-size: cover;
        background-position: 43% 50%;
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-header .edit-img .img-breakpoint {
        height: 500px;
        background-size: cover;
        background-position: 50% 50%;
        width: 100%; } }
    .scorpionship-header .edit-img .editorial-text {
      width: 100%;
      position: absolute;
      bottom: 0; }
      @media screen and (min-width: 1920px) {
        .scorpionship-header .edit-img .editorial-text {
          height: 9%; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .scorpionship-header .edit-img .editorial-text {
          bottom: 3%; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .scorpionship-header .edit-img .editorial-text {
          bottom: 3.5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .scorpionship-header .edit-img .editorial-text {
          bottom: 0; } }
      @media screen and (max-width: 767px) {
        .scorpionship-header .edit-img .editorial-text {
          bottom: 0; } }
      .scorpionship-header .edit-img .editorial-text .subhead {
        width: 50%;
        text-align: right;
        float: left;
        margin-right: 5px;
        font-size: 15pt;
        color: #fff;
        font-family: 'Abarth_heavy';
        text-transform: uppercase;
        line-height: 1;
        padding: 6px 10px;
        margin-bottom: 10px; }
        @media screen and (min-width: 1920px) {
          .scorpionship-header .edit-img .editorial-text .subhead {
            font-size: 20pt;
            padding: 10px; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .scorpionship-header .edit-img .editorial-text .subhead {
            font-size: 1em;
            padding: 12px 10px;
            margin-bottom: 0; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .scorpionship-header .edit-img .editorial-text .subhead {
            font-size: 1em;
            padding: 8px;
            margin-bottom: 0; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .scorpionship-header .edit-img .editorial-text .subhead {
            padding: 10px;
            font-size: 14pt; } }
        @media screen and (max-width: 767px) {
          .scorpionship-header .edit-img .editorial-text .subhead {
            width: 100%;
            text-align: center;
            margin-top: 3%; } }
      .scorpionship-header .edit-img .editorial-text .btncta {
        background-color: #e72020;
        cursor: pointer;
        min-width: 144px;
        text-align: center;
        text-transform: uppercase;
        font-family: "Abarth_Medium";
        display: inline-block;
        text-decoration: none;
        color: #fff;
        padding: 8px 10px;
        font-size: 11pt; }
        @media screen and (min-width: 1920px) {
          .scorpionship-header .edit-img .editorial-text .btncta {
            min-width: 220px;
            padding: 12px 14px;
            font-size: 15pt; } }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .scorpionship-header .edit-img .editorial-text .btncta {
            min-width: 220px;
            padding: 12px 14px;
            font-size: 1em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .scorpionship-header .edit-img .editorial-text .btncta {
            min-width: 200px;
            padding: 8px;
            font-size: 1em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .scorpionship-header .edit-img .editorial-text .btncta {
            display: inline-block !important;
            padding: 10px;
            font-size: 14px;
            min-width: 155px; } }
        @media screen and (max-width: 767px) {
          .scorpionship-header .edit-img .editorial-text .btncta {
            display: inline-block !important;
            width: 84%;
            margin: 0 8%; } }
  .scorpionship-header .edit-img.no-cta .btncta {
    display: none; }

.latoAbarth {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: -5px !important; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .latoAbarth {
      min-height: 200px; } }
  @media screen and (max-width: 767px) {
    .latoAbarth {
      margin: 0 auto;
      margin-top: 0px !important; }
      .latoAbarth .force_left {
        text-align: left !important; }
      .latoAbarth .force_center {
        text-align: center !important; } }
  .latoAbarth .cta {
    position: absolute; }
    @media screen and (min-width: 1920px) {
      .latoAbarth .cta {
        min-width: 270px;
        line-height: 25px;
        padding-top: 9px;
        bottom: 25px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .latoAbarth .cta {
        display: block;
        bottom: 25px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .latoAbarth .cta {
        display: block;
        bottom: 25px; } }
    @media screen and (max-width: 767px) {
      .latoAbarth .cta {
        margin-left: 0;
        left: 10%;
        width: 84%;
        line-height: 25px;
        padding-top: 9px; } }
  .latoAbarth .text {
    position: relative;
    padding: 0 8.33%;
    margin-bottom: 40px;
    float: left;
    width: 50%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .latoAbarth .text {
        margin-bottom: 0px;
        padding: 0 5%; } }
    @media screen and (max-width: 767px) {
      .latoAbarth .text {
        width: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.6);
        margin-bottom: 0px;
        padding: 0 7%; } }
    .latoAbarth .text .title {
      text-transform: uppercase;
      margin-bottom: 20px;
      margin-top: 0;
      font-family: "Abarth_heavy"; }
      @media screen and (min-width: 1920px) {
        .latoAbarth .text .title {
          font-size: 55px;
          line-height: 55px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .latoAbarth .text .title {
          font-size: 38px;
          line-height: 40px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .latoAbarth .text .title {
          font-size: 32px;
          line-height: 33px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .latoAbarth .text .title {
          margin-bottom: 20px;
          text-align: left;
          margin-top: 40px;
          font-size: 24px;
          line-height: 24px; } }
      @media screen and (max-width: 767px) {
        .latoAbarth .text .title {
          margin-bottom: 20px;
          text-align: center;
          margin-top: 20px;
          padding: 0 10px;
          font-size: 1.4em;
          line-height: 1.1; } }
      @media screen and (max-width: 767px) {
        .latoAbarth .text .title .text {
          color: #fff; } }
    .latoAbarth .text p {
      margin-bottom: 0;
      font-family: "Abarth_light";
      margin-bottom: 1em; }
      @media screen and (min-width: 1920px) {
        .latoAbarth .text p {
          font-size: 24px;
          line-height: 30px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .latoAbarth .text p {
          font-size: 18px;
          line-height: 20px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .latoAbarth .text p {
          font-size: 16px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .latoAbarth .text p {
          text-align: left;
          margin-bottom: 20px;
          font-size: 14px;
          line-height: 16px; } }
      @media screen and (max-width: 767px) {
        .latoAbarth .text p {
          margin-bottom: 2em;
          text-align: center;
          padding: 0 10px;
          font-size: 1em;
          line-height: 1.2em; } }
      @media screen and (max-width: 767px) {
        .latoAbarth .text p .text {
          color: #fff; } }
  .latoAbarth.grey {
    background-color: #323232; }
    .latoAbarth.grey .text {
      color: #fff; }
      @media screen and (max-width: 767px) {
        .latoAbarth.grey .text {
          color: #fff; } }
  .latoAbarth.black {
    background-color: #000; }
    .latoAbarth.black .text {
      color: #fff; }
      @media screen and (max-width: 767px) {
        .latoAbarth.black .text {
          color: #fff; } }
  .latoAbarth.cover-left-nobg img.responsive {
    display: block;
    float: right;
    margin-bottom: 70px;
    margin-right: 8%;
    margin-top: 70px;
    min-height: auto;
    width: 35%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .latoAbarth.cover-left-nobg img.responsive {
        min-height: auto;
        width: 70%;
        float: none;
        max-width: none;
        margin: 0% 15%;
        bottom: 0;
        display: block; } }
    @media screen and (max-width: 767px) {
      .latoAbarth.cover-left-nobg img.responsive {
        min-height: auto;
        width: 70%;
        float: none;
        max-width: none;
        margin: 0% 15%;
        bottom: 0;
        display: block; } }
  .latoAbarth.cover-left-nobg .text {
    top: 8%;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .latoAbarth.cover-left-nobg .text {
        top: 1%;
        position: relative; } }
    @media screen and (max-width: 767px) {
      .latoAbarth.cover-left-nobg .text {
        top: 1%;
        position: relative;
        background-color: transparent; } }
  @media screen and (min-width: 1920px) {
    .latoAbarth.cover-left-nobg .cta {
      left: 8.33%;
      bottom: 10%;
      font-size: 15pt; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .latoAbarth.cover-left-nobg .cta {
      left: 8.33%;
      bottom: 0;
      min-width: 270px;
      line-height: 25px;
      padding-top: 9px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .latoAbarth.cover-left-nobg .cta {
      left: 8.33%;
      bottom: 10%;
      min-width: 250px;
      line-height: 15px;
      padding-top: 9px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .latoAbarth.cover-left-nobg .cta {
      position: relative;
      margin-left: 5%;
      padding: 8px 10px;
      min-width: 270px; } }
  @media screen and (max-width: 767px) {
    .latoAbarth.cover-left-nobg .cta {
      position: relative;
      left: 0;
      bottom: 2%;
      height: 25px;
      line-height: 27px;
      padding: 0;
      width: 84%;
      margin: 0 8%; } }
  .latoAbarth.special .text {
    width: 65%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .latoAbarth.special .text {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .latoAbarth.special .text {
        width: 100%; } }

.scorpionship-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: block;
  background-color: #000; }
  .scorpionship-box .bigLeft {
    margin: 2% 0% 0% 8%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .bigLeft {
        margin: 2% 0 0 5%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .bigLeft {
        margin: 5% 8%; } }
  .scorpionship-box .smallRight {
    margin: 2% 8% 0% 2%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .smallRight {
        margin: 2% 5% 0 2%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .smallRight {
        margin: 5% 8%; } }
  .scorpionship-box .smallLeft {
    margin: 2% 0% 0% 8%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .smallLeft {
        margin: 2% 0 0 5%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .smallLeft {
        margin: 5% 8%; } }
  .scorpionship-box .bigRight {
    margin: 2% 8% 0% 2%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .bigRight {
        margin: 2% 5% 0 2%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .bigRight {
        margin: 5% 8%; } }
  .scorpionship-box .img-breakpoint.big {
    background-size: cover;
    border-top: 5px solid #fff; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box .img-breakpoint.big {
        height: 470px;
        background-position: 50% 50%;
        width: 50%;
        float: left; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box .img-breakpoint.big {
        height: 400px;
        background-position: 50% 50%;
        width: 50%;
        float: left; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box .img-breakpoint.big {
        height: 300px;
        background-position: 50% 50%;
        width: 50%;
        float: left; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .img-breakpoint.big {
        height: 300px;
        background-size: cover;
        background-position: 43% 50%;
        width: 44%;
        float: left; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .img-breakpoint.big {
        height: 300px;
        background-size: cover;
        background-position: 50% 50%;
        width: 84%;
        padding: 0; } }
    .scorpionship-box .img-breakpoint.big:hover {
      border-top: 5px solid #e72020; }
  .scorpionship-box .img-breakpoint.small {
    background-size: cover;
    border-top: 5px solid #fff; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box .img-breakpoint.small {
        height: 470px;
        background-position: 50% 50%;
        width: 30%;
        float: left; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box .img-breakpoint.small {
        height: 400px;
        background-position: 50% 50%;
        width: 30%;
        float: left; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box .img-breakpoint.small {
        height: 300px;
        background-position: 50% 50%;
        width: 30%;
        float: left; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .img-breakpoint.small {
        height: 300px;
        background-size: cover;
        background-position: 43% 50%;
        width: 44%;
        float: left; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .img-breakpoint.small {
        height: 300px;
        background-size: cover;
        background-position: 50% 50%;
        width: 84%;
        padding: 0; } }
    .scorpionship-box .img-breakpoint.small:hover {
      border-top: 5px solid #e72020; }
  .scorpionship-box .textContent {
    position: relative; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box .textContent {
        min-height: 420px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box .textContent {
        min-height: 350px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box .textContent {
        min-height: 250px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .textContent {
        min-height: 250px; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .textContent {
        min-height: 270px; } }
    .scorpionship-box .textContent .head {
      color: #fff;
      position: absolute;
      bottom: 30px;
      left: 20px; }
      @media screen and (min-width: 1920px) {
        .scorpionship-box .textContent .head {
          font-size: 2.6em;
          line-height: 40px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .scorpionship-box .textContent .head {
          font-size: 2em;
          line-height: 30px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .scorpionship-box .textContent .head {
          font-size: 1.6em;
          line-height: 25px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .scorpionship-box .textContent .head {
          font-size: 1.6em;
          line-height: 25px;
          left: 20px; } }
      @media screen and (max-width: 767px) {
        .scorpionship-box .textContent .head {
          font-size: 1.6em;
          width: 80%;
          line-height: 25px;
          left: 0px;
          margin: 0 10%;
          bottom: 50px; } }
    .scorpionship-box .textContent .btncta {
      position: absolute;
      bottom: 0;
      left: 20px;
      background-color: #e72020;
      color: #fff;
      text-transform: uppercase;
      cursor: pointer;
      margin: 0 auto;
      text-align: center;
      text-decoration: none; }
      @media screen and (min-width: 1920px) {
        .scorpionship-box .textContent .btncta {
          min-width: 220px;
          padding: 12px 14px;
          font-size: 15pt; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .scorpionship-box .textContent .btncta {
          min-width: 220px;
          padding: 12px 14px;
          font-size: 1em; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .scorpionship-box .textContent .btncta {
          min-width: 200px;
          padding: 8px;
          font-size: 1em; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .scorpionship-box .textContent .btncta {
          min-width: 250px;
          padding: 10px;
          font-size: 14px;
          left: 30px; } }
      @media screen and (max-width: 767px) {
        .scorpionship-box .textContent .btncta {
          width: 80%;
          margin: 0 10%;
          padding: 8px 10px;
          font-size: 11pt;
          left: 0px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .scorpionship-box .box_right {
      display: none; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .scorpionship-box .box_left {
      margin: 2% 0 0 5%;
      height: 470px;
      background-position: 50% 50%;
      width: 90% !important;
      float: left; } }
  .scorpionship-box .box_1 {
    display: none; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .box_1 {
        display: block; } }
  .scorpionship-box .box_2 {
    margin: 0; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box .box_2 {
        margin: 2% 0 0 8%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box .box_2 {
        margin: 2% 0 0 8%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box .box_2 {
        margin: 2% 0 0 8%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .box_2 {
        margin: 2% 5% 0 2%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .box_2 {
        margin: auto; } }
  @media screen and (min-width: 1920px) {
    .scorpionship-box .box_3 {
      margin: 2% 0% 0 2%;
      height: 470px;
      background-position: 50% 50%;
      width: 24% !important;
      float: left; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .scorpionship-box .box_3 {
      margin: 2% 0% 0% 2%;
      height: 470px;
      background-position: 50% 50%;
      width: 24% !important;
      float: left; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .scorpionship-box .box_3 {
      margin: 2% 0% 0 2%;
      height: 470px;
      background-position: 50% 50%;
      width: 24% !important;
      float: left; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .scorpionship-box .box_3 {
      margin: 2% 0 0 5%; } }
  @media screen and (min-width: 1920px) {
    .scorpionship-box .box_4 {
      margin: 2% 0% 0 2%;
      height: 470px;
      background-position: 50% 50%;
      width: 24% !important;
      float: left; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .scorpionship-box .box_4 {
      margin: 2% 0% 0 2%;
      height: 470px;
      background-position: 50% 50%;
      width: 24% !important;
      float: left; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .scorpionship-box .box_4 {
      margin: 2% 0% 0 2%;
      height: 470px;
      background-position: 50% 50%;
      width: 24% !important;
      float: left; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .scorpionship-box .box_4 {
      margin: 2% 5% 0 2%; } }
  .scorpionship-box .box_small_right {
    margin: 0; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box .box_small_right {
        margin: 2% 0 0 5%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box .box_small_right {
        margin: 2% 0 0 5%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box .box_small_right {
        margin: 2% 0 0 5%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .box_small_right {
        margin: 2% 5% 0 2%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .box_small_right {
        margin: auto; } }

.scorpionship-box {
  position: relative;
  width: 100%;
  /*&.fixed {
        .img-breakpoint {
            @include media-query(large-screen) {
                width: 50%;
                float: right;
            }
            @include media-query(desk) {
                width: 50%;
                float: right;
            }
            @include media-query(lap) {
                width: 50%;
                float: right;
            }
        }
    }*/
  /* VIDEO */
  /*GENERICO*/
  /*.no-margin {
        margin-top: 0%;
    }*/
  /*.text {
        padding-top: 3%;
      
    }*/
  /*END-GENERICO*/ }
  @media screen and (max-width: 767px) {
    .scorpionship-box .force_left {
      text-align: left !important; }
    .scorpionship-box .force_center {
      text-align: center !important; } }
  .scorpionship-box.scorpionshipTextLeft .text {
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    position: absolute; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box.scorpionshipTextLeft .text {
        width: 100%;
        position: relative;
        text-align: center; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box.scorpionshipTextLeft .text {
        width: 100%;
        position: relative;
        text-align: center; } }
  .scorpionship-box.scorpionshipTextRight .text {
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    position: absolute; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box.scorpionshipTextRight .text {
        width: 100%;
        position: relative;
        text-align: center; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box.scorpionshipTextRight .text {
        width: 100%;
        position: relative;
        text-align: center; } }
  .scorpionship-box.black .text {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding-left: 9%;
    padding-right: 9%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box.black .text {
        background-color: black;
        color: #fff;
        padding-left: 5%;
        padding-right: 5%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box.black .text {
        background-color: black;
        color: #fff; } }
  .scorpionship-box.white .text {
    background-color: white;
    color: #000;
    padding-left: 9%;
    padding-right: 9%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box.white .text {
        background-color: white;
        color: #000;
        padding-left: 5%;
        padding-right: 5%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box.white .text {
        background-color: white;
        color: #000; } }
  .scorpionship-box.cover img-breakpoint {
    width: 100%; }
  @media screen and (min-width: 1920px) {
    .scorpionship-box.fixed .img-breakpoint {
      position: relative;
      width: 50%; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .scorpionship-box.fixed .img-breakpoint {
      position: relative;
      width: 50%; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .scorpionship-box.fixed .img-breakpoint {
      position: relative;
      width: 50%; } }
  @media screen and (min-width: 1920px) {
    .scorpionship-box.scorpionshipTextLeft.fixed .img-breakpoint {
      position: relative;
      width: 50%;
      float: right; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .scorpionship-box.scorpionshipTextLeft.fixed .img-breakpoint {
      position: relative;
      width: 50%;
      float: right; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .scorpionship-box.scorpionshipTextLeft.fixed .img-breakpoint {
      position: relative;
      width: 50%;
      float: right; } }
  .scorpionship-box.scorpionshipTextLeft.fixed .text {
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    float: left; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box.scorpionshipTextLeft.fixed .text {
        width: 100%;
        position: relative; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box.scorpionshipTextLeft.fixed .text {
        width: 100%;
        position: relative; } }
  @media screen and (min-width: 1920px) {
    .scorpionship-box.scorpionshipTextRight.fixed .img-breakpoint {
      position: relative;
      width: 50%; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .scorpionship-box.scorpionshipTextRight.fixed .img-breakpoint {
      position: relative;
      width: 50%; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .scorpionship-box.scorpionshipTextRight.fixed .img-breakpoint {
      position: relative;
      width: 50%; } }
  .scorpionship-box.scorpionshipTextRight.fixed .text {
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    float: right; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box.scorpionshipTextRight.fixed .text {
        width: 100%;
        position: relative; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box.scorpionshipTextRight.fixed .text {
        width: 100%;
        position: relative; } }
  .scorpionship-box.cta-visible .text .button.cta {
    position: relative;
    /*width: 80%;*/
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    background-color: #e72020;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 6px 10px;
    display: block;
    font-size: 20px;
    float: left; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box.cta-visible .text .button.cta {
        /*top: 25px;
                    bottom: 25px;*/
        min-width: 250px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box.cta-visible .text .button.cta {
        font-size: 1em;
        line-height: 15px;
        /*top: 25px;
                    bottom: 25px;*/
        min-width: 250px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box.cta-visible .text .button.cta {
        font-size: 1em;
        line-height: 15px;
        /*top: 25px;
                    bottom: 25px;*/
        min-width: 250px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box.cta-visible .text .button.cta {
        min-width: 270px;
        margin-bottom: 2em;
        font-size: 16px;
        line-height: 15px; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box.cta-visible .text .button.cta {
        width: 100%;
        font-size: 1em;
        line-height: 15px;
        margin-bottom: 20px;
        padding: 9px 0; } }
  .scorpionship-box.scorpionship-box-video {
    border-top: 5px solid #111;
    border-bottom: 5px solid #111; }
    .scorpionship-box.scorpionship-box-video.scorpionshipTextRight .text {
      padding-right: 9%;
      padding-left: 2%; }
      @media screen and (max-width: 1199px) {
        .scorpionship-box.scorpionship-box-video.scorpionshipTextRight .text {
          padding-left: 5%; } }
    .scorpionship-box.scorpionship-box-video.scorpionshipTextLeft .video-thumbnail {
      right: 10%;
      background-position: -625px; }
      @media screen and (max-width: 1023px) {
        .scorpionship-box.scorpionship-box-video.scorpionshipTextLeft .video-thumbnail {
          right: auto;
          background-position: center center; } }
    .scorpionship-box.scorpionship-box-video.scorpionshipTextLeft .text {
      padding-left: 9%;
      padding-right: 2%; }
      @media screen and (max-width: 1199px) {
        .scorpionship-box.scorpionship-box-video.scorpionshipTextLeft .text {
          padding-left: 5%; } }
    .scorpionship-box.scorpionship-box-video .text {
      background: none;
      color: #fff; }
      @media screen and (max-width: 767px) {
        .scorpionship-box.scorpionship-box-video .text {
          padding-left: 5%;
          margin-top: 50%; } }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        .scorpionship-box.scorpionship-box-video .text {
          padding-left: 5%; } }
    .scorpionship-box.scorpionship-box-video .margin.title {
      margin-top: 10%; }
    .scorpionship-box.scorpionship-box-video .margin h2 {
      margin-top: 7%; }
    .scorpionship-box.scorpionship-box-video > img {
      opacity: .2; }
    .scorpionship-box.scorpionship-box-video .video-thumbnail {
      position: absolute;
      width: 40%;
      height: 80%;
      top: 10%;
      margin-left: 8.33%;
      box-shadow: 5px -5px 35px 12px #000;
      display: block;
      background-size: cover;
      background-size: 235%;
      background-position: -85px -33px; }
      @media screen and (max-width: 767px) {
        .scorpionship-box.scorpionship-box-video .video-thumbnail {
          height: 50%;
          top: 0;
          margin-left: 0;
          width: 100%;
          background-position: center center;
          right: auto; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .scorpionship-box.scorpionship-box-video .video-thumbnail {
          height: 50%;
          top: 0;
          width: 100%;
          margin-left: 0;
          background-size: cover;
          background-position: top;
          right: auto; } }
      .scorpionship-box.scorpionship-box-video .video-thumbnail .play-btn {
        width: 50px;
        height: 50px;
        border: 5px solid #fff;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        border-radius: 100px;
        position: relative;
        cursor: pointer; }
        .scorpionship-box.scorpionship-box-video .video-thumbnail .play-btn:hover {
          border-color: #e72020; }
          .scorpionship-box.scorpionship-box-video .video-thumbnail .play-btn:hover:after {
            border-left-color: #e72020; }
        .scorpionship-box.scorpionship-box-video .video-thumbnail .play-btn:after {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          position: absolute;
          border: 10px solid #fff;
          border-bottom-color: transparent;
          border-top-color: transparent;
          border-right-color: transparent;
          left: 50%;
          top: 50%;
          transform: translate(-15%, -50%); }
  .scorpionship-box .video-thumbnail {
    display: none; }
  .scorpionship-box .head-img-large {
    max-height: 125px;
    margin-top: 15%;
    margin-bottom: 5%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box .head-img-large {
        max-height: 70px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box .head-img-large {
        max-height: 50px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .head-img-large {
        max-height: 70px;
        margin-top: 5%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .head-img-large {
        display: none; } }
  .scorpionship-box .head-img-large-mobile {
    max-height: 125px;
    margin-top: 15%;
    margin-bottom: 5%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box .head-img-large-mobile {
        max-height: 70px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box .head-img-large-mobile {
        max-height: 50px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .head-img-large-mobile {
        width: 50%;
        margin: 5% 25%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .head-img-large-mobile {
        width: 70%;
        margin: 5% 15%; } }
  .scorpionship-box .head-img-large-mobile-left {
    max-height: 125px;
    margin-top: 15%;
    margin-bottom: 5%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box .head-img-large-mobile-left {
        max-height: 70px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box .head-img-large-mobile-left {
        max-height: 50px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .head-img-large-mobile-left {
        max-height: 70px;
        margin-top: 5%;
        margin-bottom: 5%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .head-img-large-mobile-left {
        width: 260px;
        margin: 5% auto; } }
  .scorpionship-box .head-img-large-mobile-right {
    /*max-height: 125px;*/
    margin-top: 15%;
    margin-bottom: 5%; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box .head-img-large-mobile-right {
        /*max-height: 70px;*/ } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box .head-img-large-mobile-right {
        /*max-height: 50px;*/ } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .head-img-large-mobile-right {
        /*max-height: 70px;*/
        margin-top: 5%;
        margin-bottom: 5%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .head-img-large-mobile-right {
        /*width: 260px;*/
        margin: 5% auto; } }
  .scorpionship-box .subtitle {
    margin-top: 15%;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: "Abarth_light";
    font-weight: normal; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box .subtitle {
        font-size: 2em;
        line-height: 1.2; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box .subtitle {
        font-size: 1.5em;
        line-height: 1.2; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box .subtitle {
        font-size: 1em;
        line-height: 1.2; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .subtitle {
        margin-top: 5%;
        font-size: 16px;
        line-height: 1.2; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .subtitle {
        margin-top: 20px;
        margin-bottom: -20px;
        font-size: 18px;
        line-height: 1.2; } }
  .scorpionship-box .title {
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 5px;
    font-family: "Abarth_heavy"; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box .title {
        font-size: 55px;
        line-height: 55px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box .title {
        font-size: 38px;
        line-height: 40px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box .title {
        font-size: 32px;
        line-height: 33px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .title {
        font-size: 24px;
        line-height: 24px; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .title {
        margin-top: 20px;
        font-size: 1.4em;
        line-height: 1.1; } }
  .scorpionship-box p {
    font-family: "Abarth_light";
    margin-bottom: 1em; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box p {
        font-size: 24px;
        line-height: 30px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box p {
        font-size: 18px;
        line-height: 20px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box p {
        font-size: 16px;
        line-height: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box p {
        margin-bottom: 2em;
        font-size: 14px;
        line-height: 16px; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box p {
        font-size: 1em;
        line-height: 1.2em; } }
    .scorpionship-box p a {
      color: #e72020;
      font-family: "Abarth_medium";
      text-decoration: underline;
      cursor: pointer; }
      .scorpionship-box p a:hover {
        opacity: 0.6; }
  .scorpionship-box .img-breakpoint {
    width: 100%; }
  .scorpionship-box .text.hide-textmobile .subtitle {
    margin-top: 0%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .text.hide-textmobile .subtitle {
        display: none; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .text.hide-textmobile .subtitle {
        display: none; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .scorpionship-box .text.hide-textmobile .title {
      display: none; } }
  @media screen and (max-width: 767px) {
    .scorpionship-box .text.hide-textmobile .title {
      display: none; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .scorpionship-box .text.hide-textmobile p {
      display: none; } }
  @media screen and (max-width: 767px) {
    .scorpionship-box .text.hide-textmobile p {
      display: none; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .scorpionship-box .no-mobile {
      display: none; } }
  @media screen and (max-width: 767px) {
    .scorpionship-box .no-mobile {
      display: none; } }
  .scorpionship-box .margin h2 {
    margin-top: 15%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-box .margin h2 {
        margin-top: 5%; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box .margin h2 {
        margin-top: 5%; } }

.scorpion-video-popup .modal_visore_2017 .modal_visore_header .modal_visore_close div {
  border: solid 1px #000;
  transform: rotate(45deg);
  float: right;
  width: 35px;
  height: 35px;
  padding: 0;
  border-radius: 35px;
  font-size: 35px !important;
  font-weight: lighter;
  line-height: 30px;
  padding-left: 5px;
  cursor: pointer; }

.scorpion-video-popup .modal_visore_2017 .modal_visore_header .promo {
  position: relative;
  padding-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .scorpion-video-popup .modal_visore_2017 .modal_visore_header .promo {
      padding-bottom: 20px; } }
  .scorpion-video-popup .modal_visore_2017 .modal_visore_header .promo:after {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid red;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    top: 65px; }
    @media screen and (max-width: 767px) {
      .scorpion-video-popup .modal_visore_2017 .modal_visore_header .promo:after {
        display: none; } }

.scorpion-video-popup .modal_visore_2017 .modal_visore_body {
  padding: 50px; }
  @media screen and (max-width: 767px) {
    .scorpion-video-popup .modal_visore_2017 .modal_visore_body {
      padding: 0; } }
  .scorpion-video-popup .modal_visore_2017 .modal_visore_body iframe {
    width: 100%;
    height: 100%; }

.scorpionshipCarousel {
  background: #2c2c2c;
  /*CAROUSEL PLUGIN COMPONENT*/
  /*END CAROUSEL PLUGIN COMPONENT*/ }
  .scorpionshipCarousel .carousel-btn-container {
    max-width: 1260px;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    padding-top: 40px; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionshipCarousel .carousel-btn-container {
        max-width: 1150px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionshipCarousel .carousel-btn-container {
        max-width: 940px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionshipCarousel .carousel-btn-container {
        max-width: 93%; } }
    @media screen and (max-width: 767px) {
      .scorpionshipCarousel .carousel-btn-container {
        max-width: 83%; } }
    .scorpionshipCarousel .carousel-btn-container .carousel-title .sub-head {
      font-family: 'Abarth_light';
      margin-bottom: 0;
      font-weight: 400; }
      @media screen and (min-width: 1920px) {
        .scorpionshipCarousel .carousel-btn-container .carousel-title .sub-head {
          font-size: 2em;
          line-height: 1.2; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .scorpionshipCarousel .carousel-btn-container .carousel-title .sub-head {
          font-size: 1.5em;
          line-height: 1.2; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .scorpionshipCarousel .carousel-btn-container .carousel-title .sub-head {
          font-size: 1em;
          line-height: 1.2; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .scorpionshipCarousel .carousel-btn-container .carousel-title .sub-head {
          font-size: 16px;
          line-height: 1.2; } }
      @media screen and (max-width: 767px) {
        .scorpionshipCarousel .carousel-btn-container .carousel-title .sub-head {
          font-size: 18px;
          line-height: 1.2; } }
    .scorpionshipCarousel .carousel-btn-container .carousel-title .head {
      font-family: 'Abarth_heavy';
      margin-top: 5px; }
      @media screen and (min-width: 1920px) {
        .scorpionshipCarousel .carousel-btn-container .carousel-title .head {
          font-size: 55px;
          line-height: 55px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .scorpionshipCarousel .carousel-btn-container .carousel-title .head {
          font-size: 38px;
          line-height: 40px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .scorpionshipCarousel .carousel-btn-container .carousel-title .head {
          font-size: 32px;
          line-height: 33px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .scorpionshipCarousel .carousel-btn-container .carousel-title .head {
          font-size: 24px;
          line-height: 24px; } }
      @media screen and (max-width: 767px) {
        .scorpionshipCarousel .carousel-btn-container .carousel-title .head {
          margin-top: 0px;
          font-size: 1.4em;
          line-height: 1.1; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionshipCarousel .carousel-btn-container .carousel-btn {
        display: none; } }
    @media screen and (max-width: 767px) {
      .scorpionshipCarousel .carousel-btn-container .carousel-btn {
        display: none; } }
    .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-tag {
      list-style: none;
      width: 100%;
      clear: both;
      margin-left: 0; }
      .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-tag li.singletag {
        float: left;
        font-size: 12px;
        padding: 1% 4%;
        border: 1px solid #fff;
        margin-right: 1%;
        margin-bottom: 4%;
        cursor: pointer; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-tag li.singletag {
            font-size: 10px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-tag li.singletag {
            font-size: 8px; } }
        .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-tag li.singletag:hover {
          color: #e72020;
          border: 1px solid #e72020; }
        .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-tag li.singletag:focus {
          color: #e72020;
          border: 1px solid #e72020; }
    .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-year {
      list-style: none;
      width: 100%;
      clear: both;
      margin-left: 0;
      height: 33px;
      margin-bottom: 0px; }
      .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-year li.singleyear {
        float: left;
        padding-right: 1%;
        font-size: 16px;
        font-family: 'Abarth_light';
        border-right: 3px solid #e72020;
        margin-right: 1%;
        cursor: pointer; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-year li.singleyear {
            font-size: 14px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-year li.singleyear {
            font-size: 12px; } }
        .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-year li.singleyear:hover {
          opacity: 0.6; }
        .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-year li.singleyear:last-child {
          border-right: 0px; }
    .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-month {
      list-style: none;
      width: 100%;
      clear: both;
      margin-left: 0;
      height: 33px;
      margin-bottom: 0px; }
      .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-month li.singlemonth {
        float: left;
        padding-right: 1%;
        font-size: 16px;
        font-family: 'Abarth_light';
        border-right: 3px solid #e72020;
        margin-right: 1%;
        cursor: pointer; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-month li.singlemonth {
            font-size: 14px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-month li.singlemonth {
            font-size: 12px; } }
        .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-month li.singlemonth:hover {
          opacity: 0.6; }
        .scorpionshipCarousel .carousel-btn-container .carousel-btn ul.scorpionship-month li.singlemonth:last-child {
          border-right: 0px; }
  .scorpionshipCarousel .carousel-btn-mobile {
    display: none; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionshipCarousel .carousel-btn-mobile {
        display: block; } }
    @media screen and (max-width: 767px) {
      .scorpionshipCarousel .carousel-btn-mobile {
        display: block; } }
    .scorpionshipCarousel .carousel-btn-mobile .scorpionship-tag-mobile {
      border-left: 5px solid #9e9e9e;
      height: 40px;
      margin-bottom: 15px; }
      .scorpionshipCarousel .carousel-btn-mobile .scorpionship-tag-mobile select {
        width: 100%;
        height: 40px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url("clientlib-base/resources/images/dropdown.png") no-repeat;
        background-position: center right;
        background-color: #fff;
        color: #000 !important;
        border: 0px solid #000 !important;
        font-family: 'Abarth_light';
        text-indent: 0.2em; }
        .scorpionshipCarousel .carousel-btn-mobile .scorpionship-tag-mobile select .singleevent {
          color: #000 !important;
          font-family: 'Abarth_light'; }
    .scorpionshipCarousel .carousel-btn-mobile .scorpionship-year-mobile {
      border-left: 5px solid #9e9e9e;
      height: 40px;
      margin-bottom: 15px; }
      .scorpionshipCarousel .carousel-btn-mobile .scorpionship-year-mobile select {
        width: 100%;
        height: 40px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url("clientlib-base/resources/images/dropdown.png") no-repeat;
        background-position: center right;
        background-color: #fff;
        color: #000;
        border: 0px solid #000;
        font-family: 'Abarth_light';
        text-indent: 0.2em; }
        .scorpionshipCarousel .carousel-btn-mobile .scorpionship-year-mobile select .singlemonth {
          color: #000;
          font-family: 'Abarth_light'; }
    .scorpionshipCarousel .carousel-btn-mobile .scorpionship-month-mobile {
      border-left: 5px solid #9e9e9e;
      height: 40px;
      margin-bottom: 15px; }
      .scorpionshipCarousel .carousel-btn-mobile .scorpionship-month-mobile select {
        width: 100%;
        height: 40px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url("clientlib-base/resources/images/dropdown.png") no-repeat;
        background-position: center right;
        background-color: #fff;
        color: #000;
        border: 0px solid #000;
        font-family: 'Abarth_light';
        text-indent: 0.2em; }
        .scorpionshipCarousel .carousel-btn-mobile .scorpionship-month-mobile select .singlemonth {
          color: #000;
          font-family: 'Abarth_light'; }
  .scorpionshipCarousel .carousel-3IMG-eventi {
    max-width: 1260px;
    margin: 0 auto; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionshipCarousel .carousel-3IMG-eventi {
        max-width: 1150px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionshipCarousel .carousel-3IMG-eventi {
        max-width: 940px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionshipCarousel .carousel-3IMG-eventi {
        max-width: 678px; } }
    @media screen and (max-width: 767px) {
      .scorpionshipCarousel .carousel-3IMG-eventi {
        max-width: 80%; } }
    .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item {
      font-weight: 400; }
      .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event {
        background: #fff;
        margin: 1% 2% 10% 2%;
        height: 570px; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event {
            height: 590px; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event {
            height: 590px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event {
            height: 670px; } }
        @media screen and (max-width: 767px) {
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event {
            height: 580px; } }
        .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .event {
          /*width: 100%;*/ }
          @media screen and (min-width: 1920px) {
            .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .event {
              width: 404px;
              height: 151px; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .event {
              width: 369px;
              height: 138px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .event {
              width: 302px;
              height: 113px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .event {
              width: 678px;
              height: 243px; } }
          @media screen and (max-width: 767px) {
            .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .event {
              display: none; } }
        .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container {
          padding: 3%; }
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .text-black {
            color: #000;
            text-transform: uppercase;
            text-align: left; }
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .text-red {
            color: #e72020;
            text-transform: uppercase;
            text-align: left; }
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title {
            color: #e72020;
            text-transform: uppercase;
            text-align: left; }
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .top-title.text-black {
            padding-bottom: 10px;
            margin-bottom: 30px;
            border-bottom: 1px solid #000;
            font-family: 'Abarth_light';
            font-size: 15px;
            height: 20px; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .top-title.text-black {
                font-size: 12px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .top-title.text-black {
                font-size: 10px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .top-title.text-black {
                font-size: 11px; } }
            @media screen and (max-width: 767px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .top-title.text-black {
                margin-top: 20px; } }
          @media screen and (min-width: 1920px) {
            .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container {
              height: 100px; } }
          @media screen and (min-width: 1366px) and (max-width: 1919px) {
            .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container {
              height: 90px; } }
          @media screen and (min-width: 1024px) and (max-width: 1365px) {
            .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container {
              height: 80px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container {
              height: 70px; } }
          @media screen and (max-width: 767px) {
            .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container {
              height: 150px; } }
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .top-subhead.text-red {
            color: #e72020;
            text-transform: uppercase;
            text-align: left;
            font-family: 'Abarth_light';
            font-size: 20px;
            margin-bottom: 2px;
            font-weight: bold; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .top-subhead.text-red {
                font-size: 17px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .top-subhead.text-red {
                font-size: 1em;
                height: 16px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .top-subhead.text-red {
                font-size: 16px; } }
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .head.title {
            color: #e72020;
            text-transform: uppercase;
            text-align: left;
            font-size: 25px;
            margin-bottom: 2px; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .head.title {
                font-size: 20px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .head.title {
                font-size: 1.2em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .head.title {
                font-size: 21px; } }
            @media screen and (max-width: 767px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .head.title {
                font-size: 25px;
                margin-bottom: 5px; } }
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .subhead.text-black {
            color: #000;
            text-transform: uppercase;
            text-align: left;
            font-family: 'Abarth_light';
            font-size: 20px;
            height: 20px;
            font-weight: bold; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .subhead.text-black {
                font-size: 17px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .subhead.text-black {
                font-size: 1em;
                height: 16px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .title-container .subhead.text-black {
                font-size: 16px; } }
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .copy.text-block {
            margin-top: 25px;
            font-family: 'Abarth_light';
            height: 170px;
            font-size: 1em;
            margin-bottom: 15px; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .copy.text-block {
                height: 215px;
                font-size: 17px; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .copy.text-block {
                height: 265px;
                font-size: 1em; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .copy.text-block {
                height: 200px;
                font-size: 16px; } }
            @media screen and (max-width: 767px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .copy.text-block {
                height: 255px;
                font-size: 16px; } }
          .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .container-cta {
            width: 100%;
            background: #e72020;
            text-align: center;
            cursor: pointer;
            padding: 9px 0;
            position: relative; }
            @media screen and (min-width: 1366px) and (max-width: 1919px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .container-cta {
                padding: 6px 0; } }
            @media screen and (min-width: 1024px) and (max-width: 1365px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .container-cta {
                padding: 6px 0; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .container-cta {
                width: 300px;
                padding: 6px 0; } }
            .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .container-cta .cta-red {
              text-transform: uppercase;
              color: #fff;
              font-size: 20px;
              text-decoration: none; }
              @media screen and (min-width: 1366px) and (max-width: 1919px) {
                .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .container-cta .cta-red {
                  font-size: 1em; } }
              @media screen and (min-width: 1024px) and (max-width: 1365px) {
                .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .container-cta .cta-red {
                  font-size: 1em; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .container-cta .cta-red {
                  font-size: 16px; } }
              @media screen and (max-width: 767px) {
                .scorpionshipCarousel .carousel-3IMG-eventi .scorpionship-item .single-event .text-container .container-cta .cta-red {
                  font-size: 1em; } }
  .scorpionshipCarousel .slick-prev {
    width: 30px;
    background: white;
    color: #000;
    border: none;
    position: absolute;
    left: -50px;
    bottom: 50%;
    font-size: 20px;
    font-family: 'Abarth_light';
    transform: scale(2, 3);
    cursor: pointer; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionshipCarousel .slick-prev {
        width: 16px;
        left: -25px;
        font-size: 10px;
        line-height: 0.9;
        padding-left: 4px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionshipCarousel .slick-prev {
        width: 16px;
        left: -25px;
        font-size: 10px;
        line-height: 0.9;
        bottom: 55%;
        padding-left: 3px; } }
    @media screen and (max-width: 767px) {
      .scorpionshipCarousel .slick-prev {
        width: 15px;
        left: -20px;
        font-size: 12px;
        padding-left: 1px; } }
    .scorpionshipCarousel .slick-prev:hover {
      opacity: 0.6; }
  .scorpionshipCarousel .slick-next {
    width: 30px;
    background: white;
    color: #000;
    border: none;
    position: absolute;
    right: -50px;
    bottom: 50%;
    font-size: 20px;
    font-family: 'Abarth_light';
    transform: scale(2, 3);
    cursor: pointer; }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionshipCarousel .slick-next {
        width: 16px;
        right: -25px;
        font-size: 10px;
        line-height: 0.9; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionshipCarousel .slick-next {
        width: 16px;
        right: -25px;
        font-size: 10px;
        line-height: 0.9;
        bottom: 55%; } }
    @media screen and (max-width: 767px) {
      .scorpionshipCarousel .slick-next {
        width: 15px;
        right: -20px;
        font-size: 12px; } }
    .scorpionshipCarousel .slick-next:hover {
      opacity: 0.6; }
  .scorpionshipCarousel .slick-disabled {
    background: rgba(255, 255, 255, 0.6) !important; }

.scorpionship-boxallblack {
  background-color: #000;
  color: #fff;
  text-align: left;
  padding: 3% 17%; }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .scorpionship-boxallblack {
      padding: 3% 8%; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .scorpionship-boxallblack {
      padding: 3% 4%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .scorpionship-boxallblack {
      padding: 3% 4%; } }
  @media screen and (max-width: 767px) {
    .scorpionship-boxallblack {
      padding: 3% 8%; } }
  .scorpionship-boxallblack.no-cta .text .cta {
    display: none; }
  .scorpionship-boxallblack.cta-visible .text .button.cta {
    background-color: #e72020;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    line-height: 25px;
    margin: 0 auto;
    padding: 6px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0;
    width: 270px;
    margin-top: 2em; }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-boxallblack.cta-visible .text .button.cta {
        font-size: 1em;
        width: 270px;
        line-height: 25px;
        padding-top: 9px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-boxallblack.cta-visible .text .button.cta {
        font-size: 1em;
        position: relative;
        width: 250px;
        line-height: 15px;
        padding-top: 9px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-boxallblack.cta-visible .text .button.cta {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 15px;
        padding: 8px 10px;
        width: 270px; } }
    @media screen and (max-width: 767px) {
      .scorpionship-boxallblack.cta-visible .text .button.cta {
        width: 100%;
        font-size: 1em;
        line-height: 15px;
        margin-bottom: 20px;
        margin-top: 1.8em;
        padding: 9px 0; } }
  @media screen and (min-width: 1920px) {
    .scorpionship-boxallblack .text {
      max-width: 1260px;
      margin: 0 auto; } }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .scorpionship-boxallblack .text {
      max-width: 1150px;
      margin: 0 auto; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .scorpionship-boxallblack .text {
      max-width: 940px;
      margin: 0 auto; } }
  .scorpionship-boxallblack .text2 {
    color: #fff;
    font-family: 'Abarth_Light';
    font-size: 0.85em;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 10px;
    border-bottom: 1px solid #666;
    padding-bottom: 4%; }
    @media screen and (min-width: 1920px) {
      .scorpionship-boxallblack .text2 {
        max-width: 1260px;
        margin: 0 auto; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-boxallblack .text2 {
        max-width: 1150px;
        margin: 0 auto; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-boxallblack .text2 {
        max-width: 940px;
        margin: 0 auto; } }
  .scorpionship-boxallblack .subtitle {
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: "Abarth_light";
    font-weight: normal; }
    @media screen and (min-width: 1920px) {
      .scorpionship-boxallblack .subtitle {
        font-size: 2em;
        line-height: 1.2; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-boxallblack .subtitle {
        font-size: 1.5em;
        line-height: 1.2; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-boxallblack .subtitle {
        font-size: 1em;
        line-height: 1.2; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-boxallblack .subtitle {
        margin-top: 5%;
        font-size: 16px;
        line-height: 1.2; } }
    @media screen and (max-width: 767px) {
      .scorpionship-boxallblack .subtitle {
        margin-top: 20px;
        font-size: 18px;
        line-height: 1.2; } }
  .scorpionship-boxallblack .title {
    text-transform: uppercase;
    margin-top: 0;
    font-family: "Abarth_heavy"; }
    @media screen and (min-width: 1920px) {
      .scorpionship-boxallblack .title {
        font-size: 55px;
        line-height: 55px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-boxallblack .title {
        margin-top: 5px;
        font-size: 38px;
        line-height: 40px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-boxallblack .title {
        margin-top: 5px;
        font-size: 32px;
        line-height: 33px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-boxallblack .title {
        margin-top: 5px;
        font-size: 24px;
        line-height: 24px; } }
    @media screen and (max-width: 767px) {
      .scorpionship-boxallblack .title {
        margin-top: 20px;
        font-size: 1.4em;
        line-height: 1.1; } }
  .scorpionship-boxallblack p {
    text-transform: none;
    font-family: "Abarth_light";
    margin-bottom: 1em;
    margin-top: 20px; }
    @media screen and (min-width: 1920px) {
      .scorpionship-boxallblack p {
        font-size: 24px;
        line-height: 30px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-boxallblack p {
        font-size: 18px;
        line-height: 20px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-boxallblack p {
        font-size: 16px;
        line-height: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-boxallblack p {
        margin-bottom: 2em;
        font-size: 14px;
        line-height: 16px; } }
    @media screen and (max-width: 767px) {
      .scorpionship-boxallblack p {
        font-size: 1em;
        line-height: 1.2em; } }
  .scorpionship-boxallblack .box-evenement {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    margin: auto; }
    @media screen and (min-width: 1920px) {
      .scorpionship-boxallblack .box-evenement {
        max-width: 1260px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-boxallblack .box-evenement {
        max-width: 1150px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-boxallblack .box-evenement {
        max-width: 940px; } }
  .scorpionship-boxallblack .evenement {
    width: 100%;
    height: auto;
    float: none;
    padding-top: 4%;
    padding-bottom: 4%;
    padding-left: 2%;
    padding-right: 2%;
    text-align: left; }
    @media screen and (min-width: 1920px) {
      .scorpionship-boxallblack .evenement {
        width: 33%;
        height: 630px;
        float: left; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-boxallblack .evenement {
        width: 33%;
        height: 630px;
        float: left; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-boxallblack .evenement {
        width: 33%;
        height: 630px;
        float: left; } }
    @media screen and (max-width: 767px) {
      .scorpionship-boxallblack .evenement {
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 20px; } }
    .scorpionship-boxallblack .evenement h2 {
      font-family: 'Abarth_heavy';
      font-size: 1.3em;
      line-height: 1;
      text-transform: uppercase; }
      @media screen and (max-width: 767px) {
        .scorpionship-boxallblack .evenement h2 {
          font-size: 2.2em; } }
    .scorpionship-boxallblack .evenement .title-1 {
      min-height: 45px; }
    .scorpionship-boxallblack .evenement .small-title-1 {
      font-size: 16px;
      font-family: 'Abarth_Light';
      line-height: 1.2;
      padding-bottom: 20px;
      min-height: 60px; }
    .scorpionship-boxallblack .evenement .list-1 {
      min-height: 330px; }
    .scorpionship-boxallblack .evenement .item-1 {
      margin-top: 20px;
      min-height: 50px; }
    .scorpionship-boxallblack .evenement .button-1 {
      width: 100%;
      margin-top: 10px; }
  .scorpionship-boxallblack .ev_center {
    border-left: solid 1px #666;
    border-right: solid 1px #666; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .scorpionship-boxallblack .ev_center {
        border-left: none;
        border-right: none;
        border-top: solid 1px #666;
        border-bottom: solid 1px #666;
        padding-top: 20px;
        padding-bottom: 20px; } }
    @media screen and (max-width: 767px) {
      .scorpionship-boxallblack .ev_center {
        border-left: none;
        border-right: none;
        border-top: solid 1px #666;
        border-bottom: solid 1px #666;
        padding-top: 20px;
        padding-bottom: 20px; } }

.scorpionship-box-program {
  background: #2c2c2c;
  color: #fff;
  text-align: left;
  padding: 3% 17%; }
  @media screen and (min-width: 1366px) and (max-width: 1919px) {
    .scorpionship-box-program {
      padding: 3% 8%; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .scorpionship-box-program {
      padding: 3% 4%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .scorpionship-box-program {
      padding: 3% 4%; } }
  @media screen and (max-width: 767px) {
    .scorpionship-box-program {
      padding: 3% 8%; } }
  .scorpionship-box-program .text {
    text-align: center;
    font-family: 'Abarth_Light';
    font-size: 0.85em;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 10px;
    border-bottom: 1px solid black;
    padding-bottom: 4%; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box-program .text {
        max-width: 1260px;
        margin: 0 auto; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box-program .text {
        max-width: 1150px;
        margin: 0 auto; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box-program .text {
        max-width: 940px;
        margin: 0 auto; } }
  .scorpionship-box-program .box-program {
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    height: auto;
    overflow: hidden; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box-program .box-program {
        max-width: 1260px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box-program .box-program {
        max-width: 1150px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box-program .box-program {
        max-width: 940px; } }
  .scorpionship-box-program .box-image {
    width: 100%;
    float: none; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box-program .box-image {
        width: 49%;
        float: left; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box-program .box-image {
        width: 49%;
        float: left; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box-program .box-image {
        width: 49%;
        float: left; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box-program .box-image {
        width: 100%;
        float: none; } }
  .scorpionship-box-program .box-text {
    padding-top: 30px;
    padding-left: 10px;
    width: 100%;
    float: none; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box-program .box-text {
        width: 49%;
        float: right; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box-program .box-text {
        width: 49%;
        float: right; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box-program .box-text {
        width: 49%;
        float: right; } }
    @media screen and (max-width: 767px) {
      .scorpionship-box-program .box-text {
        width: 100%;
        float: none; } }
    .scorpionship-box-program .box-text h3 {
      font-family: 'Abarth_Light';
      font-size: 1.5em;
      line-height: 1.2;
      text-transform: uppercase;
      margin-bottom: 0px; }
    .scorpionship-box-program .box-text h2 {
      font-family: 'Abarth_heavy';
      font-size: 2.5em;
      line-height: 1;
      text-transform: uppercase; }
    .scorpionship-box-program .box-text p {
      font-family: 'Abarth_Light';
      letter-spacing: 1px; }

.scorpionship-box-circuit {
  background: #999;
  color: #fff;
  text-align: left;
  padding: 3% 17%; }
  .scorpionship-box-circuit .text {
    text-align: center;
    font-family: 'Abarth_Light';
    font-size: 0.85em;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 10px;
    border-bottom: 1px solid #fff;
    padding-bottom: 4%; }
  .scorpionship-box-circuit .box-image-circuit {
    width: 100%;
    margin-top: 0; }
    @media screen and (min-width: 1920px) {
      .scorpionship-box-circuit .box-image-circuit {
        max-width: 1260px;
        margin: 0 auto; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .scorpionship-box-circuit .box-image-circuit {
        max-width: 1150px;
        margin: 0 auto; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .scorpionship-box-circuit .box-image-circuit {
        max-width: 940px;
        margin: 0 auto; } }
  .scorpionship-box-circuit .box-text-circuit {
    width: 100%;
    padding-top: 10px;
    font-family: 'Abarth_Light';
    font-size: 18px;
    line-height: 1.2; }

.scorpionship-box-indications {
  background: #878787;
  color: #fff;
  height: auto;
  overflow: hidden;
  padding: 2% 17%; }
  .scorpionship-box-indications .text-indications {
    text-align: center;
    font-family: 'Abarth_Light';
    font-size: 0.85em;
    line-height: 1.2; }
  .scorpionship-box-indications .box-text-indication {
    width: 49%;
    display: inline-block; }
  .scorpionship-box-indications .button-link {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-family: 'Abarth_Light';
    padding: 40px 0; }
  .scorpionship-box-indications .link_footer {
    border-right: solid 1px #666; }

/*ABARTH REVAMP*/
.newAbarth23 .scorpionship-boxallblack {
  padding: 100px 0 50px;
  background-color: #111111;
  display: flex;
  justify-content: center; }
  @media (max-width: 768px) {
    .newAbarth23 .scorpionship-boxallblack {
      padding: 40px 20px; } }
  .newAbarth23 .scorpionship-boxallblack .text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    @media (max-width: 768px) {
      .newAbarth23 .scorpionship-boxallblack .text {
        margin: 0 20px; } }
    .newAbarth23 .scorpionship-boxallblack .text .title {
      font-size: 50px;
      line-height: 59px;
      text-transform: uppercase;
      letter-spacing: 0.01em;
      color: #ffffff;
      margin: 0; }
      @media (max-width: 1500px) {
        .newAbarth23 .scorpionship-boxallblack .text .title {
          font-size: 40px;
          line-height: 44px; } }
      @media (max-width: 992px) {
        .newAbarth23 .scorpionship-boxallblack .text .title {
          font-size: 32px;
          line-height: 38px;
          text-align: center; } }
      .newAbarth23 .scorpionship-boxallblack .text .title .textBorder {
        background-color: #FFD500;
        box-shadow: 0px 0px 12px #DAEF33;
        height: 4px;
        width: auto;
        position: relative;
        border: 0px; }
        @media (max-width: 768px) {
          .newAbarth23 .scorpionship-boxallblack .text .title .textBorder {
            display: none; } }

.alertPopup .popupBG {
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 15;
  background: rgba(0, 0, 0, 0.4); }
  .alertPopup .popupBG .popupContainer {
    background: #fff none repeat scroll 0 0;
    height: 50%;
    left: 25%;
    position: fixed;
    top: 25%;
    width: 50%;
    text-align: center;
    color: #000;
    box-shadow: -11px 11px 11px rgba(0, 0, 0, 0.4); }
    @media screen and (min-width: 1920px) {
      .alertPopup .popupBG .popupContainer {
        height: 280px;
        left: 30%;
        width: 40%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .alertPopup .popupBG .popupContainer {
        height: 250px;
        left: 30%;
        width: 40%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .alertPopup .popupBG .popupContainer {
        height: 200px;
        left: 30%;
        width: 40%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .alertPopup .popupBG .popupContainer {
        height: 185px;
        width: 90%;
        left: 5%; } }
    @media screen and (max-width: 767px) {
      .alertPopup .popupBG .popupContainer {
        width: 90%;
        left: 5%;
        height: 190px; } }
    .alertPopup .popupBG .popupContainer .titlePopup {
      font-family: 'Abarth_heavy';
      text-transform: uppercase;
      position: relative;
      top: 10%; }
      @media screen and (min-width: 1920px) {
        .alertPopup .popupBG .popupContainer .titlePopup {
          font-size: 55px;
          line-height: 55px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .alertPopup .popupBG .popupContainer .titlePopup {
          font-size: 38px;
          line-height: 40px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .alertPopup .popupBG .popupContainer .titlePopup {
          font-size: 32px;
          line-height: 33px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .alertPopup .popupBG .popupContainer .titlePopup {
          font-size: 24px;
          line-height: 24px; } }
      @media screen and (max-width: 767px) {
        .alertPopup .popupBG .popupContainer .titlePopup {
          font-size: 1.4em;
          line-height: 1.1; } }
    .alertPopup .popupBG .popupContainer .txtPopup {
      font-family: 'Abarth_light';
      margin-top: 10%;
      height: 55%; }
      @media screen and (min-width: 1920px) {
        .alertPopup .popupBG .popupContainer .txtPopup {
          font-size: 24px;
          line-height: 30px;
          margin-top: 5%;
          height: 155px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .alertPopup .popupBG .popupContainer .txtPopup {
          font-size: 18px;
          line-height: 20px;
          margin-top: 5%;
          height: 145px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .alertPopup .popupBG .popupContainer .txtPopup {
          font-size: 16px;
          line-height: 20px;
          margin-top: 5%;
          height: 100px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .alertPopup .popupBG .popupContainer .txtPopup {
          font-size: 14px;
          line-height: 16px;
          margin-top: 45px;
          height: 80px; } }
      @media screen and (max-width: 767px) {
        .alertPopup .popupBG .popupContainer .txtPopup {
          font-size: 1em;
          line-height: 1.2em;
          margin-top: 25px;
          height: 105px; } }
    .alertPopup .popupBG .popupContainer .btnPopup {
      cursor: pointer;
      color: #fff;
      font-family: 'Abarth_light';
      padding: 10px 20px;
      background: #e72020;
      text-transform: uppercase;
      max-width: 130px;
      margin: 0 auto;
      position: relative;
      bottom: 10%; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .alertPopup .popupBG .popupContainer .btnPopup {
          font-size: 14px;
          max-width: 100px; } }
      @media screen and (max-width: 767px) {
        .alertPopup .popupBG .popupContainer .btnPopup {
          font-size: 1em; } }

.club-locatorScorpionship {
  /*GESTIONE MAPPA E CONTENUTI EREDITATI*/
  /*.pointer {
        pointer-events: none;
    }*/
  /*END GESTIONE MAPPA E CONTENUTI EREDITATI*/
  /*CUSTOM OBJECT HTML*/
  /*END CUSTOM OBJECT HTML*/ }
  .club-locatorScorpionship #address-search-club {
    color: #000; }
  .club-locatorScorpionship .title {
    color: #000;
    font-family: "Abarth_Heavy";
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 12;
    text-shadow: 0 0 10px #fff; }
    @media screen and (min-width: 1920px) {
      .club-locatorScorpionship .title {
        font-size: 55px;
        line-height: 55px;
        margin: 40px auto 25px; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .club-locatorScorpionship .title {
        font-size: 38px;
        line-height: 40px;
        margin: 40px auto 25px; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .club-locatorScorpionship .title {
        font-size: 32px;
        line-height: 33px;
        margin: 40px auto 25px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .club-locatorScorpionship .title {
        font-size: 24px;
        line-height: 24px;
        margin: 3% auto 2%;
        text-align: center; } }
    @media screen and (max-width: 767px) {
      .club-locatorScorpionship .title {
        font-size: 1.4em;
        line-height: 1.1;
        text-align: left;
        padding-left: 9%;
        padding-right: 9%;
        margin: 5% auto 4%;
        text-align: center; } }
  .club-locatorScorpionship .zoom-div {
    position: absolute;
    width: 100%;
    opacity: 0.5;
    z-index: 3;
    background-color: black;
    overflow: hidden;
    min-height: 650px; }
  .club-locatorScorpionship .zoom-div span {
    color: white;
    font-size: 25px;
    position: relative;
    top: 40%;
    text-align: center;
    padding-left: 35%;
    width: 670px;
    margin-left: 0;
    top: 300px; }
  @media (max-width: 768px) {
    .club-locatorScorpionship .zoom-div {
      position: absolute;
      width: 100%;
      opacity: 0.5;
      z-index: 3;
      background-color: black;
      overflow: hidden;
      min-height: 90vh;
      /* padding-left: 13%; */
      text-align: center; }
    .club-locatorScorpionship .zoom-div span {
      color: white;
      font-size: 25px;
      position: relative;
      top: 210px;
      text-align: center;
      width: 670px;
      text-align: center;
      padding-left: 10px;
      padding-right: 10px; } }
  .club-locatorScorpionship .here-maps {
    position: relative;
    width: 100%;
    display: block;
    max-height: 2000px;
    height: calc(100vh - 67px); }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .club-locatorScorpionship .here-maps {
        height: calc(100vh - 120px); } }
    @media screen and (min-width: 1920px) {
      .club-locatorScorpionship .here-maps {
        height: calc(100vh - 120px); } }
    .club-locatorScorpionship .here-maps .map {
      width: 1160px;
      height: 100vh; }
      @media screen and (max-width: smart) {
        .club-locatorScorpionship .here-maps .map {
          height: 55vh;
          width: 80vw; } }
      .club-locatorScorpionship .here-maps .map .map-locator {
        width: 100%;
        height: 100%; }
        .club-locatorScorpionship .here-maps .map .map-locator .marker {
          position: relative;
          transform: translate(-50%, -100%);
          cursor: pointer;
          user-select: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          width: 27px;
          height: 32px; }
          .club-locatorScorpionship .here-maps .map .map-locator .marker img {
            width: 27px;
            height: 32px; }
          .club-locatorScorpionship .here-maps .map .map-locator .marker .tooltip {
            display: none;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%, -100%);
            cursor: default;
            width: 350px;
            justify-content: center; }
            .club-locatorScorpionship .here-maps .map .map-locator .marker .tooltip.in {
              display: flex;
              opacity: 1; }
            .club-locatorScorpionship .here-maps .map .map-locator .marker .tooltip .tooltip-text {
              width: 352px;
              background-color: white;
              color: black;
              text-align: left;
              border-radius: 8px;
              padding: 10px 15px;
              margin-bottom: 15px;
              font-size: 13px;
              line-height: 16px; }
              .club-locatorScorpionship .here-maps .map .map-locator .marker .tooltip .tooltip-text > * {
                display: block;
                font-size: 13px;
                line-height: 16px;
                margin: 0; }
            .club-locatorScorpionship .here-maps .map .map-locator .marker .tooltip:after {
              content: "";
              width: 0;
              height: 0;
              display: flex;
              position: absolute;
              bottom: 0;
              left: 50%;
              margin-left: -10px;
              margin-bottom: -5px;
              border-width: 10px;
              border-style: solid;
              border-color: white transparent transparent transparent; }
            .club-locatorScorpionship .here-maps .map .map-locator .marker .tooltip .close {
              position: absolute;
              top: 5px;
              right: 5px;
              width: 15px;
              height: 15px;
              font-size: 15px;
              opacity: 0.7; }
    .club-locatorScorpionship .here-maps .H_ib_body {
      max-height: 440px;
      min-width: 280px;
      left: -140px; }
  .club-locatorScorpionship #gmap-wrapper {
    /**/ }
  .club-locatorScorpionship .contentPopUp {
    position: relative;
    background: #fff;
    color: #000;
    padding: 20px;
    font-family: 'Abarth_Medium';
    box-shadow: rgba(0, 0, 0, 0.4) 0 1px 4px 0;
    font-size: 0.875em;
    max-width: 360px; }
    @media screen and (max-width: 767px) {
      .club-locatorScorpionship .contentPopUp {
        max-width: 250px; } }
  .club-locatorScorpionship .icon-cluster {
    right: 20px;
    /* position: absolute;
        transform: translate(50%, -100%);
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;  
        display: none;*/ }
  .club-locatorScorpionship .arrow-itm {
    display: none; }
  .club-locatorScorpionship .H_ib_content {
    margin: 18px 18px 18px 18px !important; }
  .club-locatorScorpionship .H_ib_close {
    top: 3px;
    right: 5px; }
  .club-locatorScorpionship .box-PopUp {
    color: #fff;
    background-color: #000 !important;
    padding: 15px; }
  .club-locatorScorpionship .box-PopUp .res-title-PopUp {
    font-family: 'Abarth_Heavy';
    margin-bottom: 10px;
    font-size: 1.25em; }
  .club-locatorScorpionship .box-PopUp p {
    margin-bottom: 2px;
    line-height: 20px; }
  .club-locatorScorpionship #bullet {
    stroke: #ccc;
    stroke-dasharray: 3;
    stroke-width: 10; }
  .club-locatorScorpionship .hide-window {
    display: none; }
  .club-locatorScorpionship .show-window {
    border: 12px solid #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3); }
    .club-locatorScorpionship .show-window article,
    .club-locatorScorpionship .show-window > div:first-child > div:last-child,
    .club-locatorScorpionship .show-window > div:first-child > div > div > div {
      color: #FFFFFF;
      background-color: #000000 !important; }
    .club-locatorScorpionship .show-window > div:first-child > div:nth-child(2) {
      border-radius: 12px !important; }
    .club-locatorScorpionship .show-window > div:first-child > div:nth-child(3) > div:first-child {
      width: 26px !important;
      left: -16px !important; }
      .club-locatorScorpionship .show-window > div:first-child > div:nth-child(3) > div:first-child > div {
        transform: skewX(35.6deg) !important;
        width: 20px !important;
        height: 30px !important; }
    .club-locatorScorpionship .show-window > div:first-child > div:nth-child(3) > div:last-child {
      width: 26px !important; }
      .club-locatorScorpionship .show-window > div:first-child > div:nth-child(3) > div:last-child > div {
        width: 20px !important;
        transform: skewX(-35.6deg) !important;
        height: 30px !important; }
    .club-locatorScorpionship .show-window > div:first-child > div:last-child {
      border-radius: 10px !important; }
    .club-locatorScorpionship .show-window > .gm-style-iw + div,
    .club-locatorScorpionship .show-window > button {
      background: url("clientlib-base/resources/images/icon/club_close.svg") no-repeat center center !important;
      background-size: 100% !important;
      margin: 12px !important;
      width: 15px !important;
      height: 15px !important; }
      @media screen and (max-width: 767px) {
        .club-locatorScorpionship .show-window > .gm-style-iw + div,
        .club-locatorScorpionship .show-window > button {
          width: 20px !important;
          height: 20px !important; } }
      .club-locatorScorpionship .show-window > .gm-style-iw + div img,
      .club-locatorScorpionship .show-window > button img {
        display: none !important; }
  .club-locatorScorpionship .marker-url {
    margin-top: 10px; }
    .club-locatorScorpionship .marker-url a {
      padding-right: 10px; }
      .club-locatorScorpionship .marker-url a img {
        height: 25px;
        border-radius: 5px; }
  .club-locatorScorpionship .search-choice {
    height: 100px;
    z-index: 2;
    position: absolute;
    width: 100%; }
  .club-locatorScorpionship .locator-search {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    color: #fff;
    float: left;
    padding: 30px 6%;
    top: 0;
    max-height: 120px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .club-locatorScorpionship .locator-search {
        padding: 30px 2%; } }
    @media screen and (max-width: 767px) {
      .club-locatorScorpionship .locator-search {
        padding: 0;
        max-height: none;
        height: auto; } }
  .club-locatorScorpionship .locator_choice {
    color: #fff;
    float: left;
    font-family: 'Abarth_Medium'; }
    @media screen and (min-width: 1920px) {
      .club-locatorScorpionship .locator_choice {
        width: 50%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .club-locatorScorpionship .locator_choice {
        width: 50%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .club-locatorScorpionship .locator_choice {
        width: 50%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .club-locatorScorpionship .locator_choice {
        width: 50%;
        padding-left: 5%; } }
    @media screen and (max-width: 767px) {
      .club-locatorScorpionship .locator_choice {
        width: 100%;
        padding-left: 9%;
        padding-right: 9%; } }
    .club-locatorScorpionship .locator_choice .container_choice {
      float: right;
      padding-right: 5%; }
      @media screen and (max-width: 767px) {
        .club-locatorScorpionship .locator_choice .container_choice {
          float: none; } }
      .club-locatorScorpionship .locator_choice .container_choice h4 {
        font-size: 1.2em;
        text-transform: uppercase;
        margin-bottom: 5px; }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .club-locatorScorpionship .locator_choice .container_choice h4 {
            font-size: 1em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .club-locatorScorpionship .locator_choice .container_choice h4 {
            font-size: 1em; } }
        @media screen and (max-width: 767px) {
          .club-locatorScorpionship .locator_choice .container_choice h4 {
            font-size: 1em;
            margin-top: 5px;
            margin-top: 5%;
            text-align: left; } }
      .club-locatorScorpionship .locator_choice .container_choice p {
        font-size: 1em;
        margin-bottom: 0px;
        font-family: 'Abarth_light', sans-serif; }
        @media screen and (min-width: 1366px) and (max-width: 1919px) {
          .club-locatorScorpionship .locator_choice .container_choice p {
            font-size: 0.9em; } }
        @media screen and (min-width: 1024px) and (max-width: 1365px) {
          .club-locatorScorpionship .locator_choice .container_choice p {
            font-size: 0.8em; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .club-locatorScorpionship .locator_choice .container_choice p {
            font-size: 11px; } }
        @media screen and (max-width: 767px) {
          .club-locatorScorpionship .locator_choice .container_choice p {
            font-size: 11px; } }
  .club-locatorScorpionship .form-inline {
    float: left;
    position: relative;
    padding-left: 5%; }
    @media screen and (min-width: 1920px) {
      .club-locatorScorpionship .form-inline {
        width: 50%; } }
    @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .club-locatorScorpionship .form-inline {
        width: 50%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .club-locatorScorpionship .form-inline {
        width: 50%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .club-locatorScorpionship .form-inline {
        width: 50%;
        padding-right: 5%; } }
    @media screen and (max-width: 767px) {
      .club-locatorScorpionship .form-inline {
        width: 100%;
        padding-left: 9%;
        padding-right: 9%; } }
    .club-locatorScorpionship .form-inline .form-control {
      border-left: 3px solid #e72020;
      border-right: none;
      border-top: none;
      border-bottom: none;
      -moz-appearance: none;
      color: #000;
      font-family: "Abarth_light";
      height: 40px;
      text-indent: 0.2em;
      width: 300px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .club-locatorScorpionship .form-inline .form-control {
          width: 250px; } }
      @media screen and (max-width: 767px) {
        .club-locatorScorpionship .form-inline .form-control {
          width: 100%;
          margin-top: 5%;
          margin-bottom: 5%; } }
    .club-locatorScorpionship .form-inline .btn.btn-default {
      background: #e72020 none repeat scroll 0 0;
      border: medium none;
      height: 40px;
      position: absolute;
      top: 0;
      width: 40px; }
      @media screen and (min-width: 1920px) {
        .club-locatorScorpionship .form-inline .btn.btn-default {
          left: 360px; } }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .club-locatorScorpionship .form-inline .btn.btn-default {
          left: 350px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .club-locatorScorpionship .form-inline .btn.btn-default {
          left: 320px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .club-locatorScorpionship .form-inline .btn.btn-default {
          left: 270px; } }
      @media screen and (max-width: 767px) {
        .club-locatorScorpionship .form-inline .btn.btn-default {
          right: 9%;
          margin: 4% 0; } }

.scorpionshipClubs.cq-Editable-dom {
  max-height: 500px; }

/* +++ Formula 4 +++ */
.f4-page .block-title-formula4 {
  position: relative;
  font-family: 'Abarth_Light';
  background-image: url("../../../content/dam/abarth/de/formula4/header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 720px; }
  .f4-page .block-title-formula4 img {
    width: 100%; }
  .f4-page .block-title-formula4 h2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 140px;
    font-size: 120px;
    color: #ffffff;
    margin: auto;
    font-weight: 900;
    text-align: center;
    font-family: "Abarth_heavy"; }
  .f4-page .block-title-formula4 .arrow-go-bottom {
    width: 42px;
    height: 24px;
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer; }
  .f4-page .block-title-formula4 .logo-formula4 {
    width: 118px;
    position: absolute;
    bottom: 25px;
    right: 60px; }
  @media screen and (max-width: 767px) {
    .f4-page .block-title-formula4 {
      height: 392px;
      background-image: url("../../../content/dam/abarth/de/formula4/header-mobile.jpg"); }
      .f4-page .block-title-formula4 h2 {
        font-size: 55px;
        height: 70px; }
      .f4-page .block-title-formula4 .arrow-go-bottom {
        display: none; }
      .f4-page .block-title-formula4 .logo-formula4 {
        right: 0;
        left: 0;
        width: 70px;
        bottom: 10px;
        margin: auto; } }

.f4-page .detail-track {
  font-family: 'Abarth_Light';
  display: flex;
  flex-wrap: wrap; }
  .f4-page .detail-track h3 {
    font-size: 2.1em;
    margin-bottom: 0px;
    font-family: "Abarth_heavy";
    padding: 5% 8.33%;
    width: 100%; }
  .f4-page .detail-track:after {
    content: "";
    display: table;
    clear: both; }
  .f4-page .detail-track .left-column {
    float: left;
    margin-bottom: 40px;
    flex-grow: 0.5;
    flex-basis: 30%;
    padding: 0 8.33%; }
    .f4-page .detail-track .left-column h4 {
      position: relative;
      font-family: "Abarth_heavy";
      margin-bottom: 25px; }
      .f4-page .detail-track .left-column h4:after {
        content: '';
        width: 30px;
        border-top: 3px solid #000;
        position: absolute;
        bottom: -15px;
        left: 0; }
    .f4-page .detail-track .left-column .content-detail-track {
      line-height: 1.2em; }
  .f4-page .detail-track .right-column {
    float: left;
    flex-grow: 0.15;
    flex-basis: 15%;
    align-self: flex-end;
    margin-bottom: 8.33%; }
    .f4-page .detail-track .right-column .data {
      position: relative;
      margin-bottom: 30px; }
      .f4-page .detail-track .right-column .data span {
        font-size: 100px;
        display: block;
        font-weight: 900;
        font-family: "Abarth_heavy"; }
      .f4-page .detail-track .right-column .data:after {
        content: '';
        width: 30px;
        border-top: 3px solid #000;
        position: absolute;
        bottom: -15px;
        left: 0; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .f4-page .detail-track .right-column .data span {
      font-size: 75px; } }
  @media screen and (max-width: 767px) {
    .f4-page .detail-track h3 {
      font-size: 24px;
      padding-top: 60px; }
    .f4-page .detail-track .left-column {
      align-self: center;
      flex-grow: 0.85; }
      .f4-page .detail-track .left-column h4 {
        font-size: 18px; }
      .f4-page .detail-track .left-column .content-detail-track {
        font-size: 14px;
        line-height: 1.2em; }
    .f4-page .detail-track .right-column {
      align-self: flex-start;
      flex-grow: 0.15;
      padding-right: 8.33%; }
      .f4-page .detail-track .right-column .data {
        font-size: 14px; }
        .f4-page .detail-track .right-column .data span {
          font-size: 60px; }
      .f4-page .detail-track .right-column .circuit {
        font-size: 14px; } }

.f4-page .detail-track-bg {
  font-family: 'Abarth_Light';
  position: relative; }
  .f4-page .detail-track-bg img {
    width: 100%; }
  .f4-page .detail-track-bg:after {
    content: "";
    display: table;
    clear: both; }
  .f4-page .detail-track-bg .overlay-detail-track {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 50%;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 50px; }
    .f4-page .detail-track-bg .overlay-detail-track h3 {
      font-size: 36px;
      margin-bottom: 15px;
      font-family: "Abarth_heavy"; }
    .f4-page .detail-track-bg .overlay-detail-track p {
      font-size: 15px;
      line-height: 1.2em; }
    .f4-page .detail-track-bg .overlay-detail-track .sub {
      margin-bottom: 20px;
      font-size: 15px; }
    .f4-page .detail-track-bg .overlay-detail-track .track {
      width: 60%;
      margin-top: 5%; }
    .f4-page .detail-track-bg .overlay-detail-track .logo-formula4 {
      width: 118px;
      position: absolute;
      bottom: 35px;
      right: 60px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .f4-page .detail-track-bg {
      background-image: url("../../../content/dam/abarth/de/formula4/background-oschersleben-mobile.png");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
      .f4-page .detail-track-bg img {
        display: none; }
      .f4-page .detail-track-bg .overlay-detail-track {
        position: relative;
        width: 100%; }
        .f4-page .detail-track-bg .overlay-detail-track img {
          display: block; }
          .f4-page .detail-track-bg .overlay-detail-track img.track {
            width: 85%;
            margin: auto; }
        .f4-page .detail-track-bg .overlay-detail-track .logo-formula4 {
          width: 80px;
          bottom: 10px;
          right: 30px; } }
  @media screen and (max-width: 767px) {
    .f4-page .detail-track-bg {
      background-image: url("../../../content/dam/abarth/de/formula4/background-oschersleben-mobile.png");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
      .f4-page .detail-track-bg img {
        display: none; }
      .f4-page .detail-track-bg .overlay-detail-track {
        position: relative;
        width: 100%; }
        .f4-page .detail-track-bg .overlay-detail-track img {
          display: block; }
          .f4-page .detail-track-bg .overlay-detail-track img.track {
            width: 85%;
            margin: auto; }
        .f4-page .detail-track-bg .overlay-detail-track .logo-formula4 {
          width: 80px;
          bottom: 10px;
          right: 30px; } }

.f4-page .calendar-f4 {
  font-family: 'Abarth_Light';
  width: 100%;
  margin: auto;
  max-width: 1170px;
  padding: 5% 0;
  position: relative; }
  .f4-page .calendar-f4:after {
    content: "";
    display: table;
    clear: both; }
  .f4-page .calendar-f4 .single-event-f4 {
    width: 25%;
    float: left;
    padding-right: 80px;
    padding-left: 20px;
    min-height: 220px;
    cursor: pointer; }
    .f4-page .calendar-f4 .single-event-f4 .data-wrapper .data {
      position: relative;
      margin-bottom: 30px; }
      .f4-page .calendar-f4 .single-event-f4 .data-wrapper .data span {
        font-size: 100px;
        display: block;
        font-weight: 900;
        font-family: "Abarth_heavy"; }
      .f4-page .calendar-f4 .single-event-f4 .data-wrapper .data:after {
        content: '';
        width: 30px;
        border-top: 3px solid #000;
        position: absolute;
        bottom: -15px;
        left: 0; }
    .f4-page .calendar-f4 .single-event-f4 .detail-circuit-local {
      display: none; }
      .f4-page .calendar-f4 .single-event-f4 .detail-circuit-local img {
        height: 100px;
        margin: auto; }
      .f4-page .calendar-f4 .single-event-f4 .detail-circuit-local .cta-white {
        font-family: 'Abarth_Light';
        border: solid 1px #000;
        font-size: 1em;
        display: block;
        width: 100%;
        max-width: 350px;
        text-transform: uppercase;
        color: #000;
        text-decoration: none;
        line-height: 30px;
        text-align: center;
        height: 30px;
        cursor: pointer;
        margin-top: 20px; }
    .f4-page .calendar-f4 .single-event-f4:hover .data-wrapper {
      display: none; }
    .f4-page .calendar-f4 .single-event-f4:hover .detail-circuit-local {
      display: block; }
  .f4-page .calendar-f4 #overlay-white-calendar {
    font-family: 'Abarth_Light';
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    flex-wrap: wrap; }
    .f4-page .calendar-f4 #overlay-white-calendar .content-calendar {
      float: left;
      padding-top: 150px;
      padding-right: 130px;
      padding-left: 20px;
      flex-grow: 0.5;
      flex-basis: 50%; }
      .f4-page .calendar-f4 #overlay-white-calendar .content-calendar .data-title-more {
        font-size: 28px;
        margin-bottom: 5px;
        font-family: "Abarth_heavy"; }
      .f4-page .calendar-f4 #overlay-white-calendar .content-calendar .data-subtitle-more {
        padding-bottom: 25px; }
      .f4-page .calendar-f4 #overlay-white-calendar .content-calendar .data-content-more {
        line-height: 1.2em; }
    .f4-page .calendar-f4 #overlay-white-calendar .image-circuit {
      float: left;
      flex-grow: 0.5;
      flex-basis: 50%;
      align-self: center; }
      .f4-page .calendar-f4 #overlay-white-calendar .image-circuit .cta-white {
        font-family: 'Abarth_Light';
        border: solid 1px #000;
        font-size: 1em;
        display: block;
        width: 100%;
        max-width: 250px;
        text-transform: uppercase;
        color: #000;
        text-decoration: none;
        height: 30px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        margin-top: 20px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .f4-page .calendar-f4 {
      max-width: 700px; }
      .f4-page .calendar-f4 .single-event-f4 {
        padding-right: 50px; }
        .f4-page .calendar-f4 .single-event-f4 .data-wrapper .data span {
          font-size: 75px; }
      .f4-page .calendar-f4 #overlay-white-calendar .image-circuit {
        flex-basis: 40%; }
        .f4-page .calendar-f4 #overlay-white-calendar .image-circuit img {
          max-width: 310px; } }
  @media screen and (max-width: 767px) {
    .f4-page .calendar-f4 {
      padding: 30px 30px 0; }
      .f4-page .calendar-f4 .single-event-f4 {
        width: 32%;
        float: left;
        padding-bottom: 45px;
        padding-right: 0px;
        padding-left: 0px;
        min-height: 170px;
        margin: 0 0.66%; }
        .f4-page .calendar-f4 .single-event-f4 .data-wrapper .data {
          font-size: 14px; }
          .f4-page .calendar-f4 .single-event-f4 .data-wrapper .data span {
            font-size: 60px; }
        .f4-page .calendar-f4 .single-event-f4 .data-wrapper .circuit {
          font-size: 14px; }
        .f4-page .calendar-f4 .single-event-f4 .detail-circuit-local img {
          height: auto; }
        .f4-page .calendar-f4 .single-event-f4 .detail-circuit-local .cta-white {
          height: 60px; }
      .f4-page .calendar-f4 #overlay-white-calendar .content-calendar {
        padding-top: 40px;
        padding-right: 20px;
        padding-left: 20px;
        flex-basis: 100%;
        align-self: center; }
      .f4-page .calendar-f4 #overlay-white-calendar .image-circuit {
        align-self: flex-start;
        padding-right: 20px;
        padding-left: 20px;
        flex-basis: 100%;
        text-align: center; }
        .f4-page .calendar-f4 #overlay-white-calendar .image-circuit .cta-white {
          margin: 20px auto; } }

.f4-page .gewinnspiel {
  position: relative; }
  .f4-page .gewinnspiel .background-mobile {
    display: none; }
  .f4-page .gewinnspiel img {
    width: 100%; }
  .f4-page .gewinnspiel .text-gewinnspiel {
    color: #fff;
    font-family: "Abarth_heavy";
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    width: 100%; }
    .f4-page .gewinnspiel .text-gewinnspiel h2 {
      font-size: 48px;
      margin-bottom: 0; }
    .f4-page .gewinnspiel .text-gewinnspiel .hashtag {
      font-size: 18px; }
  .f4-page .gewinnspiel .cta-gewinnspiel {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    width: 40%;
    margin: auto; }
    .f4-page .gewinnspiel .cta-gewinnspiel .container-cta {
      width: 50%;
      float: left;
      text-align: center; }
      .f4-page .gewinnspiel .cta-gewinnspiel .container-cta .cta-white {
        font-family: 'Abarth_Light';
        border: solid 1px #000;
        font-size: 1em;
        display: block;
        width: 100%;
        max-width: 200px;
        text-transform: uppercase;
        color: #000;
        text-decoration: none;
        height: 30px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        margin: auto; }
  .f4-page .gewinnspiel .overlay-red {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #d41d17;
    padding: 0; }
    .f4-page .gewinnspiel .overlay-red .ty-message {
      width: 100%;
      max-width: 665px;
      height: 270px;
      margin: auto;
      color: #ffffff;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      padding: 20px;
      text-align: center; }
      .f4-page .gewinnspiel .overlay-red .ty-message h2 {
        display: block; }
      .f4-page .gewinnspiel .overlay-red .ty-message h4 {
        font-weight: 300; }
      .f4-page .gewinnspiel .overlay-red .ty-message .cta-red {
        font-family: 'Abarth_Light';
        border: solid 1px #fff;
        font-size: 1em;
        display: block;
        width: 100%;
        max-width: 235px;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        height: 30px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        margin: 15px auto;
        background-color: transparent; }
        .f4-page .gewinnspiel .overlay-red .ty-message .cta-red:hover {
          background-color: #ffffff;
          color: #d41d17; }
    .f4-page .gewinnspiel .overlay-red[data-overlay-red="social"] .content-overlay-wrapper {
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      height: 185px; }
      .f4-page .gewinnspiel .overlay-red[data-overlay-red="social"] .content-overlay-wrapper .cta-red {
        font-family: 'Abarth_Light';
        border: solid 1px #fff;
        font-size: 1em;
        display: block;
        width: 100%;
        max-width: 235px;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        height: 30px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        margin: 15px auto;
        background-color: transparent; }
        .f4-page .gewinnspiel .overlay-red[data-overlay-red="social"] .content-overlay-wrapper .cta-red.margin-top {
          margin: 50px auto 15px;
          float: none; }
    .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper {
      width: 100%;
      max-width: 665px;
      margin: 15px auto; }
      .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .cta-red {
        font-family: 'Abarth_Light';
        border: solid 1px #fff;
        font-size: 1em;
        display: block;
        width: 100%;
        max-width: 235px;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        height: 30px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        margin: 15px auto;
        background-color: transparent; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .cta-red.margin-top {
          margin: 50px auto 15px;
          float: none; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .cta-red.submit-form-f4 {
          margin: 15px 0; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .cta-red.close-overlay-red {
          margin: 15px 0;
          float: right; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .cta-red:hover {
          background-color: #ffffff;
          color: #d41d17; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .cta-red.facebook-url {
          display: none; }
      .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper div {
        position: relative;
        width: 100%;
        max-width: 50%;
        margin: auto;
        word-break: break-all;
        color: #fff;
        float: left; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper div.width-100 {
          max-width: 100%; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper div.text-center {
          text-align: center; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper div input {
          font-family: 'Abarth_Light';
          border: solid 1px #fff;
          font-size: 1em;
          display: block;
          width: 100%;
          max-width: 235px;
          color: #fff;
          text-decoration: none;
          height: 30px;
          line-height: 30px;
          text-align: center;
          margin: 15px auto;
          background-color: transparent; }
          .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper div input.left {
            margin: 15px 0; }
          .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper div input.right {
            margin: 15px 0;
            float: right; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper div .errorInput {
          position: absolute;
          top: 0px;
          left: 7px;
          color: #ffffff;
          text-align: center; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper div p {
          font-size: 12px; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper div b {
          margin: 15px 0;
          display: block; }
      .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper input::-webkit-input-placeholder {
        color: #fff;
        text-transform: uppercase; }
      .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper input:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
        text-transform: uppercase; }
      .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper input::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
        text-transform: uppercase; }
      .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper input:-ms-input-placeholder {
        color: #fff;
        text-transform: uppercase; }
      .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .radio {
        display: inline-block;
        cursor: pointer;
        font-size: .7em;
        line-height: 1.4em;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-family: 'Abarth_Medium';
        color: #ffffff;
        width: 100%;
        padding: 8px; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .radio.last-radio {
          width: 50%;
          float: left; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .radio input {
          width: 1px;
          height: 1px;
          opacity: 0;
          margin: 0; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .radio .outer {
          width: 20px;
          height: 20px;
          display: block;
          float: left;
          margin-top: -3px;
          margin-right: 7.5px;
          border: 2px solid white;
          border-radius: 50%; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .radio .inner {
          transition: all .25s ease-in-out;
          width: 10px;
          height: 10px;
          transform: scale(0);
          display: block;
          margin: 3px;
          border-radius: 50%;
          background-color: #fff;
          opacity: 0; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .radio input:checked + .outer {
          border: 2px solid #fff; }
          .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .radio input:checked + .outer .inner {
            transform: scale(1);
            opacity: 1; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .radio a {
          text-decoration: underline;
          cursor: pointer;
          color: white; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper {
      max-width: 90%; }
    .f4-page .gewinnspiel .text-gewinnspiel {
      top: 30px; }
    .f4-page .gewinnspiel .cta-gewinnspiel {
      width: 45%;
      bottom: 10px; } }
  @media screen and (max-width: 767px) {
    .f4-page .gewinnspiel .background-mobile {
      display: block; }
    .f4-page .gewinnspiel .background-desktop {
      display: none; }
    .f4-page .gewinnspiel .text-gewinnspiel {
      top: 10px; }
      .f4-page .gewinnspiel .text-gewinnspiel h2 {
        font-size: 30px; }
      .f4-page .gewinnspiel .text-gewinnspiel .hashtag {
        font-size: 15px; }
    .f4-page .gewinnspiel .cta-gewinnspiel {
      bottom: 15px;
      width: 90%; }
      .f4-page .gewinnspiel .cta-gewinnspiel .container-cta {
        padding: 0 10px; }
        .f4-page .gewinnspiel .cta-gewinnspiel .container-cta .cta-white {
          font-size: 12px; }
    .f4-page .gewinnspiel .overlay-red .ty-message h2 {
      line-height: 1.3em;
      font-size: 1.6rem; }
    .f4-page .gewinnspiel .overlay-red .ty-message h4 {
      font-size: 1rem; }
    .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper {
      max-width: 600px;
      padding: 15px; }
      .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper div {
        max-width: 100%; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper div input.left {
          margin: 15px auto; }
        .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper div input.right {
          margin: 15px auto;
          float: none; }
      .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .cta-red.submit-form-f4 {
        margin: 15px auto; }
      .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .cta-red.close-overlay-red {
        margin: 15px auto;
        float: none; }
      .f4-page .gewinnspiel .overlay-red .content-overlay-wrapper .radio {
        font-size: .65em;
        line-height: 1.2em;
        margin-bottom: 5px; } }

.f4-page .f4-social-wall {
  margin-bottom: 50px;
  display: none !important; }
  .f4-page .f4-social-wall:after {
    content: "";
    display: table;
    clear: both; }
  .f4-page .f4-social-wall hr {
    width: 100%;
    max-width: 815px;
    margin: 50px auto; }
  .f4-page .f4-social-wall h2 {
    text-align: center;
    font-family: "Abarth_heavy";
    font-size: 36px;
    line-height: 1.1em; }
    .f4-page .f4-social-wall h2 span {
      display: block; }
  .f4-page .f4-social-wall .container-social-wall {
    max-width: 1170px;
    width: 100%;
    margin: auto; }
    .f4-page .f4-social-wall .container-social-wall .stream {
      margin: auto; }
      .f4-page .f4-social-wall .container-social-wall .stream .dcsns-li {
        width: 23%;
        float: left;
        padding: 15px;
        border: 1px solid #000;
        font-size: 14px;
        margin: 1% 1%;
        font-family: 'Abarth_Light';
        color: #000;
        text-decoration: none;
        list-style: none; }
        .f4-page .f4-social-wall .container-social-wall .stream .dcsns-li img {
          width: 100%;
          margin-bottom: 15px; }
        .f4-page .f4-social-wall .container-social-wall .stream .dcsns-li p {
          line-height: 1.2em; }
        .f4-page .f4-social-wall .container-social-wall .stream .dcsns-li .icon {
          display: none; }
        .f4-page .f4-social-wall .container-social-wall .stream .dcsns-li a {
          color: #000000; }
        .f4-page .f4-social-wall .container-social-wall .stream .dcsns-li .section-intro {
          display: none; }
        .f4-page .f4-social-wall .container-social-wall .stream .dcsns-li .section-user {
          display: block;
          font-family: "Abarth_heavy";
          margin-top: 20px; }
        .f4-page .f4-social-wall .container-social-wall .stream .dcsns-li .section-text {
          word-wrap: break-word; }
          .f4-page .f4-social-wall .container-social-wall .stream .dcsns-li .section-text img {
            margin-bottom: 0;
            margin-top: 15px; }
  .f4-page .f4-social-wall .dcsns-toolbar {
    display: none; }
  .f4-page .f4-social-wall .more-posts {
    display: none;
    text-align: center;
    padding-top: 20px;
    clear: both; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .f4-page .f4-social-wall hr {
      max-width: 880px; }
    .f4-page .f4-social-wall .container-social-wall {
      max-width: 700px;
      margin: auto; }
      .f4-page .f4-social-wall .container-social-wall .stream .dcsns-li {
        width: 30%;
        margin: 1.5%; } }
  @media screen and (max-width: 767px) {
    .f4-page .f4-social-wall hr {
      max-width: 350px; }
    .f4-page .f4-social-wall h2 {
      font-size: 22px; }
    .f4-page .f4-social-wall .container-social-wall {
      max-width: 320px; }
      .f4-page .f4-social-wall .container-social-wall .stream .dcsns-li {
        width: 44%;
        margin: 3%; } }

.car-config-splash {
  /*.sbToggle:hover{
        background: url(http://www.abarthcarconfigurator.com/CoutesyPage/img/select-icons.png) 0 -167px no-repeat;
    }
    .sbToggleOpen{
        background: url(http://www.abarthcarconfigurator.com/CoutesyPage/img/select-icons.png) 0 -16px no-repeat;
    }
    .sbToggleOpen:hover{
        background: url(http://www.abarthcarconfigurator.com/CoutesyPage/img/select-icons.png) 0 -66px no-repeat;
    }
    */ }
  .car-config-splash .simpeText {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 20px; }
  .car-config-splash img {
    border: currentColor;
    -o-border-image: none;
       border-image: none;
    vertical-align: bottom; }
  .car-config-splash .center {
    text-align: center; }
  .car-config-splash .button_light {
    background: #ffffff;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #dedede 87%, #ececec 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
    /* IE6-9 */
    font-family: 'Abarth' !important;
    text-decoration: none;
    font-size: 12px;
    color: #282828;
    height: 42px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #bfbfbf;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
    display: inline-block;
    cursor: pointer; }
  .car-config-splash .button_light div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 42px; }
  .car-config-splash .button_light:hover {
    background: #ffffff;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, #ececec 0%, #dedede 13%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }
  .car-config-splash .button_light_inline {
    margin: 8px; }
  .car-config-splash .sbHolder {
    background-color: #fff;
    border: none;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: normal;
    height: 44px;
    line-height: 44px !important;
    position: relative;
    /*width: 200px;*/ }
  .car-config-splash .sbSelector {
    display: block;
    height: 44px;
    left: 0;
    line-height: 44px !important;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    font-size: 16px !important;
    /*  width: 170px;*/ }
  .car-config-splash .sbSelector:link, .car-config-splash .sbSelector:visited, .car-config-splash .sbSelector:hover {
    color: #98999b;
    outline: none;
    text-decoration: none;
    text-transform: uppercase; }
  .car-config-splash .sbToggle {
    background: url(http://www.abarthcarconfigurator.com/CoutesyPage/img/select-icon.png) no-repeat;
    background-position: center center;
    background-color: #98999b;
    display: block;
    height: 44px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px; }
  .car-config-splash .sbHolderDisabled {
    background-color: #3C3C3C;
    border: solid 1px #515151; }
  .car-config-splash .sbOptions {
    background-color: #fff;
    border: solid 1px #515151;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 1;
    overflow-y: auto;
    font-size: 16px !important; }
  .car-config-splash .sbOptions li {
    padding: 0 7px; }
  .car-config-splash .sbOptions a {
    border-bottom: dotted 1px #98999b;
    display: block;
    outline: none;
    padding: 7px 0 7px 3px;
    color: #98999b;
    text-transform: uppercase;
    font-size: 16px !important; }
  .car-config-splash .sbOptions a:link, .car-config-splash .sbOptions a:visited {
    /*color: #ddd;*/
    text-decoration: none; }
  .car-config-splash .sbOptions a:hover,
  .car-config-splash .sbOptions a:focus,
  .car-config-splash .sbOptions a.sbFocus {
    /*color: #EBB52D;*/ }
  .car-config-splash .sbOptions li.last a {
    border-bottom: none; }
  .car-config-splash .sbOptions .sbDisabled {
    border-bottom: dotted 1px #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px; }
  .car-config-splash .sbOptions .sbGroup {
    border-bottom: dotted 1px #515151;
    color: #EBB52D;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px; }
  .car-config-splash .sbOptions .sbSub {
    padding-left: 17px; }
  .car-config-splash .abarth_locator .sbHolder {
    background-color: #26272c; }
  .car-config-splash .abarth_locator .sbOptions {
    background-color: #26272c; }
  .car-config-splash .abarth_locator .sbHolder {
    height: 30px;
    line-height: 30px !important; }
  .car-config-splash .abarth_locator .sbSelector {
    height: 30px;
    line-height: 30px !important; }
  .car-config-splash .abarth_locator .sbToggle {
    height: 30px; }
  .car-config-splash .abarth_locator .sbToggle {
    width: 30px; }
  .car-config-splash .abarth_locator .sbOptions a:hover,
  .car-config-splash .abarth_locator .sbOptions a:focus,
  .car-config-splash .abarth_locator .sbOptions a.sbFocus {
    color: #fff; }
  .car-config-splash .abarth_form .car-row .select-inner .sbSelector:link, .car-config-splash .abarth_form .car-row .select-inner .sbSelector:visited, .car-config-splash .abarth_form .car-row .select-inner .sbSelector:hover {
    color: #000;
    outline: none;
    text-decoration: none;
    text-transform: none; }
  .car-config-splash .abarth_form .car-row .select-inner .sbOptions a {
    border-bottom: dotted 1px #98999b;
    display: block;
    outline: none;
    padding: 7px 0 7px 3px;
    color: #000;
    text-transform: none; }
  .car-config-splash .footer_social {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top-color: #d1d1d1;
    border-bottom-color: #d1d1d1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid; }
  .car-config-splash .bggray {
    background-color: #eaebeb !important; }
  .car-config-splash .footer {
    padding-top: 0px !important; }
  .car-config-splash .splashtitletext {
    color: black;
    text-transform: uppercase;
    font-family: "Abarth_heavy";
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px; }
  .car-config-splash .padding20topbot {
    padding-top: 20px;
    padding-bottom: 20px; }
  .car-config-splash .padding20top {
    padding-top: 20px; }
  .car-config-splash .padding20bot {
    padding-bottom: 20px; }
  .car-config-splash .sbHolder {
    text-align: left !important;
    font-weight: bold !important;
    max-width: 320px;
    background-color: #eaebeb !important; }
  .car-config-splash .row-select-country-remember {
    padding-top: 10px; }
  .car-config-splash .row-select-country-remember a {
    color: #98999b !important;
    text-decoration: underline; }
  .car-config-splash .row-select-country-remember a:hover {
    color: #98999b !important;
    text-decoration: underline; }
  .car-config-splash .row-select-country-remember a:visited {
    color: #98999b !important;
    text-decoration: underline; }
  .car-config-splash .row-select-country-remember a:hover {
    color: black !important; }
  .car-config-splash .row-select-country-godirect {
    margin-top: 40px;
    border-top-color: #d1d1d1;
    border-top-width: 1px;
    border-top-style: solid; }
  .car-config-splash .checkko {
    border: 0px currentColor;
    -o-border-image: none;
       border-image: none;
    margin-left: 1px;
    vertical-align: bottom;
    min-height: 21px;
    min-width: 21px;
    background-image: url("http://www.abarthcarconfigurator.com/CoutesyPage/img/checkback.png");
    background-repeat: no-repeat; }
  .car-config-splash .checkok {
    border: 0px currentColor;
    -o-border-image: none;
       border-image: none;
    margin-left: 1px;
    vertical-align: bottom;
    min-height: 21px;
    min-width: 21px;
    background-image: url("http://www.abarthcarconfigurator.com/CoutesyPage/img/checkok.png");
    background-repeat: no-repeat; }
  .car-config-splash .country-selectbox-span {
    margin-bottom: 10px; }
  .car-config-splash .language-selectbox-span {
    margin-bottom: 10px; }
  .car-config-splash .submit-splash-form-span {
    text-align: left; }
  .car-config-splash .country_item {
    color: #d1d1d1;
    text-transform: uppercase;
    font-family: "Abarth_heavy";
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    margin-right: 20px;
    margin-bottom: 10px;
    display: inline-block;
    list-style-type: none; }
  .car-config-splash .country_item a {
    color: #d1d1d1;
    text-transform: uppercase;
    font-family: "Abarth_heavy";
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    margin-right: 20px;
    margin-bottom: 10px;
    display: inline-block;
    list-style-type: none; }
  .car-config-splash .country_item a:visited {
    color: #d1d1d1;
    text-transform: uppercase;
    font-family: "Abarth_heavy";
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    margin-right: 20px;
    margin-bottom: 10px;
    display: inline-block;
    list-style-type: none; }
  .car-config-splash .country_item a:hover {
    color: #d1d1d1;
    text-transform: uppercase;
    font-family: "Abarth_heavy";
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    margin-right: 20px;
    margin-bottom: 10px;
    display: inline-block;
    list-style-type: none; }
  .car-config-splash .country_item a:hover {
    color: black; }
  .car-config-splash .companytext {
    color: black !important;
    text-decoration: underline; }
  .car-config-splash .companytext a {
    color: black !important;
    text-decoration: underline; }
  .car-config-splash .companytext a:visited {
    color: black !important;
    text-decoration: underline; }
  .car-config-splash .companytext a:hover {
    color: black !important;
    text-decoration: underline; }
  .car-config-splash .dd_item {
    text-align: left;
    margin-right: 40px;
    display: inline-block;
    list-style-type: none; }
  .car-config-splash .dd_item .sbHolder {
    width: 270px; }
  .car-config-splash .sbHolder a:hover {
    color: #d1d1d1 !important; }
  .car-config-splash .splash-error {
    color: #e72020 !important; }
  .car-config-splash .sbOptions {
    z-index: 2147483647;
    max-height: 206px !important; }
  .car-config-splash .sbSelector:link, .car-config-splash .sbSelector:visited, .car-config-splash .sbSelector:hover,
  .car-config-splash .sbOptions a {
    color: black !important; }

.abarth_story {
  width: 100%;
  display: block;
  color: #000;
  font-family: 'Abarth_Light';
  text-align: left; }
  .abarth_story .abarth_story_container {
    display: block;
    width: 100%;
    background-color: #000; }
    .abarth_story .abarth_story_container .abarth_story_box {
      padding: 40px 10% 40px 10%; }
      .abarth_story .abarth_story_container .abarth_story_box .dark_background {
        background-color: #4B4B4B;
        color: #fff; }
      .abarth_story .abarth_story_container .abarth_story_box .lightgray_background {
        background-color: #e5e6ea;
        color: #000; }
      .abarth_story .abarth_story_container .abarth_story_box .whitegray_background {
        background-color: #fff;
        color: #000; }
      .abarth_story .abarth_story_container .abarth_story_box .black_background {
        background-color: #000 !important;
        color: #fff; }
      .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item {
        border: 2px solid #e72020;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        position: relative;
        overflow: hidden;
        height: auto; }
        .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .titleSection {
          position: relative;
          z-index: 20; }
        .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item h1 {
          padding-left: 30px;
          font-family: 'Abarth_Heavy';
          font-size: 3em;
          margin-bottom: 0.3em; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item h1 {
              font-size: 2em; } }
          @media screen and (max-width: 767px) {
            .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item h1 {
              font-size: 1.5em; } }
        .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .subtitle {
          padding-left: 30px;
          font-size: 1.5em;
          margin-bottom: 0.2em; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .subtitle {
              font-size: 1em; } }
          @media screen and (max-width: 767px) {
            .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .subtitle {
              font-size: 0.8em; } }
          .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .subtitle.cta-open {
            color: #e72020;
            text-transform: uppercase;
            font-size: 0.9em; }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .subtitle.cta-open {
                font-size: 0.7em; } }
            @media screen and (max-width: 767px) {
              .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .subtitle.cta-open {
                font-size: 0.6em; } }
          .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .subtitle.cta-close {
            display: none;
            color: #e72020;
            text-transform: uppercase;
            font-size: 0.9em; }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .subtitle.cta-close {
                font-size: 0.7em; } }
            @media screen and (max-width: 767px) {
              .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .subtitle.cta-close {
                font-size: 0.6em; } }
        .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .separator {
          height: 20px; }
        .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .backgroundClose {
          position: absolute;
          top: 0;
          z-index: 10;
          width: 100%;
          height: 100%; }
          .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .backgroundClose img {
            position: absolute;
            top: 0;
            right: 0; }
        .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .backgroundOpen {
          display: none;
          position: absolute;
          top: 0;
          right: 0;
          z-index: 10;
          max-width: 50%; }
          .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .backgroundOpen.backgroundOpenMaxWidth {
            max-width: 500px; }
        .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .ctaOpenBox {
          width: 32px;
          height: 32px;
          background-image: url("../../../content/dam/abarth/icons/plus.png");
          background-size: cover;
          position: absolute;
          top: 0;
          right: 0;
          z-index: 1000; }
        .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .ctaCloseBox {
          width: 32px;
          height: 32px;
          display: none;
          background-image: url("../../../content/dam/abarth/icons/minus.png");
          background-size: cover;
          position: absolute;
          top: 0;
          right: 0;
          z-index: 1000; }
        .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content_separator {
          display: none; }
          .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content_separator.abarth_story_right_boxes_scroll_vertical {
            width: 1px;
            height: 150px;
            display: block; }
            @media screen and (max-width: 767px) {
              .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content_separator.abarth_story_right_boxes_scroll_vertical {
                display: none; } }
          .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content_separator.abarth_story_right_boxes_scroll_wide {
            width: 500px;
            height: 300px;
            display: block;
            max-width: 50%; }
            @media screen and (max-width: 767px) {
              .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content_separator.abarth_story_right_boxes_scroll_wide {
                height: 200px; } }
            @media screen and (max-width: 767px) {
              .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content_separator.abarth_story_right_boxes_scroll_wide {
                height: 20px;
                display: none; } }
          @media screen and (max-width: 767px) {
            .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content_separator {
              display: none; } }
        .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content {
          display: none;
          line-height: 1.2em;
          font-size: 1.2em;
          padding: 80px;
          padding-top: 10px; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content {
              line-height: 1.1em;
              font-size: 1.0em;
              padding: 40px; } }
          @media screen and (max-width: 767px) {
            .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content {
              line-height: 0.9em;
              font-size: 0.8em;
              padding: 10px; } }
          .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes_separator {
            width: 1px;
            height: 150px;
            float: right;
            clear: both;
            display: none; }
          .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes_scroll_vertical {
            width: 1px;
            height: 150px;
            display: block; }
          .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes_scroll_wide {
            width: 500px;
            height: 300px;
            display: block; }
            @media screen and (max-width: 767px) {
              .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes_scroll_wide {
                height: 200px; } }
            @media screen and (max-width: 767px) {
              .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes_scroll_wide {
                height: 20px;
                display: none; } }
          .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes {
            width: 50%;
            float: right;
            clear: both; }
            .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .hideBox {
              display: none; }
            .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_text {
              border: 2px solid #e72020;
              border-right-style: none;
              border-left-style: none;
              padding: 25px;
              margin: 25px; }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_text {
                  padding: 20px; } }
              @media screen and (max-width: 767px) {
                .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_text {
                  padding: 10px; } }
              .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_text .abarth_story_dialog_text {
                color: #e72020;
                font-size: 2em;
                line-height: 1.1em; }
                @media screen and (min-width: 1024px) and (max-width: 1365px) {
                  .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_text .abarth_story_dialog_text {
                    font-size: 1.7em; } }
                @media screen and (min-width: 768px) and (max-width: 1023px) {
                  .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_text .abarth_story_dialog_text {
                    font-size: 1.4em; } }
                @media screen and (max-width: 767px) {
                  .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_text .abarth_story_dialog_text {
                    font-size: 1.1em; } }
              .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_text .abarth_story_dialog__bottom_text {
                font-size: 1em; }
                @media screen and (min-width: 768px) and (max-width: 1023px) {
                  .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_text .abarth_story_dialog__bottom_text {
                    font-size: 0.8em; } }
                @media screen and (max-width: 767px) {
                  .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_text .abarth_story_dialog__bottom_text {
                    font-size: 0.6em; } }
            .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_image {
              padding: 25px;
              margin: 25px; }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_image {
                  padding: 10px;
                  margin: 10px; } }
              @media screen and (max-width: 767px) {
                .abarth_story .abarth_story_container .abarth_story_box .abarth_story_box_item .abarth_story_content .abarth_story_right_boxes .abarth_story_right_box.abarth_story_box_image {
                  padding: 5px;
                  margin: 5px; } }

.brochure-list {
  background: #FFFFFF;
  font-family: "Abarth_light"; }
  .brochure-list .tab-header {
    text-align: center; }
    .brochure-list .tab-header button {
      background-color: #333333;
      color: #FFFFFF;
      border-radius: 2px;
      font-weight: bold;
      font-size: 14px;
      display: inline-block;
      text-transform: uppercase;
      border: 0;
      padding: 12px 20px; }
      .brochure-list .tab-header button.no-click {
        cursor: default; }
      .brochure-list .tab-header button.download-pdf-cta.sel {
        background-color: #e72020; }
  .brochure-list .tab-header,
  .brochure-list .tab-bottom {
    background-color: #bdbdbd;
    padding: 15px 30px;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5; }
  .brochure-list .l-wrap {
    padding: 0 10px; }
    .brochure-list .l-wrap > div {
      text-align: center; }
    .brochure-list .l-wrap .copy {
      letter-spacing: 1px;
      line-height: 1.4em;
      font-size: 16px;
      margin: 30px auto;
      position: relative; }
      .brochure-list .l-wrap .copy b {
        font-weight: bold; }
    .brochure-list .l-wrap .select-wrapper {
      position: relative;
      max-width: 370px;
      margin: 25px auto; }
      .brochure-list .l-wrap .select-wrapper label {
        position: absolute;
        bottom: auto;
        left: 8px;
        right: auto;
        top: 5px;
        z-index: auto;
        color: #9e9e9e;
        font-size: 11px;
        padding: 0;
        text-transform: uppercase; }
      .brochure-list .l-wrap .select-wrapper select {
        border: 0;
        border-bottom: 2px solid #333333;
        border-radius: 0;
        color: #000;
        display: block;
        font-size: 14px;
        margin-bottom: 30px;
        outline: 0;
        padding: 20px 40px 10px 8px;
        text-transform: uppercase;
        width: 100%;
        box-sizing: border-box;
        box-shadow: none;
        min-height: 50px;
        background: #fff url("clientlib-base/resources/images/icon/select-icon-black.jpg") 96% 50% no-repeat;
        -webkit-appearance: none;
        -moz-appearance: none; }
        .brochure-list .l-wrap .select-wrapper select::-ms-expand {
          display: none; }
  .brochure-list .tab-bottom {
    padding: 30px;
    text-align: center; }
    .brochure-list .tab-bottom a#download {
      display: inline-block;
      font-weight: bold;
      border: 1px solid #000000;
      background-image: none;
      background-color: #818181;
      color: #FFFFFF;
      font-size: 10px;
      line-height: 39px;
      height: 39px;
      padding: 10px auto;
      text-transform: uppercase;
      letter-spacing: .05em;
      position: relative;
      width: 135px;
      text-decoration: none; }
      .brochure-list .tab-bottom a#download[href=''] {
        cursor: default; }
    .brochure-list .tab-bottom a.download {
      display: inline-block;
      font-weight: bold;
      border: 1px solid #000;
      background-image: none;
      background-color: #818181;
      color: #fff;
      font-size: 10px;
      line-height: 39px;
      height: 39px;
      padding: 10px auto;
      text-transform: uppercase;
      letter-spacing: .05em;
      position: relative;
      width: 135px;
      text-decoration: none; }
      .brochure-list .tab-bottom a.download[href=''] {
        cursor: default; }

.editorial-table {
  background-color: #000;
  color: #fff;
  text-align: left;
  padding: 3% 0; }
  .editorial-table .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px; }
    .editorial-table .container:before, .editorial-table .container:after {
      content: " ";
      display: table; }
    .editorial-table .container::after {
      clear: both; }
    @media (min-width: 768px) {
      .editorial-table .container {
        width: 768px;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 992px) {
      .editorial-table .container {
        width: 980px; } }
    @media (min-width: 1200px) {
      .editorial-table .container {
        width: 1180px;
        padding: 0 100px; } }
    .editorial-table .container .text-center {
      text-align: center; }
    .editorial-table .container .table {
      margin-left: auto;
      margin-right: auto;
      text-transform: uppercase;
      width: 100%;
      border-spacing: 0;
      border: 1px solid white; }
      .editorial-table .container .table h2 {
        margin-bottom: 0; }
        @media (max-width: 768px) {
          .editorial-table .container .table h2 {
            font-size: 1.5rem; } }
      .editorial-table .container .table tr td {
        border: 1px solid white;
        padding: 10px; }
        @media (max-width: 768px) {
          .editorial-table .container .table tr td {
            font-size: 0.6rem;
            line-height: 1.2; } }
      .editorial-table .container .table tbody.t244 tr td {
        width: 40%; }
        .editorial-table .container .table tbody.t244 tr td:first-of-type {
          width: 20%; }

header {
  background-color: #1d1c1a; }

.header-new {
  z-index: 2000;
  background-color: #1d1c1a; }
  .header-new .wcag_helper-btn {
    display: flex;
    color: #fff;
    background-color: #e72020;
    padding: 20px;
    align-items: center;
    width: 0;
    height: 0;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none; }
    .header-new .wcag_helper-btn:focus {
      width: calc(100% - 30px);
      margin: 15px;
      height: auto;
      padding: 20px; }
  .header-new .upper-header {
    display: flex;
    flex-direction: row-reverse;
    height: 40px;
    background: #303030; }
    @media (max-width: 1200px) {
      .header-new .upper-header {
        display: none !important; } }
    .header-new .upper-header nav.nav-items {
      margin: 0;
      float: none;
      /*@media(max-width: 1600px) {
                float: none;
            }*/ }
      @media (max-width: 1200px) {
        .header-new .upper-header nav.nav-items {
          display: none; } }
      .header-new .upper-header nav.nav-items ul {
        margin: 0 auto;
        width: 100%;
        text-align: right;
        /*margin-top: 5.2px;*/ }
        .header-new .upper-header nav.nav-items ul li {
          display: inline-block;
          padding: 0 15px;
          width: auto; }
          @media (max-width: 1600px) {
            .header-new .upper-header nav.nav-items ul li {
              text-align: center; } }
          .header-new .upper-header nav.nav-items ul li a {
            font-size: 12px;
            font-family: "Abarth_Medium";
            line-height: 40px;
            color: #787878;
            text-decoration: none;
            text-transform: uppercase;
            transition: all 0.3s; }
            .header-new .upper-header nav.nav-items ul li a i {
              font-size: 20px;
              position: relative;
              top: 5px;
              margin-right: 4px; }
            .header-new .upper-header nav.nav-items ul li a:hover {
              color: #ffffff; }
    .header-new .upper-header .nav-language {
      float: right;
      width: 135px;
      background: #000000; }
      .header-new .upper-header .nav-language .language-btn {
        cursor: pointer;
        height: 40px;
        text-align: center; }
        .header-new .upper-header .nav-language .language-btn span {
          display: inline-block;
          line-height: 40px;
          color: #ffffff;
          font-size: 13px;
          font-family: "Abarth_Light"; }
        .header-new .upper-header .nav-language .language-btn i {
          display: inline-block;
          line-height: 40px;
          color: #ffffff;
          font-size: 16px; }
          .header-new .upper-header .nav-language .language-btn i.fa-globe {
            margin-right: 10px; }
          .header-new .upper-header .nav-language .language-btn i.fa-chevron-down {
            margin-left: 10px;
            font-size: 12px; }
      .header-new .upper-header .nav-language .countries {
        display: none;
        position: absolute;
        top: 40px;
        right: 0;
        width: 750px;
        min-height: 380px;
        background: #000000;
        z-index: 3000;
        padding: 40px;
        text-align: center; }
        .header-new .upper-header .nav-language .countries .col {
          width: 100%;
          display: flex;
          flex-wrap: wrap; }
        .header-new .upper-header .nav-language .countries .country {
          width: 20%;
          text-align: left;
          height: 50px;
          display: inline-block;
          line-height: 50px;
          padding: 0 6px; }
          .header-new .upper-header .nav-language .countries .country span {
            display: inline-block;
            line-height: 1.2;
            vertical-align: middle;
            color: #ffffff;
            font-family: "Abarth_Light";
            font-size: 15px;
            text-transform: uppercase; }
          .header-new .upper-header .nav-language .countries .country.selected span {
            font-family: "Abarth_heavy";
            color: #fc1119; }
        .header-new .upper-header .nav-language .countries .cta {
          min-width: 275px;
          height: 32px;
          line-height: 32px;
          display: inline-block;
          border: 1px solid #ffffff;
          background: transparent;
          padding: 0;
          margin: 0 auto;
          margin-top: 20px; }
          .header-new .upper-header .nav-language .countries .cta span {
            text-transform: uppercase;
            display: inline-block;
            line-height: 1.2;
            vertical-align: middle;
            color: #ffffff;
            font-size: 15px;
            font-family: "Abarth_Light"; }
      .header-new .upper-header .nav-language.active .language-btn i.fa-chevron-down {
        transform: rotate(180deg); }
      .header-new .upper-header .nav-language.active .countries {
        display: block; }
  .header-new .main-navigation {
    height: 70px;
    background: #1d1d1b;
    position: relative;
    z-index: 2000; }
    @media (max-width: 1199px) {
      .header-new .main-navigation {
        height: 57px;
        border-bottom: 1px solid #303030; }
        .header-new .main-navigation.open {
          height: 100vh;
          overflow-y: auto; } }
    .header-new .main-navigation nav {
      height: 70px; }
      @media (max-width: 1199px) {
        .header-new .main-navigation nav {
          height: 57px; } }
      .header-new .main-navigation nav .nav-logo {
        margin: 0 50px;
        float: left; }
        .header-new .main-navigation nav .nav-logo h1 {
          margin-bottom: 0px !important;
          font-size: inherit !important; }
        @media (max-width: 1199px) {
          .header-new .main-navigation nav .nav-logo {
            margin: 0;
            width: 180px;
            text-align: center;
            border-right: 1px solid #303030;
            height: 55px; } }
        @media (max-width: 767px) {
          .header-new .main-navigation nav .nav-logo {
            width: 50px; } }
        .header-new .main-navigation nav .nav-logo img {
          max-width: 45px;
          width: 100%;
          position: relative;
          top: 12px; }
          @media (max-width: 1199px) {
            .header-new .main-navigation nav .nav-logo img {
              height: 33px;
              width: auto;
              top: 12px; } }
      @media (max-width: 1199px) {
        .header-new .main-navigation nav .nav-items {
          display: none; } }
      .header-new .main-navigation nav .nav-items ul {
        margin: 0;
        margin-left: 180px; }
        .header-new .main-navigation nav .nav-items ul li {
          width: 20%;
          height: 70px;
          text-align: center;
          line-height: 70px;
          display: inline-block;
          position: relative;
          float: left; }
          .header-new .main-navigation nav .nav-items ul li a {
            text-decoration: none;
            text-transform: uppercase;
            color: #ffffff;
            font-size: 14px;
            font-family: "Abarth_light";
            width: 100%;
            display: inline-block;
            vertical-align: middle;
            position: relative; }
            .header-new .main-navigation nav .nav-items ul li a .fa-chevron-down {
              margin-left: 10px;
              font-size: 12px;
              position: relative;
              top: -3px; }
          .header-new .main-navigation nav .nav-items ul li.active {
            background: #000000; }
            .header-new .main-navigation nav .nav-items ul li.active a {
              font-family: "Abarth_heavy"; }
              .header-new .main-navigation nav .nav-items ul li.active a .fa-chevron-down {
                transform: rotate(180deg); }
          .header-new .main-navigation nav .nav-items ul li:hover {
            background: #000000; }
            .header-new .main-navigation nav .nav-items ul li:hover a {
              font-family: "Abarth_heavy"; }
      .header-new .main-navigation nav .open-mobile-menu {
        display: none;
        height: 57px;
        line-height: 57px;
        width: calc(100% - 360px);
        float: left;
        text-align: center; }
        .header-new .main-navigation nav .open-mobile-menu.active {
          background: #000000; }
          .header-new .main-navigation nav .open-mobile-menu.active i {
            transform: rotate(180deg); }
        .header-new .main-navigation nav .open-mobile-menu span {
          line-height: 57px;
          font-size: 15px;
          font-family: 'Abarth_Medium';
          color: #ffffff; }
        .header-new .main-navigation nav .open-mobile-menu i {
          color: #ffffff;
          font-size: 12px;
          position: relative;
          margin-left: 30px;
          top: -2px; }
          @media (max-width: 767px) {
            .header-new .main-navigation nav .open-mobile-menu i {
              margin-left: 10px; } }
        @media (max-width: 1199px) {
          .header-new .main-navigation nav .open-mobile-menu {
            display: block; } }
        @media (max-width: 767px) {
          .header-new .main-navigation nav .open-mobile-menu {
            width: calc(100% - 100px); } }
      .header-new .main-navigation nav .nav-language {
        background: #303030;
        display: none;
        border-left: 1px solid #303030;
        float: right;
        width: 180px; }
        @media (max-width: 1199px) {
          .header-new .main-navigation nav .nav-language {
            display: block; } }
        .header-new .main-navigation nav .nav-language .language-btn {
          cursor: pointer;
          height: 57px;
          text-align: center; }
          .header-new .main-navigation nav .nav-language .language-btn span {
            display: inline-block;
            line-height: 57px;
            color: #ffffff;
            font-size: 13px;
            font-family: "Abarth_Light"; }
          .header-new .main-navigation nav .nav-language .language-btn i {
            display: inline-block;
            line-height: 57px;
            color: #ffffff;
            font-size: 16px; }
            .header-new .main-navigation nav .nav-language .language-btn i.fa-globe {
              margin-right: 10px; }
            .header-new .main-navigation nav .nav-language .language-btn i.fa-chevron-down {
              margin-left: 10px;
              font-size: 12px; }
        .header-new .main-navigation nav .nav-language .countries {
          display: none;
          position: absolute;
          top: 47px;
          right: 0;
          width: 100%;
          min-height: 367px;
          background: #303030;
          z-index: 3000;
          padding: 40px;
          text-align: center;
          height: 92vh;
          overflow: auto; }
          @media (max-width: 320px) {
            .header-new .main-navigation nav .nav-language .countries {
              padding: 40px 30px; } }
          .header-new .main-navigation nav .nav-language .countries .countries-container {
            float: left;
            display: block; }
            @media (max-width: 767px) {
              .header-new .main-navigation nav .nav-language .countries .countries-container.tablet {
                display: none; } }
            .header-new .main-navigation nav .nav-language .countries .countries-container.tablet .col {
              float: left;
              width: 33.3%; }
              .header-new .main-navigation nav .nav-language .countries .countries-container.tablet .col.col-1 {
                padding-left: 40px; }
              .header-new .main-navigation nav .nav-language .countries .countries-container.tablet .col.col-2 {
                padding-left: 11%; }
              .header-new .main-navigation nav .nav-language .countries .countries-container.tablet .col.col-3 {
                padding-left: 20%; }
            .header-new .main-navigation nav .nav-language .countries .countries-container.mobile {
              display: none; }
              @media (max-width: 767px) {
                .header-new .main-navigation nav .nav-language .countries .countries-container.mobile {
                  display: block; } }
              .header-new .main-navigation nav .nav-language .countries .countries-container.mobile .col {
                float: left;
                width: 50%; }
          .header-new .main-navigation nav .nav-language .countries .country {
            width: 100%;
            text-align: left;
            height: 50px;
            display: inline-block;
            line-height: 50px; }
            .header-new .main-navigation nav .nav-language .countries .country span {
              display: inline-block;
              line-height: 1.2;
              vertical-align: middle;
              color: #ffffff;
              font-family: "Abarth_Light";
              font-size: 15px;
              text-transform: uppercase; }
            .header-new .main-navigation nav .nav-language .countries .country.selected span {
              font-family: "Abarth_heavy";
              color: #fc1119; }
          .header-new .main-navigation nav .nav-language .countries .cta {
            min-width: 275px;
            width: 100%;
            height: 32px;
            line-height: 32px;
            display: inline-block;
            border: 1px solid #ffffff;
            background: transparent;
            padding: 0;
            margin: 0 auto;
            margin-top: 20px; }
            .header-new .main-navigation nav .nav-language .countries .cta span {
              text-transform: uppercase;
              display: inline-block;
              line-height: 1.2;
              vertical-align: middle;
              color: #ffffff;
              font-size: 15px;
              font-family: "Abarth_Light"; }
        @media (max-width: 767px) {
          .header-new .main-navigation nav .nav-language {
            width: 50px; }
            .header-new .main-navigation nav .nav-language .language-btn .fa-globe {
              display: none; }
            .header-new .main-navigation nav .nav-language .language-btn .fa-chevron-down {
              margin-left: 0 !important;
              font-size: 10px !important;
              position: relative;
              top: -1px; } }
        .header-new .main-navigation nav .nav-language.active .language-btn i.fa-chevron-down {
          transform: rotate(180deg); }
        .header-new .main-navigation nav .nav-language.active .countries {
          display: block; }
    .header-new .main-navigation .submenu {
      position: relative;
      z-index: 2000;
      display: none;
      min-height: 250px;
      width: 100%;
      background: #000000;
      padding-left: 180px; }
      @media (max-width: 1199px) {
        .header-new .main-navigation .submenu {
          display: none !important; } }
      .header-new .main-navigation .submenu.active {
        display: block; }
      .header-new .main-navigation .submenu:after {
        display: table;
        clear: both;
        content: ""; }
      .header-new .main-navigation .submenu .col {
        float: left;
        width: 19%;
        padding-top: 40px;
        padding-bottom: 40px; }
        .header-new .main-navigation .submenu .col.double {
          border-left: 1px solid #232323;
          width: 40%;
          height: 100%;
          padding-left: 50px; }
        .header-new .main-navigation .submenu .col .submenu-heading {
          text-transform: uppercase;
          color: #ffffff;
          font-size: 15px;
          font-family: "Abarth_heavy";
          padding-bottom: 15px;
          display: block;
          position: relative; }
          .header-new .main-navigation .submenu .col .submenu-heading:after {
            content: "";
            width: 30px;
            height: 4px;
            background-color: #ff0105;
            position: absolute;
            left: 0;
            bottom: 0; }
        .header-new .main-navigation .submenu .col ul {
          margin: 0;
          list-style: none; }
          .header-new .main-navigation .submenu .col ul li {
            padding-top: 15px; }
            .header-new .main-navigation .submenu .col ul li a {
              color: #ffffff;
              font-size: 16px;
              font-family: "Abarth_light";
              text-decoration: none; }
              .header-new .main-navigation .submenu .col ul li a:hover {
                color: #ff0105; }
    .header-new .main-navigation .menu-mobile {
      display: none;
      background: #000000;
      width: 100%;
      position: relative;
      z-index: 2000;
      padding-bottom: 50px; }
      @media (min-width: 1200px) {
        .header-new .main-navigation .menu-mobile {
          display: none !important; } }
      .header-new .main-navigation .menu-mobile.active {
        display: block; }
      .header-new .main-navigation .menu-mobile ul {
        margin: 0;
        list-style: none; }
        .header-new .main-navigation .menu-mobile ul li {
          width: 100%; }
          .header-new .main-navigation .menu-mobile ul li a {
            display: block;
            padding: 0 40px;
            text-decoration: none;
            text-transform: uppercase;
            text-align: left;
            line-height: 60px;
            font-family: 'Abarth_light';
            font-size: 15px;
            color: #ffffff;
            border-bottom: 2px solid #1d1d1b; }
            .header-new .main-navigation .menu-mobile ul li a i {
              float: right;
              line-height: 60px; }
              .header-new .main-navigation .menu-mobile ul li a i.fa-minus {
                display: none; }
            @media (max-width: 767px) {
              .header-new .main-navigation .menu-mobile ul li a {
                padding: 0 25px; } }
          .header-new .main-navigation .menu-mobile ul li.active > a {
            background: #000000;
            color: #ffffff;
            font-family: 'Abarth_heavy'; }
            .header-new .main-navigation .menu-mobile ul li.active > a .fa-plus {
              display: none; }
            .header-new .main-navigation .menu-mobile ul li.active > a .fa-minus {
              color: #000000;
              display: block; }
          .header-new .main-navigation .menu-mobile ul li .submenu-mobile {
            display: none; }
            .header-new .main-navigation .menu-mobile ul li .submenu-mobile.active {
              display: block; }
            .header-new .main-navigation .menu-mobile ul li .submenu-mobile .submenu-heading {
              background: #303030;
              height: 33px;
              line-height: 33px;
              color: #ffffff;
              font-family: 'Abarth_Medium';
              font-size: 15px;
              display: block;
              padding: 0 40px;
              margin-bottom: 25px; }
              @media (max-width: 767px) {
                .header-new .main-navigation .menu-mobile ul li .submenu-mobile .submenu-heading {
                  padding: 0 25px; } }
              .header-new .main-navigation .menu-mobile ul li .submenu-mobile .submenu-heading.has-link {
                border-bottom: 2px solid #ffffff; }
                .header-new .main-navigation .menu-mobile ul li .submenu-mobile .submenu-heading.has-link a {
                  font-family: "Abarth_Heavy";
                  line-height: 33px;
                  padding: 0;
                  color: #ffffff;
                  position: relative; }
                  .header-new .main-navigation .menu-mobile ul li .submenu-mobile .submenu-heading.has-link a i {
                    color: #ffffff;
                    float: right;
                    line-height: 33px;
                    font-size: 12px; }
            .header-new .main-navigation .menu-mobile ul li .submenu-mobile ul {
              margin: 0;
              list-style: none; }
              .header-new .main-navigation .menu-mobile ul li .submenu-mobile ul li a {
                margin-bottom: 25px;
                text-decoration: underline;
                color: #ffffff;
                font-family: 'Abarth_Light';
                font-size: 15px;
                line-height: inherit;
                border: none;
                text-decoration: none;
                text-transform: none; }
      .header-new .main-navigation .menu-mobile .service-menu {
        padding: 60px 40px 45px 40px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media (max-width: 767px) {
          .header-new .main-navigation .menu-mobile .service-menu {
            padding: 10px;
            justify-content: flex-start; } }
        .header-new .main-navigation .menu-mobile .service-menu .service-menu-item {
          margin-bottom: 10px;
          background: #1d1d1b;
          height: 45px;
          line-height: 45px;
          display: inline-block;
          text-align: center;
          width: 32%; }
          @media screen and (max-width: 768px) {
            .header-new .main-navigation .menu-mobile .service-menu .service-menu-item {
              margin-right: 1.3%; } }
          .header-new .main-navigation .menu-mobile .service-menu .service-menu-item.full {
            width: 100%; }
          .header-new .main-navigation .menu-mobile .service-menu .service-menu-item i {
            color: white;
            font-size: 20px;
            position: relative;
            top: 3px;
            margin-right: 2px; }
          .header-new .main-navigation .menu-mobile .service-menu .service-menu-item span {
            text-transform: uppercase;
            font-family: 'Abarth_light';
            font-size: 13px;
            color: #ffffff;
            display: inline-block;
            line-height: 1.2;
            vertical-align: middle; }

.header-new-overlay {
  display: none;
  position: fixed;
  background: transparent;
  width: 100%;
  height: 100%;
  z-index: 1000; }

.header-new .main-navigation .menu-mobile ul li .submenu-mobile ul li a .special-series {
  font-size: 10px;
  line-height: 10px;
  color: #e72020;
  padding-left: 9px;
  position: relative;
  top: -5px;
  font-family: "Abarth_Medium"; }

.header-new .main-navigation .submenu .col ul li a .special-series {
  font-size: 10px;
  line-height: 10px;
  color: #e72020;
  padding-left: 9px;
  position: relative;
  top: -5px;
  font-family: "Abarth_Medium"; }

.editorial-visore .disclaimer-text-bottom, .visore-promo .img-slide-container .disclaimer-text-bottom {
  position: absolute;
  bottom: 10%;
  left: 10%;
  padding: 10px 0 0 0;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  width: 80%;
  font-family: 'Abarth_Medium'; }
  .editorial-visore .disclaimer-text-bottom.txt-white, .visore-promo .img-slide-container .disclaimer-text-bottom.txt-white {
    color: #ffffff; }

.editorial-visore .disclaimer-text-right, .visore-promo .img-slide-container .disclaimer-text-right {
  position: absolute;
  bottom: 30%;
  left: 10%;
  padding: 10px 0 0 0;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  width: 80%;
  font-family: 'Abarth_Medium'; }
  .editorial-visore .disclaimer-text-right.txt-white, .visore-promo .img-slide-container .disclaimer-text-right.txt-white {
    color: #ffffff; }

@media (min-width: 768px) {
  .editorial-visore .disclaimer-text-bottom {
    bottom: 7%;
    left: 7%;
    width: 85%; }
  .editorial-visore .disclaimer-text-right {
    top: 40%;
    left: 72%;
    width: 27%;
    padding: 0 10px;
    margin-bottom: 10px; } }

@media (min-width: 1365px) {
  .editorial-visore .disclaimer-text-bottom {
    left: 5%;
    width: 90%;
    bottom: 5%; }
  .editorial-visore .disclaimer-text-right {
    top: 40%;
    left: 75%;
    width: 22%; } }

@media (min-width: 768px) {
  .visore-promo .img-slide-container .disclaimer-text-bottom {
    /*bottom: 7%;*/
    left: 7%;
    width: 85%; }
  .visore-promo .img-slide-container .disclaimer-text-right {
    top: 26%;
    left: 65%;
    width: 30%;
    padding: 0 10px;
    margin-bottom: 10px; } }

@media (min-width: 1365px) {
  .visore-promo .img-slide-container .disclaimer-text-bottom {
    left: 5%;
    width: 90%;
    /*bottom: 5%;*/
    bottom: 7%; }
  .visore-promo .img-slide-container .disclaimer-text-right {
    top: 30%;
    left: 75%;
    width: 20%; } }

.editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-bottom {
  position: absolute;
  bottom: 10%;
  left: 10%;
  padding: 10px 0 0 0;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  width: 80%;
  font-family: 'Abarth_Medium'; }
  .editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-bottom.txt-white {
    color: #ffffff; }

.editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-right {
  position: absolute;
  bottom: 30%;
  left: 10%;
  padding: 10px 0 0 0;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  width: 80%;
  font-family: 'Abarth_Medium'; }
  .editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-right.txt-white {
    color: #ffffff; }

.editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-left {
  position: absolute;
  padding: 10px 0 0 0;
  text-align: center;
  margin: 0 auto;
  font-family: 'Abarth_Medium';
  font-size: 14px; }
  .editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-left.txt-white {
    color: #ffffff; }

@media (min-width: 768px) {
  .editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-bottom {
    bottom: 0.5%;
    left: 1%;
    width: 98%;
    font-size: 12px; }
  .editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-bottom p {
    margin-bottom: 0px !important; }
  .editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-right {
    top: 30%;
    left: 68%;
    width: 30%;
    padding: 0 10px;
    font-size: 12px; }
  .editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-left {
    top: 30%;
    left: 1%;
    width: 30%;
    padding: 0 10px;
    font-size: 12px; } }

@media (min-width: 1365px) {
  .editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-bottom {
    left: 5%;
    width: 90%; }
  .editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-right {
    top: 33%;
    left: 74%;
    width: 25%; }
  .editorialCover .editorial-canvas-wrapper .box-editorial-canvas .disclaimer-text-left {
    top: 33%;
    left: 1%;
    width: 25%;
    padding: 0 10px; } }

.new-promo-canvas {
  width: 100vw; }
  .new-promo-canvas .container {
    width: 100%; }
    .new-promo-canvas .container .np-bg-image {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: right;
      width: 100%;
      height: 44vw;
      /*@media screen and (max-width: 1280px) {
                height: 500px;
            }*/ }
      @media screen and (max-width: 1365px) {
        .new-promo-canvas .container .np-bg-image {
          height: 450px; } }
      @media screen and (max-width: 767px) {
        .new-promo-canvas .container .np-bg-image {
          height: 36vh;
          background-position: center; } }
  .new-promo-canvas .container-box {
    position: absolute;
    top: 110px;
    width: 40%;
    height: 44vw; }
    @media screen and (max-width: 1365px) {
      .new-promo-canvas .container-box {
        height: 450px; } }
    @media screen and (max-width: 1199px) {
      .new-promo-canvas .container-box {
        top: 57px; } }
    @media screen and (max-width: 767px) {
      .new-promo-canvas .container-box {
        position: relative;
        top: 0;
        height: auto;
        width: 100%; } }
    .new-promo-canvas .container-box .np-text-container {
      background-color: #000;
      height: 100%;
      position: relative;
      width: 100%; }
      .new-promo-canvas .container-box .np-text-containera:hover {
        text-decoration: none; }
      @media screen and (max-width: 1365px) {
        .new-promo-canvas .container-box .np-text-container {
          width: 320px;
          position: absolute;
          top: 0;
          max-height: 500px; } }
      @media screen and (max-width: 767px) {
        .new-promo-canvas .container-box .np-text-container {
          width: 100%;
          margin: 0;
          position: relative;
          padding-top: 30px;
          padding-bottom: 1px; } }
      .new-promo-canvas .container-box .np-text-container .np-text-box {
        padding-top: 26%; }
        @media screen and (max-width: 1919px) {
          .new-promo-canvas .container-box .np-text-container .np-text-box {
            padding-top: 22%; } }
        @media screen and (max-width: 767px) {
          .new-promo-canvas .container-box .np-text-container .np-text-box {
            padding-top: 0px; } }
        .new-promo-canvas .container-box .np-text-container .np-text-box .np-tag {
          color: #e72020;
          text-transform: uppercase;
          font-family: 'Abarth_Medium';
          font-size: 20px;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          margin: 0 0 10px 20%;
          width: 62%;
          padding-top: 0; }
          @media screen and (max-width: 1919px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-tag {
              margin-left: 9%; } }
          @media screen and (max-width: 1365px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-tag {
              font-size: 14px;
              margin: 0px 0 60px 7%;
              width: 87%;
              padding-top: 40px;
              margin-bottom: 10px; } }
          @media screen and (max-width: 767px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-tag {
              padding-top: 0;
              margin-bottom: 0px; } }
        .new-promo-canvas .container-box .np-text-container .np-text-box .np-title {
          font-family: 'Abarth_Heavy';
          font-size: 51px;
          font-weight: 900;
          font-style: normal;
          font-stretch: normal;
          line-height: 0.98;
          letter-spacing: normal;
          color: #ffffff;
          overflow: hidden;
          margin: 0px 0 20px 20%;
          width: 62%;
          text-transform: uppercase; }
          @media screen and (max-width: 1919px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-title {
              font-size: 40px;
              margin: 0px 0 10px 9%;
              width: 82%; } }
          @media screen and (max-width: 1365px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-title {
              font-size: 30px;
              margin: 0px 0 10px 7%;
              width: 87%; } }
          @media screen and (max-width: 767px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-title {
              padding-top: 0;
              font-size: 24px;
              margin-bottom: 10px; } }
        .new-promo-canvas .container-box .np-text-container .np-text-box .np-text {
          font-size: 24px;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          font-family: 'Abarth_light';
          margin: 0px 0 60px 20%;
          width: 62%; }
          @media screen and (max-width: 1919px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-text {
              font-size: 22px;
              margin: 0px 0 10px 9%;
              width: 82%; } }
          @media screen and (max-width: 1365px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-text {
              font-size: 18px;
              margin: 0px 0 60px 7%;
              width: 87%; } }
          @media screen and (max-width: 767px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-text {
              padding-top: 0;
              margin-bottom: 20px;
              font-size: 16px;
              height: 100px; } }
          .new-promo-canvas .container-box .np-text-container .np-text-box .np-text p u {
            text-decoration: underline; }
          @media screen and (max-width: 767px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-text p {
              margin-bottom: 0px; } }
        .new-promo-canvas .container-box .np-text-container .np-text-box .np-cta {
          margin: 0px 0 30px 22%;
          text-decoration: none; }
          @media screen and (max-width: 1919px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-cta {
              margin-left: 9%; } }
          @media screen and (max-width: 1365px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-cta {
              margin: 0px 0 60px 7%;
              font-size: 12px; } }
          @media screen and (max-width: 767px) {
            .new-promo-canvas .container-box .np-text-container .np-text-box .np-cta {
              margin: 0 auto 30px;
              font-size: 16px; } }
  .new-promo-canvas .container-countdown {
    position: absolute;
    left: 0;
    right: 0; }
    .new-promo-canvas .container-countdown .countdown-abarth {
      right: 50px;
      bottom: 0;
      position: absolute;
      z-index: 49; }
      @media (max-width: 767px) {
        .new-promo-canvas .container-countdown .countdown-abarth {
          left: 50%;
          transform: translateX(-50%);
          bottom: -25px; } }
      .new-promo-canvas .container-countdown .countdown-abarth .countdown-details {
        display: flex;
        align-items: center;
        justify-content: center; }
        .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-item {
          text-align: center !important;
          background-color: #e72020;
          color: white;
          position: relative;
          font-family: 'Abarth_light';
          font-size: 10px;
          font-weight: 500;
          height: 60px;
          padding: 10px 12px 0; }
          @media screen and (max-width: 767px) {
            .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-item {
              height: 50px;
              margin-right: -1px; } }
          .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-item .countdown-number {
            font-size: 18px;
            font-weight: 900;
            text-align: center !important;
            font-family: 'Abarth_Medium';
            font-size: 24px;
            font-weight: 900; }
            @media screen and (max-width: 767px) {
              .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-item .countdown-number {
                font-size: 18px; } }
          .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-item .countdown-text {
            font-size: 10px;
            font-weight: 500;
            padding-top: 5px;
            text-transform: uppercase; }
            @media screen and (max-width: 767px) {
              .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-item .countdown-text {
                font-size: 8px;
                padding-top: 10px; } }
        .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-item:after {
          content: ":";
          position: absolute;
          top: 10px;
          right: -5px;
          font-size: 30px;
          z-index: 49; }
          @media screen and (max-width: 767px) {
            .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-item:after {
              font-size: 18px; } }
        .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-giorni {
          margin-right: 13px;
          height: 60px;
          color: #000;
          background-color: #ffffff; }
          @media screen and (max-width: 1365px) {
            .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-giorni {
              margin-right: 3px; } }
          @media screen and (max-width: 767px) {
            .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-giorni {
              height: 50px; } }
        .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-giorni:after {
          content: ""; }
          @media (min-width: 767px) {
            .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-giorni:after {
              content: ""; } }
        .new-promo-canvas .container-countdown .countdown-abarth .countdown-details .countdown-secondi:after {
          content: ""; }

.countdown-abarth {
  right: 50px;
  bottom: 0;
  position: absolute;
  z-index: 49; }
  @media (max-width: 767px) {
    .countdown-abarth {
      left: 50%;
      transform: translateX(-50%);
      bottom: -25px; } }
  .countdown-abarth .countdown-details {
    display: flex;
    align-items: center;
    justify-content: center; }
    .countdown-abarth .countdown-details .countdown-item {
      text-align: center !important;
      background-color: #e72020;
      color: white;
      position: relative;
      font-family: 'Abarth_light';
      font-size: 10px;
      font-weight: 500;
      height: 60px;
      padding: 10px 12px 0; }
      @media screen and (max-width: 767px) {
        .countdown-abarth .countdown-details .countdown-item {
          height: 50px;
          margin-right: -1px; } }
      .countdown-abarth .countdown-details .countdown-item .countdown-number {
        font-size: 18px;
        font-weight: 900;
        text-align: center !important;
        font-family: 'Abarth_Medium';
        font-size: 24px;
        font-weight: 900; }
        @media screen and (max-width: 767px) {
          .countdown-abarth .countdown-details .countdown-item .countdown-number {
            font-size: 18px; } }
      .countdown-abarth .countdown-details .countdown-item .countdown-text {
        font-size: 10px;
        font-weight: 500;
        padding-top: 5px;
        text-transform: uppercase; }
        @media screen and (max-width: 767px) {
          .countdown-abarth .countdown-details .countdown-item .countdown-text {
            font-size: 8px; } }
    .countdown-abarth .countdown-details .countdown-item:after {
      content: ":";
      position: absolute;
      top: 10px;
      right: -5px;
      font-size: 30px;
      z-index: 49; }
      @media screen and (max-width: 767px) {
        .countdown-abarth .countdown-details .countdown-item:after {
          font-size: 18px; } }
    .countdown-abarth .countdown-details .countdown-giorni {
      margin-right: 13px;
      height: 60px;
      color: #000;
      background-color: #ffffff; }
      @media screen and (max-width: 1365px) {
        .countdown-abarth .countdown-details .countdown-giorni {
          margin-right: 3px; } }
      @media screen and (max-width: 767px) {
        .countdown-abarth .countdown-details .countdown-giorni {
          height: 50px; } }
    .countdown-abarth .countdown-details .countdown-giorni:after {
      content: ""; }
    .countdown-abarth .countdown-details .countdown-secondi:after {
      content: ""; }
  .countdown-abarth.container-countdown-fixed {
    position: fixed;
    right: 0;
    top: 110px;
    width: 100%;
    height: 70px;
    background-color: #000;
    z-index: 499;
    display: none; }
    @media (max-width: 1200px) {
      .countdown-abarth.container-countdown-fixed {
        top: 50px; } }
    .countdown-abarth.container-countdown-fixed .countdown-fixed {
      display: flex;
      align-items: center;
      height: 70px;
      border-bottom: 1px solid #FFF; }
      @media (max-width: 767px) {
        .countdown-abarth.container-countdown-fixed .countdown-fixed {
          width: 100%;
          padding: 0;
          justify-content: space-between;
          padding: 0;
          padding-left: 15px;
          padding-right: 15px;
          margin: 0;
          width: 100%; } }
      @media (max-width: 767px) {
        .countdown-abarth.container-countdown-fixed .countdown-fixed .np-cta {
          font-size: 16px;
          padding: 15px 10px; } }
      .countdown-abarth.container-countdown-fixed .countdown-fixed .btn-cta {
        color: white;
        text-decoration: none;
        font-size: 16px; }
        @media (max-width: 1365px) {
          .countdown-abarth.container-countdown-fixed .countdown-fixed .btn-cta {
            font-size: 12px; } }
        @media (max-width: 767px) {
          .countdown-abarth.container-countdown-fixed .countdown-fixed .btn-cta {
            font-size: 16px; } }
        .countdown-abarth.container-countdown-fixed .countdown-fixed .btn-cta:hover {
          color: white; }
      .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-title {
        flex-grow: 1;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 900;
        margin-left: 180px;
        height: 70px;
        display: inline-block; }
        @media (max-width: 1365px) {
          .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-title {
            margin-left: 20px; } }
        @media (max-width: 640px) {
          .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-title {
            display: none; } }
        .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-title .countdown-title-above {
          font-size: 12px;
          color: #e72020;
          font-weight: 500;
          font-family: 'Abarth_Medium';
          padding-top: 10px;
          line-height: 10px;
          display: inline-block;
          text-transform: uppercase; }
        .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-title .fixed-title {
          font-size: 24px;
          font-weight: bold;
          color: #ffffff;
          line-height: 24px;
          margin: 4px 0 15px;
          text-transform: uppercase; }
      @media (max-width: 640px) {
        .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-cta {
          max-width: 190px;
          flex-grow: 1;
          flex-basis: 0; } }
      .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-details {
        margin-left: 15px; }
        @media (max-width: 640px) {
          .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-details {
            justify-content: flex-end;
            flex-grow: 1;
            flex-basis: 0; } }
        .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-details .countdown-item {
          background-color: transparent;
          color: #ffffff; }
          @media (max-width: 375px) {
            .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-details .countdown-item .countdown-number {
              font-size: 16px; } }
        @media (max-width: 375px) {
          .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-details .countdown-giorni {
            margin-right: 0; } }
        @media (max-width: 540px) {
          .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-details .countdown-minuti:after {
            display: none; } }
        @media (max-width: 540px) {
          .countdown-abarth.container-countdown-fixed .countdown-fixed .countdown-details .countdown-secondi {
            display: none; } }

.countdown-scrolled {
  display: block !important; }

.np-content-container {
  height: 100%;
  background-color: #333333;
  color: #ffffff;
  padding: 10px 7%;
  font-family: 'Abarth_light';
  font-size: 14px;
  font-weight: 300; }
  @media screen and (max-width: 1365px) {
    .np-content-container {
      padding: 6% 0 3% 3%; } }
  @media screen and (max-width: 767px) {
    .np-content-container {
      padding: 20px 25px; } }
  .np-content-container .np-content {
    display: flex; }
    @media screen and (max-width: 767px) {
      .np-content-container .np-content {
        display: block; } }
    .np-content-container .np-content p {
      padding-right: 10px;
      margin-bottom: 0px; }
    .np-content-container .np-content img {
      justify-content: flex-end; }
      @media screen and (max-width: 767px) {
        .np-content-container .np-content img {
          display: block;
          margin: 0 auto;
          margin-right: 0px; } }

@media (max-width: 1200px) {
  .container-carousel-abarth-main {
    width: 100%;
    padding: 0; } }

.container-carousel-abarth-main .container-carousel-abarth {
  background-color: #000;
  padding: 0;
  width: 100%;
  margin-right: 0px !important;
  margin-left: 0px !important;
  display: flex;
  padding-bottom: 20px;
  margin-top: -4px; }
  @media (max-width: 767px) {
    .container-carousel-abarth-main .container-carousel-abarth {
      display: block; } }
  .container-carousel-abarth-main .container-carousel-abarth .div-left {
    width: 41%; }
    @media (max-width: 991px) {
      .container-carousel-abarth-main .container-carousel-abarth .div-left {
        padding-left: 0;
        padding-right: 0; } }
    @media (max-width: 767px) {
      .container-carousel-abarth-main .container-carousel-abarth .div-left {
        width: 100%; } }
    .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-dots {
      width: 100vw;
      margin: 0;
      display: flex;
      justify-content: center;
      z-index: 49;
      position: absolute; }
      .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-dots li {
        cursor: pointer;
        list-style: none; }
        .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-dots li button {
          background-color: #ffffff;
          border: 0;
          font-size: 0;
          height: 12px;
          border-radius: 50%;
          width: 12px;
          margin: 0 5px;
          cursor: pointer; }
      .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-dots li.slick-active button {
        background-color: #e72020; }
    .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-slide img {
      width: 100%; }
    .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-arrow {
      display: none !important; }
    .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-next {
      display: none !important; }
      @media (max-width: 767px) {
        .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-next {
          right: 35px;
          top: calc(50% - 37px);
          position: absolute;
          width: 75px;
          height: 75px;
          background-color: rgba(255, 255, 255, 0.3);
          border: none;
          -webkit-touch-callout: none;
          /* iOS Safari */
          -webkit-user-select: none;
          /* Safari */
          /* Konqueror HTML */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer/Edge */
          user-select: none;
          /* Non-prefixed version, currently supported by Chrome and Opera */
          width: 30px;
          height: 30px;
          top: calc(50% - 15px);
          right: 10px;
          display: block !important; }
          .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-next:before {
            width: 20px;
            height: 2px;
            background-color: #ffffff;
            display: block;
            content: "";
            transform: rotate(45deg);
            margin-left: 30px;
            padding-left: 22px;
            width: 10px;
            padding-left: 8px;
            position: relative;
            top: 5px;
            margin-left: 5px; }
          .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-next:after {
            transform: rotate(-45deg);
            margin-top: 13px;
            content: "";
            width: 20px;
            height: 2px;
            background-color: #ffffff;
            display: block;
            margin-left: 30px;
            padding-right: 22px;
            width: 10px;
            padding-right: 8px;
            position: relative;
            top: -4px;
            margin-left: 5px; }
          .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-next:hover:before {
            color: #e72020; } }
    .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-prev {
      position: absolute;
      top: calc(50% - 37px);
      left: 35px;
      width: 75px;
      height: 75px;
      background-color: rgba(255, 255, 255, 0.3);
      border: none;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently
                                supported by Chrome and Opera */ }
      .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-prev:before {
        width: 20px;
        height: 2px;
        background-color: #ffffff;
        display: block;
        content: "";
        transform: rotate(-45deg);
        margin-left: 20px;
        padding-left: 22px; }
        @media (max-width: 1365px) {
          .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-prev:before {
            width: 10px;
            padding-left: 8px;
            position: relative;
            top: 5px;
            margin-left: 5px; } }
      .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-prev:after {
        transform: rotate(45deg);
        margin-top: 13px;
        content: "";
        width: 20px;
        height: 2px;
        background-color: #ffffff;
        display: block;
        margin-left: 20px;
        padding-right: 22px; }
        @media (max-width: 1365px) {
          .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-prev:after {
            width: 10px;
            padding-right: 8px;
            position: relative;
            top: -4px;
            margin-left: 5px; } }
      @media (max-width: 1365px) {
        .container-carousel-abarth-main .container-carousel-abarth .div-left .carousel-abarth .slick-prev {
          width: 30px;
          height: 30px;
          top: calc(50% - 15px);
          left: 10px; } }
  .container-carousel-abarth-main .container-carousel-abarth .div-right {
    width: 59%;
    padding-left: 8%; }
    @media (max-width: 1200px) {
      .container-carousel-abarth-main .container-carousel-abarth .div-right {
        padding-right: 22px; } }
    @media (max-width: 767px) {
      .container-carousel-abarth-main .container-carousel-abarth .div-right {
        padding-left: 38px;
        padding-right: 38px;
        width: 100%; } }
    .container-carousel-abarth-main .container-carousel-abarth .div-right .slick-dots {
      width: 100vw;
      margin: 0;
      display: flex;
      justify-content: center;
      z-index: 49;
      position: absolute; }
      @media (max-width: 767px) {
        .container-carousel-abarth-main .container-carousel-abarth .div-right .slick-dots {
          margin-left: -38px; } }
      .container-carousel-abarth-main .container-carousel-abarth .div-right .slick-dots li {
        cursor: pointer;
        list-style: none; }
        .container-carousel-abarth-main .container-carousel-abarth .div-right .slick-dots li button {
          background-color: #ffffff;
          border: 0;
          font-size: 0;
          height: 12px;
          border-radius: 50%;
          width: 12px;
          margin-left: 10px;
          cursor: pointer; }
      .container-carousel-abarth-main .container-carousel-abarth .div-right .slick-dots li.slick-active button {
        background-color: #e72020; }
    .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text {
      height: 100%; }
      .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slidertitle {
        margin: 0;
        color: #ffffff;
        font-size: 45px;
        font-weight: 900;
        padding-top: 20px;
        font-family: 'Abarth_Heavy';
        line-height: 1.09;
        padding-bottom: 40px;
        padding-right: 36%;
        text-transform: uppercase;
        background-color: #000000; }
        .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slidertitle:after {
          width: 75px;
          height: 5px;
          background-color: #e72020;
          content: "";
          display: block;
          margin-top: 15px; }
        @media (max-width: 1365px) {
          .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slidertitle {
            font-size: 24px;
            padding-right: 0;
            padding-left: 1px; } }
        @media (max-width: 1023px) {
          .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slidertitle {
            padding-bottom: 20px; } }
        @media (max-width: 767px) {
          .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slidertitle {
            margin: 0;
            padding-top: 40px;
            padding-bottom: 10px; } }
      .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text p {
        line-height: 22px;
        font-size: 18px;
        color: #ffffff;
        font-family: 'Abarth_light';
        font-weight: 300;
        padding-right: 36%;
        background-color: #000000; }
        @media (max-width: 1365px) {
          .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text p {
            font-size: 14px;
            padding-right: 5%; } }
        @media (max-width: 767px) {
          .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text p {
            font-size: 18px; } }
      .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-arrow {
        position: absolute;
        bottom: -20px;
        font-size: 0;
        background-color: transparent;
        border: none; }
      .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-prev {
        left: 0;
        z-index: 49;
        display: none !important; }
        .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-prev:before {
          content: "\e908";
          color: #dddddd;
          font-size: 20px;
          font-family: "abarth";
          display: block;
          transform: rotate(180deg);
          font-weight: bold; }
        .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-prev:hover:before {
          color: #e72020; }
      .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-next {
        right: 35px;
        top: calc(50% - 37px);
        position: absolute;
        width: 75px;
        height: 75px;
        background-color: rgba(255, 255, 255, 0.3);
        border: none;
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ }
        .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-next:before {
          width: 20px;
          height: 2px;
          background-color: #ffffff;
          display: block;
          content: "";
          transform: rotate(45deg);
          margin-left: 25px;
          padding-left: 22px; }
          @media (max-width: 1365px) {
            .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-next:before {
              width: 10px;
              padding-left: 8px;
              position: relative;
              top: 5px;
              margin-left: 5px; } }
        .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-next:after {
          transform: rotate(-45deg);
          margin-top: 13px;
          content: "";
          width: 20px;
          height: 2px;
          background-color: #ffffff;
          display: block;
          margin-left: 25px;
          padding-right: 22px; }
          @media (max-width: 1365px) {
            .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-next:after {
              width: 10px;
              padding-right: 8px;
              position: relative;
              top: -4px;
              margin-left: 5px; } }
        .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-next:hover:before {
          color: #e72020; }
        @media (max-width: 1365px) {
          .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-next {
            width: 30px;
            height: 30px;
            top: calc(50% - 15px);
            right: 10px; } }
        @media (max-width: 1199px) {
          .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-next {
            right: -12px; } }
        @media (max-width: 767px) {
          .container-carousel-abarth-main .container-carousel-abarth .div-right .carousel-abarth-text .slick-next {
            display: none !important; } }
  .container-carousel-abarth-main .container-carousel-abarth .slick-slide img {
    max-width: 770px; }
    @media (min-width: 768px) and (max-width: 1365px) {
      .container-carousel-abarth-main .container-carousel-abarth .slick-slide img {
        min-width: 320px; } }

.np-accordion-container {
  background-color: #000; }
  .np-accordion-container .h2-title {
    font-size: 45px;
    font-weight: 900;
    font-family: 'Abarth_Heavy';
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase; }
    @media (max-width: 1365px) {
      .np-accordion-container .h2-title {
        font-size: 24px; } }
  .np-accordion-container .accordion-abarth {
    padding-bottom: 0; }
    @media (max-width: 1200px) {
      .np-accordion-container .accordion-abarth {
        width: 100%; } }
    @media (max-width: 991px) {
      .np-accordion-container .accordion-abarth {
        padding-left: 0;
        padding-right: 0; } }
    @media (max-width: 640px) {
      .np-accordion-container .accordion-abarth {
        padding: 0;
        margin: 0;
        width: 100%; } }
    .np-accordion-container .accordion-abarth h1 {
      color: #ffffff;
      font-size: 26px;
      font-weight: bold;
      margin-left: 40px;
      margin-bottom: 20px; }
      @media (max-width: 991px) {
        .np-accordion-container .accordion-abarth h1 {
          margin-left: 0;
          padding-left: 30px; } }
    .np-accordion-container .accordion-abarth p {
      margin-bottom: 20px; }
    .np-accordion-container .accordion-abarth .panel-group {
      width: 100%;
      text-align: left;
      color: #fff;
      font-weight: normal; }
      .np-accordion-container .accordion-abarth .panel-group:after {
        content: ""; }
      .np-accordion-container .accordion-abarth .panel-group .card {
        border-bottom: 1px solid #3e3e3e;
        padding: 30px 0;
        border-radius: 0;
        box-shadow: none;
        position: relative; }
        .np-accordion-container .accordion-abarth .panel-group .card .card-header {
          height: 4px;
          line-height: 40px;
          cursor: pointer;
          margin-left: 40px; }
          @media (max-width: 991px) {
            .np-accordion-container .accordion-abarth .panel-group .card .card-header {
              margin-left: 30px; } }
          .np-accordion-container .accordion-abarth .panel-group .card .card-header .accordion-item-title {
            text-transform: uppercase;
            font-size: 18px;
            display: flex; }
            .np-accordion-container .accordion-abarth .panel-group .card .card-header .accordion-item-title .accordion-item-arrow {
              display: flex;
              align-items: center; }
              .np-accordion-container .accordion-abarth .panel-group .card .card-header .accordion-item-title .accordion-item-arrow:before {
                right: 40px;
                position: absolute;
                transition: all 0.2s ease-in-out;
                transform: rotate(180deg); }
                @media (max-width: 991px) {
                  .np-accordion-container .accordion-abarth .panel-group .card .card-header .accordion-item-title .accordion-item-arrow:before {
                    right: 30px; } }
          .np-accordion-container .accordion-abarth .panel-group .card .card-header .accordion-item-title:not(.collapsed) {
            font-weight: bold; }
            .np-accordion-container .accordion-abarth .panel-group .card .card-header .accordion-item-title:not(.collapsed) .accordion-item-arrow:before {
              transform: rotate(180deg); }
        .np-accordion-container .accordion-abarth .panel-group .card .card-body {
          margin-top: 40px;
          font-size: 18px; }
          .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content p {
            padding: 0 40px; }
          .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .accordionabarthDueColonne {
            transition: all 2s ease-in-out;
            padding: 40px 40px 0;
            -moz-column-count: 2;
                 column-count: 2;
            -moz-column-gap: 40px;
                 column-gap: 40px; }
            @media (max-width: 990px) {
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .accordionabarthDueColonne {
                padding-left: 30px;
                padding-right: 30px; } }
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .accordionabarthDueColonne h3 {
              text-transform: uppercase;
              font-size: 18px;
              font-weight: bold; }
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .accordionabarthDueColonne ul {
              line-height: 26px; }
              @media (max-width: 1365px) {
                .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .accordionabarthDueColonne ul {
                  font-size: 15px; } }
              @media (max-width: 767px) {
                .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .accordionabarthDueColonne ul {
                  margin-bottom: 20px; } }
          .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .table .table-row {
            padding: 10px 40px;
            font-family: 'Abarth_light';
            font-size: 18px; }
            @media (max-width: 990px) {
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .table .table-row {
                padding: 10px 30px; } }
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .table .table-row:nth-child(even) {
              background-color: #767676; }
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .table .table-row .row {
              display: flex;
              align-items: center; }
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .table .table-row .row .col-prezzo {
                text-align: right; }
          .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne {
            overflow-x: scroll;
            margin: 0 auto; }
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne thead {
              width: 100%; }
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne thead th {
                vertical-align: top;
                border-right: 1px solid #cbcbcb;
                border-bottom: none;
                width: 195px;
                background-color: white;
                vertical-align: middle; }
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne thead th:last-of-type {
                border-right: none; }
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne thead th:first-of-type {
                width: 373px;
                border-right: none;
                box-shadow: 10px 0px 13px -7px rgba(0, 0, 0, 0.3); }
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne tbody .table-row {
              padding: 0;
              min-height: 50px; }
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne tbody .table-row:nth-child(even) th {
                background-color: #eeeeee; }
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne tbody .table-row:nth-child(odd) th {
                background-color: white; }
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne tbody .table-row th {
                font-weight: normal; }
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne tbody .table-row th:first-child {
                box-shadow: 10px 0px 13px -7px rgba(0, 0, 0, 0.3); }
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne tbody .table-row td {
                border-right: 1px solid #cbcbcb;
                width: 135px;
                vertical-align: middle;
                border-top: none; }
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne tbody .table-row td:first-child {
                box-shadow: 10px 0px 13px -7px rgba(0, 0, 0, 0.3); }
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .tablePiuColonne tbody .table-row td:last-of-type {
                border-right: none; }
          @media (max-width: 375px) {
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable {
              width: 375px;
              font-size: 12px; } }
          @media (min-width: 376px) and (max-width: 1365px) {
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable {
              width: 768px; } }
          .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable table {
            table-layout: fixed;
            width: 100%; }
            @media (max-width: 375px) {
              .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable table thead tr th {
                text-align: right;
                width: 140px; } }
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable table thead tr th:first-of-type {
              background-color: white;
              z-index: 98;
              position: sticky;
              left: 0; }
              @media (max-width: 375px) {
                .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable table thead tr th:first-of-type {
                  width: 90px !important; } }
              @media (min-width: 376px) and (max-width: 1365px) {
                .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable table thead tr th:first-of-type {
                  width: 180px !important; } }
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable table thead tr th:last-child {
              z-index: 2; }
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable table tbody td {
              border-right: 1px solid #cbcbcb;
              vertical-align: middle; }
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable table tbody td:last-of-type {
              border-right: none; }
            .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable table tbody th:first-child {
              position: sticky;
              left: 0;
              z-index: 98;
              padding: 10px 15px;
              border: none; }
              @media (max-width: 375px) {
                .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable table tbody th:first-child {
                  width: 90px !important; } }
              @media (min-width: 376px) and (max-width: 1365px) {
                .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable table tbody th:first-child {
                  width: 180px !important; } }
          .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable::-webkit-scrollbar {
            height: 4px; }
          .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable::-webkit-scrollbar-track {
            background-color: #bdbdbd; }
          .np-accordion-container .accordion-abarth .panel-group .card .card-body .accordion-content .fixedTable::-webkit-scrollbar-thumb {
            background-color: grey;
            width: 4px; }
  .np-accordion-container .col-xs-6 {
    width: 50%; }
  .np-accordion-container .panel-group .panel.closed .card-header .accordion-item-title .accordion-item-arrow:before {
    transform: rotate(0deg); }
  .np-accordion-container .panel-group .panel.closed .collapse .card-body .accordion-content {
    height: 0;
    overflow: hidden;
    transition: all 1s ease-in-out; }

.np-note-container {
  height: 100%;
  color: #ffffff;
  background-color: #000;
  padding: 40px 7% 0;
  font-family: 'Abarth_light';
  font-size: 14px;
  font-weight: 300;
  margin-top: -2px; }
  .np-note-container .note-title {
    font-family: 'Abarth_Heavy';
    font-size: 45px;
    font-weight: 900;
    padding-bottom: 20px;
    display: block;
    text-transform: uppercase; }
    @media (max-width: 1365px) {
      .np-note-container .note-title {
        font-size: 24px; } }
  .np-note-container .np-note p {
    margin: 0; }

.np-accordion-container {
  padding: 40px 7% 1px; }
  @media screen and (max-width: 1365px) {
    .np-accordion-container {
      padding: 40px 70px; } }
  @media (max-width: 767px) {
    .np-accordion-container {
      padding: 40px 25px; } }
  .np-accordion-container .accordion {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-size: 20px;
    font-family: 'Abarth_Medium';
    font-weight: 500;
    padding-top: 50px;
    padding-bottom: 40px;
    text-transform: uppercase; }
    @media (min-width: 768px) and (max-width: 1366px) {
      .np-accordion-container .accordion {
        padding: 20px; } }
    @media (max-width: 767px) {
      .np-accordion-container .accordion {
        padding-right: 30px;
        display: flex;
        align-items: center; } }
    .np-accordion-container .accordion .accordion-item-arrow {
      display: flex;
      align-items: center; }
      .np-accordion-container .accordion .accordion-item-arrow:before {
        right: 9%;
        position: absolute;
        transition: all 0.2s ease-in-out;
        margin-top: -20px; }
        @media (max-width: 991px) {
          .np-accordion-container .accordion .accordion-item-arrow:before {
            right: 30px; } }
        @media (max-width: 767px) {
          .np-accordion-container .accordion .accordion-item-arrow:before {
            margin-top: -5px; } }
    .np-accordion-container .accordion.active .accordion-item-arrow:before {
      transform: rotate(180deg); }
  .np-accordion-container .panel {
    padding: 0 18px;
    background-color: #000;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-family: 'Abarth_light'; }
    .np-accordion-container .panel span {
      margin-bottom: 20px; }
    @media (min-width: 1366px) {
      .np-accordion-container .panel.equipments .containera {
        -moz-column-count: 2;
             column-count: 2;
        -moz-column-gap: 40px;
             column-gap: 40px; } }
    @media (max-width: 990px) {
      .np-accordion-container .panel.equipments .containera {
        padding-left: 30px;
        padding-right: 30px; } }
    .np-accordion-container .panel.equipments .containera h3 {
      text-transform: uppercase;
      font-size: 18px;
      font-weight: bold; }
    .np-accordion-container .panel.equipments .containera ul {
      line-height: 26px; }
      @media (max-width: 1365px) {
        .np-accordion-container .panel.equipments .containera ul {
          font-size: 15px; } }
      @media (max-width: 767px) {
        .np-accordion-container .panel.equipments .containera ul {
          margin-bottom: 20px; } }
    .np-accordion-container .panel.financial .table {
      padding-bottom: 25px; }
      .np-accordion-container .panel.financial .table .table-row {
        padding: 10px 40px;
        font-family: 'Abarth_light';
        font-size: 18px; }
        @media (max-width: 990px) {
          .np-accordion-container .panel.financial .table .table-row {
            padding: 10px 30px; } }
        .np-accordion-container .panel.financial .table .table-row:nth-child(even) {
          background-color: #767676; }
        .np-accordion-container .panel.financial .table .table-row .row {
          display: flex;
          align-items: center; }
          .np-accordion-container .panel.financial .table .table-row .row .col-prezzo {
            text-align: right; }

.promo-form-container .modelpage-form .clearfix .radio-btns-section, .promo-form-container .modelpage-form .wrapper-max-1360 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-min-960 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-940 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-620 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-960 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-max-768 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-1024 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-1140 .radio-btns-section, .promo-form-container .modelpage-form .item-kit .icon-serie .radio-btns-section, .item-kit .promo-form-container .modelpage-form .icon-serie .radio-btns-section, .promo-form-container .modelpage-form .visore-wrapper .radio-btns-section, .visore-wrapper .promo-form-container .modelpage-form .img-wrapper .radio-btns-section, .promo-form-container .modelpage-form .editorial-box .text .programma .radio-btns-section, .editorial-box .text .promo-form-container .modelpage-form .programma .radio-btns-section, .promo-form-container .modelpage-form .editorial-box.txt-video-box .radio-btns-section, .promo-form-container .modelpage-form .info-promotion .tableFinance .box-link .radio-btns-section, .info-promotion .tableFinance .promo-form-container .modelpage-form .box-link .radio-btns-section, .promo-form-container .modelpage-form .dealer-locator .search-results .radio-btns-section, .dealer-locator .promo-form-container .modelpage-form .search-results .radio-btns-section, .promo-form-container .modelpage-form .dealerLocatorScorpionship .search-results .radio-btns-section, .dealerLocatorScorpionship .promo-form-container .modelpage-form .search-results .radio-btns-section, .promo-form-container .modelpage-form .form-page-wrapper .main-content .body-form-wrapper .radio-btns-section, .form-page-wrapper .main-content .promo-form-container .modelpage-form .body-form-wrapper .radio-btns-section, .form-page-wrapper .main-content .body-form-wrapper .promo-form-container .modelpage-form .comp-form .radio-btns-section, .form-page-wrapper .main-content .body-form-wrapper .comp-form .promo-form-container .modelpage-form .form-container .radio-btns-section, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .promo-form-container .modelpage-form .container-form .radio-btns-section, .promo-form-container .modelpage-form .form-flow .radio-btns-section, .form-flow .form-dealer .promo-form-container .modelpage-form .dealer-locator .radio-btns-section {
  padding-top: 100px;
  font-family: "Abarth_Heavy"; }
  @media screen and (max-width: 1919px) {
    .promo-form-container .modelpage-form .clearfix .radio-btns-section, .promo-form-container .modelpage-form .wrapper-max-1360 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-min-960 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-940 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-620 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-960 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-max-768 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-1024 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-1140 .radio-btns-section, .promo-form-container .modelpage-form .item-kit .icon-serie .radio-btns-section, .item-kit .promo-form-container .modelpage-form .icon-serie .radio-btns-section, .promo-form-container .modelpage-form .visore-wrapper .radio-btns-section, .visore-wrapper .promo-form-container .modelpage-form .img-wrapper .radio-btns-section, .promo-form-container .modelpage-form .editorial-box .text .programma .radio-btns-section, .editorial-box .text .promo-form-container .modelpage-form .programma .radio-btns-section, .promo-form-container .modelpage-form .editorial-box.txt-video-box .radio-btns-section, .promo-form-container .modelpage-form .info-promotion .tableFinance .box-link .radio-btns-section, .info-promotion .tableFinance .promo-form-container .modelpage-form .box-link .radio-btns-section, .promo-form-container .modelpage-form .dealer-locator .search-results .radio-btns-section, .dealer-locator .promo-form-container .modelpage-form .search-results .radio-btns-section, .promo-form-container .modelpage-form .dealerLocatorScorpionship .search-results .radio-btns-section, .dealerLocatorScorpionship .promo-form-container .modelpage-form .search-results .radio-btns-section, .promo-form-container .modelpage-form .form-page-wrapper .main-content .body-form-wrapper .radio-btns-section, .form-page-wrapper .main-content .promo-form-container .modelpage-form .body-form-wrapper .radio-btns-section, .form-page-wrapper .main-content .body-form-wrapper .promo-form-container .modelpage-form .comp-form .radio-btns-section, .form-page-wrapper .main-content .body-form-wrapper .comp-form .promo-form-container .modelpage-form .form-container .radio-btns-section, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .promo-form-container .modelpage-form .container-form .radio-btns-section, .promo-form-container .modelpage-form .form-flow .radio-btns-section, .form-flow .form-dealer .promo-form-container .modelpage-form .dealer-locator .radio-btns-section {
      padding-top: 80px;
      padding-bottom: 20px; } }
  @media screen and (max-width: 1365px) {
    .promo-form-container .modelpage-form .clearfix .radio-btns-section, .promo-form-container .modelpage-form .wrapper-max-1360 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-min-960 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-940 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-620 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-960 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-max-768 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-1024 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-1140 .radio-btns-section, .promo-form-container .modelpage-form .item-kit .icon-serie .radio-btns-section, .item-kit .promo-form-container .modelpage-form .icon-serie .radio-btns-section, .promo-form-container .modelpage-form .visore-wrapper .radio-btns-section, .visore-wrapper .promo-form-container .modelpage-form .img-wrapper .radio-btns-section, .promo-form-container .modelpage-form .editorial-box .text .programma .radio-btns-section, .editorial-box .text .promo-form-container .modelpage-form .programma .radio-btns-section, .promo-form-container .modelpage-form .editorial-box.txt-video-box .radio-btns-section, .promo-form-container .modelpage-form .info-promotion .tableFinance .box-link .radio-btns-section, .info-promotion .tableFinance .promo-form-container .modelpage-form .box-link .radio-btns-section, .promo-form-container .modelpage-form .dealer-locator .search-results .radio-btns-section, .dealer-locator .promo-form-container .modelpage-form .search-results .radio-btns-section, .promo-form-container .modelpage-form .dealerLocatorScorpionship .search-results .radio-btns-section, .dealerLocatorScorpionship .promo-form-container .modelpage-form .search-results .radio-btns-section, .promo-form-container .modelpage-form .form-page-wrapper .main-content .body-form-wrapper .radio-btns-section, .form-page-wrapper .main-content .promo-form-container .modelpage-form .body-form-wrapper .radio-btns-section, .form-page-wrapper .main-content .body-form-wrapper .promo-form-container .modelpage-form .comp-form .radio-btns-section, .form-page-wrapper .main-content .body-form-wrapper .comp-form .promo-form-container .modelpage-form .form-container .radio-btns-section, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .promo-form-container .modelpage-form .container-form .radio-btns-section, .promo-form-container .modelpage-form .form-flow .radio-btns-section, .form-flow .form-dealer .promo-form-container .modelpage-form .dealer-locator .radio-btns-section {
      font-size: 24px;
      padding-top: 75px; } }
  @media screen and (max-width: 767px) {
    .promo-form-container .modelpage-form .clearfix .radio-btns-section, .promo-form-container .modelpage-form .wrapper-max-1360 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-min-960 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-940 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-620 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-960 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-max-768 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-1024 .radio-btns-section, .promo-form-container .modelpage-form .wrapper-1140 .radio-btns-section, .promo-form-container .modelpage-form .item-kit .icon-serie .radio-btns-section, .item-kit .promo-form-container .modelpage-form .icon-serie .radio-btns-section, .promo-form-container .modelpage-form .visore-wrapper .radio-btns-section, .visore-wrapper .promo-form-container .modelpage-form .img-wrapper .radio-btns-section, .promo-form-container .modelpage-form .editorial-box .text .programma .radio-btns-section, .editorial-box .text .promo-form-container .modelpage-form .programma .radio-btns-section, .promo-form-container .modelpage-form .editorial-box.txt-video-box .radio-btns-section, .promo-form-container .modelpage-form .info-promotion .tableFinance .box-link .radio-btns-section, .info-promotion .tableFinance .promo-form-container .modelpage-form .box-link .radio-btns-section, .promo-form-container .modelpage-form .dealer-locator .search-results .radio-btns-section, .dealer-locator .promo-form-container .modelpage-form .search-results .radio-btns-section, .promo-form-container .modelpage-form .dealerLocatorScorpionship .search-results .radio-btns-section, .dealerLocatorScorpionship .promo-form-container .modelpage-form .search-results .radio-btns-section, .promo-form-container .modelpage-form .form-page-wrapper .main-content .body-form-wrapper .radio-btns-section, .form-page-wrapper .main-content .promo-form-container .modelpage-form .body-form-wrapper .radio-btns-section, .form-page-wrapper .main-content .body-form-wrapper .promo-form-container .modelpage-form .comp-form .radio-btns-section, .form-page-wrapper .main-content .body-form-wrapper .comp-form .promo-form-container .modelpage-form .form-container .radio-btns-section, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .promo-form-container .modelpage-form .container-form .radio-btns-section, .promo-form-container .modelpage-form .form-flow .radio-btns-section, .form-flow .form-dealer .promo-form-container .modelpage-form .dealer-locator .radio-btns-section {
      padding-top: 40px; } }
  .promo-form-container .modelpage-form .clearfix .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-max-1360 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-min-960 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-940 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-620 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-960 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-max-768 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-1024 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-1140 .radio-btns-section label, .promo-form-container .modelpage-form .item-kit .icon-serie .radio-btns-section label, .item-kit .promo-form-container .modelpage-form .icon-serie .radio-btns-section label, .promo-form-container .modelpage-form .visore-wrapper .radio-btns-section label, .visore-wrapper .promo-form-container .modelpage-form .img-wrapper .radio-btns-section label, .promo-form-container .modelpage-form .editorial-box .text .programma .radio-btns-section label, .editorial-box .text .promo-form-container .modelpage-form .programma .radio-btns-section label, .promo-form-container .modelpage-form .editorial-box.txt-video-box .radio-btns-section label, .promo-form-container .modelpage-form .info-promotion .tableFinance .box-link .radio-btns-section label, .info-promotion .tableFinance .promo-form-container .modelpage-form .box-link .radio-btns-section label, .promo-form-container .modelpage-form .dealer-locator .search-results .radio-btns-section label, .dealer-locator .promo-form-container .modelpage-form .search-results .radio-btns-section label, .promo-form-container .modelpage-form .dealerLocatorScorpionship .search-results .radio-btns-section label, .dealerLocatorScorpionship .promo-form-container .modelpage-form .search-results .radio-btns-section label, .promo-form-container .modelpage-form .form-page-wrapper .main-content .body-form-wrapper .radio-btns-section label, .form-page-wrapper .main-content .promo-form-container .modelpage-form .body-form-wrapper .radio-btns-section label, .form-page-wrapper .main-content .body-form-wrapper .promo-form-container .modelpage-form .comp-form .radio-btns-section label, .form-page-wrapper .main-content .body-form-wrapper .comp-form .promo-form-container .modelpage-form .form-container .radio-btns-section label, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .promo-form-container .modelpage-form .container-form .radio-btns-section label, .promo-form-container .modelpage-form .form-flow .radio-btns-section label, .form-flow .form-dealer .promo-form-container .modelpage-form .dealer-locator .radio-btns-section label {
    font-family: "Abarth_Medium"; }
    @media screen and (max-width: 1365px) {
      .promo-form-container .modelpage-form .clearfix .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-max-1360 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-min-960 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-940 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-620 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-960 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-max-768 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-1024 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-1140 .radio-btns-section label, .promo-form-container .modelpage-form .item-kit .icon-serie .radio-btns-section label, .item-kit .promo-form-container .modelpage-form .icon-serie .radio-btns-section label, .promo-form-container .modelpage-form .visore-wrapper .radio-btns-section label, .visore-wrapper .promo-form-container .modelpage-form .img-wrapper .radio-btns-section label, .promo-form-container .modelpage-form .editorial-box .text .programma .radio-btns-section label, .editorial-box .text .promo-form-container .modelpage-form .programma .radio-btns-section label, .promo-form-container .modelpage-form .editorial-box.txt-video-box .radio-btns-section label, .promo-form-container .modelpage-form .info-promotion .tableFinance .box-link .radio-btns-section label, .info-promotion .tableFinance .promo-form-container .modelpage-form .box-link .radio-btns-section label, .promo-form-container .modelpage-form .dealer-locator .search-results .radio-btns-section label, .dealer-locator .promo-form-container .modelpage-form .search-results .radio-btns-section label, .promo-form-container .modelpage-form .dealerLocatorScorpionship .search-results .radio-btns-section label, .dealerLocatorScorpionship .promo-form-container .modelpage-form .search-results .radio-btns-section label, .promo-form-container .modelpage-form .form-page-wrapper .main-content .body-form-wrapper .radio-btns-section label, .form-page-wrapper .main-content .promo-form-container .modelpage-form .body-form-wrapper .radio-btns-section label, .form-page-wrapper .main-content .body-form-wrapper .promo-form-container .modelpage-form .comp-form .radio-btns-section label, .form-page-wrapper .main-content .body-form-wrapper .comp-form .promo-form-container .modelpage-form .form-container .radio-btns-section label, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .promo-form-container .modelpage-form .container-form .radio-btns-section label, .promo-form-container .modelpage-form .form-flow .radio-btns-section label, .form-flow .form-dealer .promo-form-container .modelpage-form .dealer-locator .radio-btns-section label {
        font-size: 16px; } }
    @media screen and (max-width: 767px) {
      .promo-form-container .modelpage-form .clearfix .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-max-1360 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-min-960 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-940 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-620 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-960 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-max-768 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-1024 .radio-btns-section label, .promo-form-container .modelpage-form .wrapper-1140 .radio-btns-section label, .promo-form-container .modelpage-form .item-kit .icon-serie .radio-btns-section label, .item-kit .promo-form-container .modelpage-form .icon-serie .radio-btns-section label, .promo-form-container .modelpage-form .visore-wrapper .radio-btns-section label, .visore-wrapper .promo-form-container .modelpage-form .img-wrapper .radio-btns-section label, .promo-form-container .modelpage-form .editorial-box .text .programma .radio-btns-section label, .editorial-box .text .promo-form-container .modelpage-form .programma .radio-btns-section label, .promo-form-container .modelpage-form .editorial-box.txt-video-box .radio-btns-section label, .promo-form-container .modelpage-form .info-promotion .tableFinance .box-link .radio-btns-section label, .info-promotion .tableFinance .promo-form-container .modelpage-form .box-link .radio-btns-section label, .promo-form-container .modelpage-form .dealer-locator .search-results .radio-btns-section label, .dealer-locator .promo-form-container .modelpage-form .search-results .radio-btns-section label, .promo-form-container .modelpage-form .dealerLocatorScorpionship .search-results .radio-btns-section label, .dealerLocatorScorpionship .promo-form-container .modelpage-form .search-results .radio-btns-section label, .promo-form-container .modelpage-form .form-page-wrapper .main-content .body-form-wrapper .radio-btns-section label, .form-page-wrapper .main-content .promo-form-container .modelpage-form .body-form-wrapper .radio-btns-section label, .form-page-wrapper .main-content .body-form-wrapper .promo-form-container .modelpage-form .comp-form .radio-btns-section label, .form-page-wrapper .main-content .body-form-wrapper .comp-form .promo-form-container .modelpage-form .form-container .radio-btns-section label, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .promo-form-container .modelpage-form .container-form .radio-btns-section label, .promo-form-container .modelpage-form .form-flow .radio-btns-section label, .form-flow .form-dealer .promo-form-container .modelpage-form .dealer-locator .radio-btns-section label {
        font-size: 15px; } }
  @media screen and (min-width: 1366px) {
    .promo-form-container .modelpage-form .clearfix .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-max-1360 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-min-960 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-940 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-620 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-960 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-max-768 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-1024 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-1140 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .item-kit .icon-serie .radio-btns-section .radio-btns-container, .item-kit .promo-form-container .modelpage-form .icon-serie .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .visore-wrapper .radio-btns-section .radio-btns-container, .visore-wrapper .promo-form-container .modelpage-form .img-wrapper .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .editorial-box .text .programma .radio-btns-section .radio-btns-container, .editorial-box .text .promo-form-container .modelpage-form .programma .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .editorial-box.txt-video-box .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .info-promotion .tableFinance .box-link .radio-btns-section .radio-btns-container, .info-promotion .tableFinance .promo-form-container .modelpage-form .box-link .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .dealer-locator .search-results .radio-btns-section .radio-btns-container, .dealer-locator .promo-form-container .modelpage-form .search-results .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .dealerLocatorScorpionship .search-results .radio-btns-section .radio-btns-container, .dealerLocatorScorpionship .promo-form-container .modelpage-form .search-results .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .form-page-wrapper .main-content .body-form-wrapper .radio-btns-section .radio-btns-container, .form-page-wrapper .main-content .promo-form-container .modelpage-form .body-form-wrapper .radio-btns-section .radio-btns-container, .form-page-wrapper .main-content .body-form-wrapper .promo-form-container .modelpage-form .comp-form .radio-btns-section .radio-btns-container, .form-page-wrapper .main-content .body-form-wrapper .comp-form .promo-form-container .modelpage-form .form-container .radio-btns-section .radio-btns-container, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .promo-form-container .modelpage-form .container-form .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .form-flow .radio-btns-section .radio-btns-container, .form-flow .form-dealer .promo-form-container .modelpage-form .dealer-locator .radio-btns-section .radio-btns-container {
      padding-top: 40px; } }
  @media screen and (max-width: 1365px) {
    .promo-form-container .modelpage-form .clearfix .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-max-1360 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-min-960 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-940 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-620 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-960 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-max-768 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-1024 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .wrapper-1140 .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .item-kit .icon-serie .radio-btns-section .radio-btns-container, .item-kit .promo-form-container .modelpage-form .icon-serie .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .visore-wrapper .radio-btns-section .radio-btns-container, .visore-wrapper .promo-form-container .modelpage-form .img-wrapper .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .editorial-box .text .programma .radio-btns-section .radio-btns-container, .editorial-box .text .promo-form-container .modelpage-form .programma .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .editorial-box.txt-video-box .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .info-promotion .tableFinance .box-link .radio-btns-section .radio-btns-container, .info-promotion .tableFinance .promo-form-container .modelpage-form .box-link .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .dealer-locator .search-results .radio-btns-section .radio-btns-container, .dealer-locator .promo-form-container .modelpage-form .search-results .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .dealerLocatorScorpionship .search-results .radio-btns-section .radio-btns-container, .dealerLocatorScorpionship .promo-form-container .modelpage-form .search-results .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .form-page-wrapper .main-content .body-form-wrapper .radio-btns-section .radio-btns-container, .form-page-wrapper .main-content .promo-form-container .modelpage-form .body-form-wrapper .radio-btns-section .radio-btns-container, .form-page-wrapper .main-content .body-form-wrapper .promo-form-container .modelpage-form .comp-form .radio-btns-section .radio-btns-container, .form-page-wrapper .main-content .body-form-wrapper .comp-form .promo-form-container .modelpage-form .form-container .radio-btns-section .radio-btns-container, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .promo-form-container .modelpage-form .container-form .radio-btns-section .radio-btns-container, .promo-form-container .modelpage-form .form-flow .radio-btns-section .radio-btns-container, .form-flow .form-dealer .promo-form-container .modelpage-form .dealer-locator .radio-btns-section .radio-btns-container {
      padding-top: 20px; } }
  @media screen and (max-width: 420px) {
    .promo-form-container .modelpage-form .clearfix .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .wrapper-max-1360 .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .wrapper-min-960 .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .wrapper-940 .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .wrapper-620 .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .wrapper-960 .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .wrapper-max-768 .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .wrapper-1024 .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .wrapper-1140 .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .item-kit .icon-serie .radio-btns-section .radio-btns-container p label, .item-kit .promo-form-container .modelpage-form .icon-serie .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .visore-wrapper .radio-btns-section .radio-btns-container p label, .visore-wrapper .promo-form-container .modelpage-form .img-wrapper .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .editorial-box .text .programma .radio-btns-section .radio-btns-container p label, .editorial-box .text .promo-form-container .modelpage-form .programma .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .editorial-box.txt-video-box .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .info-promotion .tableFinance .box-link .radio-btns-section .radio-btns-container p label, .info-promotion .tableFinance .promo-form-container .modelpage-form .box-link .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .dealer-locator .search-results .radio-btns-section .radio-btns-container p label, .dealer-locator .promo-form-container .modelpage-form .search-results .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .dealerLocatorScorpionship .search-results .radio-btns-section .radio-btns-container p label, .dealerLocatorScorpionship .promo-form-container .modelpage-form .search-results .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .form-page-wrapper .main-content .body-form-wrapper .radio-btns-section .radio-btns-container p label, .form-page-wrapper .main-content .promo-form-container .modelpage-form .body-form-wrapper .radio-btns-section .radio-btns-container p label, .form-page-wrapper .main-content .body-form-wrapper .promo-form-container .modelpage-form .comp-form .radio-btns-section .radio-btns-container p label, .form-page-wrapper .main-content .body-form-wrapper .comp-form .promo-form-container .modelpage-form .form-container .radio-btns-section .radio-btns-container p label, .form-page-wrapper .main-content .body-form-wrapper .comp-form .form-container .promo-form-container .modelpage-form .container-form .radio-btns-section .radio-btns-container p label, .promo-form-container .modelpage-form .form-flow .radio-btns-section .radio-btns-container p label, .form-flow .form-dealer .promo-form-container .modelpage-form .dealer-locator .radio-btns-section .radio-btns-container p label {
      max-width: 100px; } }

@media only screen and (min-width: 1800px) {
  .new-promo-model-hubdetail .new-promo-container {
    padding: 0; } }

.new-promo-detail .new-form-container .new-form-step-content {
  min-height: unset !important; }

.new-promo-detail .new-form-container section-anagraphic .contFormAnagraphic {
  padding-bottom: 20px !important; }

.new-promo-detail .new-form-container .thank-you-section .thank-you-page-buttons {
  padding-bottom: 20px !important; }

.new-promo-canvas .container-box .np-text-container .np-text-box a .np-cta,
.new-promo-canvas .container-box .np-text-container .np-text-box a {
  text-decoration: none; }

.new-promo-canvas strong {
  font-weight: 700 !important; }

.new-promo-detail p {
  margin: 0; }

/* Filler box */
/* Regole generali */
/* Mediaquery Tablet PM */
/* Filler box */
/* Filler box */
.new-promo-model-hub {
  background-color: #000000; }
  @media only screen and (min-width: 768px) and (max-width: 1366px) {
    .new-promo-model-hub {
      padding: 0;
      margin: 0; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .new-promo-model-hub {
      padding: 0;
      margin: 0; } }
  .new-promo-model-hub .new-promo-box-title-container {
    font-family: "Abarth_Heavy";
    font-size: 45px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
    text-transform: uppercase; }
    @media screen and (max-width: 1919px) {
      .new-promo-model-hub .new-promo-box-title-container {
        padding-top: 50px;
        padding-bottom: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 1366px) {
      .new-promo-model-hub .new-promo-box-title-container {
        font-size: 24px;
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .new-promo-model-hub .new-promo-box-title-container {
        font-size: 24px;
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        padding-top: 20px;
        padding-bottom: 20px; } }
  .new-promo-model-hub .new-promo-container {
    background-color: #000000;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media only screen and (min-width: 1800px) {
      .new-promo-model-hub .new-promo-container {
        padding: 0 41px; } }
    @media only screen and (min-width: 768px) and (max-width: 1366px) {
      .new-promo-model-hub .new-promo-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 1100px;
        margin: 0 auto; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .new-promo-model-hub .new-promo-container {
        display: flex;
        justify-content: center;
        margin: 0px;
        padding: 0px; }
        .new-promo-model-hub .new-promo-container .slick-dots {
          width: 100vw;
          margin: 0;
          display: flex;
          justify-content: center;
          z-index: 49;
          position: absolute;
          top: 480px; }
          .new-promo-model-hub .new-promo-container .slick-dots li {
            cursor: pointer;
            list-style: none; }
            .new-promo-model-hub .new-promo-container .slick-dots li button {
              background-color: #ffffff;
              border: 0;
              font-size: 0;
              height: 12px;
              border-radius: 50%;
              width: 12px;
              margin-left: 10px;
              cursor: pointer; }
          .new-promo-model-hub .new-promo-container .slick-dots li.slick-active button {
            background-color: #e72020; } }
    @media only screen and (min-width: 401px) and (max-width: 767px) {
      .new-promo-model-hub .new-promo-container .slick-list {
        padding: 0px 40px !important; } }
    @media only screen and (min-width: 0px) and (max-width: 400px) {
      .new-promo-model-hub .new-promo-container .slick-list {
        padding: 0px 20px !important; } }
    .new-promo-model-hub .new-promo-container .new-promo-box {
      background-color: #ffffff;
      height: inherit;
      position: relative;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 20px; }
      @media only screen and (min-width: 1920px) {
        .new-promo-model-hub .new-promo-container .new-promo-box {
          width: 445px; } }
      @media only screen and (min-width: 1367px) {
        .new-promo-model-hub .new-promo-container .new-promo-box {
          width: 445px; } }
      @media only screen and (min-width: 768px) and (max-width: 1366px) {
        .new-promo-model-hub .new-promo-container .new-promo-box {
          width: 354px;
          float: none;
          margin-left: 10px;
          margin-right: 10px; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .new-promo-model-hub .new-promo-container .new-promo-box {
          max-width: 325px;
          margin-left: 10px;
          margin-right: 10px; } }
      @media only screen and (min-width: 0px) and (max-width: 400px) {
        .new-promo-model-hub .new-promo-container .new-promo-box {
          max-width: 310px; } }
      .new-promo-model-hub .new-promo-container .new-promo-box a {
        text-decoration: none;
        outline-offset: 4px;
        display: inline-block; }
      .new-promo-model-hub .new-promo-container .new-promo-box .inside-image-new-promo-box {
        height: 288px; }
        .new-promo-model-hub .new-promo-container .new-promo-box .inside-image-new-promo-box > img {
          width: 100%;
          height: 100%; }
        @media only screen and (min-width: 768px) and (max-width: 1366px) {
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-image-new-promo-box {
            width: 354px;
            height: 226px; } }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-image-new-promo-box {
            width: 325px;
            height: 191px; } }
        @media only screen and (min-width: 0px) and (max-width: 400px) {
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-image-new-promo-box {
            width: 310px; } }
      .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container {
        background-color: #ffffff;
        padding-top: 20px;
        padding-bottom: 80px;
        height: 100%; }
        @media only screen and (min-width: 768px) and (max-width: 1366px) {
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container {
            width: 354px;
            padding-top: 20px; } }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container {
            width: 325px; } }
        @media only screen and (min-width: 0px) and (max-width: 400px) {
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container {
            width: 310px;
            margin: 0 5%; } }
        .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-new-promo-box-label {
          font-family: "Abarth_light";
          font-size: 12px;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          text-transform: uppercase;
          color: #ffffff;
          background-color: #333333;
          border-bottom: 4px solid #e72020;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          position: absolute;
          width: 80px;
          height: 41px;
          top: -21px;
          right: 0;
          overflow: hidden; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-new-promo-box-label {
              font-size: 12px;
              font-weight: 500;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: center;
              color: #ffffff;
              height: 35px;
              top: -20px;
              left: auto;
              right: 0px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-new-promo-box-label {
              font-size: 12px;
              font-weight: 500;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: center;
              color: #ffffff;
              width: 80px;
              height: 35px;
              left: 245px;
              top: -20px; } }
          @media only screen and (min-width: 0px) and (max-width: 400px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-new-promo-box-label {
              left: 230px; } }
        .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-title-new-promo-box {
          font-family: "Abarth_Medium";
          font-size: 32px;
          font-weight: 900;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #000000;
          width: 345px;
          height: 69px;
          margin-top: 20px;
          margin-bottom: 18px;
          margin-left: 50px;
          margin-right: 50px;
          padding-top: 5px;
          text-transform: uppercase;
          overflow: hidden; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-title-new-promo-box {
              font-size: 30px;
              font-weight: 900;
              width: 314px;
              height: 66px;
              margin: 20px;
              margin-top: 0px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-title-new-promo-box {
              width: 305px;
              height: 53px;
              font-size: 20px;
              font-weight: 900;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #000000;
              padding-top: 5px;
              margin-top: 0;
              margin-left: 10px;
              margin-right: 10px;
              margin-bottom: 8px; } }
          @media only screen and (min-width: 0px) and (max-width: 400px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-title-new-promo-box {
              width: 290px; } }
        .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-text-new-promo-box {
          font-family: "Abarth_light";
          font-size: 18px;
          line-height: 23px;
          font-weight: 300;
          font-style: normal;
          font-stretch: normal;
          letter-spacing: normal;
          color: #000000;
          width: 345px;
          height: 100%;
          margin-left: 50px;
          margin-right: 50px;
          text-transform: uppercase;
          overflow: hidden; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-text-new-promo-box {
              font-size: 16px;
              font-weight: 300;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              width: 314px;
              margin-left: 20px;
              margin-right: 20px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-text-new-promo-box {
              width: 305px;
              font-size: 18px;
              font-weight: 300;
              font-style: normal;
              font-stretch: normal;
              line-height: 23px;
              letter-spacing: normal;
              color: #000000;
              margin-left: 10px;
              margin-right: 10px; } }
          @media only screen and (min-width: 0px) and (max-width: 400px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-text-new-promo-box {
              width: 290px; } }
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-text-new-promo-box p {
            margin-bottom: 0px; }
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-text-new-promo-box strong {
            font-weight: 700; }
        .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-cta-new-promo-box {
          font-family: "Abarth_light";
          font-size: 16px;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #ffffff;
          text-transform: uppercase;
          background-color: #e72020;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          position: absolute;
          min-width: 250px;
          max-width: 80%;
          min-height: 44px;
          bottom: 20px;
          left: 50px; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-cta-new-promo-box {
              font-size: 12px;
              font-weight: 500;
              min-width: 180px;
              max-width: 80%;
              min-height: 36px;
              position: absolute;
              left: 20px;
              bottom: 25px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-cta-new-promo-box {
              min-width: 240px;
              max-width: 80%;
              min-height: 20px;
              font-size: 16px;
              font-weight: 500;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: center;
              min-height: 42px;
              bottom: 15px;
              left: 32px; } }
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-cta-new-promo-box .new-promo-scopri-di-piu {
            font-family: "Abarth_Medium";
            text-decoration: none;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff; }
    .new-promo-model-hub .new-promo-container .new-promo-filler-box {
      background-color: #000000;
      height: 613px;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) and (max-width: 1366px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box {
          height: 520px;
          margin-left: 10px;
          margin-right: 10px;
          float: none;
          display: inline-block; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box {
          display: none; } }
      .new-promo-model-hub .new-promo-container .new-promo-filler-box a {
        text-decoration: none;
        outline-offset: 4px;
        display: block; }
      @media (min-width: 1920px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-desktop-0 {
          display: none; } }
      @media (min-width: 1920px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-desktop-1 {
          width: 445px;
          height: 613px; } }
      @media (min-width: 1920px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-desktop-2 {
          width: 900px;
          height: 613px; } }
      @media (min-width: 1920px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-desktop-3 {
          /* width: 1383px; */
          width: 1356px;
          height: 613px; } }
      @media (max-width: 1919px) and (min-width: 1367px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-tablet-0 {
          display: none; } }
      @media (max-width: 1919px) and (min-width: 1367px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-tablet-1 {
          width: 445px;
          height: 613px; } }
      @media (max-width: 1919px) and (min-width: 1367px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-tablet-2 {
          width: 900px;
          height: 613px; } }
      @media (max-width: 1366px) and (min-width: 768px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-tabletpt-0 {
          display: none; } }
      @media (max-width: 1366px) and (min-width: 768px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-tabletpt-1 {
          width: 354px;
          height: 520px; } }
      .new-promo-model-hub .new-promo-container .new-promo-filler-box .new-filler-box-image-center {
        height: 288px;
        display: block;
        overflow: hidden;
        position: relative; }
        .new-promo-model-hub .new-promo-container .new-promo-filler-box .new-filler-box-image-center > img {
          display: block;
          max-width: 100%;
          max-height: 100%;
          margin: 0 auto;
          width: auto;
          margin: auto;
          overflow: hidden;
          position: absolute;
          top: -100%;
          left: -100%;
          bottom: -100%;
          right: -100%; }
        @media only screen and (min-width: 768px) and (max-width: 1366px) {
          .new-promo-model-hub .new-promo-container .new-promo-filler-box .new-filler-box-image-center {
            width: 354px;
            height: 226px;
            margin: 0 auto; } }
      .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container {
        background-color: #000000;
        position: relative;
        padding-top: 20px;
        height: 325px; }
        @media only screen and (min-width: 768px) and (max-width: 1366px) {
          .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container {
            width: 354px;
            height: 294px;
            padding-top: 20px; } }
        .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-title-center {
          font-family: "Abarth_Medium";
          font-size: 32px;
          font-weight: 900;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          width: auto;
          height: 78px;
          margin-top: 20px;
          margin-bottom: 15px;
          margin-left: 50px;
          margin-right: 50px;
          text-transform: uppercase;
          text-align: center; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-title-center {
              font-size: 30px;
              font-weight: 900;
              width: auto;
              height: 78px;
              margin: 20px;
              margin-top: 0px; } }
        .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-text-center {
          font-family: "Abarth_light";
          font-size: 18px;
          font-weight: 300;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          width: auto;
          height: 108px;
          margin-left: 50px;
          margin-right: 50px;
          text-align: center;
          overflow: hidden; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-text-center {
              font-size: 16px;
              height: 100px;
              margin-left: 20px;
              margin-right: 20px; } }
        .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-cta-center {
          font-family: "Abarth_light";
          font-size: 16px;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #ffffff;
          background-color: #e72020;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 250px;
          height: 44px;
          margin: 0 auto;
          position: absolute;
          bottom: 20px;
          left: calc(50% - 125px);
          text-transform: uppercase; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-cta-center {
              font-size: 12px;
              font-weight: 500;
              min-width: 180px;
              min-height: 26px;
              left: 87px;
              bottom: 45px; } }
          .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-cta-center .new-promo-scopri-di-piu {
            font-family: "Abarth_Medium";
            text-decoration: none;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff; }

.radio-btns-section {
  padding-top: 40px;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: center;
  font-family: "Abarth_Medium";
  font-size: 45px;
  font-weight: 900;
  color: #ffffff;
  width: 100%;
  background-color: #000; }
  .radio-btns-section .radio-btns-container p {
    display: inline-flex;
    width: 20%;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 1366px) {
      .radio-btns-section .radio-btns-container p {
        width: 24%; } }
    @media screen and (max-width: 768px) {
      .radio-btns-section .radio-btns-container p {
        width: 45%; } }
  .radio-btns-section .radio-btns-container label {
    font-size: 16px;
    font-weight: 500; }
  .radio-btns-section .radio-btns-container input[type='radio'] {
    -webkit-appearance: none;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    outline: none;
    background-color: white;
    margin-right: 15px; }
    @media screen and (max-width: 767px) {
      .radio-btns-section .radio-btns-container input[type='radio'] {
        width: 24px;
        height: 24px; } }
    .radio-btns-section .radio-btns-container input[type='radio']:before {
      content: '';
      display: block;
      width: 21px;
      height: 21px;
      margin: 20% auto;
      border-radius: 50%; }
      @media screen and (max-width: 767px) {
        .radio-btns-section .radio-btns-container input[type='radio']:before {
          width: 16px;
          height: 16px; } }
    .radio-btns-section .radio-btns-container input[type='radio']:checked:before {
      background: #e72020; }

/* Filler box */
/* Regole generali */
/* Mediaquery Tablet PM */
/* Filler box */
/* Filler box */
.new-promo-model-hub {
  background-color: #000000; }
  @media only screen and (min-width: 768px) and (max-width: 1366px) {
    .new-promo-model-hub {
      padding: 0;
      margin: 0; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .new-promo-model-hub {
      padding: 0;
      margin: 0; } }
  .new-promo-model-hub .new-promo-box-title-container {
    font-family: "Abarth_Heavy";
    font-size: 45px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
    text-transform: uppercase; }
    @media screen and (max-width: 1919px) {
      .new-promo-model-hub .new-promo-box-title-container {
        padding-top: 50px;
        padding-bottom: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 1366px) {
      .new-promo-model-hub .new-promo-box-title-container {
        font-size: 24px;
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .new-promo-model-hub .new-promo-box-title-container {
        font-size: 24px;
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        padding-top: 20px;
        padding-bottom: 20px; } }
  .new-promo-model-hub .new-promo-container {
    background-color: #000000;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media only screen and (min-width: 1800px) {
      .new-promo-model-hub .new-promo-container {
        padding: 0 41px; } }
    @media only screen and (min-width: 768px) and (max-width: 1366px) {
      .new-promo-model-hub .new-promo-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 1100px;
        margin: 0 auto; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .new-promo-model-hub .new-promo-container {
        display: flex;
        justify-content: center;
        margin: 0px;
        padding: 0px; }
        .new-promo-model-hub .new-promo-container .slick-dots {
          width: 100vw;
          margin: 0;
          display: flex;
          justify-content: center;
          z-index: 49;
          position: absolute;
          top: 480px; }
          .new-promo-model-hub .new-promo-container .slick-dots li {
            cursor: pointer;
            list-style: none; }
            .new-promo-model-hub .new-promo-container .slick-dots li button {
              background-color: #ffffff;
              border: 0;
              font-size: 0;
              height: 12px;
              border-radius: 50%;
              width: 12px;
              margin-left: 10px;
              cursor: pointer; }
          .new-promo-model-hub .new-promo-container .slick-dots li.slick-active button {
            background-color: #e72020; } }
    @media only screen and (min-width: 401px) and (max-width: 767px) {
      .new-promo-model-hub .new-promo-container .slick-list {
        padding: 0px 40px !important; } }
    @media only screen and (min-width: 0px) and (max-width: 400px) {
      .new-promo-model-hub .new-promo-container .slick-list {
        padding: 0px 20px !important; } }
    .new-promo-model-hub .new-promo-container .new-promo-box {
      background-color: #ffffff;
      height: inherit;
      position: relative;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 20px; }
      @media only screen and (min-width: 1920px) {
        .new-promo-model-hub .new-promo-container .new-promo-box {
          width: 445px; } }
      @media only screen and (min-width: 1367px) {
        .new-promo-model-hub .new-promo-container .new-promo-box {
          width: 445px; } }
      @media only screen and (min-width: 768px) and (max-width: 1366px) {
        .new-promo-model-hub .new-promo-container .new-promo-box {
          width: 354px;
          float: none;
          margin-left: 10px;
          margin-right: 10px; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .new-promo-model-hub .new-promo-container .new-promo-box {
          max-width: 325px;
          margin-left: 10px;
          margin-right: 10px; } }
      @media only screen and (min-width: 0px) and (max-width: 400px) {
        .new-promo-model-hub .new-promo-container .new-promo-box {
          max-width: 310px; } }
      .new-promo-model-hub .new-promo-container .new-promo-box a {
        text-decoration: none;
        outline-offset: 4px;
        display: inline-block; }
      .new-promo-model-hub .new-promo-container .new-promo-box .inside-image-new-promo-box {
        height: 288px; }
        .new-promo-model-hub .new-promo-container .new-promo-box .inside-image-new-promo-box > img {
          width: 100%;
          height: 100%; }
        @media only screen and (min-width: 768px) and (max-width: 1366px) {
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-image-new-promo-box {
            width: 354px;
            height: 226px; } }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-image-new-promo-box {
            width: 325px;
            height: 191px; } }
        @media only screen and (min-width: 0px) and (max-width: 400px) {
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-image-new-promo-box {
            width: 310px; } }
      .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container {
        background-color: #ffffff;
        padding-top: 20px;
        padding-bottom: 80px;
        height: 100%; }
        @media only screen and (min-width: 768px) and (max-width: 1366px) {
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container {
            width: 354px;
            padding-top: 20px; } }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container {
            width: 325px; } }
        @media only screen and (min-width: 0px) and (max-width: 400px) {
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container {
            width: 310px;
            margin: 0 5%; } }
        .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-new-promo-box-label {
          font-family: "Abarth_light";
          font-size: 12px;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          text-transform: uppercase;
          color: #ffffff;
          background-color: #333333;
          border-bottom: 4px solid #e72020;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          position: absolute;
          width: 80px;
          height: 41px;
          top: -21px;
          right: 0;
          overflow: hidden; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-new-promo-box-label {
              font-size: 12px;
              font-weight: 500;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: center;
              color: #ffffff;
              height: 35px;
              top: -20px;
              left: auto;
              right: 0px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-new-promo-box-label {
              font-size: 12px;
              font-weight: 500;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: center;
              color: #ffffff;
              width: 80px;
              height: 35px;
              left: 245px;
              top: -20px; } }
          @media only screen and (min-width: 0px) and (max-width: 400px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-new-promo-box-label {
              left: 230px; } }
        .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-title-new-promo-box {
          font-family: "Abarth_Medium";
          font-size: 32px;
          font-weight: 900;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #000000;
          width: 345px;
          height: 69px;
          margin-top: 20px;
          margin-bottom: 18px;
          margin-left: 50px;
          margin-right: 50px;
          padding-top: 5px;
          text-transform: uppercase;
          overflow: hidden; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-title-new-promo-box {
              font-size: 30px;
              font-weight: 900;
              width: 314px;
              height: 66px;
              margin: 20px;
              margin-top: 0px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-title-new-promo-box {
              width: 305px;
              height: 53px;
              font-size: 20px;
              font-weight: 900;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #000000;
              padding-top: 5px;
              margin-top: 0;
              margin-left: 10px;
              margin-right: 10px;
              margin-bottom: 8px; } }
          @media only screen and (min-width: 0px) and (max-width: 400px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-title-new-promo-box {
              width: 290px; } }
        .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-text-new-promo-box {
          font-family: "Abarth_light";
          font-size: 18px;
          line-height: 23px;
          font-weight: 300;
          font-style: normal;
          font-stretch: normal;
          letter-spacing: normal;
          color: #000000;
          width: 345px;
          height: 100%;
          margin-left: 50px;
          margin-right: 50px;
          text-transform: uppercase;
          overflow: hidden; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-text-new-promo-box {
              font-size: 16px;
              font-weight: 300;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              width: 314px;
              margin-left: 20px;
              margin-right: 20px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-text-new-promo-box {
              width: 305px;
              font-size: 18px;
              font-weight: 300;
              font-style: normal;
              font-stretch: normal;
              line-height: 23px;
              letter-spacing: normal;
              color: #000000;
              margin-left: 10px;
              margin-right: 10px; } }
          @media only screen and (min-width: 0px) and (max-width: 400px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-text-new-promo-box {
              width: 290px; } }
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-text-new-promo-box p {
            margin-bottom: 0px; }
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-text-new-promo-box strong {
            font-weight: 700; }
        .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-cta-new-promo-box {
          font-family: "Abarth_light";
          font-size: 16px;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #ffffff;
          text-transform: uppercase;
          background-color: #e72020;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          position: absolute;
          min-width: 250px;
          max-width: 80%;
          min-height: 44px;
          bottom: 20px;
          left: 50px; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-cta-new-promo-box {
              font-size: 12px;
              font-weight: 500;
              min-width: 180px;
              max-width: 80%;
              min-height: 36px;
              position: absolute;
              left: 20px;
              bottom: 25px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-cta-new-promo-box {
              min-width: 240px;
              max-width: 80%;
              min-height: 20px;
              font-size: 16px;
              font-weight: 500;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: center;
              min-height: 42px;
              bottom: 15px;
              left: 32px; } }
          .new-promo-model-hub .new-promo-container .new-promo-box .inside-new-promo-box-container .inside-cta-new-promo-box .new-promo-scopri-di-piu {
            font-family: "Abarth_Medium";
            text-decoration: none;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff; }
    .new-promo-model-hub .new-promo-container .new-promo-filler-box {
      background-color: #000000;
      height: 613px;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) and (max-width: 1366px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box {
          height: 520px;
          margin-left: 10px;
          margin-right: 10px;
          float: none;
          display: inline-block; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box {
          display: none; } }
      .new-promo-model-hub .new-promo-container .new-promo-filler-box a {
        text-decoration: none;
        outline-offset: 4px;
        display: block; }
      @media (min-width: 1920px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-desktop-0 {
          display: none; } }
      @media (min-width: 1920px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-desktop-1 {
          width: 445px;
          height: 613px; } }
      @media (min-width: 1920px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-desktop-2 {
          width: 900px;
          height: 613px; } }
      @media (min-width: 1920px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-desktop-3 {
          /* width: 1383px; */
          width: 1356px;
          height: 613px; } }
      @media (max-width: 1919px) and (min-width: 1367px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-tablet-0 {
          display: none; } }
      @media (max-width: 1919px) and (min-width: 1367px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-tablet-1 {
          width: 445px;
          height: 613px; } }
      @media (max-width: 1919px) and (min-width: 1367px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-tablet-2 {
          width: 900px;
          height: 613px; } }
      @media (max-width: 1366px) and (min-width: 768px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-tabletpt-0 {
          display: none; } }
      @media (max-width: 1366px) and (min-width: 768px) {
        .new-promo-model-hub .new-promo-container .new-promo-filler-box.new-filler-box-tabletpt-1 {
          width: 354px;
          height: 520px; } }
      .new-promo-model-hub .new-promo-container .new-promo-filler-box .new-filler-box-image-center {
        height: 288px;
        display: block;
        overflow: hidden;
        position: relative; }
        .new-promo-model-hub .new-promo-container .new-promo-filler-box .new-filler-box-image-center > img {
          display: block;
          max-width: 100%;
          max-height: 100%;
          margin: 0 auto;
          width: auto;
          margin: auto;
          overflow: hidden;
          position: absolute;
          top: -100%;
          left: -100%;
          bottom: -100%;
          right: -100%; }
        @media only screen and (min-width: 768px) and (max-width: 1366px) {
          .new-promo-model-hub .new-promo-container .new-promo-filler-box .new-filler-box-image-center {
            width: 354px;
            height: 226px;
            margin: 0 auto; } }
      .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container {
        background-color: #000000;
        position: relative;
        padding-top: 20px;
        height: 325px; }
        @media only screen and (min-width: 768px) and (max-width: 1366px) {
          .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container {
            width: 354px;
            height: 294px;
            padding-top: 20px; } }
        .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-title-center {
          font-family: "Abarth_Medium";
          font-size: 32px;
          font-weight: 900;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          width: auto;
          height: 78px;
          margin-top: 20px;
          margin-bottom: 15px;
          margin-left: 50px;
          margin-right: 50px;
          text-transform: uppercase;
          text-align: center; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-title-center {
              font-size: 30px;
              font-weight: 900;
              width: auto;
              height: 78px;
              margin: 20px;
              margin-top: 0px; } }
        .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-text-center {
          font-family: "Abarth_light";
          font-size: 18px;
          font-weight: 300;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          width: auto;
          height: 108px;
          margin-left: 50px;
          margin-right: 50px;
          text-align: center;
          overflow: hidden; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-text-center {
              font-size: 16px;
              height: 100px;
              margin-left: 20px;
              margin-right: 20px; } }
        .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-cta-center {
          font-family: "Abarth_light";
          font-size: 16px;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #ffffff;
          background-color: #e72020;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 250px;
          height: 44px;
          margin: 0 auto;
          position: absolute;
          bottom: 20px;
          left: calc(50% - 125px);
          text-transform: uppercase; }
          @media only screen and (min-width: 768px) and (max-width: 1366px) {
            .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-cta-center {
              font-size: 12px;
              font-weight: 500;
              min-width: 180px;
              min-height: 26px;
              left: 87px;
              bottom: 45px; } }
          .new-promo-model-hub .new-promo-container .new-promo-filler-box .inside-new-filler-box-container .inside-new-filler-box-cta-center .new-promo-scopri-di-piu {
            font-family: "Abarth_Medium";
            text-decoration: none;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff; }

.eloquaRationalizedForms.parbase {
  background: black;
  color: white; }
  .eloquaRationalizedForms.parbase h1 {
    text-align: center; }

.canvas-v01-2020 {
  overflow: hidden;
  width: 100%;
  display: block; }
  .canvas-v01-2020 .safe-area {
    position: absolute;
    background-color: white;
    left: 50%;
    width: 800px;
    height: 700px;
    top: 50%;
    transform: translateY(-50%);
    color: black;
    opacity: .8;
    border: black 1px dashed;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 1440px) {
      .canvas-v01-2020 .safe-area {
        left: 50%;
        width: 600px;
        height: 500px;
        top: 50%;
        transform: translateY(-50%); } }
    @media screen and (max-width: 1023px) {
      .canvas-v01-2020 .safe-area {
        top: 300px;
        width: 800px;
        height: 300px;
        left: 50%;
        transform: translateX(-50%); } }
    @media screen and (max-width: 768px) {
      .canvas-v01-2020 .safe-area {
        top: 400px;
        width: 650px;
        height: 450px;
        left: 50%;
        transform: translateX(-50%); } }
  .canvas-v01-2020 .canvas-bg-image {
    height: calc(100vh - 110px);
    background-size: cover;
    background-position: center;
    position: relative; }
    @media screen and (max-width: 1200px) {
      .canvas-v01-2020 .canvas-bg-image {
        height: calc(100vh - 57px); } }
    .canvas-v01-2020 .canvas-bg-image .text-overlay {
      top: 25%;
      position: relative;
      left: 10%; }
      @media screen and (max-width: 1023px) {
        .canvas-v01-2020 .canvas-bg-image .text-overlay {
          top: 40px;
          left: 0;
          text-align: center;
          padding-left: 4%;
          padding-right: 4%; } }
      .canvas-v01-2020 .canvas-bg-image .text-overlay .title {
        font-family: 'Abarth_Medium';
        font-size: 27px;
        line-height: 32px;
        color: #fff;
        margin-bottom: 0;
        letter-spacing: 7px;
        font-weight: 900; }
        @media screen and (max-width: 1440px) {
          .canvas-v01-2020 .canvas-bg-image .text-overlay .title {
            font-size: 25px;
            line-height: 30px;
            letter-spacing: 6px; } }
        @media screen and (max-width: 1023px) {
          .canvas-v01-2020 .canvas-bg-image .text-overlay .title {
            font-size: 18px;
            line-height: 20px; } }
      .canvas-v01-2020 .canvas-bg-image .text-overlay .main-title {
        font-family: 'Abarth_heavy';
        font-size: 88px;
        line-height: 105px;
        color: #FFFFFF;
        margin-bottom: 15px;
        margin-top: 15px;
        max-width: 40%;
        display: inline-block;
        line-height: 108px; }
        @media screen and (max-width: 1440px) {
          .canvas-v01-2020 .canvas-bg-image .text-overlay .main-title {
            font-size: 68px;
            line-height: 78px; } }
        @media screen and (max-width: 1023px) {
          .canvas-v01-2020 .canvas-bg-image .text-overlay .main-title {
            font-size: 61px;
            line-height: 60px;
            margin-bottom: 5px;
            max-width: initial; } }
        @media screen and (max-width: 768px) {
          .canvas-v01-2020 .canvas-bg-image .text-overlay .main-title {
            font-size: 40px;
            line-height: 50px; } }
      .canvas-v01-2020 .canvas-bg-image .text-overlay .sub-title {
        font-family: 'Abarth_Medium';
        font-size: 27px;
        line-height: 32px;
        color: #FFFFFF;
        margin-bottom: 0;
        letter-spacing: 7px; }
        @media screen and (max-width: 1440px) {
          .canvas-v01-2020 .canvas-bg-image .text-overlay .sub-title {
            font-size: 25px;
            line-height: 30px;
            letter-spacing: 6px; } }
        @media screen and (max-width: 1023px) {
          .canvas-v01-2020 .canvas-bg-image .text-overlay .sub-title {
            font-size: 18px;
            line-height: 21px; } }
    .canvas-v01-2020 .canvas-bg-image .cta-more {
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%);
      cursor: pointer;
      text-align: center;
      display: none;
      text-decoration: none;
      z-index: 34; }
      @media screen and (max-width: 1023px) {
        .canvas-v01-2020 .canvas-bg-image .cta-more {
          display: block; } }
      .canvas-v01-2020 .canvas-bg-image .cta-more .text {
        font-family: 'Abarth_Medium';
        color: #FFFFFF;
        font-size: 14px;
        line-height: 16px;
        display: block; }
      .canvas-v01-2020 .canvas-bg-image .cta-more .down {
        transform: rotate(-90deg);
        color: #E30B09;
        font-size: 25px;
        font-weight: bold; }

/*ABARTH REVAMP*/
.newAbarth23 .canvas-v01-2020 {
  height: 700px; }
  @media (max-width: 768px) {
    .newAbarth23 .canvas-v01-2020 {
      height: 500px; } }
  .newAbarth23 .canvas-v01-2020 .canvas-bg-image {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center; }
    @media (max-width: 992px) {
      .newAbarth23 .canvas-v01-2020 .canvas-bg-image {
        align-items: flex-start;
        padding-top: 30px;
        height: 100% !important; } }
    .newAbarth23 .canvas-v01-2020 .canvas-bg-image .text-overlay {
      top: auto;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      max-width: 700px; }
      @media (max-width: 992px) {
        .newAbarth23 .canvas-v01-2020 .canvas-bg-image .text-overlay {
          max-width: 100%;
          margin: 0;
          padding: 0 20px;
          text-align: left; } }
      .newAbarth23 .canvas-v01-2020 .canvas-bg-image .text-overlay .main-title {
        font-size: 50px;
        line-height: 58px;
        letter-spacing: 4px;
        color: #ffffff;
        font-family: 'Abarth_heavy';
        width: 100%;
        max-width: 100%; }
        @media (max-width: 768px) {
          .newAbarth23 .canvas-v01-2020 .canvas-bg-image .text-overlay .main-title {
            font-size: 32px;
            line-height: 110%;
            letter-spacing: 0.02em;
            margin: 0; } }
        .newAbarth23 .canvas-v01-2020 .canvas-bg-image .text-overlay .main-title b {
          color: transparent;
          -webkit-text-stroke-width: 2px;
          -webkit-text-stroke-color: #ffffff; }
          @media (max-width: 768px) {
            .newAbarth23 .canvas-v01-2020 .canvas-bg-image .text-overlay .main-title b {
              -webkit-text-stroke-width: 1px; } }
      .newAbarth23 .canvas-v01-2020 .canvas-bg-image .text-overlay .sub-title {
        font-size: 25px;
        line-height: 100%;
        letter-spacing: inherit;
        color: #ffffff;
        font-family: 'Abarth_Medium';
        margin: 15px 0 0; }
        @media (max-width: 768px) {
          .newAbarth23 .canvas-v01-2020 .canvas-bg-image .text-overlay .sub-title {
            font-size: 16px;
            line-height: 22px;
            margin: 0; } }
    @media (max-width: 768px) {
      .newAbarth23 .canvas-v01-2020 .canvas-bg-image .cta-more {
        display: none; } }

.gallery-v01-2020 {
  background-color: #161616;
  color: #FFFFFF;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 55px;
  padding-top: 100px;
  position: relative; }
  @media screen and (max-width: 1023px) {
    .gallery-v01-2020 {
      padding-top: 20px;
      padding-left: 7%;
      padding-right: 7%; } }
  .gallery-v01-2020 .gallery-wrapper {
    max-width: 1440px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse; }
    @media screen and (max-width: 1023px) {
      .gallery-v01-2020 .gallery-wrapper {
        display: block; } }
    @media screen and (max-width: 768px) {
      .gallery-v01-2020 .gallery-wrapper {
        max-width: 613px; } }
    .gallery-v01-2020 .gallery-wrapper .gallery-box {
      max-width: 613px; }
      @media screen and (max-width: 1023px) {
        .gallery-v01-2020 .gallery-wrapper .gallery-box {
          max-width: 100%; } }
      .gallery-v01-2020 .gallery-wrapper .gallery-box .upper-strip {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 20px; }
        @media screen and (max-width: 1023px) {
          .gallery-v01-2020 .gallery-wrapper .gallery-box .upper-strip {
            justify-content: center;
            padding-bottom: 40px; } }
        .gallery-v01-2020 .gallery-wrapper .gallery-box .upper-strip .right-block {
          color: #F82323;
          font-family: 'Abarth_Medium';
          font-size: 14px;
          line-height: 16px; }
          @media screen and (max-width: 1023px) {
            .gallery-v01-2020 .gallery-wrapper .gallery-box .upper-strip .right-block {
              display: none; } }
          .gallery-v01-2020 .gallery-wrapper .gallery-box .upper-strip .right-block > a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            letter-spacing: 2px;
            cursor: pointer; }
            .gallery-v01-2020 .gallery-wrapper .gallery-box .upper-strip .right-block > a .icon {
              font-size: 35px;
              margin-left: 10px; }
      .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .gallery-container {
        position: relative;
        overflow: hidden;
        margin: auto;
        width: 100%;
        height: 100%; }
        .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .gallery-container .gallery-images {
          display: flex;
          padding: 0;
          margin: 0;
          transition-property: transform;
          transition-duration: .5s;
          transition-timing-function: ease-out;
          transform: translate(0, 0); }
          .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .gallery-container .gallery-images .gallery-image {
            flex-basis: 100%;
            min-width: 100%;
            padding: 0;
            margin: 0;
            transform: translate(0, 0); }
            .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .gallery-container .gallery-images .gallery-image img {
              max-width: 100%; }
      .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container {
        margin-top: 15px;
        display: flex; }
        @media screen and (max-width: 1023px) {
          .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container {
            margin-top: 20px; } }
        .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumbs-strip {
          position: relative;
          overflow: hidden;
          margin: auto;
          flex-basis: 75%;
          height: 100%; }
          .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumbs-strip .thumb-images {
            display: flex;
            padding: 0;
            margin: 0;
            transition-property: transform;
            transition-duration: .5s;
            transition-timing-function: ease-out;
            transform: translate(0, 0); }
            .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumbs-strip .thumb-images .thumb-image {
              position: relative;
              flex-basis: 33.34%;
              min-width: 33.34%;
              padding: 0;
              padding-right: 8px;
              margin: 0;
              transform: translate(0, 0);
              transition: min-width .3s ease-in-out; }
              .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumbs-strip .thumb-images .thumb-image .active-thumb {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 2px;
                background-color: #E30B09;
                opacity: 0;
                transition: opacity .2s ease-in; }
              .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumbs-strip .thumb-images .thumb-image.active .active-thumb {
                opacity: 1; }
              .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumbs-strip .thumb-images .thumb-image > img {
                cursor: pointer;
                max-width: 100%; }
        .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumb-navigation {
          display: flex;
          align-items: center;
          justify-content: space-between;
          color: #E30B09;
          flex-basis: 25%;
          padding-right: 15px;
          padding-left: 15px; }
          .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumb-navigation .arrows {
            font-size: 40px;
            cursor: pointer; }
            @media screen and (max-width: 1023px) {
              .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumb-navigation .arrows {
                display: none; } }
          .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumb-navigation .cta-sound {
            display: none; }
            @media screen and (max-width: 1023px) {
              .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumb-navigation .cta-sound {
                display: block;
                margin: auto;
                font-size: 40px;
                cursor: pointer; } }
            @media screen and (max-width: 768px) {
              .gallery-v01-2020 .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumb-navigation .cta-sound {
                font-size: 30px; } }
    .gallery-v01-2020 .gallery-wrapper .text-box {
      flex-basis: 50%;
      min-width: 50%;
      padding-right: 15px; }
      @media screen and (max-width: 1023px) {
        .gallery-v01-2020 .gallery-wrapper .text-box {
          margin-top: 55px; } }
      .gallery-v01-2020 .gallery-wrapper .text-box .title {
        font-family: 'Abarth_heavy';
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 0; }
        @media screen and (max-width: 1023px) {
          .gallery-v01-2020 .gallery-wrapper .text-box .title {
            font-size: 40px;
            line-height: 40px; } }
      .gallery-v01-2020 .gallery-wrapper .text-box .common_line {
        height: 2px;
        margin-top: 10px; }
      .gallery-v01-2020 .gallery-wrapper .text-box .description {
        font-family: 'Abarth_Light';
        font-size: 18px;
        line-height: 26px;
        padding-left: 75px;
        padding-right: 15px;
        margin-bottom: 0;
        margin-top: 15px; }
        @media screen and (max-width: 1023px) {
          .gallery-v01-2020 .gallery-wrapper .text-box .description {
            padding-left: 0;
            padding-right: 0; } }
      .gallery-v01-2020 .gallery-wrapper .text-box a.button.cta {
        margin-left: 75px;
        margin-top: 40px;
        font-size: 14px;
        line-height: 1;
        padding: 15px 50px;
        min-width: 200px; }
        @media screen and (max-width: 1023px) {
          .gallery-v01-2020 .gallery-wrapper .text-box a.button.cta {
            margin-left: auto; } }
  .gallery-v01-2020 .box-equalizer {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0; }
    .gallery-v01-2020 .box-equalizer .link-close {
      cursor: pointer;
      position: absolute;
      right: 8%;
      top: 10%; }
      @media screen and (max-width: 768px) {
        .gallery-v01-2020 .box-equalizer .link-close {
          top: 5%;
          z-index: 999; } }
      .gallery-v01-2020 .box-equalizer .link-close .sound-close {
        color: #fff;
        position: absolute;
        font-size: 1em;
        cursor: pointer;
        z-index: 15;
        text-transform: uppercase;
        color: transparent;
        width: 100%;
        height: 100%; }
      .gallery-v01-2020 .box-equalizer .link-close .ab-icon-close {
        font-size: 1.5em;
        cursor: pointer;
        z-index: 15;
        color: #fff; }
    .gallery-v01-2020 .box-equalizer .equalizer {
      height: auto;
      display: block;
      position: relative;
      margin-top: 5%;
      margin-right: 5%;
      z-index: 1; }
      .gallery-v01-2020 .box-equalizer .equalizer img {
        display: block;
        margin: 0 auto;
        padding: 10% 5% 20% 5%; }
    .gallery-v01-2020 .box-equalizer .name-sound {
      color: #fff;
      position: absolute;
      left: 4%;
      bottom: 12%;
      font-size: .75em;
      cursor: pointer;
      z-index: 15;
      padding: 10px;
      text-transform: uppercase; }

/*ABARTH REVAMP*/
.newAbarth23 .gallery-v01-2020 {
  padding: 110px 10%;
  /*color editorial classes*/
  /*position editorial class*/ }
  @media (max-width: 768px) {
    .newAbarth23 .gallery-v01-2020 {
      padding: 60px 20px; } }
  @media (max-width: 992px) {
    .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box {
      width: 80%; } }
  @media (max-width: 768px) {
    .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box {
      width: 100%; } }
  .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .title {
    font-size: 55px;
    line-height: 68px;
    text-transform: uppercase;
    letter-spacing: 0em;
    font-family: 'Abarth_heavy'; }
    @media (max-width: 1500px) {
      .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .title {
        font-size: 40px;
        line-height: 44px; } }
    @media (max-width: 992px) {
      .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .title {
        font-size: 32px;
        line-height: 38px; } }
    .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .title b {
      color: transparent;
      -webkit-text-stroke-width: 2px;
      -webkit-text-stroke-color: #ffffff;
      display: inline-block;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      @media (max-width: 768px) {
        .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .title b {
          -webkit-text-stroke-width: 1px; } }
      .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .title b .textBorder {
        box-shadow: 0px 0px 12px #DAEF33;
        height: 4px;
        width: auto;
        position: relative;
        background-color: #FFD500;
        top: -5px;
        margin: 0;
        border: 0; }
        @media (max-width: 768px) {
          .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .title b .textBorder {
            display: none; } }
  .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .common_line {
    display: none; }
  .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .description {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0em;
    font-family: 'Abarth_Light'; }
    @media (max-width: 768px) {
      .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .description {
        font-size: 16px;
        line-height: 24px; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .description {
        padding-left: 0; } }
  .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .button.cta {
    padding: 15px 55px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Abarth_Medium';
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    @media (max-width: 768px) {
      .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .button.cta {
        padding: 10px 36px;
        margin: 30px 0 0; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .newAbarth23 .gallery-v01-2020 .gallery-wrapper .text-box .button.cta {
        margin-left: 0; } }
  @media (max-width: 768px) {
    .newAbarth23 .gallery-v01-2020 .gallery-box .upper-strip {
      padding: 0 0 20px; } }
  @media (max-width: 768px) {
    .newAbarth23 .gallery-v01-2020 .gallery-box .upper-strip .left-block {
      display: flex;
      justify-content: center; } }
  @media (max-width: 768px) {
    .newAbarth23 .gallery-v01-2020 .gallery-box .upper-strip .left-block .img-breakpoint {
      width: 80%; } }
  .newAbarth23 .gallery-v01-2020.newAbarth_bg-lightBlue {
    background-color: #4D9FE4;
    color: #111111; }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-lightBlue .gallery-wrapper .text-box .title {
      color: #111111; }
      .newAbarth23 .gallery-v01-2020.newAbarth_bg-lightBlue .gallery-wrapper .text-box .title b {
        color: transparent;
        -webkit-text-stroke-color: #111111; }
        @media (max-width: 768px) {
          .newAbarth23 .gallery-v01-2020.newAbarth_bg-lightBlue .gallery-wrapper .text-box .title b {
            border-bottom: 3px solid #DAEF33;
            display: inline; } }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-lightBlue .gallery-wrapper .text-box .description {
      color: #111111; }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-lightBlue .gallery-wrapper .text-box .button.cta {
      background-color: #111111;
      color: #ffffff;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6); }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-lightBlue .gallery-box .upper-strip .right-block .link-sound {
      color: #111111; }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-lightBlue .gallery-box .gallery-strip .thumbs-container .thumbs-strip .thumb-images .thumb-image.active {
      opacity: 1; }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-lightBlue .gallery-box .gallery-strip .thumbs-container .thumbs-strip .thumb-images .thumb-image .active-thumb {
      height: 4px;
      background-color: #DAEF33;
      box-shadow: 0px 0px 12px #DAEF33; }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-lightBlue .gallery-box .gallery-strip .thumbs-container .thumb-navigation {
      color: #DAEF33; }
      @media (max-width: 768px) {
        .newAbarth23 .gallery-v01-2020.newAbarth_bg-lightBlue .gallery-box .gallery-strip .thumbs-container .thumb-navigation .cta-sound {
          color: #111111;
          font-size: 40px; } }
  .newAbarth23 .gallery-v01-2020.newAbarth_bg-black {
    background-color: #111111;
    color: #ffffff; }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-black .gallery-wrapper .text-box .title {
      color: #ffffff; }
      .newAbarth23 .gallery-v01-2020.newAbarth_bg-black .gallery-wrapper .text-box .title b {
        color: transparent;
        -webkit-text-stroke-color: #ffffff; }
        @media (max-width: 768px) {
          .newAbarth23 .gallery-v01-2020.newAbarth_bg-black .gallery-wrapper .text-box .title b {
            border-bottom: 3px solid #FFD500;
            display: inline; } }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-black .gallery-wrapper .text-box .description {
      color: #ffffff; }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-black .gallery-wrapper .text-box .button.cta {
      background-color: #e72020;
      color: #ffffff;
      box-shadow: 0px 0px 15px rgba(226, 0, 26, 0.8); }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-black .gallery-box .upper-strip .right-block .link-sound {
      color: #FFD500; }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-black .gallery-box .gallery-strip .thumbs-container .thumbs-strip .thumb-images .thumb-image.active {
      opacity: 1; }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-black .gallery-box .gallery-strip .thumbs-container .thumbs-strip .thumb-images .thumb-image .active-thumb {
      height: 4px;
      background-color: #e72020;
      box-shadow: 0px 0px 12px rgba(226, 0, 26, 0.8); }
    .newAbarth23 .gallery-v01-2020.newAbarth_bg-black .gallery-box .gallery-strip .thumbs-container .thumb-navigation {
      color: #e72020; }
      @media (max-width: 768px) {
        .newAbarth23 .gallery-v01-2020.newAbarth_bg-black .gallery-box .gallery-strip .thumbs-container .thumb-navigation .cta-sound {
          color: #FFD500;
          font-size: 40px; } }
  .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper {
    display: flex;
    flex-direction: column; }
    .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .gallery-box {
      width: 100%;
      max-width: inherit;
      order: 2; }
      .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .gallery-box .upper-strip {
        display: flex;
        justify-content: flex-start; }
      .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .gallery-box .gallery-strip {
        margin: 40px 0 0; }
        @media (max-width: 768px) {
          .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .gallery-box .gallery-strip {
            margin: 10px 0 0; } }
        .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .gallery-box .gallery-strip .gallery-container .gallery-images .gallery-image {
          height: inherit !important; }
          .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .gallery-box .gallery-strip .gallery-container .gallery-images .gallery-image .img-breakpoint {
            width: 100%; }
        .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .gallery-box .gallery-strip .thumbs-container {
          display: flex;
          justify-content: space-between; }
          .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumbs-strip {
            flex-basis: auto;
            margin: 0; }
            .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumbs-strip .thumbs-strip {
              margin: 0; }
              .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumbs-strip .thumbs-strip .thumb-images .thumb-image {
                flex-basis: inherit;
                min-width: auto; }
          .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumb-navigation {
            flex-basis: auto;
            padding: 0; }
            .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .gallery-box .gallery-strip .thumbs-container .thumb-navigation .arrows:first-child {
              margin-right: 30px; }
    .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .text-box {
      width: 100%;
      order: 1;
      margin: 0 0 50px;
      padding: 0; }
      .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .text-box .description {
        padding: 0;
        font-size: 32px;
        line-height: 41px;
        letter-spacing: 0em;
        font-family: 'Abarth_Medium';
        margin-top: 30px; }
        @media (max-width: 768px) {
          .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .text-box .description {
            font-size: 18px;
            line-height: 24px; } }
      .newAbarth23 .gallery-v01-2020.newAbarth_bigSlider .gallery-wrapper .text-box .button.cta {
        margin: 30px 0 0; }

.toolbar-v01-2020 {
  background-color: #000000;
  padding-left: 20px;
  padding-right: 20px;
  position: fixed;
  bottom: 0;
  z-index: 33;
  width: 100%;
  opacity: 0;
  transition: opacity .3s ease-in-out; }
  @media screen and (max-width: 1023px) {
    .toolbar-v01-2020 {
      padding-left: 0;
      padding-right: 0; } }
  .toolbar-v01-2020.active {
    opacity: 1; }
  .toolbar-v01-2020 .toolbar-links {
    background-color: #292929;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    max-width: 1440px; }
    .toolbar-v01-2020 .toolbar-links .toolbar-link {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      flex-basis: 100%;
      text-transform: uppercase; }
      .toolbar-v01-2020 .toolbar-links .toolbar-link:not(:last-child) {
        border-right: 1px solid #565656; }
      @media screen and (max-width: 1023px) {
        .toolbar-v01-2020 .toolbar-links .toolbar-link {
          display: block;
          text-align: center;
          height: auto;
          padding-top: 8px;
          padding-bottom: 8px; } }
      .toolbar-v01-2020 .toolbar-links .toolbar-link a.cta-toolbar {
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 22px;
        font-family: 'Abarth_Light';
        flex-shrink: 0; }
        @media screen and (max-width: 1023px) {
          .toolbar-v01-2020 .toolbar-links .toolbar-link a.cta-toolbar {
            display: block;
            margin-left: auto;
            font-size: 10px;
            line-height: 12px; } }
        .toolbar-v01-2020 .toolbar-links .toolbar-link a.cta-toolbar > span {
          display: block; }
          .toolbar-v01-2020 .toolbar-links .toolbar-link a.cta-toolbar > span.icon {
            font-size: 25px; }
          .toolbar-v01-2020 .toolbar-links .toolbar-link a.cta-toolbar > span.text {
            padding-left: 15px; }
            @media screen and (max-width: 1023px) {
              .toolbar-v01-2020 .toolbar-links .toolbar-link a.cta-toolbar > span.text {
                display: none; } }
          @media screen and (min-width: 1024px) {
            .toolbar-v01-2020 .toolbar-links .toolbar-link a.cta-toolbar > span.text-mob {
              display: none; } }

.tabs-v01-2020 {
  background-color: #161616;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 70px; }
  @media screen and (max-width: 1023px) {
    .tabs-v01-2020 {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 20px; } }
  .tabs-v01-2020 .tabs-wrapper {
    margin: auto;
    max-width: 1440px; }
    .tabs-v01-2020 .tabs-wrapper .tabs-links-container {
      position: relative;
      overflow: hidden;
      margin: auto;
      width: 100%;
      height: 100%; }
      .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links-container-border {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1.1px;
        background-color: #565656;
        width: 100%;
        z-index: 0; }
      .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        transition-property: transform;
        transition-duration: .5s;
        transition-timing-function: ease-out;
        transform: translate(0, 0); }
        .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links.hide {
          display: none; }
        @media screen and (max-width: 1023px) {
          .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links {
            justify-content: flex-start; } }
        .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links .tabs-link {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          min-width: 25%;
          padding: 0;
          margin: 0;
          transform: translate(0, 0);
          height: 45px;
          cursor: pointer; }
          @media screen and (max-width: 1023px) {
            .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links .tabs-link {
              flex-basis: 50%;
              flex-shrink: 0; } }
          @media screen and (max-width: 399px) {
            .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links .tabs-link {
              flex-basis: 65%; } }
          .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links .tabs-link .a-link {
            text-decoration: none;
            color: #FFFFFF;
            font-size: 18px;
            line-height: 21px;
            font-family: 'Abarth_heavy';
            text-align: center; }
          .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links .tabs-link .active-tab {
            position: absolute;
            bottom: 1px;
            left: 20%;
            width: 60%;
            height: 3px;
            background-color: #E30B09;
            opacity: 0;
            transition: opacity .2s ease-in; }
          .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links .tabs-link.active .active-tab {
            opacity: 1; }
    .tabs-v01-2020 .tabs-wrapper .tabs-container {
      position: absolute;
      z-index: -1;
      opacity: 0;
      transition: opacity .2s ease-in; }
      @media screen and (max-width: 1023px) {
        .tabs-v01-2020 .tabs-wrapper .tabs-container {
          position: static;
          height: 0; } }
      .tabs-v01-2020 .tabs-wrapper .tabs-container.active {
        position: static;
        opacity: 1;
        height: initial; }
        .tabs-v01-2020 .tabs-wrapper .tabs-container.active .sub-tabs-links-container .sub-tabs-links {
          opacity: 1; }
      .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container {
        position: relative;
        overflow: hidden;
        margin: auto;
        width: 100%;
        height: 100%; }
        .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
          margin: 0;
          transition-property: transform, opacity;
          transition-duration: .5s;
          transition-timing-function: ease-out;
          transform: translate(0, 0);
          opacity: 0; }
          @media screen and (max-width: 1023px) {
            .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links {
              justify-content: flex-start;
              align-items: flex-start; } }
          .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link {
            height: 55px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            background-color: rgba(86, 86, 86, 0.3);
            width: 100%;
            cursor: pointer;
            opacity: .6;
            outline-offset: -3px; }
            .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link:not(:last-child) {
              border-right: 1px solid #565656; }
            @media screen and (max-width: 1023px) {
              .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link {
                display: block;
                height: auto;
                min-width: 80%;
                padding-left: 5%;
                padding-right: 5%;
                margin-top: 25px;
                background-color: #161616; }
                .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link:not(:last-child) {
                  border-right: none; }
                .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link .tab-content {
                  display: block;
                  padding-top: 15px; }
                  .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link .tab-content .text-box {
                    padding-left: 0;
                    margin-top: 15px; }
                    .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link .tab-content .text-box .title {
                      font-size: 24px;
                      line-height: 30px; }
                    .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link .tab-content .text-box .description {
                      padding-left: 0; } }
            .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link .a-link {
              text-decoration: none;
              color: #e2e2e2;
              font-size: 16px;
              line-height: 19px;
              font-family: 'Abarth_Medium';
              letter-spacing: 3px;
              text-align: center; }
              @media screen and (max-width: 1023px) {
                .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link .a-link {
                  text-align: left; } }
            .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link.active {
              background-color: #161616;
              border-right: none;
              opacity: 1; }
              .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link.active .a-link {
                color: #FFFFFF; }
      .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content {
        padding-top: 45px;
        display: none; }
        .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content.active {
          display: flex; }
          @media screen and (max-width: 1023px) {
            .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content.active {
              display: none; } }
        .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .image-box,
        .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box {
          flex-basis: 50%;
          flex-shrink: 0; }
        .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box {
          padding-left: 50px;
          color: #F0F0F0; }
          .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box .title {
            font-family: 'Abarth_heavy';
            font-size: 40px;
            line-height: 40px;
            margin-bottom: 0; }
          .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box .common_line {
            height: 2px;
            margin-top: 10px; }
          .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box .description {
            font-family: 'Abarth_Light';
            font-size: 18px;
            line-height: 26px;
            margin-bottom: 0;
            padding-left: 75px;
            margin-top: 15px; }
          .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box .cta {
            display: inline-block;
            margin-left: 75px;
            margin-top: 10px; }
            @media screen and (max-width: 1023px) {
              .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box .cta {
                margin-left: 0;
                line-height: 16px;
                font-size: 16px;
                padding-top: 13px;
                padding-bottom: 11px; } }

/*ABARTH REVAMP*/
.newAbarth23 .tabs-v01-2020 {
  padding-top: 100px;
  padding-bottom: 100px;
  /*Editorial classes*/ }
  @media (max-width: 768px) {
    .newAbarth23 .tabs-v01-2020 {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links-container-border {
    display: none; }
  .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links {
    display: flex;
    justify-content: flex-start; }
    .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links .tabs-link {
      justify-content: center;
      margin: 0 20px 0 0; }
      @media (max-width: 992px) {
        .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links .tabs-link {
          justify-content: flex-start; } }
      @media (max-width: 768px) {
        .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links .tabs-link {
          border: 0 !important;
          box-shadow: none !important; } }
      .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links .tabs-link .a-link {
        font-size: 25px;
        line-height: 20px;
        text-transform: uppercase;
        font-family: 'Abarth_heavy'; }
        @media (max-width: 992px) {
          .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links .tabs-link .a-link {
            font-size: 24px;
            line-height: 20px;
            letter-spacing: 0px; } }
      .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-links-container .tabs-links .tabs-link .active-tab {
        width: 100%;
        left: 0;
        height: 4px;
        bottom: 5px; }
  .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container {
    margin-top: 10px; }
    .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links {
      margin: 25px 0 0; }
      @media (max-width: 992px) {
        .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links {
          margin: 5px 0 0; } }
      .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        font-family: 'Abarth_Medium';
        background-color: #222222;
        border: none;
        border-radius: 10px;
        margin: 0 8px;
        color: #8A8A8A; }
        @media (max-width: 992px) {
          .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link {
            opacity: 0.8;
            margin: 0; } }
        .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link.active {
          background: transparent;
          border-radius: 10px;
          margin: 0 10px;
          color: #ffffff; }
          @media (max-width: 992px) {
            .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link.active {
              border: 0;
              box-shadow: none;
              padding: 0;
              opacity: 1; } }
  .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .image-box {
    flex-basis: 45%; }
    .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .image-box .img-breakpoint {
      width: 100%; }
  .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box {
    flex-basis: 48%;
    padding-left: 90px; }
    @media (max-width: 992px) {
      .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box {
        margin-top: 30px; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box {
        flex-basis: 50%;
        padding-left: 25px; } }
    .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box .title {
      font-size: 40px;
      line-height: 47px;
      text-transform: uppercase;
      font-family: 'Abarth_heavy'; }
      @media (max-width: 768px) {
        .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box .title {
          font-size: 24px;
          line-height: 28px;
          letter-spacing: 0.03em; } }
    .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box .common_line {
      display: none; }
    .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box .description {
      padding: 0;
      font-size: 18px;
      line-height: 26px;
      font-family: 'Abarth_Light'; }
      @media (max-width: 992px) {
        .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box .description {
          font-size: 16px;
          line-height: 24px;
          letter-spacing: 0;
          text-transform: initial;
          width: 80%; } }
      @media (max-width: 768px) {
        .newAbarth23 .tabs-v01-2020 .tabs-wrapper .tabs-container .tab-content .text-box .description {
          width: 100%; } }
  .newAbarth23 .tabs-v01-2020.newAbarth_bg-black {
    background-color: #111111;
    color: #ffffff; }
    .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-links-container .tabs-links .tabs-link .a-link {
      color: #ffffff; }
    .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-links-container .tabs-links .tabs-link.active .a-link {
      color: #FFD500 !important; }
      @media (max-width: 992px) {
        .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-links-container .tabs-links .tabs-link.active .a-link {
          border-bottom: 3px solid #FFD500; } }
    .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-links-container .tabs-links .tabs-link .active-tab {
      background-color: #FFD500;
      box-shadow: 0px 0px 12px #FFD500; }
      @media (max-width: 992px) {
        .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-links-container .tabs-links .tabs-link .active-tab {
          display: none; } }
    .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link {
      background-color: #222222;
      opacity: 1; }
      @media (max-width: 992px) {
        .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link {
          background-color: transparent;
          opacity: 0.5; } }
      .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link .a-link {
        color: #8A8A8A; }
      .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link.active {
        background: transparent;
        border: 3px solid #e72020;
        box-shadow: 0px 0px 15px rgba(226, 0, 26, 0.8); }
        @media (max-width: 992px) {
          .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link.active {
            border: 0;
            box-shadow: none;
            opacity: 1; } }
        .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link.active .a-link {
          color: #ffffff; }
    .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-container .tab-content .text-box .title {
      color: transparent;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #FFD500; }
    .newAbarth23 .tabs-v01-2020.newAbarth_bg-black .tabs-wrapper .tabs-container .tab-content .text-box .description {
      color: #ffffff; }
  .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue {
    background-color: #4D9FE4;
    color: #111111; }
    .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-links-container .tabs-links .tabs-link .a-link {
      color: #111111; }
    .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-links-container .tabs-links .tabs-link.active .a-link {
      color: #111111; }
      @media (max-width: 992px) {
        .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-links-container .tabs-links .tabs-link.active .a-link {
          border-bottom: 3px solid #DAEF33; } }
    .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-links-container .tabs-links .tabs-link .active-tab {
      background-color: #DAEF33;
      box-shadow: 0px 0px 12px #DAEF33; }
      @media (max-width: 992px) {
        .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-links-container .tabs-links .tabs-link .active-tab {
          display: none; } }
    .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link {
      background-color: #3C81BB;
      opacity: 1; }
      @media (max-width: 992px) {
        .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link {
          background-color: transparent;
          opacity: 0.5; } }
      .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link .a-link {
        color: #ffffff; }
      .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link.active {
        background: transparent;
        border: 3px solid #DAEF33;
        box-shadow: 0px 0px 15px #DAEF33; }
        @media (max-width: 992px) {
          .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link.active {
            border: 0;
            box-shadow: none;
            opacity: 1; } }
        .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-container .sub-tabs-links-container .sub-tabs-links .tabs-link.active .a-link {
          color: #111111; }
    .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-container .tab-content .text-box .title {
      color: #111111; }
    .newAbarth23 .tabs-v01-2020.newAbarth_bg-lightBlue .tabs-wrapper .tabs-container .tab-content .text-box .description {
      color: #111111; }

.cols-info-v01-2020 {
  background-color: #000000;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 100px;
  padding-bottom: 50px; }
  @media screen and (max-width: 1023px) {
    .cols-info-v01-2020 {
      padding-top: 50px;
      padding-bottom: 25px; } }
  .cols-info-v01-2020 .cols-info-container {
    margin: auto;
    max-width: 1440px; }
    .cols-info-v01-2020 .cols-info-container .text-box .title {
      font-family: 'Abarth_heavy';
      font-size: 40px;
      line-height: 40px;
      margin-bottom: 0;
      color: #F0F0F0; }
      @media screen and (max-width: 1023px) {
        .cols-info-v01-2020 .cols-info-container .text-box .title {
          font-size: 24px;
          line-height: 24px; } }
    .cols-info-v01-2020 .cols-info-container .text-box .common_line {
      height: 2px;
      margin-top: 10px;
      margin-bottom: 50px; }
      @media screen and (max-width: 1023px) {
        .cols-info-v01-2020 .cols-info-container .text-box .common_line {
          margin-bottom: 25px; } }
    .cols-info-v01-2020 .cols-info-container .info-boxes {
      display: flex;
      justify-content: center;
      color: #FFFFFF; }
      @media screen and (max-width: 1023px) {
        .cols-info-v01-2020 .cols-info-container .info-boxes {
          display: block; } }
      .cols-info-v01-2020 .cols-info-container .info-boxes .info-box {
        flex-basis: 33.333%; }
        .cols-info-v01-2020 .cols-info-container .info-boxes .info-box:not(:first-child) {
          padding-left: 30px; }
          @media screen and (max-width: 1023px) {
            .cols-info-v01-2020 .cols-info-container .info-boxes .info-box:not(:first-child) {
              padding-left: 0; } }
        .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-title {
          padding-bottom: 15px;
          margin-bottom: 15px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.28); }
          .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-title .title {
            font-family: 'Abarth_heavy';
            font-size: 18px;
            line-height: 21px;
            margin-bottom: 0;
            text-transform: uppercase; }
            @media screen and (max-width: 1023px) {
              .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-title .title {
                display: flex;
                justify-content: space-between;
                font-size: 16px;
                line-height: 19px; } }
          @media screen and (max-width: 1023px) {
            .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-title.cta-info-description-container {
              cursor: pointer; } }
          .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-title.cta-info-description-container.active {
            border-bottom: none; }
            .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-title.cta-info-description-container.active .down {
              transform: rotate(90deg); }
          .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-title.cta-info-description-container .down {
            display: none;
            transform: rotate(-90deg);
            color: #E30B09;
            font-size: 19px;
            font-weight: bold;
            transition: all .3s ease-in-out; }
            @media screen and (max-width: 1023px) {
              .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-title.cta-info-description-container .down {
                display: inline-block; } }
        @media screen and (max-width: 1023px) {
          .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container {
            display: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.28);
            margin-bottom: 20px; } }
        .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container.active {
          display: block; }
        .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .info-description {
          opacity: 0;
          transition: opacity .3s ease-in-out; }
          .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .info-description.info-description-visible {
            opacity: 1; }
          .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .info-description:not(:last-child) {
            margin-bottom: 30px; }
          .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .info-description .info-description-more {
            position: absolute;
            z-index: -1;
            opacity: 0;
            transition: opacity .3s ease-in-out; }
            @media screen and (max-width: 1023px) {
              .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .info-description .info-description-more {
                position: static; } }
            .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .info-description .info-description-more.active {
              position: static;
              opacity: 1; }
          .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .info-description .title {
            font-family: 'Abarth_heavy';
            font-size: 18px;
            line-height: 21px;
            margin-bottom: 0;
            padding-bottom: 5px; }
          .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .info-description .text {
            font-family: 'Abarth_Light';
            font-size: 16px;
            line-height: 19px;
            margin-bottom: 0;
            padding-bottom: 15px; }
            .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .info-description .text span.title {
              display: block; }
            .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .info-description .text span.description {
              display: block; }
    .cols-info-v01-2020 .cols-info-container .more {
      color: #FFFFFF; }
      .cols-info-v01-2020 .cols-info-container .more.active {
        margin-top: 30px; }
      @media screen and (max-width: 1023px) {
        .cols-info-v01-2020 .cols-info-container .more {
          display: none; } }
      .cols-info-v01-2020 .cols-info-container .more .discover {
        justify-content: center;
        padding-bottom: 30px;
        display: none; }
        .cols-info-v01-2020 .cols-info-container .more .discover.active {
          display: flex; }
        .cols-info-v01-2020 .cols-info-container .more .discover > div {
          text-align: left;
          flex-basis: 33.333%; }
          .cols-info-v01-2020 .cols-info-container .more .discover > div:not(:first-child) {
            padding-left: 30px; }
      .cols-info-v01-2020 .cols-info-container .more .cta-group .cta {
        font-family: 'Abarth_Medium';
        padding: 15px 25px;
        font-size: 14px;
        line-height: 1;
        min-width: 200px;
        cursor: pointer; }
        .cols-info-v01-2020 .cols-info-container .more .cta-group .cta > span {
          display: none; }
          .cols-info-v01-2020 .cols-info-container .more .cta-group .cta > span.active {
            display: block; }

/*ABARTH REVAMP*/
.newAbarth23 .cols-info-v01-2020 {
  padding: 100px 10%;
  /*editorial classes*/ }
  @media (max-width: 768px) {
    .newAbarth23 .cols-info-v01-2020 {
      padding: 50px 20px; } }
  .newAbarth23 .cols-info-v01-2020 .cols-info-container .text-box {
    margin: 0 0 45px; }
    .newAbarth23 .cols-info-v01-2020 .cols-info-container .text-box .title {
      font-size: 40px;
      line-height: 40px;
      letter-spacing: 0em;
      font-family: 'Abarth_heavy';
      text-transform: uppercase; }
      @media (max-width: 1500px) {
        .newAbarth23 .cols-info-v01-2020 .cols-info-container .text-box .title {
          font-size: 40px;
          line-height: 44px; } }
      @media (max-width: 992px) {
        .newAbarth23 .cols-info-v01-2020 .cols-info-container .text-box .title {
          font-size: 32px;
          line-height: 38px; } }
    .newAbarth23 .cols-info-v01-2020 .cols-info-container .text-box .common_line {
      display: none; }
  .newAbarth23 .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-title {
    padding-bottom: 10px; }
    .newAbarth23 .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-title .title {
      font-size: 25px;
      line-height: 25px;
      letter-spacing: 0em;
      font-family: 'Abarth_heavy';
      text-transform: uppercase; }
      @media (max-width: 768px) {
        .newAbarth23 .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-title .title {
          font-size: 22px;
          line-height: 24px; } }
  .newAbarth23 .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .title {
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase; }
  .newAbarth23 .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .text .title {
    font-size: 18px;
    line-height: 18px; }
  .newAbarth23 .cols-info-v01-2020 .cols-info-container .info-boxes .info-box .info-description-container .text .description {
    font-size: 16px;
    line-height: 16px;
    font-family: 'Abarth_Light'; }
  .newAbarth23 .cols-info-v01-2020 .cols-info-container .more .cta-group {
    margin: 30px 0 0; }
    .newAbarth23 .cols-info-v01-2020 .cols-info-container .more .cta-group .button.cta {
      padding: 15px 55px;
      border-radius: 5px;
      font-size: 16px;
      line-height: 19px;
      font-family: 'Abarth_Medium';
      text-transform: uppercase;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      @media (max-width: 768px) {
        .newAbarth23 .cols-info-v01-2020 .cols-info-container .more .cta-group .button.cta {
          padding: 10px 36px; } }
  .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue {
    background-color: #4D9FE4; }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue .cols-info-container .text-box .title {
      color: #111111; }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue .cols-info-container .info-boxes .info-box .info-title {
      border-bottom: 2px solid #DAEF33; }
      .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue .cols-info-container .info-boxes .info-box .info-title.active {
        border-bottom: none; }
      .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue .cols-info-container .info-boxes .info-box .info-title.cta-info-description-container .down {
        color: #DAEF33; }
      .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue .cols-info-container .info-boxes .info-box .info-title .title {
        color: #111111; }
    @media (max-width: 992px) {
      .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue .cols-info-container .info-boxes .info-box .info-description-container {
        border-bottom: 2px solid #DAEF33; } }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue .cols-info-container .info-boxes .info-box .info-description-container .title {
      color: #111111; }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue .cols-info-container .info-boxes .info-box .info-description-container .text .title {
      color: #111111; }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue .cols-info-container .info-boxes .info-box .info-description-container .text .description {
      color: #111111; }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue .cols-info-container .more .discover {
      color: #111111; }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue .cols-info-container .more .cta-group {
      background-color: transparent; }
      .newAbarth23 .cols-info-v01-2020.newAbarth_bg-lightBlue .cols-info-container .more .cta-group .button.cta {
        background-color: #DAEF33;
        color: #111111;
        box-shadow: 0px 0px 15px #DAEF33; }
  .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black {
    background-color: #111111; }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black .cols-info-container .text-box .title {
      color: #ffffff; }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black .cols-info-container .info-boxes .info-box .info-title {
      border-bottom: 2px solid #e72020; }
      .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black .cols-info-container .info-boxes .info-box .info-title.active {
        border-bottom: none; }
      .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black .cols-info-container .info-boxes .info-box .info-title.cta-info-description-container .down {
        color: #e72020; }
      .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black .cols-info-container .info-boxes .info-box .info-title .title {
        color: #ffffff; }
    @media (max-width: 992px) {
      .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black .cols-info-container .info-boxes .info-box .info-description-container {
        border-bottom: 2px solid #e72020; } }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black .cols-info-container .info-boxes .info-box .info-description-container .title {
      color: #ffffff; }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black .cols-info-container .info-boxes .info-box .info-description-container .text .title {
      color: #ffffff; }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black .cols-info-container .info-boxes .info-box .info-description-container .text .description {
      color: #ffffff; }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black .cols-info-container .more .discover {
      color: #ffffff; }
    .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black .cols-info-container .more .cta-group {
      background-color: transparent; }
      .newAbarth23 .cols-info-v01-2020.newAbarth_bg-black .cols-info-container .more .cta-group .button.cta {
        background-color: #e72020;
        color: #ffffff;
        box-shadow: 0px 0px 15px rgba(226, 0, 26, 0.8); }

.editorial-box-v01-2020-background-color {
  background-color: #000000; }

.editorial-box-v01-2020.editorial-box {
  background-color: #000000;
  padding-left: 0;
  padding-right: 0;
  padding-top: 45px;
  padding-bottom: 70px;
  margin: auto;
  max-width: 1440px; }
  @media screen and (max-width: 1023px) {
    .editorial-box-v01-2020.editorial-box {
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 50px; } }
  .editorial-box-v01-2020.editorial-box .img-breakpoint {
    margin-left: 30%;
    text-align: right;
    max-width: 70%; }
    @media screen and (max-width: 1023px) {
      .editorial-box-v01-2020.editorial-box .img-breakpoint {
        margin-left: 0;
        float: none;
        max-width: none; } }
  .editorial-box-v01-2020.editorial-box.cover-left > img {
    min-height: auto;
    width: auto; }
    @media screen and (max-width: 1023px) {
      .editorial-box-v01-2020.editorial-box.cover-left > img {
        transform: none;
        position: static;
        top: unset;
        left: unset;
        width: 100%; } }
  .editorial-box-v01-2020.editorial-box.cover-left .text {
    position: absolute;
    left: 10%;
    top: calc(50% - 12.5px);
    bottom: unset;
    transform: translateY(-50%);
    width: 500px;
    background-color: #161616;
    padding: 40px 30px; }
    @media screen and (max-width: 1023px) {
      .editorial-box-v01-2020.editorial-box.cover-left .text {
        position: static;
        transform: translateY(0);
        background-color: transparent;
        width: 100%;
        padding-bottom: 0; } }
    .editorial-box-v01-2020.editorial-box.cover-left .text .subtitle {
      margin-top: 0; }
    .editorial-box-v01-2020.editorial-box.cover-left .text .title {
      font-size: 40px;
      line-height: 40px;
      margin-bottom: 0;
      color: #F0F0F0; }
      @media screen and (max-width: 1023px) {
        .editorial-box-v01-2020.editorial-box.cover-left .text .title {
          color: #F0F0F0 !important; } }
    .editorial-box-v01-2020.editorial-box.cover-left .text .common_line {
      height: 2px;
      margin-top: 10px; }
    .editorial-box-v01-2020.editorial-box.cover-left .text > p {
      font-size: 18px;
      line-height: 26px;
      color: #FFFFFF;
      margin-bottom: 0;
      padding-left: 75px; }
      @media screen and (max-width: 1023px) {
        .editorial-box-v01-2020.editorial-box.cover-left .text > p {
          padding-left: 0; } }

.gallery-simple-v01-2020 {
  background-color: #000000;
  color: #FFFFFF;
  padding-bottom: 55px; }
  @media screen and (max-width: 1440px) {
    .gallery-simple-v01-2020 {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (max-width: 1023px) {
    .gallery-simple-v01-2020 {
      padding-bottom: 30px; } }
  .gallery-simple-v01-2020 .gallery-simple-box {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    height: 100%; }
    .gallery-simple-v01-2020 .gallery-simple-box .gallery-simple-images {
      display: flex;
      padding: 0;
      margin: 0;
      transition-property: transform;
      transition-duration: .5s;
      transition-timing-function: ease-out;
      transform: translate(0, 0); }
      .gallery-simple-v01-2020 .gallery-simple-box .gallery-simple-images .gallery-simple-image {
        flex-basis: 100%;
        min-width: 100%;
        padding: 0;
        margin: 0;
        transform: translate(0, 0); }
        .gallery-simple-v01-2020 .gallery-simple-box .gallery-simple-images .gallery-simple-image img {
          margin: 0 auto;
          display: block;
          width: 100%;
          max-width: 1920px; }
    .gallery-simple-v01-2020 .gallery-simple-box .navigation-bar {
      position: absolute;
      bottom: 20px;
      display: flex;
      left: 50%;
      transform: translateX(-50%); }
      .gallery-simple-v01-2020 .gallery-simple-box .navigation-bar .button-stripe {
        width: 5vw;
        min-width: 30px;
        height: 2px;
        background-color: #FFFFFF;
        transition: background-color .3s ease-in-out;
        cursor: pointer; }
        .gallery-simple-v01-2020 .gallery-simple-box .navigation-bar .button-stripe:not(:first-child) {
          margin-left: 1vw; }
        .gallery-simple-v01-2020 .gallery-simple-box .navigation-bar .button-stripe.active {
          background-color: #E30B09; }

/*ABARTH REVAMP*/
.newAbarth23 .gallery-simple-v01-2020 {
  background-color: #111111; }
  .newAbarth23 .gallery-simple-v01-2020 .gallery-simple-box .navigation-bar .button-stripe {
    width: 65px;
    height: 5px;
    background-color: #ffffff; }
    @media (max-width: 1200px) {
      .newAbarth23 .gallery-simple-v01-2020 .gallery-simple-box .navigation-bar .button-stripe {
        width: 40px;
        height: 4px; } }
    .newAbarth23 .gallery-simple-v01-2020 .gallery-simple-box .navigation-bar .button-stripe.active {
      width: 65px;
      height: 5px;
      background-color: #DAEF33;
      box-shadow: 0px 0px 12px #DAEF33; }
      @media (max-width: 1200px) {
        .newAbarth23 .gallery-simple-v01-2020 .gallery-simple-box .navigation-bar .button-stripe.active {
          width: 40px;
          height: 4px;
          background-color: #DAEF33;
          box-shadow: 0px 0px 12px #DAEF33; } }

.gallery-complex-v01-2020 {
  background-color: #161616;
  color: #FFFFFF;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 55px;
  padding-top: 15px; }
  @media screen and (max-width: 1440px) {
    .gallery-complex-v01-2020 {
      padding-bottom: 40px; } }
  @media screen and (max-width: 1023px) {
    .gallery-complex-v01-2020 {
      padding-top: 0; } }
  .gallery-complex-v01-2020 .gallery-complex-box {
    position: relative;
    margin: auto;
    width: 100%;
    height: 100%; }
    @media screen and (max-width: 1440px) {
      .gallery-complex-v01-2020 .gallery-complex-box {
        max-width: 1440px; } }
    .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper {
      position: relative; }
      .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper .gallery-complex-images {
        display: flex;
        padding: 0;
        margin: 0;
        transition-property: transform;
        transition-duration: .5s;
        transition-timing-function: ease-out;
        transform: translate(0, 0); }
        .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper .gallery-complex-images .gallery-complex-image {
          flex-basis: 20%;
          flex-shrink: 0;
          padding: 0;
          margin: 0;
          transform: translate(0, 0);
          transition: all .3s ease-in-out;
          padding-left: 10px;
          padding-right: 10px;
          padding-top: 14px; }
          @media screen and (max-width: 1023px) {
            .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper .gallery-complex-images .gallery-complex-image {
              flex-basis: 100%;
              min-width: 100%;
              padding-left: 0;
              padding-right: 0;
              padding-top: 0; } }
          .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper .gallery-complex-images .gallery-complex-image.active {
            flex-basis: 40%;
            padding-top: 0; }
            @media screen and (max-width: 1023px) {
              .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper .gallery-complex-images .gallery-complex-image.active {
                flex-basis: 100%;
                min-width: 100%; } }
          .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper .gallery-complex-images .gallery-complex-image img {
            width: 100%; }
      .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper .navigation-bar {
        display: none;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%); }
        .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper .navigation-bar .button-stripe {
          width: 5vw;
          height: 2px;
          min-width: 30px;
          background-color: #FFFFFF;
          transition: background-color .3s ease-in-out;
          cursor: pointer; }
          .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper .navigation-bar .button-stripe:not(:first-child) {
            margin-left: 1vw; }
          .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper .navigation-bar .button-stripe.active {
            background-color: #E30B09; }
        @media screen and (max-width: 1023px) {
          .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper .navigation-bar {
            display: flex; } }
    .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text {
      position: absolute;
      top: 0;
      right: 0;
      width: 49%; }
      @media all and (-ms-high-contrast: none) {
        .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text {
          width: 48%; } }
      @media screen and (max-width: 1023px) {
        .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text {
          position: static;
          width: 100%; } }
      .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .navigation {
        margin-top: 20px;
        margin-bottom: 30px;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
        -webkit-user-select: none; }
        @media screen and (max-width: 1023px) {
          .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .navigation {
            display: none; } }
        .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .navigation .nav-item {
          font-size: 40px;
          color: #E30B09;
          cursor: pointer; }
          .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .navigation .nav-item:not(:first-child) {
            margin-left: 50px; }
      .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box {
        display: none; }
        @media screen and (max-width: 1023px) {
          .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box {
            padding: 40px 30px 0 30px; } }
        .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box.active {
          display: block; }
        .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box .title {
          font-family: 'Abarth_heavy';
          font-size: 40px;
          line-height: 40px;
          margin-bottom: 0; }
        .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box .common_line {
          margin-top: 10px;
          height: 2px; }
        .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box .description {
          font-family: 'Abarth_Light';
          font-size: 18px;
          line-height: 26px;
          margin-bottom: 0;
          padding-left: 75px;
          margin-top: 15px; }
          @media screen and (max-width: 1023px) {
            .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box .description {
              padding-left: 0; } }

/*ABARTH REVAMP*/
.newAbarth23 .gallery-complex-v01-2020 {
  padding: 100px 0;
  /*editorial classes*/ }
  @media (max-width: 768px) {
    .newAbarth23 .gallery-complex-v01-2020 {
      padding: 30px 0; } }
  @media (max-width: 992px) {
    .newAbarth23 .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box {
      width: 80%; } }
  @media (max-width: 768px) {
    .newAbarth23 .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box {
      padding: 20px;
      width: 100%; } }
  .newAbarth23 .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box .title {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-family: 'Abarth_heavy'; }
    @media (max-width: 1500px) {
      .newAbarth23 .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box .title {
        font-size: 40px;
        line-height: 44px; } }
    @media (max-width: 992px) {
      .newAbarth23 .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box .title {
        font-size: 32px;
        line-height: 38px; } }
    .newAbarth23 .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box .title small {
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 25px;
      display: inline-block; }
      @media (max-width: 768px) {
        .newAbarth23 .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box .title small {
          font-size: 24px;
          line-height: 28px;
          margin-bottom: 15px; } }
  .newAbarth23 .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box .common_line {
    display: none; }
  .newAbarth23 .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .text-box .description {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0em;
    font-family: 'Abarth_Light';
    padding: 0; }
  .newAbarth23 .gallery-complex-v01-2020 .gallery-complex-box .navigation-bar-with-text .navigation {
    margin: 30px 0 24px; }
  .newAbarth23 .gallery-complex-v01-2020 .gallery-complex-box .gallery-complex-images-wrapper .navigation-bar .button-stripe {
    height: 4px;
    width: 30px;
    margin: 0 4px;
    background-color: #ffffff; }
  .newAbarth23 .gallery-complex-v01-2020.newAbarth_bg-black {
    background-color: #111111; }
    .newAbarth23 .gallery-complex-v01-2020.newAbarth_bg-black .gallery-complex-box .navigation-bar-with-text .text-box .title {
      color: #ffffff; }
    .newAbarth23 .gallery-complex-v01-2020.newAbarth_bg-black .gallery-complex-box .navigation-bar-with-text .text-box .description {
      color: #ffffff; }
    .newAbarth23 .gallery-complex-v01-2020.newAbarth_bg-black .gallery-complex-box .navigation-bar-with-text .navigation .nav-item {
      color: #FFD500; }
    .newAbarth23 .gallery-complex-v01-2020.newAbarth_bg-black .gallery-complex-box .gallery-complex-images-wrapper .navigation-bar .button-stripe.active {
      background-color: #FFD500;
      box-shadow: 0px 0px 12px #FFD500; }
  .newAbarth23 .gallery-complex-v01-2020.newAbarth_bg-electricYellow {
    background-color: #DAEF33; }
    .newAbarth23 .gallery-complex-v01-2020.newAbarth_bg-electricYellow .gallery-complex-box .navigation-bar-with-text .text-box .title {
      color: #111111; }
    .newAbarth23 .gallery-complex-v01-2020.newAbarth_bg-electricYellow .gallery-complex-box .navigation-bar-with-text .text-box .description {
      color: #111111; }
    .newAbarth23 .gallery-complex-v01-2020.newAbarth_bg-electricYellow .gallery-complex-box .navigation-bar-with-text .navigation .nav-item {
      color: #111111; }
    .newAbarth23 .gallery-complex-v01-2020.newAbarth_bg-electricYellow .gallery-complex-box .gallery-complex-images-wrapper .navigation-bar .button-stripe.active {
      background-color: #DAEF33;
      box-shadow: 0px 0px 12px #DAEF33; }

.other-trims-v01-2020 {
  background-color: #000000;
  color: #FFFFFF;
  padding-left: 2%;
  padding-right: 0;
  padding-bottom: 55px;
  padding-top: 50px; }
  @media screen and (max-width: 1023px) {
    .other-trims-v01-2020 {
      padding-left: 0;
      padding-right: 0; } }
  .other-trims-v01-2020 .other-trims-box {
    position: relative;
    overflow: hidden;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    height: 100%; }
    .other-trims-v01-2020 .other-trims-box .other-trims-text {
      padding-bottom: 50px; }
      .other-trims-v01-2020 .other-trims-box .other-trims-text .title {
        font-family: 'Abarth_Medium';
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 0;
        color: #e72020;
        text-align: center; }
    .other-trims-v01-2020 .other-trims-box .other-trims-containers {
      display: flex;
      padding: 0;
      margin: 0;
      transition-property: transform;
      transition-duration: .5s;
      transition-timing-function: ease-out;
      transform: translate(0, 0); }
      .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container {
        flex-basis: 22.2%;
        min-width: 22.2%;
        margin: 0;
        transform: translate(0, 0);
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 30px;
        padding-bottom: 30px;
        opacity: 0.3;
        transition: opacity .1s ease-in; }
        @media screen and (max-width: 1023px) {
          .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container {
            flex-basis: 28.57%;
            min-width: 28.57%; } }
        @media screen and (max-width: 480px) {
          .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container {
            flex-basis: 66.67%;
            min-width: 66.67%; } }
        .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container.active {
          opacity: 1; }
        .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container.vertical-strip {
          border-left: 2px solid #BFBFBF; }
        .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container img {
          width: auto;
          max-width: 100%;
          display: block;
          margin: auto; }
          .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container img.logo {
            margin-bottom: 20px;
            width: auto;
            height: 30px; }
        .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container .other-trim-cta {
          text-decoration: none;
          color: #FFFFFF;
          font-family: 'Abarth_Medium';
          font-size: 14px;
          line-height: 16px;
          margin-left: 8%;
          margin-right: 8%;
          margin: auto;
          margin-top: 35px;
          max-width: 200px;
          height: 40px;
          border: 1.5px solid #FFFFFF;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #000000; }
          .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container .other-trim-cta.red {
            color: #ffffff;
            background: #E30B09;
            margin-top: 10px;
            border: none; }
    .other-trims-v01-2020 .other-trims-box .navigation-bar {
      padding-top: 40px;
      text-align: center; }
      .other-trims-v01-2020 .other-trims-box .navigation-bar .navigation {
        margin-bottom: 30px;
        display: flex;
        justify-content: center; }
        .other-trims-v01-2020 .other-trims-box .navigation-bar .navigation .nav-item {
          font-size: 40px;
          color: #E30B09;
          cursor: pointer; }
          .other-trims-v01-2020 .other-trims-box .navigation-bar .navigation .nav-item:not(:first-child) {
            margin-left: 50px; }
          .other-trims-v01-2020 .other-trims-box .navigation-bar .navigation .nav-item.inactive {
            display: none; }
          @media screen and (max-width: 1023px) {
            .other-trims-v01-2020 .other-trims-box .navigation-bar .navigation .nav-item {
              position: absolute;
              z-index: 1;
              top: 50%;
              transform: translateY(-50%);
              margin-top: -10px; }
              .other-trims-v01-2020 .other-trims-box .navigation-bar .navigation .nav-item:first-child {
                left: 30px; }
              .other-trims-v01-2020 .other-trims-box .navigation-bar .navigation .nav-item:last-child {
                right: 30px; } }
      .other-trims-v01-2020 .other-trims-box .navigation-bar .button-stripe {
        display: none;
        width: 5vw;
        min-width: 30px;
        height: 2px;
        background-color: #FFFFFF;
        transition: background-color .3s ease-in-out;
        cursor: pointer; }
        .other-trims-v01-2020 .other-trims-box .navigation-bar .button-stripe:not(:first-child) {
          margin-left: 1vw; }
        .other-trims-v01-2020 .other-trims-box .navigation-bar .button-stripe.active {
          background-color: #E30B09; }
        @media screen and (max-width: 480px) {
          .other-trims-v01-2020 .other-trims-box .navigation-bar .button-stripe {
            display: block; } }
      @media screen and (max-width: 1023px) {
        .other-trims-v01-2020 .other-trims-box .navigation-bar {
          display: flex;
          justify-content: center; } }

/*ABARTH REVAMP*/
.newAbarth23 .other-trims-v01-2020 {
  padding: 100px 0;
  background-color: #111111; }
  @media (max-width: 768px) {
    .newAbarth23 .other-trims-v01-2020 {
      padding: 60px 0; } }
  .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-text {
    display: flex;
    justify-content: center; }
    @media (max-width: 768px) {
      .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-text {
        padding-bottom: 28px; } }
    .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-text .title {
      font-size: 50px;
      line-height: 59px;
      letter-spacing: 0em;
      text-transform: uppercase;
      color: #ffffff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      font-family: 'Abarth_heavy'; }
      @media (max-width: 1500px) {
        .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-text .title {
          font-size: 40px;
          line-height: 44px; } }
      @media (max-width: 992px) {
        .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-text .title {
          font-size: 32px;
          line-height: 38px;
          text-align: center; } }
      .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-text .title .textBorder {
        box-shadow: 0px 0px 12px #DAEF33;
        height: 4px;
        width: auto;
        position: relative;
        background-color: #FFD500;
        border: 0; }
        @media (max-width: 768px) {
          .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-text .title .textBorder {
            display: none; } }
  .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers {
    display: flex;
    justify-content: center; }
    @media (max-width: 768px) {
      .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers {
        justify-content: initial; } }
    .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container {
      min-width: auto !important;
      padding: 20px 60px;
      flex-basis: 50%; }
      @media (max-width: 768px) {
        .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container {
          opacity: 0.6;
          padding: 0;
          flex-basis: 66.67%;
          min-width: 100% !important; } }
      @media (max-width: 768px) {
        .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container.active {
          opacity: 1; } }
      .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container .img-breakpoint {
        min-width: 350px;
        width: 100%; }
        .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container .img-breakpoint.logo {
          width: 240px;
          height: auto;
          margin: 0 auto 30px; }
          @media (max-width: 768px) {
            .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container .img-breakpoint.logo {
              width: 150px;
              margin: 0 auto 20px; } }
        @media (max-width: 1500px) {
          .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container .img-breakpoint {
            max-width: 450px; } }
        @media (max-width: 768px) {
          .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container .img-breakpoint {
            min-width: 280px;
            width: 75%;
            max-width: inherit; } }
      .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container.vertical-strip {
        border-left: 1px solid #ffffff; }
        @media (max-width: 768px) {
          .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trims-container.vertical-strip {
            border-left: 0px; } }
    .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trim-cta {
      background-color: #e72020;
      color: #ffffff;
      padding: 12px 56px;
      box-shadow: 0px 0px 15px rgba(226, 0, 26, 0.8);
      border-radius: 5px;
      font-size: 14px;
      line-height: 16px;
      font-family: 'Abarth_Medium';
      text-transform: uppercase;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      height: auto;
      max-width: initial;
      border: 0; }
      @media (max-width: 768px) {
        .newAbarth23 .other-trims-v01-2020 .other-trims-box .other-trims-containers .other-trim-cta {
          padding: 10px 36px;
          position: relative;
          margin: 0;
          left: 0 !important;
          bottom: initial;
          align-self: flex-start;
          margin: 20px 20px 40px 20px;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          height: auto;
          margin: 20px auto 0 !important; } }
  .newAbarth23 .other-trims-v01-2020 .other-trims-box .navigation-bar .navigation .nav-item {
    font-size: 30px;
    color: #e72020; }
    .newAbarth23 .other-trims-v01-2020 .other-trims-box .navigation-bar .navigation .nav-item.ab-icon-big-arrow-SX {
      left: 10px; }
    .newAbarth23 .other-trims-v01-2020 .other-trims-box .navigation-bar .navigation .nav-item.ab-icon-big-arrow-DX {
      right: 10px; }
  .newAbarth23 .other-trims-v01-2020 .other-trims-box .navigation-bar .button-stripe {
    width: 30px;
    height: 4px;
    background-color: #ffffff; }
    .newAbarth23 .other-trims-v01-2020 .other-trims-box .navigation-bar .button-stripe.active {
      background-color: #e72020;
      box-shadow: 0px 0px 12px rgba(226, 0, 26, 0.8); }

.disclaimer-inline-icon {
  border-radius: 50%;
  font-family: "Open Sans",sans-serif;
  width: 1.8rem;
  height: 1.8rem;
  font-size: 1.6rem;
  font-weight: 400;
  background: #e72020;
  color: white;
  text-transform: lowercase;
  text-align: center;
  display: block;
  cursor: pointer;
  line-height: 1.83rem;
  float: right;
  margin-left: 10px;
  position: relative;
  right: 15px;
  bottom: 50px; }
  .disclaimer-inline-icon.promo-details-page {
    border-radius: 50%;
    font-family: "Open Sans",sans-serif;
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.6rem;
    font-weight: 400;
    background: #e72020;
    color: white;
    text-transform: lowercase;
    text-align: center;
    display: block;
    cursor: pointer;
    line-height: 1.83rem;
    float: right;
    margin-left: 10px;
    position: relative;
    right: 15px;
    top: 10px; }

@media only screen and (max-width: 767px) {
  .disclaimer-inline-icon {
    position: relative;
    right: 5px;
    z-index: 500000; }
    .disclaimer-inline-icon.promo-details-page {
      right: 10px;
      top: 10px; } }

.disclaimer-inline-icon.bg-grey {
  background: #d1d1d1;
  color: black; }

.disclaimer-inline-icon.bg-white {
  background: white;
  color: black; }

h4 .disclaimer-inline-icon {
  font-weight: 100; }

.disclaimer-popup {
  position: fixed;
  bottom: 0;
  width: 70%;
  max-width: 1450px;
  display: none;
  color: white;
  background-color: black;
  padding: 30px;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 10000; }
  .disclaimer-popup.active {
    display: block; }
  .disclaimer-popup .close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #e7e7e7;
    padding: 10px;
    font-size: 16px;
    text-decoration: none; }
  .disclaimer-popup .disclaimer-text {
    padding-left: 30px;
    padding-right: 30px;
    line-height: 1.42857; }

@media only screen and (max-width: 999px) {
  .disclaimer-popup {
    width: 100%; } }

.box-cta {
  padding-top: 20px;
  background: black;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .box-cta {
      flex-direction: column; }
      .box-cta .cta {
        margin-bottom: 20px; } }

/*ABARTH REVAMP*/
.newAbarth23 .box-cta {
  padding: 60px 0;
  background-color: #111111;
  display: flex;
  justify-content: center; }
  @media (max-width: 768px) {
    .newAbarth23 .box-cta {
      padding: 40px 20px;
      justify-content: flex-start; } }
  .newAbarth23 .box-cta .button.cta {
    background-color: #e72020;
    color: #ffffff;
    padding: 15px 55px;
    box-shadow: 0px 0px 15px rgba(226, 0, 26, 0.8);
    border-radius: 5px;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Abarth_Medium';
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto !important; }
    @media (max-width: 768px) {
      .newAbarth23 .box-cta .button.cta {
        padding: 10px 36px !important;
        margin: 0 !important; } }

.ecommerce-icons {
  padding: 30px 0; }
  .ecommerce-icons .ecommerce-icons-title {
    font-size: 24px;
    font-weight: bold;
    padding: 20px 0; }
  .ecommerce-icons .ecommerce-icons-row {
    display: flex;
    justify-content: space-around;
    padding: 50px 0; }
    @media (max-width: 767px) {
      .ecommerce-icons .ecommerce-icons-row {
        display: block !important;
        padding: 20px; } }
    .ecommerce-icons .ecommerce-icons-row .ecommerce-icon {
      max-width: 200px; }
      @media (max-width: 767px) {
        .ecommerce-icons .ecommerce-icons-row .ecommerce-icon {
          margin: 30px auto; } }
      .ecommerce-icons .ecommerce-icons-row .ecommerce-icon .ecommerce-icon-title {
        text-transform: uppercase;
        font-weight: bold;
        text-align: center; }
      .ecommerce-icons .ecommerce-icons-row .ecommerce-icon .ecommerce-icon-img {
        margin: 10px auto;
        display: block; }
      .ecommerce-icons .ecommerce-icons-row .ecommerce-icon .ecommerce-icon-desc {
        text-align: center; }
  .ecommerce-icons .ecommerce-icons-title {
    text-align: center; }
    @media screen and (max-width: 991px) {
      .ecommerce-icons .ecommerce-icons-title {
        padding: 10px; } }
  .ecommerce-icons .ecommerce-icons-description {
    text-align: center; }
    @media screen and (max-width: 991px) {
      .ecommerce-icons .ecommerce-icons-description p {
        font-size: 14px;
        line-height: 18px;
        padding-left: 10px;
        padding-right: 10px; } }
  .ecommerce-icons.modal-version {
    display: none;
    top: 15vh;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    padding: 20px;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.23);
    z-index: 999;
    width: 80vw; }
    @media screen and (max-width: 767px) {
      .ecommerce-icons.modal-version {
        top: 5vh;
        position: fixed;
        max-height: 90vh;
        background: white;
        overflow: auto;
        width: 90vw;
        left: 5vw; } }
    .ecommerce-icons.modal-version .ab-icon-close:before {
      font-size: 16px; }
    .ecommerce-icons.modal-version.show {
      display: block; }
    .ecommerce-icons.modal-version .ecommerce-icons-title {
      text-align: center; }
      @media screen and (max-width: 991px) {
        .ecommerce-icons.modal-version .ecommerce-icons-title {
          padding-top: 60px; } }
    .ecommerce-icons.modal-version .ecommerce-icons-description {
      text-align: center; }
      @media screen and (max-width: 991px) {
        .ecommerce-icons.modal-version .ecommerce-icons-description p {
          font-size: 14px;
          line-height: 18px; } }
    .ecommerce-icons.modal-version .ab-icon-close {
      position: absolute;
      right: 20px;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer; }

.ecommerce-modal-stripe {
  margin: 50px auto;
  max-width: 90%; }
  .ecommerce-modal-stripe .stripe-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    @media screen and (max-width: 991px) {
      .ecommerce-modal-stripe .stripe-text {
        padding: 0 20px; } }
    .ecommerce-modal-stripe .stripe-text .title {
      font-weight: bold;
      line-height: 1.2;
      text-align: center;
      font-size: 55px;
      margin-bottom: 10px;
      margin-top: 0;
      font-family: "Abarth_heavy"; }
      @media screen and (min-width: 1366px) and (max-width: 1919px) {
        .ecommerce-modal-stripe .stripe-text .title {
          line-height: 40px;
          font-size: 38px; } }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        .ecommerce-modal-stripe .stripe-text .title {
          font-size: 38px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .ecommerce-modal-stripe .stripe-text .title {
          font-size: 24px;
          margin-bottom: 10px;
          text-align: left; } }
      @media screen and (max-width: 767px) {
        .ecommerce-modal-stripe .stripe-text .title {
          font-size: 24px;
          text-align: left; } }
    .ecommerce-modal-stripe .stripe-text .description {
      padding: 15px 0;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .ecommerce-modal-stripe .stripe-text .description {
          padding-left: 0;
          padding-right: 0;
          text-align: left; } }
    .ecommerce-modal-stripe .stripe-text .discover {
      background-color: transparent;
      border: none;
      text-decoration: underline;
      padding: 0;
      cursor: pointer; }
  .ecommerce-modal-stripe .slider-navigation {
    text-align: center;
    padding-left: 0; }

.toolbar-container {
  display: none; }
  @media screen and (max-width: 1199px) {
    .toolbar-container {
      width: 100%;
      color: white;
      background-color: #303030;
      font-size: 8px;
      display: block;
      position: fixed;
      bottom: 0;
      transition: all .2s ease-in-out;
      border-top: 2px solid #e72020; }
      .toolbar-container .toolbar-list {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0 auto;
        z-index: 100; }
        .toolbar-container .toolbar-list .toolbar-voice {
          display: block;
          list-style: none;
          flex-grow: 1;
          flex-basis: auto;
          text-align: center;
          box-sizing: content-box;
          height: 55px;
          min-width: 25%; }
          .toolbar-container .toolbar-list .toolbar-voice a {
            color: white;
            padding: 0 10px;
            text-decoration: none;
            flex-direction: column;
            font-size: 8px;
            text-transform: uppercase;
            display: flex;
            height: 100%;
            justify-content: center;
            align-items: center; }
            .toolbar-container .toolbar-list .toolbar-voice a i {
              font-size: 22px; }
          .toolbar-container .toolbar-list .toolbar-voice.more i.ab-icon-close {
            display: none; }
        .toolbar-container .toolbar-list.more {
          display: none;
          background-color: #303030;
          flex-direction: column;
          align-items: stretch;
          position: fixed;
          bottom: 0;
          right: -1px;
          height: auto;
          z-index: -1;
          transform: translateY(100%);
          transition: transform 150ms;
          max-width: 25%; }
      .toolbar-container.in .toolbar-list {
        display: flex; }
        .toolbar-container.in .toolbar-list.more {
          transform: translateY(-55px); }
        .toolbar-container.in .toolbar-list .more:not(.show) {
          display: none; }
        .toolbar-container.in .toolbar-list .toolbar-voice.more i.ab-icon-close {
          display: inline-block; }
          .toolbar-container.in .toolbar-list .toolbar-voice.more i.ab-icon-close:before {
            font-size: 20px; }
        .toolbar-container.in .toolbar-list .toolbar-voice.more i.fa-ellipsis-h {
          display: none; } }

/*# sourceMappingURL=../maps/main.css.map */