/*!
Theme Name: mcraft
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description

Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mcraft
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

mcraft is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
     ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

     @font-face{
font-display:swap;
  font-family:Roboto;
  src:url('/wp-content/themes/mcraft/assets/fonts/Roboto-Light.woff2') format('woff2');
  font-weight:300;
  font-style:normal;
  font-display:swap
}
@font-face{
font-display:swap;
  font-family:Roboto;
  src:url('/wp-content/themes/mcraft/assets/fonts/Roboto-Regular.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap
}
@font-face{
font-display:swap;
  font-family:Roboto;
  src:url('/wp-content/themes/mcraft/assets/fonts/Roboto-Medium.woff2') format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:swap
}
@font-face{
font-display:swap;
  font-family:Roboto;
  src:url('/wp-content/themes/mcraft/assets/fonts/Roboto-Bold.woff2') format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap
}

@font-face{
font-display:swap;
  font-family:Lato;
  src:url('/wp-content/themes/mcraft/assets/fonts/Lato-Light.woff2') format('woff2');
  font-weight:300;
  font-style:normal;
  font-display:swap
}
@font-face{
font-display:swap;
  font-family:Lato;
  src:url('/wp-content/themes/mcraft/assets/fonts/Lato-Regular.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap
}
@font-face{
font-display:swap;
  font-family:Lato;
  src:url('/wp-content/themes/mcraft/assets/fonts/Lato-Bold.woff2') format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap
}
@font-face{
font-display:swap;
  font-family:Lato;
  src:url('/wp-content/themes/mcraft/assets/fonts/Lato-Black.woff2') format('woff2');
  font-weight:900;
  font-style:normal;
  font-display:swap
}
@font-face {
font-display:swap;
    font-family: "slick";
    src: url('/wp-content/themes/mcraft/./wp-content/themes/mcraft/assets/fonts/slick.woff2') format("woff2");
}
@font-face {
font-display:swap;
    font-family: "star";
    src: url('/wp-content/themes/mcraft/./wp-content/themes/mcraft/fonts/star.woff2') format("woff2");
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick" !important;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections
     ========================================================================== */

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

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * 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;
}

/* Grouping content
     ========================================================================== */

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

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

/* Text-level semantics
     ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

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

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

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

/**
 * 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;
}

/* Forms
     ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * 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;
    outline: none !important;

}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 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;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
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: content-box;
    padding: 0;
    border: none !important;

}

/**
 * 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;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 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;
    font: inherit;
}

/* Interactive
     ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
     ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

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

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: #444;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
    background: #fff;
}


hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

:focus {
    outline: none !important;
}

/* Links
--------------------------------------------- */
a {
    color: #4169e1;
}

a:visited {
    color: #800080;
}

a:hover,
a:focus,
a:active {
    color: #191970;
}

a:focus {
    outline: thin dotted;
    outline: none !important;
}

a:hover,
a:active {
    outline: 0;
    outline: none !important;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    border: 0px !important;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
    border: 0px !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    display: block;
    left: auto;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {

    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.post,
.page {
    margin: 0 0 1.5em;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
    outline: none !important;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

/*Main*/


:root {
    --grey-color: #262626;
    --light-grey-color: #ccc;
    --lightest-grey-color: #f7f7f7;
    --green-color: #018692;
    --grey-color-tabs: #919191;
    --text-section-header-size: 30px;
    --lh-section-header-size: 39px;
    --main-color-header-h1: #7c7c7c;
    --main-color: #262626;
    --text-main-size: 16px;
    --text-main-lh: 24px;
    --color-mint: #e6f5f5;
    --width-content: 1428px;
    --width-section: 1200px;


}

.bg-light-grey {
    background: var(--lightest-grey-color);
}

section {
    overflow: hidden !important;
}

body {
    margin-bottom: 0px !important;
    overflow-x: hidden !important;
}

body,
p {
    font-family: 'Lato';
    color: var(--main-color);
    font-size: var(--text-main-size);
    line-height: var(--text-main-lh);
}

.container {
    max-width: var(--width-content);
}

.sp_section {}

.page-template-service-page main {
    max-width: 960px !important;
    margin: 3rem auto;
}

.page-template-service-page main a {
    font-weight: 600;
    text-decoration: underline;
    transition: .3s color;
}

.page-template-service-page main a:hover {
    color: var(--green-color) !important;
}

.page-template-service-page main h2 {
    text-align: center;
    text-transform: uppercase;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

.page-template-service-page main p {
    text-align: justify;
}

b {
    font-weight: 900 !important;
}

.bg-grey {
    background: var(--grey-color);
    color: var(--lightest-grey-color);
}

.bg-mint {
    background: var(--color-mint);
    color: var(--grey-color);
}

.bg-white {
    background: #fff;
}

/*Header*/
#page {
    overflow: hidden;
}

.ml7 {
    margin-left: 7px;
}

/*Header*/
header.site-header {
    border-bottom: 1px solid var(--light-grey-color);
    overflow: hidden;
}

header.site-header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

header.site-header ul li {
    margin-right: 20px;
}

header.site-header ul li a {
    text-decoration: none !important;
    font-size: 15px;
    color: var(--grey-color) !important;
    line-height: 26px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    position: relative;
}

header.site-header a.top-cart-icon {
    font-size: 15px;
    line-height: 26px;
    text-decoration: none !important;
    color: var(--grey-color);
    margin-left: 20px;

}


header.site-header .top-cart-icon {
    cursor: pointer;
}

button.top-cart-icon {
    background: transparent!important;
    padding: 0 !important;
    border: none !important;
    padding-left: 26px !important;
}

header.site-header .navmenu {
    display: flex;
    height: 100%;
}

header.site-header ul#menu {
    align-items: center;
}

header.site-header .navmenu ul.main-menu li.menu-item {
    height: 100%;
    display: flex;
    align-content: center;
}

header.site-header ul.main-menu li a:hover {
    color: var(--green-color) !important;
}

header.site-header .main-menu li:hover ul.sub-menu {
    display: block;
    position: absolute;
    margin-left: -35px;
}

header.site-header .main-menu ul.sub-menu {
    display: none;
    background-color: #fff;
    min-width: 150px;
    padding: 10px 30px;
    box-shadow: 1px 1px 10px var(--light-grey-color);
    top: 60px;
    top: 70px;
    z-index: 999;
}

header.site-header .main-menu ul.sub-menu li {
    padding: 5px 0px;
    display: block !important;

}

header.site-header .main-menu ul.sub-menu li a:hover {
    color: var(--green-color) !important;
}

header.site-header .main-menu ul.sub-menu li:after {
    content: '';
    display: block;
    width: calc(100% + 25px);
    height: 1px;
    background-color: var(--light-grey-color);
    margin-top: 5px;
}

header.site-header .main-menu ul.sub-menu li:last-child:after {
    display: none;

}

header .ebike_descrizione p {
    font-size: 10pt;
    color: var(--grey-color);
}

img.trp-flag-image {
    width: 18px !important;
}

.trp-language-switcher-container span {
    display: flex;
    align-self: flex-end;
}
.menu-item-object-language_switcher .trp-flag-image {
    margin: inherit !important;
}
.menu-item-object-language_switcher .trp-flag-image {
    margin-top: 5px !important;
}

.height5 {
    height: 10px;
}


.social_icon_mobile_menu {
    padding: 35px 15px;
}

.social_icon_mobile_menu a {
    text-decoration: none;
}

.social_icon_mobile_menu img {
    background: #333;
    padding: 8px;
    border-radius: 10px;
    width: 42px;
    margin-right: 7px;
}

img.logo_mobile_menu {
    display: block;
    margin: 30px 0px 20px 14px background: #008692;
    padding: 12px;
}

img.top_menulogo {
    padding: 16px;
    background: #008692;

    width: 250px;
}

.navother {
    margin-right: 0;
    height: 100%;
}

#muscolare_bici,
#ebike_bici {
    visibility: hidden;
    display: none;
    position: absolute;
    z-index: 999;
    background: #fff;
    box-shadow: 1px 1px 10px var(--light-grey-color);
}

.top_menu_bicy p {
    margin: 0;
    color: var(--grey-color);

}

.top_menu_bicy p.head {
    font-size: 24px;
}

.top_menu_bicy p.preahead {
    font-size: 10pt;
}

.top_menu_bicy .modals,
.mobile-menu .modals {
    height: 18px;
}

.top_menu_bicy .modals a,
.mobile-menu .modals a {
    color: var(--grey-color);
    text-decoration: none;
    font-size: 10pt;
    line-height: 16px;

}

.top_menu_bicy .modals a:after,
.mobile-menu .modals a:after {
    content: "|";
    margin-left: 5px;
    margin-right: 5px;

}

.top_menu_bicy .modals a:first-child,
.mobile-menu .modals a:first-child {
    display: none;
}

.top_menu_bicy .modals a:last-child:after,
.mobile-menu .modals a:last-child:after {
    content: "";
}

.top_menu_bicy p.tit {
    font-size: 13.5pt;
}

.top_menu_bicy p.weight {
    font-size: 15px;
    font-weight: 900;
}

.top_menu_bicy .portata:after {
    content: '';
    display: block;
    height: 1px;
    background: var(--light-grey-color);
    margin: 20px auto;

}

.card_menu_bicy_ebike,
.card_menu_bicy_muscolare {
    border-right: 1px solid var(--light-grey-color);
}

.card_menu_bicy_ebike:last-child,
.card_menu_bicy_muscolare:last-child {
    border: 0px !important;
}

.top_menu_bicy a {
    text-decoration: none !important;
}

.ebike-card-menu,
.bike-card-menu {
    width: 20%;
}

.bike-card-menu {
    width: 25%;
}

.menu-bar {
    transition: all 0.3s ease-in-out;
    transition-delay: 0.2s;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid var(--grey-color);
    position: absolute;
    top: 12.5px;
    right: 16.5px;
    width: 32px;
    height: 32px;
    z-index: 9999999;
    box-sizing: content-box;
}

.menu-bar span {
    transition: all 0.3s ease-in-out;
    background-color: var(--grey-color);
    display: inline-block;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 18px;
}

.menu-bar span:before,
.menu-bar span:after {
    transition: all 0.3s ease-in-out;
    background-color: var(--grey-color);
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    width: 22px;
}

.menu-bar span:before {
    top: -8px;
}

.menu-bar span:after {
    top: 8px;
}

.triggered .menu-bar span {
    width: 0;
}

.triggered .menu-bar span:before {
    transform: rotate(45deg);
    top: 0;
}

.triggered .menu-bar span:after {
    transform: rotate(-45deg);
    top: 0;
}

.menumobile {
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    height: 100vh;
    opacity: 0;
    padding: 15px;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    width: 100vw;
    z-index: 1054;
    overflow-y: auto;
}

.menumobile ul {
    transition: all 0.3s ease-in-out;
    list-style: none;
    margin: 0;
    padding: 0;
}

.menumobile ul li {
    transition: all 0.3s ease-in-out;
}

.menumobile ul li a {
    color: #fff;
    display: inline-block !important;
    font-size: 20px;
    padding: 8px 15px;
    position: relative;
    text-decoration: none;
    outline: none;

}

.menumobile ul li span {
    display: inline-block;
    height: 24px;
    top: 6px;
    position: relative;
    width: 24px;
}

.menumobile ul li span:before,
.menumobile ul li span:after {
    background-color: var(--grey-color);
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    width: 16px;
}

.menumobile ul li span:before {
    top: 50%;
    transform: translateY(-50%);
}

.menumobile ul li span:after {
    transition: all 0.15s ease-in-out;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.menumobile ul li span.subtriggered:after {
    transform: translateY(-50%) rotate(0);
}

.menumobile ul li ul li a {
    padding: 4px 20px;
    color: var(--grey-color);
}

.triggered .menumobile {
    opacity: 1;
    transform: translateY(0);
}

.menumobile ul ul {
    display: none;
}

.menumobile ul .subtriggered+ul {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 20px;
}

.menumobile ul li {
    display: block;
}

.mobile-menu .spoiler-content a {
    text-decoration: none !important;
}

.mobile-menu .spoiler-content p.head {
    color: var(--grey-color);
    font-size: 16px;
}

.mobile-menu .spoiler-content {
    display: none;
}

.mobile-menu .spoiler-header {
    background: #fff;
    border: none;
    text-transform: uppercase;
    padding: 8px 15px;
    font-size: 15px;
    color: var(--grey-color);
    line-height: 26px;
    width: fit-content;
    cursor: pointer;
}

.mobile-menu .spoiler-header span:after {
    content: "+";
    float: right;
    margin-left: 12px;
    font-size: 36px;
    margin-top: -3px;
}

.mobile-menu .spoiler-header.collapsed span:after {
    content: "-";
    float: right;
    margin-left: 12px;
    font-size: 36px;
    margin-top: -3px;
}

/*Footer*/
footer ul li {
    margin-top: 0px !important;
}

footer .bottom_block {
    background: #fff;
    border-top: 1px solid #ccc;
}

footer .bg-grey a,
footer .bg-grey p {
    color: var(--lightest-grey-color) !important;
}

footer a {
    text-decoration: none !important;
}

footer p {
    margin: 0px;
    font-size: 14px;
    line-height: 22px;
}

footer p.xl {
    font-size: 28px;
    line-height: 30px;
}

footer p.lg {
    font-size: 20px;
    line-height: 20px;
}

footer p.medium {
    font-size: 18px;
    line-height: 24px;
}

footer p.sm {
    font-size: 10pt;
    line-height: 14pt;
    text-align: justify;
}

footer p.smmed {
    font-size: 12pt;
    line-height: 12pt;
}

footer p.xsm {
    font-size: 9pt;
    line-height: 13pt;
}

footer .form_footer p {
    margin-left: 10px;
}

footer .form_footer input.checkbox {
    width: 36px;
    height: 23px;
}

footer .form_header input {
    width: calc(60% - 5px);
    margin-right: 5px;
    padding: 19px 10px;
    border: none;
    color: var(--grey-color);

}

footer .form_header button {
    width: 40%;
    background: var(--grey-color);
    color: #fff;
    text-transform: uppercase;
    border: none;
    font-size: 20px;
    line-height: 24px;
    padding: 20px 0px;
}

footer .form_header button:hover {
    background: var(--green-color);
}

footer .footer_titolo {
    font-size: 15px;
    line-height: 27px;
    font-weight: 700;
    text-transform: uppercase;
}

footer .footer_titolo img {
    margin-bottom: 10px;
}

ul.footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}


ul.footer-menu li a {
    text-decoration: none !important;
    color: var(--lightest-grey-color);
    font-weight: normal !important;
    font-size: 14px;
    line-height: 27px;
    text-transform: uppercase;

}

.footer_col_wrap {
    margin-top: 15px;
}

footer img.social_link {
    margin-right: 10px;
    width: 32px;
}

footer .whatsapp-info img {
    margin-right: 10px !important;
    height: 32px;
}

footer .whatsapp-info span {
    display: block;
    line-height: 20px;
    font-size: 14px;
}

.scroll-to-top-btn {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    background-color: var(--grey-color);
    color: white;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 0px !important;
    cursor: pointer;
    padding: 0px ! !important;
    z-index: 999;

}

.scroll-to-top-btn svg {
    margin-top: -4px;
    height: 24px;
    width: 24px;
    fill: #fff;
}

.scroll-to-top-btn:hover {
    background-color: var(--green-color);
}

.scroll-to-top-btn.show {
    display: block;
}

.mobile-contatti {
    background: #fff;
}

.mobile-contatti .col-12 {
    max-width: 500px;
    padding: 0px 30px;
}

.mobile-contatti a {
    display: block;
}

.mobile-contatti img {
    display: block;
    margin: 0px auto 0px auto;
    width: 26px;
}

.mobile-contatti span {
    font-size: 13px;
    line-height: 13px;
    color: #444;
}

.mobile-contatti a img,
.mobile-contatti a span {
    cursor: pointer !important;
}

/*Page*/
.page-head {
    background: var(--lightest-grey-color);
}

.page-head h1 {
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
    color: #333;
    font-weight: 300;

}

.page-mcraft h2 {
    font-size: 30px;
    color: var(--grey-color);
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 14px;
}

.page-mcraft h3 {
    font-size: 21px;
    color: var(--grey-color);
    font-weight: 400;
    line-height: 1.3em;
}

.page-mcraft a {
    color: var(--main-color) !important;
}

.page-mcraft ul {
    margin: 20px 0px;
}

.page-mcraft ul,
.page-mcraft li {
    font-size: 16px;
    color: var(--main-color);
}

.page-mcraft b {
    font-weight: 700 !important;
}

.page-mcraft p {
    font-size: 15px;
    color: var(--main-color);
    line-height: 24px;
    margin-bottom: 16px
}

.page-mcraft .posted-on {
    opacity: .65;
    font-size: 15px !important;
}

/*Single product*/

.single-product #donnolive .container {
    border-left: 3px solid #018692;
    position: relative;
}

.single-product #donnolive .container:after {
    content: '';
    display: block;
    width: 220px;
    background: #018692;
    height: 3px;
    position: absolute;
    left: -3px;
}

.single-product #donnolive p {
    font-size: 20px;
    line-height: 28px;
}

.single-product #donnolive p.title {
    font-size: 32px;
    line-height: 42px;

}

.single-product #donnolive p.pretitle {
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
}

.single-product #donnolive button {
    font-size: 18px;
    padding: 16px 32px;
    background: #018692;
    font-weight: 400 !important;
    color: #fff !important;
    border-radius: 5px;
    min-width: 300px;
    transition: .3s background;
    border: none !important;
}

.single-product #donnolive button:hover {
    background: #444;
    border: none !important;
}

.single-product #donnolive button img {
    margin-right: 15px;
    width: 30px;
    height: auto;
}

.slick-slide img {
    margin: 0px auto;
    width: 100%;

}

.slick-prev:before,
.slick-next:before {
    color: #57bdc6 !important;
    font-size: 50px !important;
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.slider:hover .slick-prev,
.slider:hover .slick-next {
    visibility: visible;
    animation: fade 2.0s ease;

}

@keyframes fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



.slick-prev {
    left: -15px !important;
    visibility: hidden;

}

.slick-next {
    right: 15px !important;
    visibility: hidden;
}

.torna_link a {
    color: var(--main-color) !important;
    text-decoration: none !important;
    font-size: 14px;
    line-height: 18px;
}

.accordion-body {
    margin-bottom: 20px
}

.accordion-button:focus {
    box-shadow: none !important;
    border: 0px !important;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0);
}

.accordion-button:not(.collapsed) {
    color: var(--grey-color) !important;
    background: #fff !important;
    box-shadow: none !important;

}

.accordion-button:collapsed {
    color: var(--grey-color) !important;
    background: #fff !important;
    box-shadow: none !important;

}

.accordion-item {
    border: 0px !important;
}

/*Pagamento */
#accordionPagamento .accordion-button,
#accordionPagamento .accordion-button:focus {
    border-bottom: 1px solid var(--light-grey-color) !important;
}

.pagamento_rate {

    border-bottom: 2px dotted grey;
    padding-bottom: 15px;
    margin-top: 20px;
}

.bannercontent h2 {
    margin-bottom: 3rem;
    text-align: center;
}

.bannercontent h3 {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}

.spedizione_column:last-child {
    padding-left: 3rem;
    padding-right: 0px !important;
}

.card-spedizione {
    border-right: 1px solid #ededeb;
}

.card-spedizione:last-child {
    border-right: 0px;
}

.card-spedizione p {
    text-align: justify;
}

/*Marketing*/

.prodotto_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.prodotto_menu ul a,
.prodotto_menu_sp ul a {
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: 500 !important;
    color: var(--grey-color) !important;
    font-size: 13px;
    line-height: 13px;
    padding: 14px 16px;
    border-left: 1px solid var(--light-grey-color);
    letter-spacing: 1px;
    transition: .3s color;
    margin-top: 10px;
    display: block;

}

.prodotto_menu ul a h2 {
    color: var(--grey-color) !important;
    font-size: 13px;
    line-height: 13px;
}

.prodotto_menu ul h2 {
    margin-bottom: 0px;
}


.prodotto_menu ul a:hover {
    color: var(--green-color) !important;
}

.prodotto_menu ul a:last-child {
    border-right: 1px solid var(--light-grey-color) !important;
}

.fotogalery .prodotto_menu ul a,
.page-index .prodotto_menu ul a,
.archive .prodotto_menu ul a {
    border-right: 0px !important;
}

.fotogalery .prodotto_menu ul li:last-child a,
.page-index .prodotto_menu ul li:last-child a,
.archive .prodotto_menu ul li:last-child a {
    border-right: 1px solid var(--light-grey-color) !important;
}

.title_biciclette {
    text-align: center;
    font-size: 28px;
    line-height: 36px;
    color: var(--main-color-header-h1);
    font-weight: 300;
}

.entry-summary {
    padding: 0px 3rem;
    margin-bottom: 50px;
}

.importo_rata.hidden {
    display: none;
}

.summary p.product_title {
    color: var(--grey-color);
    font-size: 35px;
    line-height: 46px;
    font-weight: normal;
    margin-bottom: 20px;
}

.descrizione_bike ul {
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 14px !important;
}

.descrizione_bike h3,
.descrizione_bike h2 {
    font-size: 30px;
    line-height: 39px;
    color: var(--grey-color);
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

#descrizione_bike p {
    margin-bottom: 10px !important;
}

.summary p {
    margin-bottom: 0px;
}

.summary .descrizione_bike p {
    margin-bottom: 20px !important;
}

.summary p.price {
    font-size: 36px;
    font-weight: 500;
    color: var(--green-color);
    margin: 0;
}

.summary p.price span.prezzo_listino,
.woocommerce-variation-price span.prezzo_listino {
    font-size: 16px !important;
    color: var(--grey-color);
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;
}

.summary p.price span.risparmi,
.woocommerce-variation-price span.risparmi {
    font-size: 16px;
    color: var(--green-color);
    font-weight: 700;


}

.importo_rata {
    margin-top: 5px;
}

.importo_rata p,
.importo_rata.hidden p {
    font-weight: normal;
    margin-bottom: 0 !important;
}


img.logo_paga {
    height: 22px;
    margin-right: 5px;
}

img.logo_paga_info {
    width: 18px;
    height: 18px;
    margin-left: 3px;
    margin-top: -3px;
}

.woocommerce-variation-description {
    display: none;
}

.woocommerce-variation-price {
    font-size: 36px !important;
    font-weight: 900;
    color: var(--green-color);
    margin: 0;
}

.woocommerce-variation-price p {
    font-weight: normal;
}

.woocommerce-variation-price {
    display: none;
}

.summary .sku_prodotto {
    margin-bottom: 4px;
}

.summary a {
    color: var(--grey-color);
     !important;
    text-decoration: none !important;
}

.cofidis-calculadora,
#badge2,
.cofidis-product {
    display: none !important;
}

.flex-control-thumbs {
    list-style: none;

    margin: 0;
    padding: 0;
}

form.single_bike_form {
    background: #f2f2f3;
}

form.single_bike_form input {
    width: 100%;
    background: #fff;
    color: var(--grey-color);
    border: 2px solid var(--light-grey-color);
    border-radius: 0px;
    margin-bottom: 20px;
    padding: 5px 20px;
    text-align: left;
    text-transform: uppercase;
}

#donnoLiveSP form.single_bike_form {
    background: transparent !important;
}

#donnoLiveSP form.single_bike_form input {
    background: transparent !important;
}


form.single_bike_form button {
    width: calc(100% - 10px);
    background: var(--grey-color);
    color: #fff;
    border-radius: 0px;
    padding: 16px;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    display: block;
    transition: 0.3s background;
    line-height: 22px;
    border: none !important;
}

form.single_bike_form button:hover {
    background: var(--green-color);

}

form#lead_prodotto a {
    color: var(--grey-color) !important;
}

form#lead_prodotto p {
    margin-bottom: 0px !important;
}

form#lead_prodotto button {
    width: 100%;
    margin-top: 20px;
}

form.single_bike_form {
    border-radius: 19px;
}

form#lead_prodotto .dlForm p.title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 7px !important;
    letter-spacing: 1px;
}

form#lead_prodotto .dlForm p.pretitle {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0 !important;
}

form#lead_prodotto .dlForm p {
    text-align: left;
}

form#lead_prodotto .dlForm input,
form.single_bike_form input {
    border-radius: 30px !important;
    padding: 10px 25px !important;
    border: 1px solid #818181;
    text-transform: inherit !important;
}

form#lead_prodotto .dlForm button,
form.single_bike_form button {
    border-radius: 30px !important;
    padding: 14px 20px;
    font-size: 20px;

}

form#lead_prodotto {
    max-width: 600px;
}

p.success_form,
p.success_form {
    font-size: 15px;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    background: #5bd18a;
    padding: 10px 20px;
    letter-spacing: 1px;
}

p.error_form,
p.error_form {
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    background: red;
    padding: 10px 20px;
}


button.minus,
button.plus {
    background: #f5f6f8;
    font-size: 16px;
    padding: 5px 10px;
    line-height: 16px;
    border: 2px solid var(--light-grey-color) !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    margin: 0;
     !image-orientation: ;
    /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

#popup_donnolive .modal-dialog {
    min-height: 100vh;
    align-items: center;
    display: flex;
}

#popup_donnolive .modal-content {
    max-width: 900px !important;
    padding: 0px;
    border-radius: 25px;
}

#popup_donnolive p.title {
    font-size: 28px !important;
    line-height: 34px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}

#popup_donnolive p.pretitle {
    font-size: 20px !important;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

#popup_donnolive p {
    font-size: 16px !important;
    line-height: 22px;
}

#popup_donnolive form.single_bike_form {
    background: transparent;
}

#popup_donnolive form#lead_prodotto button {
    margin-top: 0;
}

#popup_donnolive .modal-header {
    padding: 0px;
}

#popup_donnolive .modal-header button.btn-close {
    position: absolute;
    right: 30px;
    top: 30px;
    border: none !important;
    font-size: 20px;
    font-weight: 600;
    color: #262626;
    opacity: 1;
    z-index: 99999;
    box-shadow: none !important;
}

#popup_donnolive a {
    color: #262626 !important;
}

#popup_donnolive form#lead_prodotto {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#popup_donnolive .form-bottom p {
    font-size: 14px;
    line-height: 16px;
}

#popup_donnolive .form-bottom p.bottom-title {
    margin-bottom: 7px !important;
    font-size: 17px;
    line-height: 18px;

}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
    width: 100px;
    border-radius: 0px;
    height: 40px;
    margin-right: 15px;
}

.iconic-was-chosen-attribute {
    display: none;
}

.iconic-was-swatches {
    margin: 5px 0 5px !important;
}

table.variations {
    margin-top: 20px;
    margin-bottom: 10px;
}

table.variations tr {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

table.variations th {
    font-weight: 900 !important;
    font-size: var(--text-main-size);
    color: var(--main-color);
    line-height: var(--text-main-lh);

}

.variations_form label {
    font-weight: 900 !important;
    font-size: var(--text-main-size);
    margin-right: 30px;
    color: var(--main-color);
    line-height: var(--text-main-lh);
}

a.reset_variations {
    display: none !important;
}



.quantity input {
    width: 40px;
    margin: 5px;
    padding: 3px;
    text-align: center;
    font-size: 20px;
    border: 2px solid var(--light-grey-color);
}

.single_add_to_cart_button {

    background: var(--main-color);
    color: #fff;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    padding: 16px 32px;
    transition: .3s background;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;

}

.single_add_to_cart_button:hover {
    background: var(--grey-color);

}

.tools {
    border: 2px solid var(--main-color);
    border-radius: 4px;
    padding: 5px 12px;
    width: fit-content;

}

.stock {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

p.stock.out-of-stock,
p.stock.available-on-backorder {
    display: none;
}

.markblue {
    color: var(--green-color);
}

.stock a {
    color: var(--main-color);
    font-weight: 700;
    display: inline-block;

}

.stock a:after {
    display: block;
    content: '';
    width: 100%;
    margin-top: 2px;
    background: #777;
    height: 1px;
}

.stock span {
    color: #018692;
}

.markred {
    color: red;
}

.woocommerce-product-gallery .slick-slide {
    cursor: pointer;
}

.flex-viewport {
    height: 100% !important;

}

.flex-active-slide {
    min-width: calc((1000px - 142px) / 2);
    max-width: 992px !important;

}

/*Tabs*/
ul.wc-tabs {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;



}

ul.wc-tabs li {
    margin-right: 10px;
}

ul.wc-tabs li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    background: var(--grey-color-tabs);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    border-radius: 5px;
    transition: 0.3s background;
    margin-top: 10px;
}

ul.wc-tabs li a:hover {
    background: var(--green-color);
}

ul.wc-tabs li.active a {
    background: var(--green-color);
}

/*galleria_biciclette_banner*/
.galleria_biciclette_banner {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 700px;
    width: 100%;
    background-attachment: fixed;
    webkit-background-attachment: inherit !important;
    webkit-background-size: contain;
    -moz-background-size: cover;
    -o-background-size: cover;

}

img.logo_motore {
    margin-bottom: 15px;
}

img.photo_motore {
    margin-bottom: 20px;
    margin-top: 20px;
}

p.title_motore,
p.manufacter_motore {
    font-weight: bold;
    margin-bottom: 0px;
    text-align: center;
    text-transform: uppercase;
    color: var(--grey-color);

}

p.title_motore {
    font-size: 21px;
    line-height: 27px;


}

p.subtitle_motore {
    margin-bottom: 10px !important;
}

p.manufacter_motore {
    font-size: 16px;
    line-height: 27px;
    color: var(--main-color);
    margin-top: 10px;
    min-height: 26px;
}

.specification_motore p {
    text-align: left;
    color: var(--main-color);
    margin: 5px 0px;
}

.specification_motore span.markspan {
    color: var(--grey-color);
    font-weight: 700;
}

p.titolo_ciclista {
    font-size: 16px;
    line-height: 27px;
    color: var(--grey-color);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}

.ciclista_decription p {
    font-size: 15px;
    line-height: 22px;
    color: var(--main-color);
}


/* Lifestyle*/

table.spec {
    color: #666566;
    font-size: 14px;
    line-height: 21px;
    color: var(--grey-color);
}

table.spec td {
    border: 1px solid #bebebe;
}

table.spec td.label {
    font-weight: 600;
    text-align: right;
    width: 0;
    white-space: nowrap;
    padding: 6px 10px 6px 40px;
}

table.spec td.value {
    padding: 6px 10px;
}

table.spec td.titolo_specification {
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 10px;

}

table.spec td {
    padding: 5px 10px;
}

table.spec tr.trrow1 {
    background-color: #fafafa;
}

h3.bike_header_techniche {
    color: var(--grey-color);
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 1.5em;

}

.accessories_for_bicy a {
    color: var(--grey-color) !important;
    text-decoration: none !important;
    font-weight: normal !important;
    text-transform: inherit !important;
    font-weight: 700;
}

.accessories_for_bicy span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.accessories_for_bicy .price_acc {
    margin-top: 10px;
    margin-bottom: 10px;
}

.accessories_for_bicy .price_acc span {
    font-size: 18px;
    color: #000;


}

.button_accessories button {
    border: 1px solid var(--grey-color) !important;
    border-radius: 10px;
    color: var(--grey-color);
    text-transform: uppercase;
    background-color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    padding: 7px 15px;
    transition: 0.3s background-color;
    letter-spacing: 1px;
}

.button_accessories button:hover {

    color: #fff;
    background-color: var(--grey-color);

}

.button_accessories button:first-child {
    margin-right: 5px;
}

.configurazioni_desc {
    display: inline-block;
    margin-top: 20px;
}

.sp_section img {
    display: block;
}

.sp_section p.titolo,
.sp_section h3.titolo,
.front-page p.titolo {
    text-transform: uppercase;
    text-align: center;
    color: var(--grey-color);
    font-size: var(--text-section-header-size);
    line-height: var(--lh-section-header-size);
    font-weight: normal;
}

.sp_section h3.titolo {
    margin-bottom: 1.5em;
}

/*Photogallery*/
a.photogallery {
    width: calc(100%);
    height: calc(100vw / 4.5) !important;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: .3s filter;
}

a.photogallery:hover {
    filter: grayscale(1);
    width: 100%;
    height: 100%;
}

#gallery-info svg.svg-icon {
    width: 64px;
    visibility: hidden;
    fill: #fff;
}

a.photogallery:hover svg.svg-icon {
    visibility: visible !important;
}

/*Modal*/

ol.flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
}

ol.flex-control-thumbs li {
    width: 33.33%;
    display: inline-block;
    float: left;
    padding: 5px;
}

.bike_popup p.name_prodotto {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
    text-align: left;
}

.bike_popup .description_prodotto {
    text-align: left;

}

.bike_popup .accessories_preheader {
    font-size: 20px;
    line-height: 28px;
}

.modal-dialog {

    max-width: 1000px !important;
}

.modal-header {
    border: none !important;

}

.modal-content {
    padding: 30px 30px 50px 30px;
}

.modal-header .btn-close {
    padding: 5px;
    border-radius: 0px;
    border: 1px solid var(--grey-color) !important;
}

.modal-header .btn-close:hover {
    background-color: #fff;
}

.btn-close:focus {
    box-shadow: 0 0 0 0.25rem #57bdc661;
}

.er {
    background: var(--green-color);
    color: #fff;
    padding: 7px 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    display: none;
    line-height: 22px;
    max-width: 550px;
    margin-bottom: 20px;


}

.er .wr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.er button {
    background: #fff;
    color: var(--main-color);
    padding: 1px 20px !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: normal !important;
    letter-spacing: 1px;
    border: none;
    border-radius: 25px;
    margin-left: 20px;
    height: 24px;
}

.er button:hover {
    background: var(--grey-color);
    color: #fff;
}

.lead_form button.close {
    background: #fff;
    border: 0px;
    font-weight: 700;
    font-size: 32px;
    margin-left: auto;
    padding: 0px;
}

.lead_form form input {
    padding: 7px 15px;
    border: 1px solid var(--light-grey-color);
    margin-top: 10px;
    width: 300px;
}

.lead_form form button.submit {
    background: var(--grey-color);
    width: 300px !important;
    color: #fff;
    padding: 16px 32px !important;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 50px !important;
    transition: .3s background;
    margin-top: 40px !important;
}

.lead_form form button.submit:hover {
    background: var(--green-color);
}

.lead_form form .titolo_form {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px;
}

.lead_form form .preheader_form {
    font-size: 18px;
    line-height: 26px;
}

.lead_form .modal-dialog {
    max-width: 600px !important;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
}

.lead_form .modal-content {
    padding: 0px 30px !important;
    height: min-content;
    min-height: 400px;
}



.google_shop {
    background: var(--green-color);
    padding: 40px;
    margin-bottom: 10px;
    border-radius: 5px;
    display: none;
    line-height: 22px;
    max-width: 600px;
    margin-bottom: 20px;
    background: #f2f2f3;


}

.google_shop p.l {
    font-size: 26px;
    line-height: 36px;
    color: var(--main-color);
    font-weight: 500;
}

.google_shop p.m {
    color: var(--main-color);
}

.google_shop button {
    background: var(--green-color);
    color: #fff;
    padding: 12px 23px !important;
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: normal !important;
    letter-spacing: 1px;
    border: none;
    border-radius: 5px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}

.google_shop button:hover {
    background: var(--grey-color);
    color: #fff;
}

#Modal_ER .modal-header,
#Modal_Paga .modal-header {
    height: 44px;
}

#Modal_ER button.close,
#Modal_Paga button.close {
    background: #fff;
    border: 0px;
    font-weight: 700;
    font-size: 32px;
    margin-left: auto;
    padding: 0px;
}

#Modal_ER form input,
#Modal_Paga form input {
    padding: 7px 15px;
    border: 1px solid var(--light-grey-color);
    margin-top: 7px;
    width: 100%;
    margin-bottom: 15px;
    font-size: 14px;

}

#Modal_ER form label,
#Modal_Paga form label {
    font-size: 14px;
    line-height: 20px;
    display: block;

}

#Modal_ER form button.submit,
#Modal_Paga form button.submit {
    background: var(--grey-color);
    width: 100%;
    color: #fff;
    padding: 16px !important;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 50px !important;
    transition: .3s background;
    font-size: 14px;
    max-width: 286px;
}

#Modal_ER form button.submit:hover,
#Modal_Paga form button.submit:hover {
    background: var(--green-color);
}

#Modal_ER form .titolo_form,
#Modal_Paga form .titolo_form {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px;
}

#Modal_ER form .preheader_form,
#Modal_Paga form .preheader_form {
    font-size: 18px;
    line-height: 26px;
}

#Modal_ER .modal-dialog,
#Modal_Paga .modal-dialog {
    max-width: 800px !important;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
}

#Modal_ER .modal-content,
#Modal_Paga .modal-content {
    padding: 5px 5px !important;
    height: min-content;
    min-height: 450px;
}

#Modal_ER .modal-content .single_bike_form_head ul,
#Modal_Paga .modal-content .single_bike_form_head ul {
    text-align: left;
    margin: 0px;
}

#Modal_ER .modal-content .single_bike_form_head ul li,
#Modal_Paga .modal-content .single_bike_form_head ul li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

#Modal_ER .modal-content .titolo_form,
#Modal_Paga .modal-content .titolo_form {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 1px;
}

#Modal_ER .modal-content p.sm,
#Modal_Paga .modal-content p.sm {
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    margin-left: 20px;
    margin-top: 20px;
}

#Modal_ER .modal-content .pro,
#Modal_Paga .modal-content .pro {
    border-left: 1px solid #ccc;
}

#Modal_ER .single_bike_form_head,
#Modal_ER .input_block,
#Modal_Paga .single_bike_form_head,
#Modal_Paga .input_block {
    max-width: 400px;
}

/*Versatilita*/

.versatilita .wrap {
    text-align: center;
}

a.versatilita-fancybox {
    transition: .3s filter;
}

a.versatilita-fancybox:hover {
    filter: grayscale(1);
}

#versatilita svg.svg-icon {
    width: 64px;
    fill: #fff;
    position: absolute;
    visibility: hidden;
}

a.versatilita-fancybox {
    width: 100%;
    height: 100%;
}

a.versatilita-fancybox:hover svg.svg-icon {
    visibility: visible !important;
}

/*CONFIGURAZIONI */
.configurazioni_bike h4.titolo_configurazioni_bike {
    color: var(--text-grey-color);
    font-size: 21px;
    line-height: 27px;
    text-transform: uppercase;
    margin-bottom: 1.5em;

}

.configurazioni_bike h4.titolo_configurazioni_bike:after {
    content: '';
    display: block;
    width: 90%;
    height: 1px;
    background: var(--light-grey-color);
    margin: 15px auto 0px 0px;

}

.configurazioni_bike p.preaheader_configurazioni_bike {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: var(--main-color);
}

#configurazioni_bike ul.bici_configurazioni_accessori li {
    cursor: pointer;
}

#configurazioni_bike ul.bici_configurazioni_accessori li span.span_accessori {
    transition: 0.3s color;
}

#configurazioni_bike ul.bici_configurazioni_accessori li span.span_accessori:hover {
    color: var(--green-color);
}

#configurazioni_bike ul.bici_configurazioni_setup li {
    margin-left: 20px;
    font-size: 15px;
    line-height: 25px;
    margin-top: 10px;
}

ul.bici_configurazioni_setup {
    min-height: inherit !important;
}

span.span_accessori {
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
}

span.accessori_color {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-bottom: -1px;
    margin-right: 3px;
}

span.accessori_color_blue {
    background: #5a6f9b;
}

span.accessori_color_orange {
    background: #cd8b4e;
}

span.accessori_color_green {
    background: #8c9161;
}

span.accessori_color_stars:before {
    content: "*";
    position: absolute;
    font-size: 25px;
}

.configurazioni_bike ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    min-height: 120px;
}

.configurazioni_bike ul.bici_configurazioni_accessori li {
    width: 50%;
}

.configurazioni_bike ul.bici_configurazioni_accessori li:nth-child(even) {
    float: right;

}

.configurazioni_bike ul.bici_configurazioni_accessori li:nth-child(odd) {
    float: left;
}

/*Videoblock*/
.videoblock p {
    margin: 0px;
}

.videoblock p.header_video {
    font-weight: 700;
}

.front-page p.header_video {
    font-size: 14px;
    line-height: 18px;
    color: var(--grey-color) !important;
    font-weight: 400;
}



.front-page .videoblock a {
    cursor: pointer;
}

.videoblock img.preview_button {
    transition: 0.3s transform;
}

.videoblock img.preview_button:hover {
    transform: scale(1.1);
}

.single-videogallery .videoblock .wrap:nth-child(odd) {
    padding-right: 1rem;
}

.single-videogallery .videoblock .wrap:nth-child(even) {
    padding-left: 1rem;
}

.single-videogallery .videoblock .card_video {
    align-self: end;
}

iframe.youtube_embed {
    width: 100%;
    height: calc(var(--width-section)/ 2 / 16 * 9);
}

.emilia_banner,
.default_banner {
    display: none;
}

/*Catalog*/
.section-products-header {
    background: var(--lightest-grey-color);
}

.archive ul.products, .configurator ul.products {
    list-style: none !important;
    margin: 0px;
}
.configurator p.title {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
}
.configurator .quick-add {
    background-color: #008692;
    color: #fff ;
    border: 1px solid #008692 !important;

    
}
.configurator del, .woocommerce-mini-cart-item del {
    opacity: .7 ;
    font-size: 16px !important;
}
.configurator del bdi, .woocommerce-mini-cart-item del bdi {
    font-size: 16px !important;
}
.configurator .card-accessori p {
    line-height: 18px;
}
.configurator mark, .configurator ins, .woocommerce-mini-cart-item mark, .woocommerce-mini-cart-item ins {
    background: transparent;
    margin-left: 7px;
    opacity: 1;
    font-size: 19px;
}
.configurator bdi, .woocommerce-mini-cart-item bdi {
        font-size: 19px;

}
.mcraft-password-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 80px 20px;
        }
        .post-password-form {
            max-width: 450px;
            width: 100%;
            padding: 40px;
            background: #ffffff;
            border: 1px solid #eee;
            border-radius: 12px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        }
        .post-password-form h2 {
            margin-top: 0;
            font-size: 24px;
            color: #111;
        }
        .post-password-form p {
            font-size: 15px;
            color: #666;
            line-height: 1.6;
            margin-bottom: 25px;
        }
        .post-password-form input[type="password"] {
            width: 100%;
            height: 50px;
            padding: 0 15px;
            margin-bottom: 20px;
            border: 2px solid #f0f0f0;
            border-radius: 6px;
            font-size: 16px;
            transition: border-color 0.3s;
            box-sizing: border-box;
        }
        .post-password-form input[type="password"]:focus {
            border-color: #008080;
            outline: none;
        }
        .post-password-form input[type="submit"] {
            width: 100%;
            height: 50px;
            background: #008080;
            color: #fff;
            border: none;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.3s;
        }
        .post-password-form input[type="submit"]:hover {
            background: #006666;
        }
.woocommerce-products-header {
    background: var(--lightest-grey-color);
    color: var(--grey-color);
}

.woocommerce-products-header__title {

    text-transform: uppercase;
    text-align: center;
    font-size: 28px;
    line-height: 36px;
    color: #333;
    font-weight: 300;
}

.woocommerce-breadcrumb a,
.woocommerce-breadcrumb {
    color: #333;
    font-weight: 500;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    margin-top: 10px;
}

.archive .products {
    padding: 0px;
}

.archive ul.products, .configurator ul.products {
    max-width: 1428px;
    margin: 0 auto;

}

.archive .shop {
    background: var(--lightest-grey-color) !important;

    padding: 3.5rem 0px 6rem 0 !important;
}

.archive .title_archive_prodotto {
    min-height: 44px;
}

.archive .title_archive_prodotto p {
    line-height: 22px;
    color: var(--grey-color);
}

.search-card .title_archive_prodotto {
    min-height: 44px;
}

.search-card .title_archive_prodotto p {
    line-height: 22px;
    color: var(--grey-color);
}

.archive-card-bike {
    background: #f7f7f7;
}
li.archive-card-accessori {
        display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.archive-card-bike .wrap,
.archive-card-accessori .wrap {
    background: #fff;
}

.archive-card-accessori .price_acc {
    margin-bottom: 20px;
}

.archive-card-accessori .price_acc span {
    color: #000;
    font-size: 16px;
}

.archive-card-bike a,
.archive-card-accessori a {
    text-decoration: none;
    color: var(--grey-color) !important;
}

.archive-card-bike p,
.archive-card-accessori p {
    margin: 0px;
    color: var(--grey-color);
    line-height: 20px  !important;
}

.archive-card-bike .attachment-woocommerce_thumbnail {
    display: block;
    margin: 20px auto;
}

.archive-card-bike del {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-right: 10px;
}

.archive-card-bike bdi {
    font-size: 30px;
    line-height: 30px;
    color: var(--green-color);
    font-weight: 500;
}

.archive-card-bike .pagamento {
    font-size: 16px;
    margin-top: 5px;
    line-height: 20px;
}

.catalog_bike_header {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px !important;
}

.catalog_bike_header:after,
.catalog_option:before,
.catalog_price:after,
.catalog_buttons:before {
    content: '';
    display: block;
    margin: 10px auto;
    background: var(--light-grey-color);
    height: 1px;
    width: 95%;
}

.catalog_option:before,
.catalog_price:after {
    margin: 20px auto;
}

.catalog_buttons:before {
    margin: 0px auto 25px;
}

p.catalog_quote {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 0px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px;
}

p.catalog_text {
    margin-bottom: 20px;
}

.catalog_option {
    text-align: center;

}

.catalog_option p {
    font-size: 18px;
    line-height: 26px;
}

p.catalog_option_header {
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;


}

.catalog_option_value {
    text-align: center;
}

p.catalog_option_value {
    font-weight: 700;
}

.personalizzare {
    display: inline-block;
    margin-left: 10px;
    border-left: 1px solid #d7d9d6;
    height: 100%;
    padding-left: 10px;
}

.personalizzare img {
    width: 36px;
}

.catalog_buttons button {
    margin: 10px auto;
    display: inline;
    background: var(--grey-color);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 30px;
    border: none;
    border-radius: 5px;
    transition: .3s background;
}

.catalog_buttons button:hover {
    background: var(--green-color);
}

.catalog_buttons svg.arrow {
    height: 16px;
    width: 16px;
    fill: #fff;
    margin-bottom: 2px;
    margin-right: 5px;
}

ul.page-numbers {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    list-style: none;
    margin: 1.5rem 0 4.5rem 0;
    padding: 0;
}

ul.page-numbers li span,
ul.page-numbers li a {
    padding: 3px 6px;

    text-decoration: none;
    margin-right: 5px;
}

ul.page-numbers li span {
    border: 1px solid #eeeeee;
    background: #eeeeee;
    color: var(--grey-color) !important;
}

ul.page-numbers li a {
    border: 1px solid #f7f7f7;
    background: #f7f7f7;
    color: #aaaaaa !important;
    transition: .3s color;
}

ul.page-numbers li a:hover {
    color: var(--green-color) !important;
}

/*CATALOG*/
.catalog-card-bike:after {
    content: '';
    display: block;
    margin: 10px auto;
    background: var(--light-grey-color);
    height: 1px;
    width: 95%;
}

.catalog-card-bike:after {
    content: '';
    display: block;
    margin: 10px auto;
    background: var(--light-grey-color);
    height: 1px;
    width: 95%;
}

.catalog-card-bike:last-child:after {
    background: transparent;
}

.catalog-card-bike a {
    text-decoration: none;
}

.catalog-card-bike .catalog_bike_header {
    text-align: left;
    color: var(--grey-color);
    font-size: 35px;
    line-height: 46px;
    font-weight: 400;
    margin-bottom: 0px !important;
}

.catalog-card-bike .catalog_bike_header:after,
.catalog-card-bike .catalog_option:before,
.catalog-card-bike .catalog_price:after {
    background: transparent;
}

.catalog-card-bike .catalog_buttons button {
    margin: 2rem auto 1.5rem 0px;
}

.catalog-card-bike .catalog_option_value {
    text-align: left;
}

.catalog-card-bike .catalog_option_value bdi {
    font-size: 36px;
    font-weight: 900;
    color: var(--green-color);
}

.catalog-card-bike .catalog_option_value span.risp {
    font-size: 16px !important;
    color: var(--grey-color);
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;

}

/*Lavora Con Noi*/
.page-mcraft a {
    text-decoration: none;
}

.page-mcraft button.aqua {
    background: var(--green-color);
    color: #fff;
    border: 0px;
    border-radius: 25px;
    margin: 1.5rem auto;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    padding: 16px 32px;
    display: block;
    text-decoration: none;
    transition: .3s background;
}

.page-mcraft button.black {
    background: var(--grey-color);
    color: #fff;
    border: 0px;
    border-radius: 25px;
    margin: 1.5rem auto;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    padding: 16px 32px;
    display: block;
    text-decoration: none;
    transition: .3s background;
}

.page-mcraft button.black:hover {
    background: var(--green-color);
}

.opportunita #intro {
    min-height: 700px;
}

.opportunita #intro h2 {
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.page-mcraft button.aqua:hover {
    background: var(--grey-color);
}

.page-mcraft button.ml {
    margin: 1.5rem auto 1.5rem 0px;
}

/*Su do noi*/

.bigmargin {
    margin-bottom: 100px;
}

.image_collage img {
    max-width: 400px;
    margin-top: 50px;
}

.image_collage img.first {
    transform: rotate(4deg);
    margin-top: 20px;
}

.image_collage img.second {
    transform: rotate(-4deg);
    position: absolute;
    top: 34%;
    right: -110px;
}

.image_collage img.third {
    z-index: 3;
    position: absolute;
    bottom: -65px;
    left: 10px;
}

.triangle {
    position: relative;
}

.triangle:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #fff transparent;
    transform: rotate(180deg) translate(50%, 0%);


}

#utility img {
    width: 200px;
    margin: 40px auto 20px auto;
    display: block;
}

.boldp p {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}

.card-distributore .wrap {
    border-right: 1px solid #ededeb;
}

.card-border-right-grey .wrap {
    border-right: 1px solid #ccc;

}

.card-distributore:last-child .wrap {
    border-right: 0px !important;
}

#distributore .wrap img {

    display: block;
    margin: 20px auto 30px auto;
    height: 50px;
}

#distributore .wrap span {

    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}

#distributore .wrap p {
    margin-top: 20px;
}

.card-distributore p {
    text-align: left;
}

.bg-lightest-grey {
    background: #ededeb;
}

.gallery-3-image img {
    width: calc((100% / 3) - 3px);
    padding-left: 15px;
}

.gallery-3-image img:last-child {
    width: calc((100%/3) - 1px);
}

.gallery-column-image img {
    margin-bottom: 15px;
}

#candidat {
    margin-top: 3rem;
}

#candidat .b24-form-control-file {
    background: #fff !important;
    border: none !important;
}

#candidat input.b24-form-control,
.b24-form-control-icon-after,
.b24-form-control-string {
    color: #fff !important;
    background: transparent;

}


#candidat button.b24-form-btn {
    border-radius: 50px;
    border: none;
    background-color: var(--grey-color) !important;
    color: #fff !important;
    margin-top: 20px;
    text-transform: capitalize;
    font-family: 'Lato' !important;
    font-size: 14px;
    width: 200px;
    margin: 30px 0px;
    display: block
}

#candidat button.b24-form-btn:hover {
    background-color: var(--green-color) !important;
    color: #fff !important;
}

#candidat .b24-form-control-string .b24-form-control-icon-after input {
    background: #fff !important;
    color: var(--grey-color) !important;
    border: 1px solid var(--grey-color) !important;
    text-align: left;
}

#candidat .b24-form-control-icon-after {
    border: none !important;
}

#candidat .b24-form-control {
    border-radius: 0px;
}

#candidat .b24-form-control-label {
    color: #000 !important;
    opacity: 1;
    padding: 0px 10px;
    text-align: left;
    font-family: 'Lato' !important;
}

#candidat .b24-form-header-padding {
    display: none
}

#candidat .b24-form-control-container {
    margin-bottom: 0px !important;
}

#candidat .b24-form-control-required {
    color: #000 !important;

}

#candidat .b24-form-control-alert-message {
    background: var(--grey-color);

}

#candidat .b24-form-dropdown-container {
    box-shadow: 1px 1px 5px var(--grey-color);
    border: 1px solid #7a7a7a;


}

#candidat input.b24-form-control {
    color: #000 !important;
}

#candidat .b24-form-field-layout-hr {
    margin: 25px
}

#candidat .b24-form-field-list {
    border: 1px solid var(--grey-color) !important;
}

#candidat .b24-form-dropdown-container .b24-form-control-list-selector-item {

    border-bottom: 1px solid var(--grey-color) !important;

}

#candidat .b24-form-control-alert.b24-form-control-list .b24-form-control {
    border: 1px solid var(--grey-color) !important;
}

#candidat .b24-form-control-alert-message:after {
    border: none;
}

#candidat .b24-form-field-layout-section,
#contatto .b24-form-field-layout-section {
    font-weight: 300 !important;
    font-size: 12px;
    line-height: 16px;
    margin: 0px !important;
}

#contatto button.b24-form-btn {
    background: var(--grey-color) !important;
    color: #fff;
    transition: .3s background;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 1.5rem;
    width: auto !important;
    min-width: 180px;
    padding: 16px 32px !important;
}

#contatto button.b24-form-btn:hover {
    background: var(--green-color) !important;
}

#candidat .b24-form-field-layout {
    margin-bottom: 2px !important;
}

#candidat .b24-form-field-agreement {
    margin-top: 20px !important;
}

/*soluzioni di pagamento*/
.pagamento_soluzione img.paga_logo {
    height: 65px;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.pagamento_desc a {
    color: var(--green-color) !important;
    text-decoration: underline !important;
}

@media(max-width:1399px) {
    .bigmargin {
        margin-bottom: 350px;
    }

    .image_collage img {
        max-width: 50%;
        display: block;

    }

    .image_collage img.first {
        transform: rotate(-4deg);
    }

    .image_collage img.second {
        transform: rotate(4deg);
        right: 1vw;
        top: 15%;

    }

    .image_collage img.third {
        bottom: -50%;
        left: 20%;
    }
}

/*Bonus*/

#caa #cta img {
    max-width: 200px;
    margin: 4rem auto;
}


#testimonianze .wrap {
    border-radius: 25px;
    background: #fff;
    padding: 1.5rem 3rem;

}

#testimonianze .wrap img {
    max-width: 60px;
    margin: 0px;
}

.star-ratings {
    font-size: 0;
}

.starss {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: gold;
    clip-path: polygon(50% 0%, 61% 38%, 100% 38%, 68% 61%, 79% 100%,
        50% 76%, 21% 100%, 32% 61%, 0% 38%, 39% 38%);
    margin-right: 5px;
}

.gift-card #distributore .wrap {
    max-width: 350px;
    display: block;
    margin: 0px auto;
}

.gift-card #distributore img {
    height: inherit;
    max-width: 350px;
    width: 100%;
}

.gift-card #distributore p {
    text-align: center;
}

/*fotogalery*/
p.count {
    font-size: 14px;
    line-height: 23px;
    color: #262626;
    font-weight: 400;
    text-align: center;

}

.fotogalery h2 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 0px;
    text-align: center;
    color: var(--grey-color);

}

/*Service Page*/
table.legal {
    margin: 3rem 0;
    margin-bottom: 9rem;
}

table.legal td {
    padding: 15px 10px;

}

table.legal strong {
    line-height: 20px;
}

table.legal td {

    padding: 25px 15px;
    border-top: 1px solid var(--light-grey-color) !important;
    border-bottom: 1px solid var(--light-grey-color) !important;
}

table.legal tr:first-child td {
    border-top: none !important;
}

table.contatto td {
    border-top: 1px solid var(--light-grey-color) !important;
    border-bottom: 1px solid var(--light-grey-color) !important;
    padding: 25px 15px;


}

table.contatto {
    margin-top: 1.5rem;

}
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
}

.skip-link:focus {
  left: 10px;
  top: 10px;
  background: #000;
  color: #fff;
  padding: 10px;
  z-index: 9999;
}
/*page-index*/

.page-index h2,
.front-page #press p.entry-title a,
.page-index p.entry-title a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--grey-color);
}

.page-index .entry-index-content,
.front-page #press {
    font-size: 16px;
    line-height: 27px;
    color: var(--main-color);
    font-weight: 400;
}

.page-index p.entry-title a {
    color: var(--grey-color) !important;
}

/*Blog*/

#masonry-grid {
    margin: 0;
    padding: 0;
    list-style: none;
}

#masonry-grid li {
    margin: 0 20px 20px 0;
    width: calc((100% / 3) - 20px);
    float: left;
}

.front-page #masonry-grid li {
    margin: 0 10px 20px 10px;
}

#masonry-grid li:nth-child(3n+3) {
    margin-right: 0px !important;
}

.page-index .wrap,
.front-page #press .wrapper {
    border: 1px solid #e3e3e3;
}

.front-page #press .wrapper {
    height: 100%;
}

.front-page #press .wrapper a {
    color: var(--main-color) !important;
    text-decoration: none !important;
}

.page-index button,
.front-page #press button {
    background: var(--green-color);
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
    border: none;
    transition: .3s background;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 600;
}

.page-index button:hover,
.front-page #press button:hover {
    background: var(--grey-color);
}

.front-page #press button {
    margin: 0.25rem 0 0 0;
}

#masonry-grid .post {
    margin-bottom: 0px;
}

.single-post figcaption {
    font-style: italic;
    font-size: 14px;
}

.single-post img {
    margin-right: auto !important;
}

.single-post h2 {
    font-size: 28px;
    line-height: 1.3em;
    color: var(--grey-color);
    font-weight: 700;

    position: relative;
    text-align: center;

    display: inline;
}

.single-post h2 span {
    display: block;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;

}


.single-post h3 {
    font-size: 22px;
    line-height: 1.3em;
    color: var(--grey-color);

    font-weight: 500;
    display: inline;
}

.single-post h3 span {
    display: block;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    padding-top: 10px;
    padding-bottom: 3px;
    position: relative;

}

.single-post h3 span:after {
    content: '';
    width: 140px;
    background: #dcdddf;
    height: 3px;
    display: block;
    position: absolute;
    bottom: -10px;
}

.single-post h3 span:before {
    content: '';
    width: 40px;
    background: #008692;
    height: 3px;
    display: block;
    position: absolute;
    bottom: -10px;
    z-index: 50;
}

.single-post h4 {
    font-size: 23px;
    color: var(--grey-color);
    margin-bottom: 12px;
    line-height: 36px;
    font-weight: 400;
    margin-top: 10px;
    position: relative;
}


.single-post h5 {
    font-size: 18px;
    color: var(--grey-color);
    margin-bottom: 12px;
    line-height: 26px;
    font-weight: 500;
    margin-top: 12px;
}

.single-post .entry-content ul {
    margin: 0px 0px 1.5em 10px !important;
}

.single-post main ul li {
    margin-top: 5px;
}

.single-post strong {
    color: #444;
}

.single-post span.cat-links a {
  background: #00869212;
    padding: 7px 15px;
    color: #333 !important;
    border-radius: 7px;
    border: 1px solid #008692;
    margin-right: 5px;
}


.single-post .entry-meta {
    font-size: 14px;
    line-height: 23px;
    color: var(--main-color);
    font-weight: 400;


}

.single-post .entry-meta .posted-on {
    display: block;
    margin-bottom: 15px;
}

.single-post .post-content a {
    color: var(--green-color) !important;
    text-decoration: none !important;

}

.single-post iframe {
    width: 100%;
    height: 535.5px !important;
}

.single-post blockquote {
    margin: 40px auto 60px auto;
    border: 3px solid #000;
    position: relative;
    padding: 2rem;
    text-align: center;
    border-radius: 10px;
    max-width: 640px;


}

.single-post blockquote p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px !important;
    display: initial;
}

.single-post blockquote span {
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    text-align: right;
    display: block;
    font-weight: 300;
    margin-right: 0px;
    margin-top: 5px;
}

.single-post blockquote:before {

    color: #008692;
    font-family: "Roboto", serif;
    content: "“";
    position: absolute;
    top: -10px;
    font-size: 72px;
    font-weight: 700;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    line-height: 50px;
    width: 45px;
    height: 35px;

}

.single-post blockquote:after {
    color: #008692;
    font-family: "Roboto", serif;
    content: "”";
    position: absolute;
    bottom: -35px;
    font-size: 72px;
    font-weight: 700;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    width: 45px;
    line-height: 50px;
    height: 45px;

}

.single-post .entry-meta a {
    transition: .3s color;
    font-weight: 500;
    color: var(--main-color) !important;
    text-decoration: none;

}

.single-post .entry-meta a:hover,
.post-content a:hover {
    color: var(--green-color) !important;
}

.single-post .banner-quiz {
    min-height: 500px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 26px !important;

}

.single-post .banner-quiz p {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

.single-post .banner-quiz p.title {
    font-size: 45px;
    line-height: 50px;
    font-weight: 900;
}

.single-post .banner-quiz button {
    min-width: 190px;
    background: #fff;
    border-radius: 25px;
    padding: 16px 25px;
    border: none;
    font-size: 18px;
}

.single-post .content-banner-border {
    border-top: 12px solid #018692;
}

.single-post .content-banner-border img.curves {
    width: 385px;
    position: absolute;
    left: 9%;
    bottom: -61px;
    max-width: 40%;
}

.single-post .content-banner p.title {
    font-size: 55px;
    text-align: left;
    line-height: 60px;
    color: #018692;
    font-weight: 900;
    margin-bottom: 0px;
}

.single-post .content-banner p {
    font-size: 18px;
    line-height: 26px;
}

.single-post .content-banner img.quest {
    max-width: 200px;
    width: 100%;

}

.single-post .post-content .content-banner .piu a {
    color: #444 !important;
    display: inline-block;
}

.single-post .post-content .content-banner .piu a:after {
    content: '';
    display: block;
    width: 130%;
    height: 3px;
    background: #018692;
    margin-top: 5px;
}
.single-post p {
    margin-bottom: 1.0rem ;
}

.lwptoc:first-child {
    display: inline-block;
    float: right;
    margin-left: 50px !important;
    max-width: 45%;
    border-left: 5px solid #008692;
    border-right: 5px solid #008692;
    margin: -12px 20px 20px 20px;
    margin-top: -12px !important;
    margin-bottom: 0px !important;



}

.lwptoc-light .lwptoc_i {
    background: #fff !important;
    font-size: 15px;
    line-height: 15px;
}

.lwptoc:before {
    content: '';
    display: block;
    height: 5px;
    width: calc(100% + 40px);
    background: #008692;
    margin-left: -20px;
    margin-top: 20px;
}

.lwptoc:after {
    content: '';
    display: block;
    height: 5px;
    width: calc(100% + 40px);
    background: #008692;
    margin-left: -20px;
    margin-bottom: 20px;
}

.single-post .post-content .lwptoc a {
    color: var(--main-color) !important;

}

.single-post .post-content .lwptoc a:hover {
    border-bottom: none !important;
}

a.lwptoc_toggle_label,
.lwptoc_toggle {
    display: none !important;
}

b.lwptoc_title {
    text-align: center !important;
    font-weight: 600 !important;
}

.lwptoc_itemWrap {
    line-height: 22px !important;
}

.lwptoc_item {
    margin-top: 3px !important;
}

.blog_banner {
    height: 600px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    position: relative;
}

.blog_banner h1 {
    color: #fff !important;
    font-size: 60px;
    line-height: 65px;
}

.blog_banner .entry-meta,
.blog_banner .entry-meta a {
    color: #fff !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 20px;

}

.blog_banner .entry-meta a:hover {
    color: #fff !important;
}

.widget-area span {
    font-size: 14px;
    line-height: 23px;
    color: var(--grey-color);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.widget-area ul {
    list-style: none;
    padding: 0px;
    margin: 20px 0px 0px 0px;
}

.single-post .widget {
    margin-bottom: 3rem;
}

.widget-area a {
    transition: .3s color;
    font-weight: 500;
    color: var(--main-color) !important;
    text-decoration: none;
    font-size: 15px;
    line-height: 18px;
    transition: .3s color !important;
}

.widget-area a:hover {
    color: var(--green-color) !important;
}

li.last_news_sidebar {
    font-size: 13px !important;
    line-height: 18px !important;
}

li.last_news_sidebar .last_news_date,
li.last_news_sidebar .last_news_date a {
    display: block;
    margin-top: 10px;
    font-size: 12px !important;
    line-height: 16px !important;
    font-style: italic;
}

.news_link {
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.card-bottom-news .wrap {
    border: 1px solid #efefef;
}
.single-post .post-content .bottom_news a {
    color: var(--main-color) !important;
    transition: .3s color;
}

.single-post .bottom_news a:hover {
    color: var(--green-color) !important;
}

.bottom_news span {
    font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--main-color);
}

.bottom_news a {
    color: var(--main-color) !important;
}

.bottom_news:after {
    content: '';
    height: 2px;
    background: #dddddd;
    width: 100%;
    display: block;
    margin-top: 3rem;
}

.card-bottom-news img:hover,
.last_news_sidebar img:hover {
    filter: grayscale(1);
}

.last_news_date a,
.last_news a {
    transition: .3s color;
}

.last_news_date a:hover,
a.last_news:hover {
    color: var(--green-color) !important;
}

#player {
    width: 100%;
    height: calc(1428px *9 /16);
    min-height: 100%;
    max-width: 1428px;
    margin: 0px auto;
    display: block;
}

.html5-video-player a {
    display: none !important;
}

.blog_row .title_blog {
    width: 100%;
    background-color: #f9f9f9;
    padding: 10px 20px;
    color: #999;
    border-top: 1px dotted #DDD;
    border-bottom: 1px solid #ddd;
}

.blog_row .entry-content {
    margin-top: 0px !important;
}

.blog_row .link_blog,
.video_blog {
    font-size: 15px !important;
    line-height: 24px;
}

.blog_row .link_blog a {
    font-weight: 700;
    color: #000 !important;
    font-size: 15px !important;
    line-height: 24px !important;
    margin-top: 5px;
    border-bottom: 2px solid var(--green-color);
}

.blog_row .link_blog img,
.video_blog img.icon-video {
    display: block;
    width: 20px;
    margin-bottom: 5px;
}

.blog_row {
    margin-bottom: 1.5rem;
}

.blog_row .video_blog {
    max-width: 260px;
}

.blog_row hr {
    margin-top: 30px;
    background-color: var(--grey-color);
}

.content_blog p:last-child {
    margin-bottom: 0px;
}

.content_blog img {
    margin-top: 1.5rem;
}

.blog_row ul.blog_menu {
    margin: 0;

    margin-bottom: 0px;
    padding: 0;
    padding-left: 1rem;
}

.blog_row form#lead_prodotto p {
    font-size: 22px !important;
}

.blog_row form#lead_prodotto p.head {
    font-size: 30px;
    margin-bottom: 10px !important;
}

.blog_row form#lead_prodotto p.sm {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-top: 10px;
    margin-bottom: 20px;
}

.blog_row form#lead_prodotto input {
    text-transform: inherit !important;
}

.blog_row form#lead_prodotto textarea {
    width: 100%;
    background: #fff;
    color: var(--grey-color);
    border: 2px solid var(--light-grey-color);
    border-radius: 0px;
    padding: 5px 20px;
    text-align: left;
    text-transform: inherit !important;
}

#scrollIndicator {
    position: fixed;
    top: 0;
    left: 0;
    height: 8px;
    width: 0;
    background-color: var(--green-color);
    opacity: 0.5;
    border-radius: 4px;
    z-index: 9999;
    transition: width 0.3s
}

/*SERVIZI PAGE*/
.servizi-page .triangle img {
    width: 325px;
    margin: 0px auto;
    display: block;
}

.servizi-page ul {
    margin-top: 5px;
}

#durante ul {
    margin-bottom: 10px;
}

.servizi-page p {
    margin-bottom: 0px;
}

.servizi-page .marg-def p {
    margin-bottom: 20px;
}

.servizi-page #motore img {
    margin: 0px auto;
    display: block;
}

#durante p {
    margin-bottom: 10px;
}

.servizi-card {

    border-right: 1px solid #ccc;

}

.servizi-card:nth-child(odd) {
    border-right: 0px;
}

/*Mini Cart*/
.cart-empty {
    text-align: center !important;
    font-size: 24px;
    margin-top: 4.5rem;
}

.cart-blank .round {
    border: 1px solid var(--light-grey-color);
    border-radius: 50%;
    padding: 45px 25px;
    width: 200px;
    height: 200px;
    display: block;
    margin: 1.5rem auto 4rem auto;

}

.cart-blank a.wc-backward {
    background: var(--grey-color);
    color: #fff !important;
    padding: 16px 32px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    transition: .3s background;
    letter-spacing: 1px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.cart-blank a.wc-backward:hover {
    background: var(--green-color);
}

.add-to-cart-modal ul {
    margin: 0;
    margin-bottom: 1.5rem;
    padding: 0;
    list-style: none;
}

.add-to-cart-modal ul a {
    text-decoration: none !important;
    color: var(--grey-color);
}

.add-to-cart-modal img {
    max-width: 120px;
    margin-right: 20px;
    margin-left: 20px;
}

.add-to-cart-modal .buttons {
    display: flex;
    justify-content: flex-end;
}

.add-to-cart-modal .buttons a {
    display: none;
}

.add-to-cart-modal .buttons a {
    text-decoration: none !important;
    padding: 10px 20px;
    margin-right: 10px;
    background: var(--green-color);
    color: #fff !important;
    border: none;
    border-radius: 5px;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 1px;

}

.add-to-cart-modal .buttons a.checkout {
    background: var(--grey-color);
    margin: 20px auto;
    display: block !important;
    width: 100%;
    text-align: center;
    transition: .3s background;
}

.add-to-cart-modal .buttons a.checkout:hover {
    background: var(--green-color);
}

.add-to-cart-modal .woocommerce-mini-cart__total span {
    float: right;
}

.add-to-cart-modal span.codice_prodotto {
    font-size: 12px !important;
    line-height: 0px !important;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: inherit;

}



@font-face {
font-display:swap;
    font-family: star;
    src: url('/wp-content/themes/mcraft/./fonts/star.eot');
    src: url('/wp-content/themes/mcraft/./fonts/star.eot?#iefix') format("embedded-opentype"), url('/wp-content/themes/mcraft/./fonts/star.woff') format("woff"), url('/wp-content/themes/mcraft/./fonts/star.ttf') format("truetype"), url('/wp-content/themes/mcraft/./fonts/star.svg#star') format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
font-display:swap;
    font-family: WooCommerce;
    src: url('/wp-content/themes/mcraft/./fonts/WooCommerce.eot');
    src: url('/wp-content/themes/mcraft/./fonts/WooCommerce.eot?#iefix') format("embedded-opentype"), url('/wp-content/themes/mcraft/./fonts/WooCommerce.woff') format("woff"), url('/wp-content/themes/mcraft/./fonts/WooCommerce.ttf') format("truetype"), url('/wp-content/themes/mcraft/./fonts/WooCommerce.svg#WooCommerce') format("svg");
    font-weight: 400;
    font-style: normal
}


.woocommerce .star-rating {
    float: none;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
    font-family: star;
    display: block;
    color: #ffdf00;
}

.woocommerce .star-rating::before {
    content: "sssss";
    color: #ffdf00;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em
}

.woocommerce .star-rating span::before {
    content: "SSSSS";
    top: 0;
    position: absolute;
    left: 0
}

.woocommerce .woocommerce-product-rating {
    line-height: 2;
    display: block
}

.woocommerce .woocommerce-product-rating::after,
.woocommerce .woocommerce-product-rating::before {
    content: " ";
    display: table
}

.woocommerce .woocommerce-product-rating::after {
    clear: both
}

.woocommerce .woocommerce-product-rating .star-rating {
    margin: .5em 4px 0 0;
    float: left
}

.woocommerce .products .star-rating {
    display: block;
    margin: 0 0 .5em;
    float: none
}

.woocommerce .hreview-aggregate .star-rating {
    margin: 10px 0 0
}

.woocommerce p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    color: #ffdf00;
}

.woocommerce p.stars a::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: WooCommerce;
    content: "\e021";
    text-indent: 0
}

.woocommerce p.stars a:hover~a::before {
    content: "\e021"
}

.woocommerce p.stars:hover a::before {
    content: "\e020"
}

.woocommerce p.stars.selected a.active::before {
    content: "\e020"
}

.woocommerce p.stars.selected a.active~a::before {
    content: "\e021"
}

.woocommerce p.stars.selected a:not(.active)::before {
    content: "\e020"
}

.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
    float: none
}

.woocommerce .widget_rating_filter ul li .star-rating {
    float: none;
    display: inline-block
}

.woocommerce-review__published-date {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #7d7d7d;
    margin-top: 0.25rem;
}

.woocommerce-review__dash {
    display: none;
}

.woocommerce-review__author {
    font-size: 16px;
    line-height: 22px;
    color: var(--grey-color);
    margin-top: 0.5rem;
    display: block;
}

.commentlist li img.avatar {
    display: none;
}

ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment-image-reloaded {
    width: 100%;
}

.comment-image-box {
    display: inline-flex;
}

.comment-text .description {
    display: flex;
    flex-direction: column-reverse;
    font-size: 16px;
    line-height: 22px;
    color: var(--main-color);


}

.comment-text .description p,
.comment-text .meta {
    padding: 0px 1.5rem;
}

.comment-text p.comment-image-reloaded {
    padding: 0 !important;
}


.comment_container {
    background: #fafafa;
    border: 1px solid #ccc;
    padding: 0px 0px 1.5rem 0px;
    margin-bottom: 20px;
}


ol.commentlist li {

    width: calc((100% / 3) - 20px) !important;
    margin: 0 20px 20px 0;
    float: left;
    padding: 0px;


}

ol.commentlist li:nth-child(3n+3) {
    margin-right: 0px !important;
}



#comments p.titolo {
    text-transform: uppercase;
    text-align: center;
    color: var(--grey-color);
    font-size: var(--text-section-header-size);
    line-height: var(--lh-section-header-size);
    font-weight: normal;
}

#review_form {
    margin-top: 0rem;
}

#review_form_wrapper #reply-title {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 32px;
    font-weight: 600;
}

#review_form_wrapper .comment-notes {
    font-size: 14px;
    line-height: 20px;
}

#review_form_wrapper p.stars {
    margin-bottom: .5rem;
}

#review_form_wrapper .comment-form-email,
#review_form_wrapper .comment-form-author {
    width: 49%;
    display: inline-block;
}

#review_form_wrapper .comment-form-email input,
#review_form_wrapper .comment-form-author input {
    width: 90%;
}

#review_form_wrapper .comment-form-email label,
#review_form_wrapper .comment-form-author label {
    display: block;
    margin-bottom: 0.5rem;

    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

#review_form_wrapper .comment-form-comment textarea {
    width: calc(100% - 20px);
}

#review_form_wrapper .comment-form-rating label,
#review_form_wrapper .comment-form-comment label {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#review_form_wrapper .comment-form-cookies-consent {
    font-size: 14px;
    line-height: 20px;
    display: inline-flex;
    align-items: flex-start;
    margin-bottom: 0.5rem;

}

#review_form_wrapper .comment-form-cookies-consent [type="checkbox"] {
    margin-top: 4px;
}

#review_form_wrapper .comment-form-cookies-consent label {
    margin-left: 10px;
}

#review_form_wrapper .form-submit input,
button.add_review {
    background: var(--grey-color);
    color: #fff;
    padding: 16px 32px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    transition: .3s background;
    letter-spacing: 1px;
    margin-top: 1rem;
}

#review_form_wrapper .form-submit input:hover,
button.add_review:hover {
    background: var(--green-color);
}

.average_rating {
    font-size: 26px;
    font-weight: 600;
}

#reviews .comment-image {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 270px !important;
}

span.woocommerce-Reviews-title {
    font-size: 14px;
    line-height: 18px;
}

.rating-stars {
    font-family: "Star";
    font-size: 20px;
    /* Size of the stars */
    content: 'S';
}

.rating-stars .star::before {
    content: "S";
    /* Unicode character for the filled star in WooCommerce font */

    text-shadow:
        -1px -1px 0 #ffc720,
        1px -1px 0 #ffc720,
        -1px 1px 0 #ffc720,
        1px 1px 0 #ffc720;
    /* обводка через тень */

}

.rating-stars .star.empty::before {
    content: "\e020";
    /* Unicode character for the empty star in WooCommerce font */

}

.rating-stars .star.half {}

.rating-stars .star.half::before {
    content: 'S';
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #ffc720 !important;
    width: 17px;
    text-shadow: 3px 1px 0px #ffc720;

}

.rating-stars .star {
    color: #fff;
    height: 27px !important;
    display: inline-block;
}

.rating-stars .star.active {
    display: inline-block !important;
    color: #ffc720 !important;
}



.rating-stars .star.half:after {

    content: 'S';
    color: #fff;
    margin-left: -15px;
    text-shadow:
        -1px -1px 0 #ffc720,
        1px -1px 0 #ffc720,
        -1px 1px 0 #ffc720,
        1px 1px 0 #ffc720;
    /* обводка через тень */
}



#review_form_wrapper #comment-image-reloaded-wrapper label {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 1rem;
}

input::file-selector-button {


    border: none;
    width: 48px !important;
    height: 48px !important;
    border-radius: 5px;
    background: #fff;
    background-image: url('https://new.donnobikes.com/wp-content/themes/mcraft/assets/img/downloading.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: transparent;
    margin-right: 20px;
    transition: .3s opacity;
}

input::file-selector-button:hover {
    opacity: 0.5;
}

/*Login*/
.woo-login {
    max-width: 400px;
    margin: 3rem auto;
    display: block;

}

.woo-login #myTab {
    justify-content: center;
    border: none;
}

.woo-login #myTab a {
    border: none;
    transition: .3s background;
    background: var(--grey-color);
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 5px !important;
    margin-right: 10px;
}

.woo-login #myTab a.active {
    background: var(--green-color);

}

.woo-login #myTab h2 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.woo-login .woocommerce-form-login,
.woo-login .woocommerce-form-register {

    border: 1px solid #ccc;
    padding: 3rem;
    margin: 3rem auto;
    display: block;
    min-height: 180px;

}

.woo-login button {
    background: var(--grey-color);
    transition: .3s background;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    border: none;
    border-radius: 5px;
    color: #fff;
    margin-top: 1rem;
}

.woo-login button:hover {
    background: var(--green-color);
}

.woocommerce-form-login label,
.woo-login .woocommerce-form-register label {
    display: block;
    margin-bottom: .5rem;
}

.woo-login .woocommerce-form-login input,
.woo-login .woocommerce-form-register input {
    width: calc(100%);
}

.woo-login .woocommerce-form-login .form-row {
    display: inline-flex;
    flex-direction: row-reverse;
}

.woo-login .woocommerce-form-login .form-row-wide {
    width: 100%;
    display: block;
}

.woo-login label.woocommerce-form-login__rememberme {
    display: inline-flex;
    margin-top: 1rem;
    font-size: 14px;
    letter-spacing: 0px;
    text-transform: inherit;
    margin-left: 20px;
    align-items: center;
    margin-bottom: 0px;

}

.woo-login label.woocommerce-form-login__rememberme input {
    margin-right: 5px;
}

/*Account*/
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 30%;
    float: left;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 20px 0 30px 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
    padding-top: 10px;
}

.woocommerce-MyAccount-navigation ul li a {
    transition: .3s color;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--green-color) !important;

}

.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--green-color) !important;
}

.woocommerce-MyAccount-content {
    width: 70%;
    float: right;
    padding: 20px 0;
    margin-bottom: 3rem;
    min-height: 50vh;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
    width: 100%;
}

.woocommerce-MyAccount-content ul.woocommerce-PaymentMethods {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-content button {
    margin: 1.5rem 0.75em;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    background: var(--grey-color);
    transition: .3s background;
    border-radius: 5px;
    border: none;
    color: #fff;
    letter-spacing: 1px;
}

.woocommerce-MyAccount-content .form-row label {
    display: block;
    margin-bottom: .5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.woocommerce-MyAccount-content .form-row input {
    width: calc(100% - 20px);
    padding: 10px;
}

.woocommerce-MyAccount-content button:hover {
    background: var(--green-color);
}

.woocommerce-MyAccount-content em {
    font-size: 13px;
    margin-top: 5px;
}

.woocommerce-MyAccount-content legend,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content h2,
.woocommerce-order-details h2,
.woocommerce-customer-details h2 {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 36px;
    margin: 1.5rem 0;
    letter-spacing: 1px;

}

.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content h2,
.woocommerce-order-details h2,
.woocommerce-customer-details h2 {
    text-align: left;
}

.woocommerce-MyAccount-content fieldset {
    padding: 0px;
}

.woocommerce-MyAccount-content ul.woocommerce-PaymentMethods li label {
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 10px;
}

.woocommerce-MyAccount-content ul.woocommerce-PaymentMethods li .payment_box label {
    margin: 20px 0 10px;
}

h2.wc-bacs-bank-details-heading {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

h3.wc-bacs-bank-details-account-name {
    margin-bottom: 2rem !important;
}

/*Checkout*/
.woocommerce-checkout .row {
    width: 100%;
}

.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
    width: 100% !important;
}

.form-row-first,
.form-row-last {
    width: 50%;
    display: block;
}

.form-row-first {
    float: left;
}

.form-row-last {
    float: right;
}

.woocommerce-checkout h3 {
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 3rem;
}

.woocommerce-billing-fields__field-wrapper label {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.woocommerce-billing-fields__field-wrapper input {
    width: calc(100% - 20px);
    margin-top: 0.5rem;
    padding: 7px 15px;
    color: var(--grey-color);
}

.woocommerce-billing-fields__field-wrapper input:hover,
.woocommerce-billing-fields__field-wrapper input:active,
.woocommerce-billing-fields__field-wrapper input:focus-visible {
    border: 1px solid #000 !important;
}

span.select2-container {
    width: calc(100% - 20px) !important;
    margin-top: 0.5rem !important;
    color: var(--grey-color);

}

span.select2-selection__rendered {
    padding: 7px 15px !important;
}

span.select2-selection {
    height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}

.select2-container--default .select2-selection--single {
    border-color: #ccc !important;
}

.woocommerce-additional-fields {
    display: none;
}

.select2-container--default .select2-results>.select2-results__options {
    padding: 0px 15px !important;
}

tr.cart_item {
    display: table-row;
    flex-direction: row;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

tr.cart_item td.product-name {
    padding-bottom: 1.5rem;
    width: max-content;
    display: -webkit-inline-box;
}

#order_review .product-thumbnail {
    width: 150px;
    float: left;
    margin-right: 20px;

}

#order_review dt {
  font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 600;
    display: inline;
    float: left;
    margin-right: 7px;
}
#order_review dd, #order_review dd p {
       font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 400;
    margin: 0px;
}

#order_review .product-meta {
    letter-spacing: 0px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}
#order_review .product-meta .amount {
    font-size: 16px !important;
}

.payment_method_cofpay_gateway img {
    height: 32px !important;
    margin-left: 7px !important;
}

.payment_method_ppcp-gateway img {
    margin-left: 7px !important;

}

.payment_method_alma img {
    height: 22px !important;
    margin-left: 7px !important;

}

#order_review .product-meta span.name_prodotto_cart {
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0 !important    ;
}

.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table tfoot strong {
    text-transform: uppercase;
    font-weight: 400 !important;
    letter-spacing: 1px;
    font-size: 14px;
}

li.mini_cart_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;

}

li.mini_cart_item .product-meta {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
}

li.mini_cart_item span.name_prodotto_cart {
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
}

li.mini_cart_item .product-meta span {
    font-size: 15px;
}

li.mini_cart_item .quantity {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 3px !important;
}

li.mini_cart_item .quantity span.amount {
    margin-left: 5px;
}
li.mini_cart_item dt {
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 600;
    display: inline;
    float: left;
    margin-right: 7px;

}
li.mini_cart_item dd {
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 400;
    margin: 0px;
}
li.mini_cart_item dd  p{
       font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 400;
    margin: 0px;
}
.woocommerce-checkout-payment ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-checkout-payment .payment_box {
    margin-top: 20px;
    margin-left: 30px;
}

.woocommerce-checkout-payment li.wc_payment_method {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.woocommerce-checkout-payment li.wc_payment_method label {
    margin-left: 10px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.woocommerce-checkout-payment button {
    background: var(--green-color);
    padding: 16px 32px;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    border-radius: 5px;
    margin-top: 1.5rem;
    transition: .3s background;
    color: #fff;
}

.woocommerce-checkout-payment button:hover {
    background: var(--grey-color);
}

ul#shipping_method {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

ul#shipping_method li {
    display: flex;
    align-items: flex-start;
    font-size: 15px;
    margin-bottom: 10px;
}

ul#shipping_method li input {
    margin: 8px 8px 0px 10px;
}

.woocommerce-shipping-totals th,
.woocommerce-shipping-totals td {
    display: block !important;
    margin-top: 10px;
}

.woocommerce-checkout .woocommerce-info a {
    color: var(--green-color) !important;
}

.woocommerce-checkout .woocommerce-account-fields {
    margin-top: 1.5rem;
}

.woocommerce-checkout .woocommerce-form-login,
.woocommerce-checkout .woocommerce-form-coupon {
    max-width: 800px;
    border: 1px solid #ccc;
    padding: 1.5rem 3rem;
    margin-top: 1.5rem;
    background: #f7f7f7;
    min-height: 180px;
    margin-bottom: 1.5rem;
}

.woocommerce-checkout .woocommerce-form-login label {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.woocommerce-checkout .woocommerce-form-login input,
.woocommerce-checkout .woocommerce-form-coupon input {
    width: calc(100% - 20px);
    margin-top: 0.5rem;
    padding: 7px 15px;
}

.woocommerce-checkout .woocommerce-form-login label.woocommerce-form-login__rememberme {
    display: inline-flex;
    margin-top: 1rem;
    font-size: 14px;
    letter-spacing: 0px;
    text-transform: inherit;
    margin-left: 20px;

}

.woocommerce-checkout .woocommerce-form-login label.woocommerce-form-login__rememberme input,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label-for-checkbox input {
    margin-right: 5px;
    margin-top: 3px;
}

.woocommerce-checkout .woocommerce-form-login .form-row {
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: flex-end;
}

.woocommerce-checkout .woocommerce-form-login .form-row-first,
.woocommerce-checkout .woocommerce-form-login .form-row-last {
    display: inline-flex;
    flex-direction: column;
    align-items: inherit;

}

.woocommerce-checkout .woocommerce-form-login button,
.woocommerce-checkout .woocommerce-form-coupon button {
    background: var(--grey-color);
    transition: .3s background;
    border: none;
    border-radius: 5px;
    padding: 16px 32px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    margin-top: 1.5rem;

}

.woocommerce-checkout .woocommerce-form-coupon button {
    margin-top: calc(.5rem - 5px);
}

.woocommerce-checkout .woocommerce-form-login button:hover {
    background: var(--green-color);
}

/*Order  Details*/
.woocommerce-order-details ul li {
    display: flex;
    flex-direction: row;

}

.woocommerce-order-details thead th {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 20px 0;

}

.woocommerce-order-details td.woocommerce-table__product-name a {
    font-size: 20px;
    line-height: 42px;
    font-weight: 300;
}

.woocommerce-order-details td.woocommerce-table__product-name {
    font-size: 14px;
}

.woocommerce-order-details ul li strong {
    margin-right: 10px;
}

.woocommerce-order-details ul.wc-item-meta {
    margin: 0px 0 20px;
    padding: 0;


}

.woocommerce-order-details ul.wc-item-meta li {
    font-size: 14px;
}

.woocommerce-order-details ul.wc-item-meta li p {
    margin-bottom: 0px !important;
    font-size: 14px;
}

ul.woocommerce-thankyou-order-details {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*myModal*/
#myModal .modal-dialog {
    max-width: 500px !important;
    width: calc(100% - 20px);
    height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    margin: 0;

}

#myModal .modal-dialog .modal-header {
    border-bottom: 1px solid #ccc !important;
    text-align: center;
    background: #fff;
}

#myModal .modal-dialog .modal-header p {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    width: 100%;
}

#myModal .modal-dialog .modal-content {
    border-radius: 20px 0px 0px 20px;
    background: #f4f4f9;
    padding: 0px 0px 50px 0px !important;

    min-height: 100vh;

}

#myModal .woocommerce-mini-cart__empty-messages {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;

}

#myModal .woocommerce-mini-cart__empty-messages .round {
    padding: 45px 25px;
    border-radius: 50%;
    background: #fff;


}

#myModal .widget_shopping_cart_content {
    height: 100%;
}

#myModal .woocommerce-mini-cart__empty-messages p.woocommerce-mini-cart__empty-message {
    font-weight: 600;
    font-size: 22px;
    margin: 40px 0px;
    color: #000;
    height: 100%;
}

a.iconic-woothumbs-fullscreen,
a.iconic-woothumbs-play {
    background: #fff !important;
    padding: 6px;
    border-radius: 25px;
}

.iconic-woothumbs-images-wrap .iconic-woothumbs-fullscreen svg path:not(:last-child) {
    stroke: #000 !important;

}

.iconic-woothumbs-images-wrap .iconic-woothumbs-fullscreen svg path:last-child {
    stroke-width: 2px !important;
    stroke: #000 !important;
}

.iconic-woothumbs-images-wrap .iconic-woothumbs-play svg path {
    fill: #000 !important
}

.iconic-woothumbs-play {
    left: 12px !important;
    right: inherit !important;
}

.iconic-woothumbs-play svg {
    height: 24px !important;
    width: 24px !important;
}

.iconic-woothumbs-fullscreen svg {
    height: 22px !important;
    width: 24px !important;
}

.woocommerce-product-gallery__image a {
    pointer-events: none;
    cursor: default;
}

li.tc-mode-color {
    display: flex !important;
    margin-bottom: 10px !important;

}

span.tc-label-wrap span.radio-image {
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0px !important;
}

select.tmcp-select {

    padding: 7px 15px !important;
    width: 180px !important;
    background: #fff !important;
}

.radio-image-label,
.checkbox-image-label {
    font-weight: 400 !important;
    padding: 1em 0px 0px 0px;
    font-size: 15px;
}

li.tc-active {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.tc-element-inner-wrap .tc-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center !important;
}

.tc-element-inner-wrap .tc-row label.tc-cell {
    display: block;
    width: auto;
    max-width: fit-content;
    padding-right: 0px;

}

.tc-element-inner-wrap .tc-row .tc-element-container {
    display: block;
    width: auto;
    max-width: fit-content;
    padding: 0px;
}

/*FRONT */

.front-page a {
    text-decoration: none;
}

.front-page .border-x {

    padding: 0;

}

.front-page p {
    font-size: 15px;
    color: #262626 !important;
}

.front-page hr {
    height: 1px;
    background: var(--grey-color);
    width: 100%;
    margin-top: 0px;
}

.front-page p,
.front-page h1,
.front-page h2,
.front-page h3,
.front-page h4 {
    color: var(--grey-color);
}

.front-page h2,
.front-page h1 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 300;
}

.front-h1title p {
    color: var(--grey-color) !important;
    margin-bottom: 2.0rem !important;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
}

.front-page h1 {
    margin-bottom: 1.2rem !important;
}

.front-page h3 {
    font-size: 23px;
    line-height: 34px;
    font-weight: 300;
}

.front-page h4 {
    font-weight: 300;
    font-size: 26px;
    line-height: 42px;
}

.front-page img.category_img:before {
    background: var(--grey-color-tabs);
    height: 1px;
    content: '';
    display: block;
    width: 100%;
}

#front_content button,
.front-page .videoblock button,
#press button,
button.more_press {
    background: var(--grey-color-tabs);
    color: #fff;
    border: none;
    border-radius: 5px;
    display: block;
    margin: 3rem auto;
    font-size: 16px;
    line-height: 20px;
    padding: 16px 25px;
    transition: .3s background;
}

.front-page .videoblock button,
#press button,
button.more_press:hover {
    text-transform: uppercase;
}

#front_content button:hover,
.front-page .videoblock button:hover,
#press button:hover,
button.more_press:hover {
    background: var(--green-color);

}

.front-page .image-column {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 500px;
}

.front-page .round {
    border: 5px solid #018692;
    border-radius: 19px;
}

.front-page p.title {
    font-size: 24px;
    line-height: 32px;
}

.front-page #donnolive p.title {
    font-size: 34px;
    line-height: 42px;
}

.front-page #donnolive p.pretitle {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

.front-page #donnolive p {
    font-size: 18px;
    line-height: 26px;
}

.front-page #donnolive button {
    padding: 16px 25px !important;
}

.front-page #donnolive .container {
    border-left: 3px solid #008692;
    position: relative;
}

.front-page #donnolive .container:after {
    content: '';
    display: block;
    width: 220px;
    background: #008692;
    height: 3px;
    position: absolute;
    left: -3px;
}

.front-page button.cta_esperto {
    background: var(--green-color);
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
    border: none;
    transition: .3s background;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 600;
}

.front-page button.cta_blog {
    background: #fff;
    color: var(--main-color);
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
    border: none;
    transition: .3s background;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 600;
}

.emilia_banner,
.default_banner {
    display: none;
}

.marq_aqua {
    color: var(--green-color);
}

#front_video .overlay {
    width: 100%;
    height: 100%;
    position: relative;
    color: #ffffff;
    /* Цвет текста */
    font-size: 24px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

#front_video .overlay .wrap {
    position: absolute;
    bottom: 50px;
    right: 50px;
    display: flex;
    flex-direction: column;
}

#front_video .bannerxl,
#video-desc .bannerxl {
    font-size: 60px;
    line-height: 65px;
}

#front_video .bannerl,
#video-desc .bannerl {
    line-height: 40px;
}


#front_video .bannersm,
#video-desc .bannersm {
    font-size: 15px;
    line-height: 26px;
}

#video-desc .bannersm {
    color: var(--main-color);
}

#front_video .bannernorm,
#video-desc .bannernorm {
    letter-spacing: 1px;
}

#front_video .bannernormale,
#video-desc .bannernormale {
    letter-spacing: 1px;
    font-size: 28px;
    line-height: 40px;
}

#front_video .bannernormale {
    line-height: 50px !important;
    font-weight: 300;
    ;
}

#front_video a {
    color: #fff !important;
    text-decoration: none !important;
}

#video-desc a {
    color: var(--grey-color) !important;
    text-decoration: none !important;
}

#front_video span.links,
#video-desc span {
    padding-right: 10px;
}

#front_video span.link1,
#front_video span.link2,
#video-desc span.link1,
#video-desc span.link2 {
    cursor: pointer;
}

#front_video span.old-price,
#video-desc span.old-price {
    font-size: 30px;
    text-decoration: line-through;
}

#front_video span.new-price,
#video-desc span.new-price {
    font-size: 36px;
    color: #57bdc6;
    margin-left: 10px;
    font-weight: 700;
}

.over-stripe {
    position: absolute;
    background: #C50511;
    width: 100%;
    filter: drop-shadow(0px 0px 22.0000057220459px #000);
    transform: rotate(30deg);
    right: -20rem;
    top: 0rem;


}

.over-stripe2 {
    position: absolute;
    background: #C50511;
    width: 100%;
    filter: drop-shadow(0px 0px 22.0000057220459px #000);
    transform: rotate(12deg);
    right: -20rem;
    top: 0rem;


}

.overlay {
    position: relative;
    overflow: hidden;
}

.scrolling-text {
    white-space: nowrap;
    font-size: 24px;
    animation: scroll 5s linear infinite;
    color: #000;
    padding: 4px;
    font-weight: bold;
    text-shadow: none;


}

.scrolling-text span {
    color: #fff;
}

@keyframes scroll {
    0% {
        transform: translateX(33%);
    }

    100% {
        transform: translateX(40%);
    }
}

.bf_banner {
    background: #c50511;
    color: #000;
    text-shadow: none;
    font-size: 24px;
    padding: 10px;
    width: fit-content;

}

.bf_banner span {
    color: #fff;
}

select.select-menu {
    padding: 7px 15px;
    background: #fff !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAyCAQAAABreDolAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEMEY0NkU3OTNFRjAxMUUzOUIwMEI0MDA0MzhBQjkzQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMEY0NkU3QTNFRjAxMUUzOUIwMEI0MDA0MzhBQjkzQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQwRjQ2RTc3M0VGMDExRTM5QjAwQjQwMDQzOEFCOTNBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQwRjQ2RTc4M0VGMDExRTM5QjAwQjQwMDQzOEFCOTNBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VmemegAAAFxJREFUWMPt0rENgDAMRNE/D6NlgmQDr8gyhAIQSKFBcYW+rvFd8Sqz9k5ukJSUlJSU/D1JvIwxR45owCwJ7TE0yCChnrUeNYOEwka5Sg4Jy3366pKSkpKSkt+zA9QqAQFi9Y6EAAAAAElFTkSuQmCC') !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: 0;
    text-transform: uppercase;
    width: 350px;
    letter-spacing: 1px;
}

#form_prodotto {
    display: none;
}

.show {
    display: block;
}

select.select-menu option {
    padding: 7px 15px !important;
}

.icons_caa i {
    font-size: 36px;
    margin-right: 10px;
    color: var(--grey-color);
}

.icons_caa i:hover {
    color: var(--green-color);
}

iframe.maps_caa {
    width: 100%;
    min-height: 600px;
}

/*Search*/
span.find-icon {
    cursor: pointer;
    display: flex;
    align-items: center;
}

form.searchik {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9999;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0px;
}

form.cart {
    margin-top: 12px;
}

.container-form {
    max-width: 800px;
    margin: 0px auto;
}

form.searchik input,
form.search_mobile input,
form.search-form input {
    height: 50px;
    padding: 12px 25px;
    border: 1px solid var(--light-grey-color);
    border-radius: 0px !important;

}

form.searchik button,
form.search_mobile button,
form.search-form input.search-submit {
    height: 50px;
    margin: 0px;
    background: var(--main-color);
    transition: .3s background;
    padding: 15px !important;
    border: 0px;
    border-radius: 0px !important;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;

}

form.searchik button:hover,
form.search_mobile button:hover,
form.search-form input.search-submit:hover {
    background: var(--grey-color);
}

form.search_mobile {
    padding: 8px 15px;
    display: flex;
}

form.search-form input,
form.search-form input.search-submit {
    margin-top: 15px;
}

@media(min-width:1921px) {
    .galleria_biciclette_banner {
        height: 70vh !important;
    }
}

ul#Language {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    position: absolute;
    right: calc(((100vw - 1428px)/2) + 90px);
    background: #fff;
    height: 62px;
    padding-left: 5px;
}

ul#Language li {
    display: none;
    margin-right: 5px;
    transition: .3s all;
    opacity: 0;
}

ul#Language li.current-language-menu-item {

    display: block;
    margin-right: 5px;
    opacity: 1;
    pointer-events: none;
}

ul#Language:hover li {
    display: block;
    opacity: 1;
}

/*404*/
.error-404 a {
    text-decoration: none !important;
}

.error-404 button {
    font-size: var(--main-color);
    background: var(--green-color);
    color: #fff;
    border-radius: 25px;
    border: none;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 20px;
    padding: 16px 32px;
    transition: .3s background;
    margin-bottom: 20px;

}

.error-404 button.gr {
    background: var(--grey-color);
}

.error-404 button:hover {

    background: var(--grey-color);

}

.error-404 button.gr:hover {
    background: var(--green-color);
}

ul.woocommerce-breadcrumb {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
}

/*GPS*/
.gps button.transparent {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    padding: 16px 32px;
    display: block;
    text-decoration: none;
    transition: .3s background;
}

.gps button.transparent:hover {
    background: var(--green-color);
}

.gps #intro p,
.gps .banner p,
.gps .info p {
    font-size: 18px;
    line-height: 28px;
}

.gps h2 {
    font-size: 36px;
    line-height: 46px;
}

.gps span.title {
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.gps svg {
    font-size: 50px;
    transition: transform 0.5s;
}

.gps svg:hover {
    transform: scale(0.8);
}

.gps .banner,
.gps .banner p,
.gps .banner h2 {
    color: #fff;
}

.gps .banner {
    min-height: 700px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

#front_video .bannerl h2,
#video-desc .bannerl h2 {
    line-height: 40px;
    font-size: 24px;
}

/*About Us*/
.about-us p,
.about-us body {
    color: #000 !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

.about-us h2,
.about-us h3,
.about-us h4,
.about-us h5,
.about-us h6 {
    color: #000 !important;
}

.about-us hr {
    height: 2px;
    background: #abaec7;
}

.about-us .wrap .inners {
    max-width: 400px;
    display: block;
    margin: 0px auto;
}

.about-us p.pretitle {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: #000 !important;
    margin-bottom: 0;
}

.about-us h2 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;

}

.about-us h3 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.about-us h5 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}

.about-us .bg-blue {
    background: #f3f5fa;
}

.about-us #vantaggi .wrap {
    border-right: 2px solid #D9D9D9;
    height: 100%;
}

.about-us #vantaggi .bord:last-child .wrap {
    border-right: none !important
}

.about-us #vantaggi h3:after {
    height: 2px;
    display: block;
    content: '';
    background: #D9D9D9;
    width: 220px;
    margin-top: 0.75rem;
}

.about-us #info {
    padding-bottom: 180px !important;
}

.about-us #info .wrap.active {
    background: #fff;
    border-radius: 16px;
}

.about-us #info .wrap {
    height: 100%;
}

.about-us #info .wrap:hover {
    background: #fff;
    border-radius: 16px;
}

.about-us #brand .wrap {
    border: 1px solid #777;
    border-radius: 16px;
    height: 100%;
}

.about-us #brand .wrap img {
    margin-bottom: 0.5rem;
}

.about-us #brand .logo img {
    max-width: 150px;
}

.about-us #brand .repeater:last-child .logo img {
    max-width: 80px;
}

.about-us button {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;

}

.about-us button.main {
    border: 2px solid #018692 !important;
    border-radius: 3px;
    padding: 10px 20px;
    background: #fff;
}

.about-us button.white {
    border: 2px solid #fff !important;
    border-radius: 3px;
    padding: 10px 20px;
    background: #fff;
}

.about-us button.green {
    border: 2px solid #018692 !important;
    background: #018692 !important;
    color: #fff !important;
    border-radius: 3px;
    padding: 10px 20px;
    background: #fff;
}

.about-us button.large {
    border: 2px solid #018692 !important;
    border-radius: 10px;
    padding: 16px 32px;
    background: #fff;
    font-size: 25px !important;
    line-height: 35px !important;
    width: inherit;
    transition: .3s border;
}

.about-us button.large:hover {
    border: 2px solid #000 !important;

}

.about-us .rounded {
    border-radius: 20px;
    border: none !important;
    box-shadow: 0px 0px 18px 0px #4A4A4A5C, 0px 0px 3.3px 0px #00000040 inset;


}

.about-us .mtm150 {
    margin-top: -180px;
}

.about-us #recensione .quote p {
    font-size: 65px !important;
    color: #018692 !important;
    font-family: ABeeZee;
    font-weight: 900;
    font-style: normal;
}

.about-us #recensione p.pretitle {
    color: #000 !important;
    font-style: normal;
}

.about-us #recensione p {
    color: #018692 !important;
    font-style: italic;
}

.about-us #recensione p.nome {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
}

.about-us #recensione .wrap {
    border: 2px solid #018692;
    border-radius: 16px;
}

.about-us #recensione .wrap.active {
    background: #018692;
    color: #fff !important;
}

.about-us #recensione .wrap.active p {
    color: #fff !important;
}

.about-us #recensione img.quote {
    width: 25px;
    margin-bottom: 16px;
}

.about-us #recensione p.nome.aft a {
    color: #018692 !important;
    font-size: 18px !important;
}

.about-us #recensione p.nome.aft:after {
    content: '';
    display: block;
    width: 100px;
    background: #018692;
    height: 1px;
    text-align: center;
    margin: 5px auto;
}

/*DonnoDelivery*/
.donnodelivery .bg-blue {
    background: #f3f5fa;
    border-radius: 5px;
}

.donnodelivery #cta_block .background {
    min-height: 500px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border-radius: 5px !important;
}

.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6 {
    color: #000 !important;
}

.contrast p,
.contrast body {
    color: #000 !important;
}

.donnodelivery p.pretitle {
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
}

.donnodelivery h2 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 700;
}

.donnodelivery p {
    font-size: 20px;
    line-height: 24px;
}

.donnodelivery #perche .inner {
    max-width: 320px;
}

.donnodelivery #perche .inner p {
    font-size: 18px;
    line-height: 22px;
}

.donnodelivery .nomero {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    margin-right: 16px;
}

.donnodelivery button.white {
    background: #fff;
    border: 2px solid #018692 !important;
    padding: 12px 32px;
    font-size: 16px;
    line-height: 20px;
    transition: 0.3s border;
    color: #000;
    border-radius: 3px;

}

.donnodelivery button.whiteround {
    background: #fff;

    padding: 12px 32px;
    font-size: 24px;
    line-height: 32px;
    color: #000;
    border-radius: 70px;
    transition: .3s border;

}

.donnodelivery button.white:hover,
.donnodelivery button.whiteround:hover {
    border: 2px solid #000 !important;
}

.donnodelivery #info .desc p {
    font-size: 18px !important;
    line-height: 22px !important;
}

.donnodelivery #info img {
    border-radius: 5px;
}

.donnodelivery p.small {
    font-size: 16px;
    line-height: 20px;
}

/*Form Compleanno*/
#compleanno form .titolo_form {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 5px;

}

#compleanno form .preheader_form {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 12px;
}

#compleanno img.salute {
    position: absolute;
    top: 0px;
    left: 0px;
}

#compleanno img.background {
    position: absolute;
    top: 0px;
    right: 0px;
}

#compleanno img.ball {
    position: absolute;
    right: 10px;
    bottom: 0px;
    width: 100px;
}

#compleanno .modal-content {
    position: relative;
    border: 0;
}

#compleanno button.close {
    z-index: 999;
}

#compleanno .content-top {
    position: relative;
}

#compleanno .footer_form {
    background: #475050;

    margin-bottom: 60px;
    padding: 1.5rem;
    align-items: center;
}

#compleanno .footer_form .description {
    margin-left: 2rem;
}

#compleanno .footer_form p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}

#compleanno hr {
    background-color: #7b8283;
    border: 0;
    height: 3px;
    width: 50%;
    margin: 1.5em auto 1.5em;
}

/*Gift button*/
.cta_gift {
    position: fixed;
    left: 3%;
    bottom: 3%;
    padding: 12px;
    background: #018692;
    border-radius: 50%;
    overflow: hidden;
    animation: pulse 2s infinite;
}

img.gifts {

    width: 36px;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(1, 134, 146, 0.7);
        /* Тень вашего цвета */
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 20px rgba(1, 134, 146, 0);
        /* Тень вашего цвета */
    }

}

/*Footer Vantaggi*/
#vantaggi_footer {
    border-top: 2px solid #F3F5FA;
}

#vantaggi_footer p.pretitle {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}

#vantaggi_footer p.title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
}

#vantaggi_footer .list p.title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

#vantaggi_footer .list .wrap {
    border: 2px solid #F3F5FA;
    border-radius: 16px;
    height: 100%;
    max-width: 400px;
}

#vantaggi_footer .list .wrap.active {
    background: #f3f5fa;
}

#vantaggi_footer .list p {
    font-size: 15px;
    line-height: 20px;
}

#vantaggi_footer .m400 {
    max-width: 400px;
}

/*UDS*/
span.aqua {
    color: #018692;
}

.uds a {
    color: #018692 !important;
    text-decoration: underline;
}

.uds ol {
    margin: 0;

    padding-left: 16px;
}

.uds ol li {
    color: #000 !important;
    font-size: 17px;
    line-height: 28px;
}

.uds p,
.uds body {
    font-size: 16px;
    line-height: 20px;
}

.uds p.large,
.uds .large p {
    font-size: 20px;
    line-height: 24px;
}

.uds h2 {
    font-size: 25px;
    line-height: 32px;
}

.uds #intro p {
    font-size: 16px;
    line-height: 20px;
}

.uds #intro hr {
    height: 43px;
    width: 100%;
    background: #bcc5db;
}

.uds .bg-blue {
    background: #f3f5fa;
    border-radius: 5px;
}

.uds .nomero {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    margin-right: 16px;
}

.uds button.white {
    background: #fff;
    border: 2px solid #018692 !important;
    padding: 12px 32px;
    font-size: 16px;
    line-height: 20px;
    transition: 0.3s border;
    color: #000;
    border-radius: 3px;

}

.uds button.whitenoboreder {
    background: #fff;
    border: 0px solid #fff !important;
    padding: 12px 32px;
    font-size: 16px;
    line-height: 20px;
    transition: 0.3s border;
    color: #000;
    border-radius: 3px;

}

.uds #info .wrap.active,
.uds #vantaggi .wrap.active {
    background: #018692;
    color: #fff;
}

.uds #info .wrap.active p,
.uds #vantaggi .wrap.active p {
    color: #fff !important;
}


.uds button.white:hover {
    border: 2px solid #000 !important;
}

.uds #info .wrap {
    border: 1px solid #018692;
    border-radius: 16px;
}

.uds #vantaggi .wrap {
    border: 1px solid #018692;
    border-radius: 16px;
}

.message__icon {
    background-color: #f4faf6;
    color: #00a046;
    width: fit-content !important;
    margin: 0px auto;
    border-radius: 50%;
    padding: 12px;
}

p.success_form {
    font-size: 16px;
}

.message__icon svg {
    width: 37px;
    height: 37px;
}

.black-friday-mobile {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 70px !important;
}

.black-friday {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 60px !important;
}

/*Banner Category*/
.banner-personal p {
    font-size: 16px;
    line-height: 22px;
}

.banner-personal p.titole {
    font-size: 30px;
    line-height: 38px;
    color: #262626;
    font-weight: bold;
    margin-bottom: 18px;
}

.banner-personal p.titole span {
    color: #018692;


}

.banner-personal img {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.banner-personal svg {

    fill: #fff;
}

.color-3 {
    background: linear-gradient(to bottom right, #e3ecf1, #FFF5E0);
    border-radius: 7px;

}

.banner-personal button {
    background: transparent;
    color: #262626;
    padding: 0px;
    border-radius: 7px;
    font-weight: 500;
    text-transform: uppercase;
    border: none !important;
}

.single .banner-personal button {
    font-size: 14px !important;
}

.banner-personal button .plus {
    background: #262626;
    border-radius: 50%;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 4px;
    color: #fff !important;
    font-size: 18px;
    line-height: 0px;
    border: 2px solid #262626;
    padding: 4px;
    margin-left: 10px;
}

#popupNewsLetter img.logo {
    max-width: 150px;
    margin: 16px auto;
    display: block;
}

#popupNewsLetter .wrapper p {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 1.25rem !important;
}

#popupNewsLetter p.title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    margin-top: 2.0rem;
    margin-bottom: 1.5rem !important;
}

#popupNewsLetter form.single_bike_form {
    background: transparent;
    max-width: 500px;
}

#popupNewsLetter .modal-content {
    padding: 0;
}

#popupNewsLetter .modal-body {
    padding: 0;
}

#popupNewsLetter .btn-close {
    position: absolute;
    right: 12px;
    top: 12px;
}

#popupNewsLetter {
    align-content: center;
}

.single ol {
    padding-left: 0 !important;
}

/*New Prodotto*/
.mods h2 {
    font-weight: 700;
}

.mods h3 {
    font-size: 26px;
    line-height: 32px;
}

.mods .wrap {
    border-radius: 30px;
    min-height: 643px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #fff;
    position: relative;
    overflow: hidden;

}

.mods .wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), transparent);
    z-index: 1;
    pointer-events: none;
}

.mods .wrap p {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    max-width: 80%;
    z-index: 2;
    position: relative;
}

.mods .wrap p.title {
    font-size: 26px;
    line-height: 32px;
    font-weight: 300;
    max-width: 100%;
}

.mods .wrap .plus {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 13px;
    height: 25px;
    background: #262626;
    padding: 2px 8px;
    border-radius: 50%;
    cursor: pointer;

}

.mods .wrap .plus svg {
    fill: #fff;
    margin-top: -7px;
}

.mods .swiper-button-prev {
    position: absolute;
    right: 60px;
    top: 35px;
    left: auto;
    border-radius: 50%;
    border: 2px solid #d6d6d7;
    color: #6e6e6f;
    padding: 16px;
    height: 36px;
    background: #d6d6d7;
    z-index: 999;
}

.mods .swiper-button-next {
    position: absolute;
    right: 0px;
    top: 35px;
    left: auto;
    border-radius: 50%;
    border: 2px solid #d6d6d7;
    color: #6e6e6f;
    padding: 16px;
    height: 36px;
    background: #d6d6d7;
    z-index: 999;
}

.mods .swiper-button-next,
.mods .swiper-button-prev {
    top: auto;
    bottom: 0px;
}

.mods .swiper-button-next:after,
.mods .swiper-button-prev:after {
    font-size: 16px !important;
    font-weight: bolder !important;
    line-height: 20px;
}

/*Popup*/
.modal.edition-list strong {
    color: #008692;
}

.modal.edition-list button.btn-close {
    right: 16px;
    position: absolute;
    top: 16px;
    font-size: 20px;
    opacity: 1;
    box-shadow: none !important;
    outline: none !important;
    z-index: 999;
}

.modal.edition-list p.title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

.modal.edition-list p.pretitle {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

.modal.edition-list .modal-dialog {
    max-width: 100%;
}

.modal.edition-list .modal-content {
    max-width: 700px;
    padding: 30px 0 0;
    margin: 0px auto;
}

.modal.edition-list .modal-body {
    padding: 0;
}

#edition .regalo-wrapper {
    background: linear-gradient(45deg, #007BFF, #E600FF);
    padding: 3px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    width: fit-content;
}

#edition .regalo {
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    position: relative;
    color: #fff;
}

#edition .regalo p,
.regalo {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}

#edition .gift-img {
    position: absolute;
    top: -24px;
    right: 0;
    width: 48px;
}

.single-product .woocommerce-products-header {
    background: transparent;
    padding-bottom: 0px !important;
}

.single-product .section-products-header {
    background: transparent;

}

/*Swiper*/

.single-product .swiper-pagination {
    display: flex;
    justify-content: center;
    /* можно изменить на center */
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding-left: 1rem;
}

.single-product .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #262626;
    opacity: 0.5;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.single-product .swiper-pagination-bullet-active {
    width: 24px;
    height: 8px;
    border-radius: 4px;
    opacity: 1;
    background-color: #262626;
}

.single-product .swiper-button-prev {
    position: absolute;
    right: 60px;
    top: 35px;
    left: auto;
    border-radius: 50%;
    border: 2px solid #d6d6d7;
    color: #6e6e6f;
    padding: 16px;
    height: 36px;
    background: #d6d6d7;
    z-index: 999;
}

.single-product .swiper-button-next {
    position: absolute;
    right: 0px;
    top: 35px;
    left: auto;
    border-radius: 50%;
    border: 2px solid #d6d6d7;
    color: #6e6e6f;
    padding: 16px;
    height: 36px;
    background: #d6d6d7;
    z-index: 999;
}

.single-product .swiper-button-next,
.single-product .swiper-button-prev {
    top: auto;
    bottom: 0px;
}

.single-product .swiper-button-next:after,
.single-product .swiper-button-prev:after {
    font-size: 16px !important;
    font-weight: bolder !important;
    line-height: 20px;
}

.single-product .summary p.price del {
    color: rgba(107, 114, 128, 1) !important;
}

.single-product #gallery .swiper-pagination-bullet {
    background: #fff !important;
}

.single-product #gallery .swiper-pagination-bullet-active {
    background: #fff !important;
}
 .tr-consegna th.label {
                            display: none;
                        }

                        .tr-consegna td.value {
                            width: 100%;
                        }

                        .consegna-cards {
                            display: flex;
                            flex-direction: column;
                            gap: 8px;
                            margin: 16px 0;
                        }

                        .consegna-card {
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            padding: 14px 18px;
                            border-radius: 8px;
                            border: 1px solid #e0e0e0;
                            background: #fafafa;
                            cursor: pointer;
                            transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
                        }

                        .consegna-card.is-active {
                            background: #e8ffe4;
                            border-color: #37b34a;
                            box-shadow: 0 0 0 1px rgba(55, 179, 74, 0.5);
                        }

                        .consegna-left {
                            display: flex;
                            align-items: center;
                            gap: 10px;
                        }

                        .consegna-label {
                            font-weight: 600;
                        }

                        .consegna-prices {
                            display: flex;
                            align-items: center;
                            gap: 12px;
                            font-size: 14px;
                        }

                        .consegna-regular {
                            text-decoration: line-through;
                            opacity: 0.6;
                            margin-right: 12px;
                        }

                        .consegna-sale {
                            font-size: 1.3em;
                            font-weight: 700;
                        }

                        .consegna-radio {
                            width: 14px;
                            height: 14px;
                            border-radius: 50%;
                            border: 2px solid #c8c8c8;
                            box-sizing: border-box;
                        }

                        .consegna-card.is-active .consegna-radio {
                            border-color: #37b34a;
                            background: #37b34a;
                        }

                         .hero-banner {
                position: relative;
                background-size: cover;
                min-height: 750px;
                background-position: center;
                background-repeat: no-repeat;
                border-radius: 0 0 12px 12px;
                overflow: hidden;
            }

          

            .scroll-indicator {
                position: absolute !important;
                bottom: 30px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 2;
            }

            .scroll-indicator span {
                display: block;
                width: 24px;
                height: 24px;
                border-left: 2px solid #fff;
                border-bottom: 2px solid #fff;
                transform: rotate(-45deg);
                animation: scrollDown 2s infinite;
                opacity: 0.8;

            }

            @keyframes scrollDown {
                0% {
                    transform: translateY(0) rotate(-45deg);
                    opacity: 0;
                }

                30% {
                    opacity: 1;
                }

                60% {
                    transform: translateY(10px) rotate(-45deg);
                    opacity: 1;
                }

                100% {
                    transform: translateY(20px) rotate(-45deg);
                    opacity: 0;
                }
            }


ul#Language {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    position: absolute;
    right: calc(((100vw - 1428px)/2) + 90px);
    background: #fff;
    height: 62px;
    padding-left: 5px;
}

ul#Language li {
    display: none;
    margin-right: 5px;
    transition: .3s all;
    opacity: 0;
}

ul#Language li.current-language-menu-item {

    display: block;
    margin-right: 5px;
    opacity: 1;
    pointer-events: none;
}

ul#Language:hover li {
    display: block;
    opacity: 1;
}
    .single-post .post-content a {
        color: #cb5705 !important;
    }
.hero-banner .text-content {
    position: relative; z-index: 1; color: white;
}
        .hero-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.7) 100%);
                    }

                    .hero-titole {
                        font-size: 36px;
                        line-height: 40px;
                    }

                    .hero-pretitolo {
                        font-size: 18px;
                        line-height: 22px;
                    }

                    a.scroll-to-content {
                        text-decoration: none !important;
                    }

                    .hero-banner p {
                        color: #fff !important;
                    }

                    .hero-banner {
                        position: relative;
                        background-size: cover;
                        min-height: 750px;
                        background-position: center;
                        background-repeat: no-repeat;
                        border-radius: 0 0 12px 12px;
                        overflow: hidden;
                        display: flex;
                        flex-direction: column;
                        justify-content: end;
                        align-items: center;
                        color: #fff !important;
                    }
p#billing_state_field {
    width: 50%;
}


/*Adaptive**/
@media(max-width:1428px) {
    #player {
        width: 100%;
        height: calc(100vw *9 /16) !important;
    }

    .navother {
        margin-right: 20px;
    }

    #video-overlay {
        height: calc(100vw *9 /16);
    }

    .video-wrap {
        padding: 0px !important;
    }

    .single-post iframe {
        width: 100%;
        height: calc(100vw *0.3749) !important;
    }

    ul#Language {
        right: 90px;
    }

    .single-post .content-banner-border img.curves {

        bottom: -5vw;
    }

    .single-post .content-banner p.title {
        font-size: 4vw;
        line-height: 1.2em;
    }

    .mods .wrap {
        min-height: calc((100vw / 5) / 0.47) !important;
    }




}

@media (max-width:1367px) {
    .top_menu_bicy p.tit {
        font-size: 14px;
    }

    .top_menu_bicy p.weight {
        font-size: 14px;
    }

    .top_menu_bicy p.head {
        font-size: 18px;
    }

    .top_menu_bicy p.preahead {
        font-size: 13px;
    }
}

@media(max-width:1200px) {
    iframe.youtube_embed {
        width: 100%;
        height: calc(100vw/ 2 / 16 * 9);
    }

    a.photogallery {
        height: calc(100vw / 4.5) !important;
    }

    .configurazioni_bike ul.bici_configurazioni_accessori li {
        width: 100%;
    }

    .configurazioni_bike ul.bici_configurazioni_accessori li:nth-child(even) {
        float: none;
    }

    .configurazioni_bike ul.bici_configurazioni_accessori li:nth-child(odd) {
        float: none;
    }

    .single_add_to_cart_button {
        padding: 16px 30px;
    }

    .gallery-3-image img {
        padding-left: 0px;
        padding-right: 15px;
        width: calc((100% / 3) - -4px);
    }

    .gallery-3-image img:last-child {
        padding-right: 0px;
        width: calc((100%/3) - 15px);
    }

    .card-distributore:nth-child(even) .wrap {
        border-right: 0px !important;
    }

    .front-page .image-column {
        min-height: calc(100vw * 9 / 16) !important;
    }

    .about-us #vantaggi .bord:nth-child(2n) .wrap {
        border-right: 0px !important;
    }

    header.site-header {
        border-bottom: 1px solid var(--light-grey-color);
        overflow: hidden;
        background: #fff;
        /*     position: fixed;
        top: 0;
        left: 0px;
        z-index: 9999;
        width: -moz-available;
        width: -webkit-fill-available;*/
    }
}

@media (max-width:1024px) {
    .mods .wrap {
        min-height: calc((100vw / 4) / 0.47) !important;
    }

    .mods .wrap p {

        max-width: 100%;
    }

    .mods .wrap p.title {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }

    .mods h3 {
        font-size: 20px;
        line-height: 22px;
    }
}

@media(max-width:992px) {
      .hero-overlay {
                     
                            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.4) 100%);
                        }
    .b24-widget-button-position-bottom-left.b24-widget-button-wrapper {
        display: none;
    }

    ol.flex-control-thumbs li {
        width: 25%;
    }

    a.photogallery {
        height: calc(100vw / 4.5) !important;
    }

    .entry-summary {
        padding: 0px 0.5rem;
        margin-bottom: 50px;
    }

    .descrizione_bike {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .navother {
        margin-right: 80px;
    }

    .gallery-column-image img {
        width: calc(50% - 17px);
        padding-right: 15px;
    }

    .front-page .image-column {
        min-height: calc(100vw * 9 / 16) !important;
    }

    #masonry-grid li {
        width: calc((100% / 2) - 20px);
    }

    ol.commentlist li {
        width: calc((100% / 2) - 20px) !important;
    }

    button.add_review {
        margin: 3rem 0px 2rem 0px !important;
        position: relative;
    }

    .flex-viewport {
        height: 500px !important;
    }

    .flex-active-slide {
        width: calc(100vw - 116px) !important;
    }

    .menu-bar {
        z-index: 1055;
    }

    .summary p.product_title {
        display: none !important;
    }

    #comments {
        margin: 0px;
    }

    .scroll-to-top-btn {
        display: none;
        position: fixed;
        bottom: 85px;
        right: 20px;
        width: 36px;
        height: 36px;
        background-color: var(--grey-color);
        color: white;
        border: none;
        border-radius: 50%;
        font-size: 0px !important;
        cursor: pointer;
        padding: 0px ! !important
    }

    .scroll-to-top-btn svg {
        margin-top: -2px;
        height: 16px;
        width: 16px;

    }

    ul#Language {
        right: 150px;
    }

    .single-post .content-banner p.title {
        font-size: 55px;
        line-height: 60px;
    }

    .lwptoc:first-child {

        max-width: 100%;
        margin-left: 0px !important;

    }

    .lwptoc_itemWrap {
        line-height: 20px !important;
    }

    .uds .sm_img img {
        max-width: 120px;

    }

    .donnodelivery .sm_img img {
        max-width: 120px;
    }

    .iubenda-tp-alert-btn[data-tp-float][data-tp-float="bottom-right"],
    .iubenda-tp-alert-btn[data-tp-float][data-tp-float="top-right"],
    .iubenda-tp-btn[data-tp-float][data-tp-float="bottom-right"],
    .iubenda-tp-btn[data-tp-float][data-tp-float="top-right"],
    .iubenda-uspr-btn[data-tp-float][data-tp-float="bottom-right"],
    .iubenda-uspr-btn[data-tp-float][data-tp-float="top-right"] {
        bottom: 120px !important;
        left: 10px !important;
        right: inherit !important;
        display: none !important;
        visibility: hidden !important;
    }
          .hero-banner {
                    min-height: calc(100vh - 165px);
                                        border-radius: 0px;

                }

            
}


@media(max-width:767px) {
    .single-post iframe {
        width: 100%;
        height: calc(100vw * 0.5625) !important;
    }

    ol.commentlist {
        width: 100%;
        height: 100% !important;
        display: inline-flex !important;
    }

    ol.commentlist li {
        width: 100%;
        height: 100%;
        display: flex;
        position: relative !important;
        left: unset !important;
        right: unset !important;
        top: unset !important;
        bottom: unset !important;
        transform: unset !important;

    }

    ol.commentlist li .comment-image-reloaded img {
        width: 100%;
    }

    iframe.youtube_embed {
        width: 100%;
        height: calc(100vw/ 16 * 9);
    }

    .spedizione_column {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .card-spedizione:last-child {
        margin-top: 0px !important;
    }

    .card-spedizione {
        border-right: 0px !important;
    }

    .single-videogallery .videoblock .wrap:nth-child(odd) {
        padding-right: 0px !important;
    }

    .single-videogallery .videoblock .wrap:nth-child(even) {
        padding-left: 0px !important;
    }

    .single-videogallery .videoblock .card_video {
        align-self: start;
    }

    .woocommerce-checkout .woocommerce-form-login .form-row-first,
    .woocommerce-checkout .woocommerce-form-login .form-row-last {
        width: 100%;

    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        float: none;
    }

    .woocommerce-MyAccount-content {
        width: 100%;
        float: none;
    }

    ol.flex-control-thumbs li {
        width: 33.33%;
    }

    .servizi-page .triangle img {
        width: auto;
        margin: 0px auto;
        display: block;
    }

    .servizi-card {
        border-right: 0px;
    }

    .prodotto_menu ul a {
        padding: 14px 12px;
    }



    .descrizione_bike h3,
    .descrizione_bike h2 {
        font-size: 28px;


    }

    .blog_banner h1 {
        font-size: 48px;
        line-height: 55px;
    }

    #video-overlay .overlay {
        display: none !important;
    }

    .gps .banner {
        min-height: 70vw
    }

    .cta_gift {

        bottom: 70px;

    }

    .donnodelivery .sm_img img {
        max-width: 120px;
    }

    .uds .m400 {
        max-width: 320px;
    }



}

@media (max-width:800px) {
    .flex-viewport {
        height: calc((100vw - 116px) / 1.5) !important;
    }

    .flex-active-slide {
        width: calc(100vw - 116px) !important;
        min-width: calc(100vw - 116px) !important;
    }
}

@media (max-width:768px) {
    .bf_banner {
        background: #fff;
        color: #c50511;
        text-shadow: none;
        font-size: 24px;
        font-weight: 600;
        padding: 0px;


    }

    .bf_banner span {
        color: #000;


    }

    .lwptoc:first-child {
        float: left;
        width: 100%;
    }

    .single-post .entry-content ul {
        padding-left: 1rem !important;
    }

    #reviews .comment-image {

        min-height: 220px !important;
    }


}

@media(max-width:700px) {

    ul.wc-tabs {
        flex-direction: column;
        margin: 20px 12px;
        padding: 0px;
    }

    ul.wc-tabs li {
        width: 100%;
    }



}

@media (max-width:620px) {
    form#lead_prodotto .dlForm .caption img {
        width: 140px;
    }
}


@media(max-width:575px) {
    p#billing_state_field {
    width: 100%;
}
    .single-product #donnolive button {
        font-size: 17px;
        padding: 16px 26px;
    }

    a.photogallery {
        height: calc(100vw / 1.5) !important;
    }

    .form_single {
        margin-right: -1.25rem;
        margin-left: -1.25rem;
        width: 100vw;
    }

    footer .form_header button {
        font-size: 16px;
    }

    .modal-content {
        padding: 0px 0px 0px 0px;

    }

    img.top_menulogo {
        padding: 15px;
        width: 180px;
    }

    .menu-bar {
        width: 36px;
        height: 36px;
        top: 8.5px !important;
        right: 12px;
        z-index: 1055;
        top: 48.5px !important;
    }

    .home .menu-bar,
    .single-product .menu-bar {

        top: 9.5px !important;

    }

    .menu-bar span:before,
    .menu-bar span:after {
        width: 27px;
    }

    .menu-bar span {
        width: 18px;
        left: 4px;
    }

    .navother {
        margin-right: 64px;
    }

    .bigmargin {
        margin-bottom: 120px;
    }

    .gallery-column-image img {
        width: calc(50% - 2px);
        padding-right: 15px;
    }

    .card-distributore .wrap {
        border-right: 0px !important;
    }

    .accordion-body,
    .accordion-button {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #masonry-grid li {
        width: 100%;
    }

    ol.commentlist li {
        width: 100% !important;
    }



    table.spec td.label {
        text-align: left;
        padding: 6px 10px;
    }

    form#lead_prodotto {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        width: 100% !important;
    }

    ol.commentlist {
        display: block !important;
        min-height: 300px;
    }

    .form-row-first,
    .form-row-last {
        width: 100%;
        display: block;
        float: none;
    }

    .flex-viewport {
        height: calc((100vw - 76px) / 1.5) !important;

    }

    .flex-active-slide {
        width: calc(100vw - 76px) !important;
        min-width: calc(100vw - 76px) !important;
    }

    .blog_banner h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .blog_banner {
        height: 500px;
    }

    #video-overlay {
        top: 55px !important;
    }

    #Modal_ER .modal-content .pro,
    #Modal_Paga .modal-content .pro {
        border-left: 0px;
        border-top: 1px solid #ccc;
    }

    ul#Language {
        height: 55px;
    }

    .single-post h2 {
        font-size: 26px;
        max-width: 100%;


    }


    .lead_form .modal-content {
        padding: 0px !important;
    }

    .single-post .page-head h1 {
        font-size: 18px;
        line-height: 26px;
    }

    .woocommerce-breadcrumb a,
    .woocommerce-breadcrumb {
        font-size: 9px;
        line-height: 15px;
        letter-spacing: 0px;
    }

    ul.woocommerce-breadcrumb li {
        margin-top: 0;
    }

    .single-post .banner-quiz p.title {
        font-size: 42px;
        line-height: 47px;
    }

    .single-post .banner-quiz p {
        font-size: 17px;
        line-height: 25px;
    }

    .single-post .content-banner img.quest {
        max-width: 125px;
    }

    .single-post .content-banner p.title {
        font-size: 42px;
        line-height: 46px;
    }

    .single-post .content-banner p {
        font-size: 16px;
        line-height: 24px;
    }

    .about-us #vantaggi .wrap {
        border-right: 0px !important;
        border-bottom: 2px solid #D9D9D9;
    }

    .about-us #vantaggi .bord:last-child .wrap {
        border-bottom: 0px !important;
    }

    .about-us #brand .wrap img {
        margin-bottom: 1rem;
    }

    .about-us .mtm150 {
        margin-top: -140px;
    }

    .about-us #info {
        padding-bottom: 110px !important;
    }

    #front_video .bannerxl,
    #video-desc .bannerxl {
        font-size: 32px;
        line-height: 42px;
    }

    #front_video .bannerl h2,
    #video-desc .bannerl h2 {
        line-height: 28px;
        font-size: 20px;
    }

    #front_video span.old-price,
    #video-desc span.old-price {
        font-size: 18px;
    }

    #front_video span.new-price,
    #video-desc span.new-price {
        font-size: 24px;
    }

    #front_video span.links,
    #video-desc span {
        padding-right: 2px;
    }

    .black-friday-mobile {
        min-height: 44px !important;
    }

    form#lead_prodotto .dlForm .caption {
        width: 100%;
    }

    form#lead_prodotto .dlForm .text {
        width: 100%;
    }

    form#lead_prodotto .dlForm .caption img {
        width: 140px;
    }

    .mods .wrap {
        min-height: calc((100vw / 2.5) / 0.47) !important;
    }


    .mods .wrap::before {

        height: 60%;

    }

    #reviews .comment-image {

        min-height: 50vw !important
    }


}

@media(max-width:500px) {

    .woocommerce-variation-add-to-cart {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media(max-width:462px) {
    .front-page #donnolive p.title {
        font-size: 24px;
        line-height: 32px;
    }

    .front-page #donnolive p.pretitle {
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
    }

    .front-page #donnolive p {
        font-size: 16px;
        line-height: 24px;
    }

}


@media(max-width:435px) {
    .mobile-menu .spoiler-content p.head {
        font-size: 16px;
    }

    ul#Language {
        right: 130px;
    }

    .banner-personal button {
        font-size: 15px;
    }
}

@media (max-width:430px) {
    #popup_donnolive .form-bottom p {
        font-size: 12px;
        line-height: 14px;
    }

    #popup_donnolive .form-bottom p.bottom-title {
        font-size: 16px;
    }

    #popup_donnolive .form-bottom .col-4 {
        padding: 0px;
        padding-right: 10px;
    }

    #popup_donnolive .form-bottom .col-4:last-child {
        padding: 0;
    }
}



@media(max-width:365px) {
    .mobile-menu .spoiler-content p.head {
        font-size: 15px;
    }
}


/* Медиа-запрос для Safari на мобильных устройствах */
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 768px) and (min-resolution: 192dpi) {
    .galleria_biciclette_banner {
        background-attachment: inherit;
    }
}