/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,*:before,*:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,.table th {
        background-color: #fff !important
    }

    .table-bordered th,.table-bordered td {
        border: 1px solid #ddd !important
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:hover,a:focus {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:before,.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media(min-width: 768px) {
    .container {
        width:750px
    }
}

@media(min-width: 992px) {
    .container {
        width:970px
    }
}

@media(min-width: 1200px) {
    .container {
        width:1170px
    }
}

@media(min-width: 1900px) {
    .container {
        width:1870px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid:before,.container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before,.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.3333333333%
}

.col-xs-2 {
    width: 16.6666666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.3333333333%
}

.col-xs-5 {
    width: 41.6666666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.3333333333%
}

.col-xs-8 {
    width: 66.6666666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.3333333333%
}

.col-xs-11 {
    width: 91.6666666667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.3333333333%
}

.col-xs-pull-2 {
    right: 16.6666666667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.3333333333%
}

.col-xs-pull-5 {
    right: 41.6666666667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.3333333333%
}

.col-xs-pull-8 {
    right: 66.6666666667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.3333333333%
}

.col-xs-pull-11 {
    right: 91.6666666667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.3333333333%
}

.col-xs-push-2 {
    left: 16.6666666667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.3333333333%
}

.col-xs-push-5 {
    left: 41.6666666667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.3333333333%
}

.col-xs-push-8 {
    left: 66.6666666667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.3333333333%
}

.col-xs-push-11 {
    left: 91.6666666667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media(min-width: 768px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
        float:left
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.3333333333%
    }

    .col-sm-pull-2 {
        right: 16.6666666667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.3333333333%
    }

    .col-sm-pull-5 {
        right: 41.6666666667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.3333333333%
    }

    .col-sm-pull-8 {
        right: 66.6666666667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.3333333333%
    }

    .col-sm-pull-11 {
        right: 91.6666666667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.3333333333%
    }

    .col-sm-push-2 {
        left: 16.6666666667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.3333333333%
    }

    .col-sm-push-5 {
        left: 41.6666666667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.3333333333%
    }

    .col-sm-push-8 {
        left: 66.6666666667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.3333333333%
    }

    .col-sm-push-11 {
        left: 91.6666666667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 992px) {
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
        float:left
    }

    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-2 {
        width: 16.6666666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.3333333333%
    }

    .col-md-5 {
        width: 41.6666666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-8 {
        width: 66.6666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.3333333333%
    }

    .col-md-pull-2 {
        right: 16.6666666667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.3333333333%
    }

    .col-md-pull-5 {
        right: 41.6666666667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.3333333333%
    }

    .col-md-pull-8 {
        right: 66.6666666667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.3333333333%
    }

    .col-md-pull-11 {
        right: 91.6666666667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.3333333333%
    }

    .col-md-push-2 {
        left: 16.6666666667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.3333333333%
    }

    .col-md-push-5 {
        left: 41.6666666667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.3333333333%
    }

    .col-md-push-8 {
        left: 66.6666666667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.3333333333%
    }

    .col-md-push-11 {
        left: 91.6666666667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 1200px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
        float:left
    }

    .col-lg-1 {
        width: 8.3333333333%
    }

    .col-lg-2 {
        width: 16.6666666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.3333333333%
    }

    .col-lg-5 {
        width: 41.6666666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.3333333333%
    }

    .col-lg-8 {
        width: 66.6666666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.3333333333%
    }

    .col-lg-11 {
        width: 91.6666666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.3333333333%
    }

    .col-lg-pull-2 {
        right: 16.6666666667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.3333333333%
    }

    .col-lg-pull-5 {
        right: 41.6666666667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.3333333333%
    }

    .col-lg-pull-8 {
        right: 66.6666666667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.3333333333%
    }

    .col-lg-pull-11 {
        right: 91.6666666667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.3333333333%
    }

    .col-lg-push-2 {
        left: 16.6666666667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.3333333333%
    }

    .col-lg-push-5 {
        left: 41.6666666667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.3333333333%
    }

    .col-lg-push-8 {
        left: 66.6666666667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.3333333333%
    }

    .col-lg-push-11 {
        left: 91.6666666667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 1900px) {
    .col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {
        float:left
    }

    .col-xl-1 {
        width: 8.3333333333%
    }

    .col-xl-2 {
        width: 16.6666666667%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-4 {
        width: 33.3333333333%
    }

    .col-xl-5 {
        width: 41.6666666667%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-7 {
        width: 58.3333333333%
    }

    .col-xl-8 {
        width: 66.6666666667%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-10 {
        width: 83.3333333333%
    }

    .col-xl-11 {
        width: 91.6666666667%
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-pull-1 {
        right: 8.3333333333%
    }

    .col-xl-pull-2 {
        right: 16.6666666667%
    }

    .col-xl-pull-3 {
        right: 25%
    }

    .col-xl-pull-4 {
        right: 33.3333333333%
    }

    .col-xl-pull-5 {
        right: 41.6666666667%
    }

    .col-xl-pull-6 {
        right: 50%
    }

    .col-xl-pull-7 {
        right: 58.3333333333%
    }

    .col-xl-pull-8 {
        right: 66.6666666667%
    }

    .col-xl-pull-9 {
        right: 75%
    }

    .col-xl-pull-10 {
        right: 83.3333333333%
    }

    .col-xl-pull-11 {
        right: 91.6666666667%
    }

    .col-xl-pull-12 {
        right: 100%
    }

    .col-xl-push-0 {
        left: auto
    }

    .col-xl-push-1 {
        left: 8.3333333333%
    }

    .col-xl-push-2 {
        left: 16.6666666667%
    }

    .col-xl-push-3 {
        left: 25%
    }

    .col-xl-push-4 {
        left: 33.3333333333%
    }

    .col-xl-push-5 {
        left: 41.6666666667%
    }

    .col-xl-push-6 {
        left: 50%
    }

    .col-xl-push-7 {
        left: 58.3333333333%
    }

    .col-xl-push-8 {
        left: 66.6666666667%
    }

    .col-xl-push-9 {
        left: 75%
    }

    .col-xl-push-10 {
        left: 83.3333333333%
    }

    .col-xl-push-11 {
        left: 91.6666666667%
    }

    .col-xl-push-12 {
        left: 100%
    }

    .col-xl-offset-0 {
        margin-left: 0%
    }

    .col-xl-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-xl-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-xl-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-xl-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-xl-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xl {
    display: none !important
}

.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block .visible-xl-block,.visible-xl-inline,.visible-xl-inline-block {
    display: none !important
}

@media(max-width: 767px) {
    .visible-xs {
        display:block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,td.visible-xs {
        display: table-cell !important
    }
}

@media(max-width: 767px) {
    .visible-xs-block {
        display:block !important
    }
}

@media(max-width: 767px) {
    .visible-xs-inline {
        display:inline !important
    }
}

@media(max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .visible-sm {
        display:block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,td.visible-sm {
        display: table-cell !important
    }

    .pull-right-sm {
        float: right !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .visible-sm-block {
        display:block !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .visible-sm-inline {
        display:inline !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .visible-sm-inline-block {
        display:inline-block !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .visible-md {
        display:block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,td.visible-md {
        display: table-cell !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .visible-md-block {
        display:block !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .visible-md-inline {
        display:inline !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .visible-md-inline-block {
        display:inline-block !important
    }
}

@media(min-width: 1200px)and (max-width: 1899px) {
    .visible-lg {
        display:block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,td.visible-lg {
        display: table-cell !important
    }
}

@media(min-width: 1200px) {
    .visible-lg-block {
        display:block !important
    }
}

@media(min-width: 1200px) {
    .visible-lg-inline {
        display:inline !important
    }
}

@media(min-width: 1200px) {
    .visible-lg-inline-block {
        display:inline-block !important
    }
}

@media(min-width: 1900px) {
    .visible-xl {
        display:block !important
    }

    table.visible-xl {
        display: table !important
    }

    tr.visible-xl {
        display: table-row !important
    }

    th.visible-xl,td.visible-xl {
        display: table-cell !important
    }
}

@media(min-width: 1900px) {
    .visible-xl-block {
        display:block !important
    }
}

@media(min-width: 1900px) {
    .visible-xl-inline {
        display:inline !important
    }
}

@media(min-width: 1900px) {
    .visible-xl-inline-block {
        display:inline-block !important
    }
}

@media(max-width: 767px) {
    .hidden-xs {
        display:none !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .hidden-sm {
        display:none !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .hidden-md {
        display:none !important
    }

    .pull-right-md {
        float: right !important
    }
}

@media(min-width: 1200px)and (max-width: 1899px) {
    .hidden-lg {
        display:none !important
    }

    .pull-right-lg {
        float: right !important
    }
}

@media(min-width: 1900px) {
    .hidden-xl {
        display:none !important
    }

    .pull-right-xl {
        float: right !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

/*@font-face {
    font-family: "Helvetica Neue";
    src: url("../fonts/Helvetica Neue.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "HelveticaNeueLTStd-LtCn";
    src: url("../fonts/HelveticaNeueLTStd-LtCn.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("../fonts/Helvetica Neue.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}*/

body {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    background: #111;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: "Lato", sans-serif;
}

h2 {
    margin: 0 0 5px 0;
    font-size: 28px;
    line-height: 28px;
   /* font-family: "Helvetica Neue",serif;*/
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
    font-family: "Bodoni-SvtyTwo-ITC-TT-Book", serif;
}

@media(min-width: 768px) {
    h2 {
        font-size:32px;
        line-height: 32px
    }
}

@media(min-width: 992px) {
    h2 {
        font-size:36px;
        line-height: 36px;
        letter-spacing: 6px
    }
}

h2.big {
    font-size: 24px
}

h2.small {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 2px
}

@media(min-width: 768px) {
    h2.small {
        font-size:24px;
        line-height: 28px;
        letter-spacing: 3px
    }
}

h2 svg.arrow {
    stroke-width: 1
}

h2:hover svg.arrow {
    stroke-width: 2
}

h3,.asH3 {
    margin: 0 0 10px 0;
    font-size: 13px;
    line-height: 13px;
    font-family: "Helvetica Neue",sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}

@media(min-width: 768px) {
    h3,.asH3 {
        font-size:14px;
        line-height: 14px
    }
}

@media(min-width: 992px) {
    h3,.asH3 {
        font-size:16px;
        line-height: 16px
    }
}

h3.subtitle,.asH3.subtitle {
    margin-bottom: 5px
}

h3 svg.arrow,.asH3 svg.arrow {
    stroke-width: 1
}

h3:hover svg.arrow,.asH3:hover svg.arrow {
    stroke-width: 2
}

h4 {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 18px;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}

h5 {
    margin: 0 0 10px 0;
    font-size: 15px;
    line-height: 15px;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}

h6 {
    margin: 0 0 15px 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 1px
}

p {
    margin: 10px 0
}

p.subtitle {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}

p.subtitle-small {
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    letter-spacing: 1px
}

span.subtitle {
    font-weight: 300
}

span.subtitle:before {
    content: "/ "
}

ul {
    padding: 0;
    margin: 0
}

li {
    list-style: none
}

a,a:visited {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}

a:hover,a:focus {
    color: #fff;
    text-decoration: none
}

*:focus {
    outline: none
}

a img {
    display: block
}

.uppercase {
    text-transform: uppercase
}

.txt300 {
    font-weight: 300
}

.txtMedium {
    font-size: 14px;
    line-height: 18px
}

.txtBig {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "Helvetica Neue",serif
}

.gray {
    color: #8a8a8a
}

.blackBg {
    color: #fff;
    background: #111
}

.fontFamilyHelveticaLt {
    font-family: "Helvetica Neue", sans-serif
}

.whiteBg {
    color: #111 !important;
    background: #fff
}

.whiteBg a,.whiteBg a:visited {
    color: #111 !important
}

.whiteBg a:hover,.whiteBg a:focus {
    color: #111 !important
}

.whiteBg h2 {
    color: #111
}

.whiteBg h3 {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 2px;
    color: #000
}

.whiteBg h3 a {
    color: #000 !important
}

.whiteBg h4 {
    color: #000
}

.whiteBg h4 a {
    color: #000 !important
}

.whiteBg div {
    color: #111 !important
}

.whiteBg .scroll-btn svg line {
    stroke: #111
}

body.page_prodotti_singolo_modale::-webkit-scrollbar-track {
    background-color: #fff
}

body.page_prodotti_singolo_modale::-webkit-scrollbar {
    width: 6px;
    background-color: #fff
}

body.page_prodotti_singolo_modale::-webkit-scrollbar-thumb {
    background-color: #111
}

@media(min-width: 768px) {
    .row-eq-height {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.d-flex {
    display: flex
}

.d-none {
    display: none
}

@media(min-width: 768px) {
    .d-xs-block {
        display:none
    }
}

.d-sm-block {
    display: none
}

@media(min-width: 768px) {
    .d-sm-block {
        display:block
    }
}

@media(min-width: 768px) {
    .d-sm-none {
        display:none
    }
}

.d-md-block {
    display: none
}

@media(min-width: 992px) {
    .d-md-block {
        display:block
    }
}

@media(min-width: 992px) {
    .d-md-none {
        display:none
    }
}

.d-lg-block {
    display: none
}

@media(min-width: 1200px) {
    .d-lg-block {
        display:block
    }
}

@media(min-width: 1200px) {
    .d-lg-none {
        display:none
    }
}

.d-xl-block {
    display: none
}

@media(min-width: 1800px) {
    .d-xl-block {
        display:block
    }
}

@media(min-width: 1800px) {
    .d-xl-none {
        display:none
    }
}

.left,.text-left {
    text-align: left
}

.center,.text-center {
    text-align: center
}

.justify,.text-justify {
    text-align: justify
}

.right,.text-right {
    text-align: right
}

@media(min-width: 768px) {
    .text-sm-right {
        text-align:right
    }
}

.img-responsive.center {
    margin: 0 auto !important
}

.vertCenterParent {
    display: table;
    table-layout: fixed;
    height: inherit
}

.vertCenter {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.floatLeft {
    float: left !important
}

.floatRight {
    float: right !important
}

@media(min-width: 768px) {
    .floatRightSm {
        float:right !important
    }

    .imgLeft {
        float: left !important;
        margin: 5px 30px 3px 0
    }

    .imgRight {
        float: right !important;
        margin: 5px 0 3px 30px
    }
}

.noMargin {
    margin: 0 !important
}

@media(min-width: 768px)and (max-width: 991px) {
    .noBorderSm {
        border:none !important
    }
}

.relative {
    position: relative
}

.alignTopLeft {
    position: absolute;
    top: 0;
    left: 0
}

.alignTopRight {
    position: absolute;
    top: 0;
    right: 0
}

@media(min-width: 768px) {
    .alignBottomLeft {
        position:absolute;
        bottom: 0;
        left: 0
    }

    .alignBottomLeft p:last-child {
        margin-bottom: 0
    }

    .alignBottomRight {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .alignBottomRight p:last-child {
        margin-bottom: 0
    }
}

[class*=spacer] {
    width: 100%;
    content: " ";
    display: table;
    clear: both
}

.spacer10 {
    height: 10px
}

.spacer15 {
    height: 15px
}

.spacer20 {
    height: 20px
}

.spacer30 {
    height: 30px
}

.spacer40 {
    height: 40px
}

.spacer45 {
    height: 45px
}

.spacer50 {
    height: 50px
}

.spacer60 {
    height: 60px
}

.spacer80 {
    height: 80px
}

.spacer100 {
    height: 100px
}

.spacer120 {
    height: 120px
}

.spacer150 {
    height: 150px
}

.spacer200 {
    height: 200px
}

.spacer250 {
    height: 250px
}

.spacerLineGray {
    height: 1px;
    background: dimgray
}

.spacerLineGrayWhite {
    height: 1px;
    background: #8d8d8d
}

.line {
    height: 1px;
    background: dimgray
}

.shadowOut {
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.85);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.85);
    box-shadow: 0 1px 8px rgba(0,0,0,.85)
}

.winHeight30 {
    height: 30vh
}

.winHeight50 {
    height: 50vh
}

.winHeight60 {
    height: 60vh
}

.winHeight70 {
    height: 70vh
}

.winHeight80 {
    height: 80vh
}

.winHeight85 {
    height: 85vh
}

.winHeight90 {
    height: 90vh
}

.winHeight100 {
    height: 100vh
}

@media(max-width: 767px) {
    .winHeight40-xs {
        height:40vh
    }

    .winHeight50-xs {
        height: 50vh
    }

    .winHeight60-xs {
        height: 60vh
    }

    .winHeight70-xs {
        height: 70vh
    }

    .winHeight80-xs {
        height: 80vh
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .winHeight40-sm {
        height:40vh
    }

    .winHeight50-sm {
        height: 50vh
    }

    .winHeight60-sm {
        height: 60vh
    }
}

.containerSquare {
    position: relative
}

.containerSquare:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}

.containerSquare>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.borderLeft {
    border-left: #8d8d8d 1px solid
}

.borderRight {
    border-right: #8d8d8d 1px solid
}

.gradientTop {
    position: absolute;
    width: 100%;
    height: 100px;
    top: 0;
    z-index: 1;
    background: rgba(17,17,17,0);
    background: -webkit-linear-gradient(bottom, rgba(17, 17, 17, 0) 0%, #111111 100%);
    background: linear-gradient(to top, rgba(17, 17, 17, 0) 0%, #111111 100%)
}

.gradientTopPrevBox {
    position: relative;
    width: 100%;
    height: 50px;
    bottom: -50px;
    background: rgba(17,17,17,0);
    background: -webkit-linear-gradient(bottom, rgba(17, 17, 17, 0) 0%, #111111 66%);
    background: linear-gradient(to top, rgba(17, 17, 17, 0) 0%, #111111 66%)
}

@media(min-width: 1200px) {
    .gradientTopPrevBox {
        height:150px;
        bottom: -100px
    }
}

.gradientRight {
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(17,17,17,0);
    background: -webkit-linear-gradient(left, rgba(17, 17, 17, 0) 0%, #111111 100%);
    background: linear-gradient(to right, rgba(17, 17, 17, 0) 0%, #111111 100%)
}

.gradientBottom {
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0;
    z-index: 1;
    background: #111;
    background: -webkit-linear-gradient(bottom, #111111 0%, rgba(17, 17, 17, 0) 100%);
    background: linear-gradient(to top, #111111 0%, rgba(17, 17, 17, 0) 100%)
}

.gradientBottomOverlay {
    position: absolute;
    width: 100%;
    height: 150px;
    bottom: -50px;
    z-index: 1;
    background: rgba(17,17,17,0);
    background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111111 66%);
    background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, #111111 66%)
}

.cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

.ObjectFitCover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.ObjectFitCover img {
    opacity: 0
}

.contain img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain
}

.ObjectFitContain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.ObjectFitContain img {
    opacity: 0
}

@media(max-width: 767px) {
    .contain-xs img {
        position:absolute;
        width: 100%;
        height: 100%;
        object-fit: contain
    }
}

@media(min-width: 768px) {
    .contain-sm img {
        position:absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: contain
    }
}

.parallaxContainer {
    height: 100%;
    width: 100%;
    position: relative
}

.parallaxContainer .parallaxRow {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    z-index: -1
}

.parallaxContainer .parallaxOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0
}

.parallaxContainer .parallaxOverlay .parallaxPattern {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../img/generali/pattern.png") 0 0 repeat
}

.parallaxContainerStd {
    height: 700px
}

.parallaxContentBottom {
    position: relative;
    height: 300px;
    top: -100px;
    z-index: 2;
    background: #111;
    background: -webkit-linear-gradient(bottom, #111111 66%, rgba(17, 17, 17, 0) 100%);
    background: linear-gradient(to top, #111111 66%, rgba(17, 17, 17, 0) 100%)
}

.parallaxContentBottom .txt {
    padding-top: 50px
}

.videoRow {
    position: relative;
    height: 350px;
    overflow: hidden
}

.videoRow .containerPage {
    height: 100%
}

.videoRow .videoTitle {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 2
}

@media(min-width: 768px) {
    .videoRow {
        height:500px
    }

    .videoRow .videoTitle {
        bottom: 42px;
        left: 42px
    }
}

@media(min-width: 992px) {
    .videoRow {
        height:650px
    }

    .videoRow .videoTitle {
        bottom: 62px;
        left: 62px
    }
}

@media(min-width: 1200px) {
    .videoRow {
        height:700px
    }
}

.videoRowProduct {
    position: relative;
    overflow: hidden;
    max-height: 85vh;
    position: relative
}

.videoRowProduct:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.videoRowProduct>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

svg,svg path,svg polygon,svg line {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}

svg.arrow line {
    stroke: #fff
}

svg.arrow.right {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

svg.arrow.left {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

svg.arrow.top {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.whiteBg svg.arrow line {
    stroke: #111
}

.btnCenter {
    display: flex;
    justify-content: center
}

.btnCenter__content {
    text-align: center
}

.btnCenter__txt {
    display: inline-block;
    margin-right: 15px
}

.btnCenter .scrollBtn {
    position: relative;
    display: inline-block
}

.listDownload li {
    margin-top: 10px
}

.cookieconsent-optout-marketing {
    display: none;
    width: 100%;
    height: 100%
}

.cookieconsent-optout-marketing>div {
    display: flex !important;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 15px;
    border: #5b5b5b 1px solid
}

.cookieconsent-optout-marketing>div>div {
    width: 100%;
    height: auto;
    text-align: center
}

.videoPlayerContainer {
    width: 100%;
    aspect-ratio: 16/9
}

.videoPlayerContainer--square {
    width: 100%;
    aspect-ratio: 1/1
}

.videoPlayerContainer--vert {
    width: auto;
    max-height: 80svh;
    aspect-ratio: 9/16
}

.videoPlayerContainer .videoPlayer {
    width: 100%;
    height: 100%
}

.opacity--0 {
    opacity: 0 !important;
    transition: opacity .5s cubic-bezier(0.76, 0.015, 0.41, 1)
}

#loaderOverlay {
    position: fixed;
    background: #111;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 9996
}

.loaderContent {
    position: fixed;
    display: none;
    opacity: 0;
    width: 210px;
    height: 61px;
    top: 50%;
    left: 50%;
    text-align: center;
    margin: -15px 0 0 -105px;
    z-index: 9999
}

.loaderContent .loaderDots {
    position: relative;
    height: 12px;
    width: 100%;
    margin-top: 20px;
    text-align: center
}

.loaderContent .loaderDots span {
    width: 7px;
    height: 7px;
    margin: 0 1px;
    border-radius: 7px;
    background: #fff;
    opacity: 0;
    display: inline-block
}

@-webkit-keyframes loaderDots {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }

    33% {
        opacity: 1;
        transform: translateX(0px)
    }

    66% {
        opacity: 1;
        transform: translateX(0px)
    }

    100% {
        opacity: 0;
        transform: translateX(100px)
    }
}

@-moz-keyframes loaderDots {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }

    33% {
        opacity: 1;
        transform: translateX(0px)
    }

    66% {
        opacity: 1;
        transform: translateX(0px)
    }

    100% {
        opacity: 0;
        transform: translateX(100px)
    }
}

@-ms-keyframes loaderDots {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }

    33% {
        opacity: 1;
        transform: translateX(0px)
    }

    66% {
        opacity: 1;
        transform: translateX(0px)
    }

    100% {
        opacity: 0;
        transform: translateX(100px)
    }
}

@-o-keyframes loaderDots {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }

    33% {
        opacity: 1;
        transform: translateX(0px)
    }

    66% {
        opacity: 1;
        transform: translateX(0px)
    }

    100% {
        opacity: 0;
        transform: translateX(100px)
    }
}

@keyframes loaderDots {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }

    33% {
        opacity: 1;
        transform: translateX(0px)
    }

    66% {
        opacity: 1;
        transform: translateX(0px)
    }

    100% {
        opacity: 0;
        transform: translateX(100px)
    }
}

.loaderContent .loaderDots span:nth-child(4) {
    -webkit-animation: loaderDots 1.5s ease-in-out infinite;
    -moz-animation: loaderDots 1.5s ease-in-out infinite;
    -ms-animation: loaderDots 1.5s ease-in-out infinite;
    -o-animation: loaderDots 1.5s ease-in-out infinite;
    animation: loaderDots 1.5s ease-in-out infinite
}

.loaderContent .loaderDots span:nth-child(3) {
    -webkit-animation: loaderDots 1.5s 100ms ease-in-out infinite;
    -moz-animation: loaderDots 1.5s 100ms ease-in-out infinite;
    -ms-animation: loaderDots 1.5s 100ms ease-in-out infinite;
    -o-animation: loaderDots 1.5s 100ms ease-in-out infinite;
    animation: loaderDots 1.5s 100ms ease-in-out infinite
}

.loaderContent .loaderDots span:nth-child(2) {
    -webkit-animation: loaderDots 1.5s 200ms ease-in-out infinite;
    -moz-animation: loaderDots 1.5s 200ms ease-in-out infinite;
    -ms-animation: loaderDots 1.5s 200ms ease-in-out infinite;
    -o-animation: loaderDots 1.5s 200ms ease-in-out infinite;
    animation: loaderDots 1.5s 200ms ease-in-out infinite
}

.loaderContent .loaderDots span:nth-child(1) {
    -webkit-animation: loaderDots 1.5s 300ms ease-in-out infinite;
    -moz-animation: loaderDots 1.5s 300ms ease-in-out infinite;
    -ms-animation: loaderDots 1.5s 300ms ease-in-out infinite;
    -o-animation: loaderDots 1.5s 300ms ease-in-out infinite;
    animation: loaderDots 1.5s 300ms ease-in-out infinite
}

.fxContainer {
    overflow: hidden
}

.fx__rotate90 {
    overflow: hidden;
    cursor: pointer;
    transition: transform .6s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.fx__rotate90:hover {
    transform: rotate(90deg)
}

.effectBox {
    position: relative;
    overflow: hidden
}

@media(min-width: 992px) {
    .effectBox img,.effectBox .imgCover {
        -webkit-transition:all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
        -moz-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
        -o-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
        -ms-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
        transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1)
    }

    .effectBox *:hover img,.effectBox *:hover .imgCover {
        -webkit-transform: scale(1.08, 1.08);
        -moz-transform: scale(1.08, 1.08);
        -o-transform: scale(1.08, 1.08);
        -ms-transform: scale(1.08, 1.08);
        transform: scale(1.08, 1.08)
    }
}

#pageContainer {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}

.parallax-mirror {
    transition: .4s -webkit-filter linear
}

.blur {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.noBlur {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .blur {
        filter: none;
        background: #111
    }

    .noBlur {
        filter: none;
        background: transparent
    }
}

@supports(-ms-accelerator: true) {
    .blur {
        filter: none
    }

    .noBlur {
        filter: none
    }
}

.item {
    cursor: pointer
}

@media(min-width: 1300px) {
    .item {
        display:block;
      /*  line-height: 15px;*/
        overflow: hidden
    }

    .item h2,.item h3,.item h4 {
        overflow: hidden
    }

    .item a {
        position: relative;
        display: block
    }

    .item span {
        position: relative;
        display: block;
        -webkit-transition: transform .4s;
        -moz-transition: transform .4s;
        -o-transition: transform .4s;
        -ms-transition: transform .4s;
        transition: transform .4s
    }

    .item span::before {
        display: block;
        position: absolute;
        width: 100%;
        top: 106%;
        left: 0;
        content: attr(data-hover);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .item:hover span,.item:focus span {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        cursor: pointer
    }

    a:hover .item span,a:focus .item span {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    h3 span.item {
        line-height: 18px
    }

    h3.item {
        line-height: 22px
    }

    h4.item {
        line-height: 18px
    }
}

.scrollBtn {
    position: absolute;
    width: 32px;
    height: 16px;
    z-index: 1;
    opacity: .8;
    cursor: pointer;
    -webkit-transition: all 1s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all 1s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all 1s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all 1s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all 1s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.scrollBtn svg {
    position: relative;
    bottom: 0;
    -webkit-transition: all 1s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all 1s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all 1s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all 1s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all 1s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.scrollBtn:hover {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.scrollBtn.scrollBtnCenter {
    left: 50%;
    margin-left: -16px
}

.scrollBtn.scrollBtnRight {
    right: 16px
}

.scrollBtn.scrollBtnSmall {
    width: 24px;
    height: 12px
}

.scrollBtn.scrollBtnSmall svg {
    width: 18px;
    height: 9px
}

.scrollBtnVert {
    width: 16px;
    height: 32px
}

.whiteBg .scrollBtn svg line {
    stroke: #111
}

@media(min-width: 768px) {
    .boxPrev::before,.boxPrev::after {
        pointer-events:none;
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px;
        left: 1px;
        content: "";
        opacity: 0;
        z-index: -1;
        -webkit-transition: all .8s;
        -moz-transition: all .8s;
        -o-transition: all .8s;
        -ms-transition: all .8s;
        transition: all .8s
    }

    .boxPrev::before {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    .boxPrev::after {
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        -webkit-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0)
    }

    .boxPrev:hover::before {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    .boxPrev:hover::after {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    .whiteBg .boxPrev::before {
        border-top: 1px solid #8d8d8d !important;
        border-bottom: 1px solid #8d8d8d !important
    }

    .whiteBg .boxPrev::after {
        border-right: 1px solid #8d8d8d !important;
        border-left: 1px solid #8d8d8d !important
    }
}

.parallax {
    position: relative;
    width: 100%;
    height: 100%
}

.parallax__imgContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden
}

.parallax__imgContainer .parallax__img {
    position: relative;
    width: 100%;
    height: 135%;
    top: -35%;
    left: 0
}

@font-face {
    font-family: "lg";
    src: url("../scripts/lib/light-gallery-v272/dist/fonts/lgb687.woff2") format("woff2"),url("../scripts/lib/light-gallery-v272/dist/fonts/lgb687.ttf") format("truetype"),url("../scripts/lib/light-gallery-v272/dist/fonts/lgb687.woff") format("woff"),url("../scripts/lib/light-gallery-v272/dist/fonts/lgb687.svg?io9a6k#lg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

.lg-icon {
    font-family: "lg" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-next,.lg-prev {
    background: rgba(0,0,0,.45);
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1084;
    outline: none;
    border: none;
    transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1) !important
}

.lg-next.disabled,.lg-prev.disabled {
    opacity: 0 !important;
    cursor: default
}

.lg-next:hover:not(.disabled),.lg-prev:hover:not(.disabled) {
    color: #fff;
    background: #000
}

.lg-single-item .lg-next,.lg-single-item .lg-prev {
    display: none
}

.lg-next {
    right: 0
}

.lg-prev {
    left: 0
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-toolbar .lg-icon {
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    will-change: color;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
    background: none;
    border: none;
    box-shadow: none
}

.lg-toolbar .lg-icon.lg-icon-18 {
    font-size: 18px
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: url("../scripts/lib/light-gallery-v272/dist/images/ico-close.svg")
}

.lg-toolbar .lg-maximize {
    font-size: 22px
}

.lg-toolbar .lg-maximize:after {
    content: ""
}

.lg-toolbar .lg-download:after {
    content: ""
}

.lg-sub-html {
    color: #fff;
    font-size: 12px;
    padding: 10px 40px;
    text-align: center;
    z-index: 1080;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out 0s;
    -o-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: bold
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

.lg-sub-html a {
    color: inherit
}

.lg-sub-html a:hover {
    text-decoration: underline
}

.lg-media-overlap .lg-sub-html {
    background-color: rgba(0,0,0,.45);
    -webkit-transition: background-color .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: background-color .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: background-color .6s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.lg-media-overlap .lg-sub-html:hover {
    background-color: rgba(0,0,0,.65)
}

.lg-item .lg-sub-html {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.lg-error-msg {
    font-size: 14px;
    color: #999
}

.lg-counter {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    height: 47px;
    vertical-align: middle
}

.lg-closing .lg-toolbar,.lg-closing .lg-prev,.lg-closing .lg-next,.lg-closing .lg-sub-html {
    opacity: 0;
    -webkit-transition: -webkit-transform .08 cubic-bezier(0, 0, 0.25, 1) 0s,opacity .08 cubic-bezier(0, 0, 0.25, 1) 0s,color .08 linear;
    -moz-transition: -moz-transform .08 cubic-bezier(0, 0, 0.25, 1) 0s,opacity .08 cubic-bezier(0, 0, 0.25, 1) 0s,color .08 linear;
    -o-transition: -o-transform .08 cubic-bezier(0, 0, 0.25, 1) 0s,opacity .08 cubic-bezier(0, 0, 0.25, 1) 0s,color .08 linear;
    transition: transform .08 cubic-bezier(0, 0, 0.25, 1) 0s,opacity .08 cubic-bezier(0, 0, 0.25, 1) 0s,color .08 linear
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
    opacity: 0;
    -moz-transform: scale3d(0.5, 0.5, 0.5);
    -o-transform: scale3d(0.5, 0.5, 0.5);
    -ms-transform: scale3d(0.5, 0.5, 0.5);
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    will-change: transform,opacity;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.lg-icon:focus-visible {
    color: #fff;
    border-radius: 3px;
    outline: 1px dashed rgba(255,255,255,.6)
}

.lg-toolbar .lg-icon:focus-visible {
    border-radius: 8px;
    outline-offset: -5px
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-container {
    display: none;
    outline: none
}

.lg-container.lg-show {
    display: block
}

.lg-on {
    scroll-behavior: unset
}

.lg-overlay-open {
    overflow: hidden
}

.lg-toolbar,.lg-prev,.lg-next,.lg-pager-outer,.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    will-change: transform,opacity;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .25s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .25s cubic-bezier(0, 0, 0.25, 1) 0s
}

.lg-show-in .lg-toolbar,.lg-show-in .lg-prev,.lg-show-in .lg-next,.lg-show-in .lg-pager-outer {
    opacity: 1
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
    opacity: 1
}

.lg-show-in .lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: .001;
    outline: none;
    will-change: auto;
    overflow: hidden;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-zoom-from-image {
    opacity: 1
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.lg-outer .lg-inner {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: opacity 0s;
    -o-transition: opacity 0s;
    transition: opacity 0s;
    white-space: nowrap
}

.lg-outer .lg-item {
    display: none !important
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
    background: url("../scripts/lib/light-gallery-v272/dist/images/loading.gif") no-repeat scroll center center transparent
}

.lg-outer.lg-css3 .lg-prev-slide,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide {
    display: inline-block !important
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-item,.lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-item:before,.lg-outer .lg-img-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.lg-outer .lg-img-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
    font-size: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-object {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative
}

.lg-outer .lg-empty-html.lg-sub-html,.lg-outer .lg-empty-html .lg-sub-html {
    display: none
}

.lg-outer.lg-hide-download .lg-download {
    opacity: .75;
    pointer-events: none
}

.lg-outer .lg-first-slide .lg-dummy-img {
    position: absolute;
    top: 50%;
    left: 50%
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
    opacity: 1
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
    opacity: 1;
    transition: opacity .2s ease-out .15s
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    will-change: auto;
    -webkit-transition: opacity 333ms ease-in 0s;
    -o-transition: opacity 333ms ease-in 0s;
    transition: opacity 333ms ease-in 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-prev-slide,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-current {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-current {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .1s ease 0s
}

.lg-container {
    display: none
}

.lg-container.lg-show {
    display: block
}

.lg-container.lg-dragging-vertical .lg-backdrop {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-inline .lg-backdrop,.lg-inline .lg-outer {
    position: absolute
}

.lg-inline .lg-backdrop {
    z-index: 1
}

.lg-inline .lg-outer {
    z-index: 2
}

.lg-inline .lg-maximize:after {
    content: ""
}

.lg-components {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    will-change: transform;
    -webkit-transition: -webkit-transform .35s ease-out 0s;
    -moz-transition: -moz-transform .35s ease-out 0s;
    -o-transition: -o-transform .35s ease-out 0s;
    transition: transform .35s ease-out 0s;
    z-index: 1080;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    float: left
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
    text-align: center
}

.lg-outer .lg-thumb-outer.lg-thumb-align-left {
    text-align: left
}

.lg-outer .lg-thumb-outer.lg-thumb-align-right {
    text-align: right
}

.lg-outer.lg-single-item .lg-thumb-outer {
    display: none
}

.lg-outer .lg-thumb {
    padding: 5px 0;
    height: 100%;
    margin-bottom: -5px;
    display: inline-block;
    vertical-align: middle
}

@media(min-width: 768px) {
    .lg-outer .lg-thumb {
        padding:10px 0
    }
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    margin-bottom: 5px
}

.lg-outer .lg-thumb-item:hover {
    border-color: #fff
}

.lg-outer .lg-thumb-item:hover img {
    -moz-transform: scale(1.08, 1.08);
    -o-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    -webkit-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.lg-outer .lg-thumb-item.active {
    border: #fff 1px solid;
    cursor: default
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer .lg-toggle-thumb:after {
    content: ""
}

.lg-outer.lg-animate-thumb .lg-thumb {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transition-duration: 0ms !important;
    transition-duration: 0ms !important
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    will-change: transform;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
    -moz-transition: -moz-transform .5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
    -o-transition: -o-transform .5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
    transition: transform .5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s
}

.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    will-change: transform;
    -webkit-transition: -webkit-transform .8s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform .8s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform .8s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform .8s cubic-bezier(0, 0, 0.25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s,opacity .15s !important;
    -moz-transition: -moz-transform .5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s,opacity .15s !important;
    -o-transition: -o-transform .5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s,opacity .15s !important;
    transition: transform .5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s,opacity .15s !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition {
    transition: none !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition {
    transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
    max-width: none !important;
    max-height: none !important;
    top: 50% !important;
    left: 50% !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x {
    transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
    top: 0 !important;
    left: 50% !important;
    max-width: none !important;
    max-height: none !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
    transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
    top: 50% !important;
    left: 0% !important;
    max-width: none !important;
    max-height: none !important
}

.lg-icon.lg-zoom-in:after {
    content: url("../scripts/lib/light-gallery-v272/dist/images/ico-zoom-in.svg")
}

.lg-actual-size .lg-icon.lg-zoom-in {
    opacity: .5;
    pointer-events: none
}

.lg-icon.lg-actual-size {
    font-size: 20px
}

.lg-icon.lg-actual-size:after {
    content: url("../scripts/lib/light-gallery-v272/dist/images/ico-actual-size.svg")
}

.lg-icon.lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

.lg-icon.lg-zoom-out:after {
    content: url("../scripts/lib/light-gallery-v272/dist/images/ico-zoom-out.svg")
}

.lg-zoomed .lg-icon.lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer[data-lg-slide-type=video] .lg-zoom-in,.lg-outer[data-lg-slide-type=video] .lg-actual-size,.lg-outer[data-lg-slide-type=video] .lg-zoom-out,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,.lg-outer.lg-first-slide-loading .lg-zoom-in,.lg-outer.lg-first-slide-loading .lg-actual-size,.lg-outer.lg-first-slide-loading .lg-zoom-out {
    opacity: .75;
    pointer-events: none
}

.lg-fullscreen:after {
    content: url("../scripts/lib/light-gallery-v272/dist/images/ico-fullscreen-in.svg")
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: url("../scripts/lib/light-gallery-v272/dist/images/ico-fullscreen-out.svg")
}

.fancybox__container {
    --fancybox-bg: rgba(0, 0, 0, 0.85);
    --fancybox-color: #FFFFFF
}

.fancybox__container .fancybox__slide .fancybox__content {
    --fancybox-content-bg: transparent;
    width: 90vw;
    height: 90vh;
    padding: 0
}

@media(min-width: 768px) {
    .fancybox__container .fancybox__slide .fancybox__content>.f-button.is-close-btn {
        top:-30px;
        right: -30px
    }
}

html.iframe-lg-on .fancybox__container .f-button.is-close-btn {
    display: none
}

#header {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999;
    -webkit-transition: all .4s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .4s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .4s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .4s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .4s cubic-bezier(0.76, 0.015, 0.41, 1)
}

@media(max-width: 767px) {
    #header {
        height:52px;
        background: #111
    }
}

@media(min-width: 768px) {
    #header {
        padding-bottom:30px;
        background: rgba(17,17,17,0);
        background: -webkit-linear-gradient(bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.6) 40%, #111111 100%);
        background: linear-gradient(to top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.6) 40%, #111111 100%)
    }
}

@media(min-width: 1050px) {
    #header {
        background:rgba(17,17,17,0);
        background: -webkit-linear-gradient(bottom, rgba(17, 17, 17, 0) 0%, #111111 90%);
        background: linear-gradient(to top, rgba(17, 17, 17, 0) 0%, #111111 90%)
    }
}

#header.black {
    background-color: #111
}

#header .headerLogo {
    position: absolute;
    -webkit-transition: all,.5s;
    -moz-transition: all,.5s;
    -o-transition: all,.5s;
    -ms-transition: all,.5s;
    transition: all,.5s
}

@media(max-width: 767px) {
    #header .headerLogo {
        width:180px;
        margin: 15px 0 0 13px
    }
}

@media(min-width: 768px) {
    #header .headerLogo {
        position:absolute;
        width: 180px;
        margin: 30px 0 0 44px
    }
}

@media(min-width: 992px) {
    #header .headerLogo {
        width:230px;
        margin: 31px 0 0 64px
    }
}

@media(min-width: 1200px) {
    #header .headerLogo {
        width:250px;
        margin: 28px 0 0 64px
    }
}

#header #headerLogoContract {
    width: 130px;
    margin-top: 12px;
    -webkit-transition: all,.5s;
    -moz-transition: all,.5s;
    -o-transition: all,.5s;
    -ms-transition: all,.5s;
    transition: all,.5s
}

@media(min-width: 992px) {
    #header #headerLogoContract {
        width:170px;
        margin-top: 18px
    }
}

@media(max-width: 767px) {
    #header #headerTop {
        display:none
    }
}

@media(min-width: 768px) {
    #header #headerTop {
        float:right;
        height: 12px;
        margin: 10px 13px 0 0;
        -webkit-transition: all,.5s;
        -moz-transition: all,.5s;
        -o-transition: all,.5s;
        -ms-transition: all,.5s;
        transition: all,.5s
    }
}

@media(min-width: 1050px) {
    #header #headerTop {
        margin:12px 60px 8px 0
    }
}

#header #headerTop .socialContainer {
    float: left
}

#header.scrolled {
    position: fixed;
    background: #111
}

@media(max-width: 767px) {
    #header.scrolled {
        height:48px
    }
}

@media(min-width: 768px) {
    #header.scrolled {
        height:80px
    }
}

@media(min-width: 992px) {
    #header.scrolled {
        height:52px;
        padding-bottom: 18px
    }
}

#header.scrolled .headerLogo {
    width: 150px;
    margin: 14px 0 0 13px
}

@media(min-width: 768px) {
    #header.scrolled .headerLogo {
        margin:12px 0 0 44px
    }
}

@media(min-width: 992px) {
    #header.scrolled .headerLogo {
        margin:13px 0 0 62px
    }
}

#header.scrolled #headerLogoContract {
    width: 120px;
    margin-top: 10px
}

@media(min-width: 768px) {
    #header.scrolled #headerLogoContract {
        width:130px;
        margin: 8px 0 0 44px
    }
}

@media(min-width: 1050px) {
    #header.scrolled #headerLogoContract {
        margin:8px 0 0 62px
    }
}

#header.scrolled #headerTop {
    display: none
}

@media(max-width: 767px) {
    body.logged #header {
        height:80px
    }

    body.logged #header .headerLogo {
        margin: 40px 0 0 13px
    }

    body.logged #header #headerTop {
        display: block;
        float: right;
        height: 12px;
        margin: 10px 13px 0 0;
        -webkit-transition: all,.5s;
        -moz-transition: all,.5s;
        -o-transition: all,.5s;
        -ms-transition: all,.5s;
        transition: all,.5s
    }

    body.logged #header.scrolled {
        height: 48px
    }

    body.logged #header.scrolled .headerLogo {
        margin: 14px 0 0 13px
    }

    body.logged #header.scrolled #headerLogoContract {
        margin: 10px 0 0 0
    }

    body.logged #header.scrolled #headerTop {
        display: none
    }
}

.nav li {
    line-height: 20px;
    font-size: 11px
}

@media(min-width: 768px) {
    .nav li {
        float:left
    }
}

.nav li a,.nav li span {
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 13px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: "HelveticaNeueLTStd-LtCn", sans-serif;
}

.nav li ul {
    display: none
}

@media screen and (max-width: 767px) {
    #navMainBtn {
        display:block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 18px 15px 14px 15px;
        z-index: 1;
        -webkit-transition: top,.5s;
        -moz-transition: top,.5s;
        -o-transition: top,.5s;
        -ms-transition: top,.5s;
        transition: top,.5s
    }

    body.logged #navMainBtn {
        top: 25px
    }

    #header.scrolled #navMainBtn {
        top: -4px
    }

    .menuBtn {
        position: relative;
        width: 24px;
        height: 20px;
        cursor: pointer
    }

    .menuBtn__bar {
        display: inline-block;
        position: absolute;
        width: 100%;
        height: 1px;
        background: #fff;
        -webkit-transition: all .3s cubic-bezier(0.76, 0.015, 0.41, 1);
        -moz-transition: all .3s cubic-bezier(0.76, 0.015, 0.41, 1);
        -o-transition: all .3s cubic-bezier(0.76, 0.015, 0.41, 1);
        -ms-transition: all .3s cubic-bezier(0.76, 0.015, 0.41, 1);
        transition: all .3s cubic-bezier(0.76, 0.015, 0.41, 1)
    }

    .menuBtn__bar:nth-child(1) {
        top: 0
    }

    .menuBtn__bar:nth-child(2) {
        top: 9.5px
    }

    .menuBtn__bar:nth-child(3) {
        bottom: 0
    }

    .menuBtn--active .menuBtn__bar:nth-child(1) {
        top: 9.5px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menuBtn--active .menuBtn__bar:nth-child(2) {
        width: 0;
        opacity: 0
    }

    .menuBtn--active .menuBtn__bar:nth-child(3) {
        bottom: 9.5px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    #navMain {
        position: fixed;
        height: 100%;
        width: 100vw;
        top: -100%;
        margin-top: 0;
        z-index: -1;
        -webkit-transition: top .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        -moz-transition: top .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        -o-transition: top .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        -ms-transition: top .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        transition: top .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        background-color: rgba(0,0,0,.9)
    }

    .backdropfilter #navMain {
        background-color: rgba(0,0,0,.75);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    #navMain>nav {
        height: 100%;
        padding-top: 80px;
        padding-bottom: 45px;
        overflow-y: auto
    }

    #navMain>nav ul.nav {
        position: relative;
        -webkit-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        -moz-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        -o-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        -ms-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1)
    }

    #navMain>nav ul.nav li {
        text-align: center;
        border: none;
        margin: 0;
        padding: 0;
        height: 50px;
        border-bottom: 1px solid #5b5b5b;
        overflow: hidden;
        -webkit-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        -moz-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        -o-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        -ms-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1)
    }

    #navMain>nav ul.nav li:last-child {
        border-bottom: none
    }

    #navMain>nav ul.nav li>a,#navMain>nav ul.nav li>span {
        display: block;
        line-height: 50px;
        cursor: pointer;
        text-transform: uppercase;
        color: #fff
    }

    #navMain>nav ul.nav li.firstLevel {
        position: relative
    }

    #navMain>nav ul.nav li.firstLevel:before,#navMain>nav ul.nav li.firstLevel:after {
        content: "";
        position: absolute;
        background: #fff
    }

    #navMain>nav ul.nav li.firstLevel:before {
        width: 15px;
        height: 1px;
        top: 25px;
        right: 16px
    }

    #navMain>nav ul.nav li.firstLevel:after {
        width: 1px;
        height: 15px;
        top: 18px;
        right: 23px;
        -webkit-transition: transform .4s cubic-bezier(0.76, 0.015, 0.41, 1);
        -moz-transition: transform .4s cubic-bezier(0.76, 0.015, 0.41, 1);
        -o-transition: transform .4s cubic-bezier(0.76, 0.015, 0.41, 1);
        -ms-transition: transform .4s cubic-bezier(0.76, 0.015, 0.41, 1);
        transition: transform .4s cubic-bezier(0.76, 0.015, 0.41, 1)
    }

    #navMain>nav ul.nav li.firstLevel ul.secondLevel {
        display: block;
        height: 50px;
        -webkit-transition: height .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        -moz-transition: height .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        -o-transition: height .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        -ms-transition: height .6s cubic-bezier(0.76, 0.015, 0.41, 1);
        transition: height .6s cubic-bezier(0.76, 0.015, 0.41, 1)
    }

    #navMain>nav ul.nav li.firstLevel ul.secondLevel li {
        border-top: 1px solid #111;
        border-bottom: none
    }

    #navMain>nav ul.nav li.firstLevel ul.secondLevel li a {
        background: rgba(80,80,80,.5)
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="1"] {
        height: 100px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="2"] {
        height: 150px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="3"] {
        height: 200px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="4"] {
        height: 250px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="5"] {
        height: 300px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="6"] {
        height: 350px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="7"] {
        height: 400px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="8"] {
        height: 450px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="9"] {
        height: 500px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="10"] {
        height: 550px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="11"] {
        height: 600px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="12"] {
        height: 650px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="13"] {
        height: 700px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="14"] {
        height: 750px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="15"] {
        height: 800px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="16"] {
        height: 850px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="17"] {
        height: 900px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="18"] {
        height: 950px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="19"] {
        height: 1000px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen[data-children-count="20"] {
        height: 1050px
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen:after {
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -o-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0)
    }

    #navMain>nav ul.nav li.firstLevel.submenuOpen ul.secondLevel li {
        height: 50px
    }

    #navMain>nav ul.nav li ul {
        display: none
    }

    #navMain__bottom {
        display: flex !important;
        justify-content: space-between;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        padding: 5px;
        background: #111
    }

    #navMain__bottom ul li {
        display: inline-block;
        height: 12px;
        padding: 0 10px 0 12px;
        border-left: dimgray 1px solid
    }

    #navMain__bottom ul li:first-child {
        border-left: none
    }

    #navMain__bottom ul li a,#navMain__bottom ul li span {
        color: #fff
    }

    body.navMainOpen {
        overflow: hidden
    }

    body.navMainOpen #header #navMain {
        top: 0
    }

    body.navMainOpen #header #navMain:before {
        content: "";
        position: fixed;
        width: 100%;
        height: 100px;
        top: 0;
        left: 0;
        z-index: 1;
        background: rgba(17,17,17,0);
        background: -webkit-linear-gradient(bottom, rgba(17, 17, 17, 0) 0%, #111111 60%);
        background: linear-gradient(to top, rgba(17, 17, 17, 0) 0%, #111111 60%)
    }
}

@media(min-width: 768px) {
    #navMain {
        position:relative;
        float: right;
        margin-top: 46px;
        margin-right: 15px
    }
}

@media(min-width: 768px)and (min-width: 1050px) {
    #navMain {
        margin-top:18px;
        margin-right: 62px
    }
}

@media(min-width: 768px) {
    #navMain .nav {
        display:block
    }

    #navMain .nav li {
        padding-left: 9px;
        margin-left: 8px;
        border-left: #5b5b5b 1px solid
    }
}

@media(min-width: 768px)and (min-width: 1050px) {
    #navMain .nav li {
        padding-left:7px;
        margin-left: 7px
    }
}

@media(min-width: 768px)and (min-width: 1200px) {
    #navMain .nav li {
        padding-left:15px;
        margin-left: 15px
    }
}

@media(min-width: 768px)and (min-width: 1800px) {
    #navMain .nav li {
        padding-left:20px;
        margin-left: 20px
    }
}

@media(min-width: 768px) {
    #navMain .nav li:first-child {
        margin:0;
        padding: 0;
        border: none
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    #header.scrolled #navMain {
        margin-top:50px
    }
}

@media(min-width: 768px)and (min-width: 992px)and (max-width: 1049px) {
    #header.scrolled #navMain {
        margin-top:18px
    }
}

#headerTop #navTop {
    height: 13px;
    line-height: 13px
}

@media(min-width: 768px) {
    #headerTop #navTop {
        float:left
    }
}

#headerTop #navTop ul {
    float: left;
    margin-top: 1px
}

#headerTop #navTop li {
    float: left;
    padding-right: 5px;
    margin-right: 5px;
    border-right: #5b5b5b 1px solid
}

@media(min-width: 768px) {
    #headerTop #navTop li {
        padding-right:6px;
        margin-right: 6px
    }
}

@media(min-width: 1200px) {
    #headerTop #navTop li {
        padding-right:10px;
        margin-right: 10px
    }
}

@media(min-width: 1800px) {
    #headerTop #navTop li {
        padding-right:20px;
        margin-right: 20px
    }
}

@media(max-width: 767px) {
    #headerTop #navTop li:last-child {
        padding-right:0;
        margin-right: 0;
        border-right: none
    }
}

@media(min-width: 768px) {
    #headerTop #navTop li:last-child {
        margin-right:6px
    }
}

@media(min-width: 1200px) {
    #headerTop #navTop li:last-child {
        margin-right:14px
    }
}

@media(max-width: 767px) {
    #headerTop #navTop li.registrazione,#headerTop #navTop li.profilo-utente {
        padding-right:0;
        margin-right: 0;
        border-right: none
    }
}

#headerTop #navTop li.languageItem {
    display: none
}

@media(min-width: 768px) {
    #headerTop #navTop li.languageItem {
        display:block
    }
}

#headerTop #navTop li a,#headerTop #navTop li span,#headerTop #navTop li button {
    height: 13px;
    line-height: 13px;
    color: #5b5b5b;
    font-size: 13px;
    font-family: "Helvetica Neue",sans-serif;
    font-weight: normal;
    letter-spacing: 0
}

#headerTop #navTop li a:hover,#headerTop #navTop li span:hover,#headerTop #navTop li button:hover {
    color: #fff
}

@media(max-width: 767px) {
    .aziendaNav li {
        padding:0 !important;
        font-size: 13px;
        color: #000
    }

    .aziendaNav li:before {
        display: none !important
    }

    .aziendaNav li:after {
        display: block;
        height: 25px;
        line-height: 25px;
        content: "—";
        color: #111
    }

    .aziendaNav li:last-child:after {
        display: none
    }
}

@media(min-width: 768px) {
    .aziendaNav li,.overlaySubMenuList li {
        padding-left:10px !important;
        margin-left: 10px;
        border-left: #111 1px solid
    }
}

@media(min-width: 768px)and (min-width: 1200px) {
    .aziendaNav li,.overlaySubMenuList li {
        padding-left:20px !important;
        margin-left: 20px
    }
}

@media(min-width: 768px) {
    .aziendaNav li:before,.overlaySubMenuList li:before {
        display:none !important
    }
}

@media(min-width: 768px) {
    .aziendaNav li:first-child,.overlaySubMenuList li:first-child {
        margin:0 !important;
        padding: 0 !important;
        border: none
    }
}

.aziendaNavContainer {
    margin-bottom: 40px;
    text-align: center
}

@media(min-width: 768px) {
    .aziendaNavContainer {
        margin-bottom:50px
    }
}

.aziendaNavContainer .aziendaNav {
    display: inline-block
}

.aziendaNavContainer .aziendaNav li a span {
    font-size: 14px;
    color: #000
}

.aziendaNavContainer.home .aziendaNav li a span {
    color: #fff
}

@media(max-width: 1299px) {
    #navFooterContainer .navFooter {
        display:inline-block;
        margin: 0 auto;
        overflow: hidden
    }

    #navFooterContainer .navFooter li {
        float: left
    }
}

@media(min-width: 1300px) {
    .navFooter {
        float:left
    }
}

.navFooter li {
    padding-left: 6px;
    margin-left: 6px;
    border-left: #8d8d8d 1px solid
}

@media(min-width: 768px) {
    .navFooter li {
        padding-left:10px;
        margin-left: 10px
    }
}

.navFooter li:before {
    display: none
}

.navFooter li:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: none
}

.navFooter li a,.navFooter li span {
    color: #000
}

@media(max-width: 767px) {
    .navFooterBottom li {
        float:none;
        width: 100%;
        padding-top: 15px;
        padding-left: 0;
        margin-left: 0;
        border-left: none
    }

    .navFooterBottom li:first-child {
        padding-top: 0
    }
}

.breadcrumb {
    position: relative;
    padding: 0 15px;
    margin-bottom: 15px;
    font-size: 11px;
    line-height: 12px;
    text-align: right;
    font-family: "Helvetica Neue", sans-serif
}

@media(min-width: 768px) {
    .breadcrumb {
        position:absolute;
        top: 0;
        padding: 0;
        margin-bottom: 0;
        right: 15px;
        z-index: 1
    }
}

.breadcrumb div {
    position: relative;
    display: inline-block !important;
    padding-left: 7px;
    color: #5b5b5b;
    text-transform: uppercase
}

.breadcrumb div::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "/";
    font-family: "Helvetica Neue",sans-serif;
    font-weight: 700
}

@media(max-width: 767px) {
    .breadcrumb div::before {
        top:-2px
    }
}

.breadcrumb div:first-child::before {
    content: ""
}

.breadcrumb div a {
    color: #5b5b5b
}

.swiper-wrapper {
    -moz-transition-timing-function: cubic-bezier(0.65, 0.02, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.65, 0.02, 0.2, 1);
    -ms-transition-timing-function: cubic-bezier(0.65, 0.02, 0.2, 1);
    -webkit-transition-timing-function: cubic-bezier(0.65, 0.02, 0.2, 1);
    transition-timing-function: cubic-bezier(0.65, 0.02, 0.2, 1)
}

.sliderContainer {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.sliderContainer .gradientBottom.default {
    z-index: 1
}

.sliderContainer .gradientBottom.scroll {
    z-index: -1
}

.sliderContainer .slider-caption-container,.sliderContainer .slider-thumbs-container {
    position: absolute;
    bottom: 5px;
    left: 13px;
    z-index: 998
}

@media(min-width: 768px) {
    .sliderContainer .slider-caption-container,.sliderContainer .slider-thumbs-container {
        bottom:25px;
        left: 40px
    }
}

@media(min-width: 992px) {
    .sliderContainer .slider-caption-container,.sliderContainer .slider-thumbs-container {
        left:60px
    }
}

@media(min-width: 1200px) {
    .sliderContainer .slider-caption-container,.sliderContainer .slider-thumbs-container {
        left:60px;
        bottom: 18px
    }
}

.sliderContainer .slider-caption-container .slider-caption-wrapper,.sliderContainer .slider-caption-container .slider-thumbs-wrapper,.sliderContainer .slider-thumbs-container .slider-caption-wrapper,.sliderContainer .slider-thumbs-container .slider-thumbs-wrapper {
    position: relative
}

.sliderContainer .slider-caption-container .slider-caption-wrapper .slide-caption h2,.sliderContainer .slider-caption-container .slider-thumbs-wrapper .slide-caption h2,.sliderContainer .slider-thumbs-container .slider-caption-wrapper .slide-caption h2,.sliderContainer .slider-thumbs-container .slider-thumbs-wrapper .slide-caption h2 {
    position: relative;
    padding: 22px 0 0 103px;
    font-weight: 400
}

@media(min-width: 768px) {
    .sliderContainer .slider-caption-container .slider-caption-wrapper .slide-caption h2,.sliderContainer .slider-caption-container .slider-thumbs-wrapper .slide-caption h2,.sliderContainer .slider-thumbs-container .slider-caption-wrapper .slide-caption h2,.sliderContainer .slider-thumbs-container .slider-thumbs-wrapper .slide-caption h2 {
        padding:22px 0 0 118px
    }
}

@media(min-width: 992px) {
    .sliderContainer .slider-caption-container .slider-caption-wrapper .slide-caption h2,.sliderContainer .slider-caption-container .slider-thumbs-wrapper .slide-caption h2,.sliderContainer .slider-thumbs-container .slider-caption-wrapper .slide-caption h2,.sliderContainer .slider-thumbs-container .slider-thumbs-wrapper .slide-caption h2 {
        padding:19px 0 0 118px
    }
}

.sliderContainer .slider-caption-container .slider-caption-wrapper .slide-caption h4,.sliderContainer .slider-caption-container .slider-thumbs-wrapper .slide-caption h4,.sliderContainer .slider-thumbs-container .slider-caption-wrapper .slide-caption h4,.sliderContainer .slider-thumbs-container .slider-thumbs-wrapper .slide-caption h4 {
    line-height: 22px;
    font-weight: 300;
    text-transform: none
}

@media(max-width: 767px) {
    .sliderContainer .slider-caption-container .slider-caption-wrapper .slide-caption h2,.sliderContainer .slider-caption-container .slider-thumbs-wrapper .slide-caption h2,.sliderContainer .slider-thumbs-container .slider-caption-wrapper .slide-caption h2,.sliderContainer .slider-thumbs-container .slider-thumbs-wrapper .slide-caption h2 {
        font-size:24px
    }

    .sliderContainer .slider-caption-container .slider-caption-wrapper .slide-caption h4,.sliderContainer .slider-caption-container .slider-thumbs-wrapper .slide-caption h4,.sliderContainer .slider-thumbs-container .slider-caption-wrapper .slide-caption h4,.sliderContainer .slider-thumbs-container .slider-thumbs-wrapper .slide-caption h4 {
        font-size: 14px
    }
}

@media(max-width: 320px) {
    .sliderContainer .slider-caption-container .slider-caption-wrapper .slide-caption h2,.sliderContainer .slider-caption-container .slider-thumbs-wrapper .slide-caption h2,.sliderContainer .slider-thumbs-container .slider-caption-wrapper .slide-caption h2,.sliderContainer .slider-thumbs-container .slider-thumbs-wrapper .slide-caption h2 {
        font-size:22px
    }

    .sliderContainer .slider-caption-container .slider-caption-wrapper .slide-caption h4,.sliderContainer .slider-caption-container .slider-thumbs-wrapper .slide-caption h4,.sliderContainer .slider-thumbs-container .slider-caption-wrapper .slide-caption h4,.sliderContainer .slider-thumbs-container .slider-thumbs-wrapper .slide-caption h4 {
        font-size: 13px
    }
}

.sliderContainer .swiper-container {
    position: relative;
    height: 100%;
    width: 100%;
    top: 0
}

.sliderContainer .swiper-container .swiper-wrapper {
    -moz-transition-timing-function: cubic-bezier(0.65, 0.02, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.65, 0.02, 0.2, 1);
    -ms-transition-timing-function: cubic-bezier(0.65, 0.02, 0.2, 1);
    -webkit-transition-timing-function: cubic-bezier(0.65, 0.02, 0.2, 1);
    transition-timing-function: cubic-bezier(0.65, 0.02, 0.2, 1)
}

.sliderContainer .swiper-container .swiper-slide {
    background-color: #111
}

.sliderContainer .swiper-container .swiper-slide .slide-caption {
    display: none
}

.sliderContainer .swiper-container .slider-button {
    position: absolute;
    width: 30px;
    height: 52px;
    top: 50%;
    margin-top: -26px;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.sliderContainer .swiper-container .slider-button svg {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    cursor: pointer;
    -webkit-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.sliderContainer .swiper-container .slider-button:hover {
    background-color: rgba(0,0,0,.7)
}

.sliderContainer .swiper-container .slider-button:hover svg {
    stroke-width: 2
}

.sliderContainer .swiper-container .slider-button-prev {
    left: 0
}

.sliderContainer .swiper-container .slider-button-prev svg {
    left: -2px
}

.sliderContainer .swiper-container .slider-button-prev:hover svg {
    left: -5px
}

.sliderContainer .swiper-container .slider-button-next {
    right: 0
}

.sliderContainer .swiper-container .slider-button-next svg {
    right: -2px
}

.sliderContainer .swiper-container .slider-button-next:hover svg {
    right: -5px
}

.sliderContainer #productTopSliderZoom,.sliderContainer #prodottoSliderZoom,.sliderContainer .pageSliderZoom {
    position: absolute;
    right: 15px;
    bottom: 0;
    z-index: 999
}

@media(min-width: 768px) {
    .sliderContainer #productTopSliderZoom,.sliderContainer #prodottoSliderZoom,.sliderContainer .pageSliderZoom {
        right:42px
    }
}

@media(min-width: 992px) {
    .sliderContainer #productTopSliderZoom,.sliderContainer #prodottoSliderZoom,.sliderContainer .pageSliderZoom {
        right:62px
    }
}

@media(max-width: 767px) {
    .sliderContainer #prodottoSliderZoom {
        bottom:0
    }
}

.sliderContainer .scrollBtn {
    bottom: 14px
}

.swiper-pagination {
    padding: 0
}

.swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 8px 0 0;
    border-radius: 0;
    opacity: .3;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s
}

.swiper-pagination .swiper-pagination-bullet:hover {
    opacity: .8
}

.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: transparent !important;
    cursor: default !important
}

#swiper-pagination-top {
    bottom: 18px;
    right: 0;
    padding-right: 10px;
    text-align: right
}

@media(min-width: 768px) {
    #swiper-pagination-top {
        padding-right:37px
    }
}

@media(min-width: 992px) {
    #swiper-pagination-top {
        padding-right:57px
    }
}

#swiper-pagination-top-center {
    bottom: 15px
}

@media(min-width: 768px) {
    #swiper-pagination-top-center {
        bottom:18px
    }
}

#swiper-pagination-home {
    right: 7px;
    margin-top: 24px
}

@media(min-width: 768px) {
    #swiper-pagination-page {
        bottom:20px
    }
}

#swiper-pagination-2d {
    bottom: 20px
}

.blackBg .swiper-pagination-bullet {
    background: #fff;
    border: #fff 1px solid
}

.whiteBg .sliderContainer .swiper-container .swiper-slide {
    background-color: #fff
}

.whiteBg .swiper-pagination-bullet {
    background: #8d8d8d;
    border: #8d8d8d 1px solid
}

@media(max-width: 991px) {
    #topContainer {
        margin-top:112px
    }
}

@media(max-width: 767px) {
    #topContainer {
        margin-top:52px
    }

    body.logged #topContainer {
        margin-top: 80px
    }
}

#topContainer .scrollBtn,#productMainImg .scrollBtn {
    right: 60px;
    bottom: 37px
}

@media(min-width: 1200px) {
    #topContainer .scrollBtn,#productMainImg .scrollBtn {
        bottom:30px
    }
}

.topContainerOverlay {
    display: flex;
    position: absolute;
    left: 15px;
    bottom: 15px;
    z-index: 999
}

@media(min-width: 768px) {
    .topContainerOverlay {
        left:30px;
        bottom: 30px
    }
}

@media(min-width: 992px) {
    .topContainerOverlay {
        left:64px
    }
}

.topContainerOverlay__img {
    width: 115px
}

@media(min-width: 768px) {
    .topContainerOverlay__img {
        width:125px
    }
}

@media(min-width: 992px) {
    .topContainerOverlay__img {
        width:130px
    }
}

@media(min-width: 1200px) {
    .topContainerOverlay__img {
        width:140px
    }
}

.topContainerOverlay__txt {
    display: flex;
    align-items: end;
    padding-left: 15px;
    font-family: "Helvetica Neue", sans-serif
}

.topContainerOverlay__txt p {
    margin: 0 0 -4px 0
}

@media(min-width: 992px) {
    .topContainerOverlay__txt p {
        font-size:13px
    }
}

.sliderPattern {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("../img/generali/pattern.png") 0 0 repeat;
    z-index: 1
}

#homeSlider .swiper-slide {
    text-align: center;
    background-color: transparent
}

@media(max-width: 767px) {
    #homeSlider .swiper-slide img {
        margin:0 auto
    }
}

#productPageSliderContainer {
    padding-top: 20px
}

#productTopSliderContainer {
    margin-bottom: 25px
}

#productTopSliderContainer,#productPageSliderContainer {
    position: relative
}

@media(max-width: 991px) {
    #productTopSliderContainer,#productPageSliderContainer {
        height:40vh;
        min-height: 360px
    }
}

@media(min-width: 992px) {
    #productTopSliderContainer,#productPageSliderContainer {
        height:70vh;
        min-height: 70vh
    }
}

#productTopSliderContainer .sliderContainer,#productPageSliderContainer .sliderContainer {
    height: 100%
}

#productTopSliderContainer #productTopSlider,#productTopSliderContainer #productPageSlider,#productPageSliderContainer #productTopSlider,#productPageSliderContainer #productPageSlider {
    height: 100%;
    padding: 0 30px 50px;
    margin: 0 auto
}

@media(min-width: 768px) {
    #productTopSliderContainer #productTopSlider,#productTopSliderContainer #productPageSlider,#productPageSliderContainer #productTopSlider,#productPageSliderContainer #productPageSlider {
        padding:0 58px 50px
    }
}

@media(min-width: 992px) {
    #productTopSliderContainer #productTopSlider,#productTopSliderContainer #productPageSlider,#productPageSliderContainer #productTopSlider,#productPageSliderContainer #productPageSlider {
        width:70%;
        padding: 0 0 50px 0
    }
}

#productTopSliderContainer .slider-button,#productPageSliderContainer .slider-button {
    position: absolute;
    height: 100%;
    width: 30px;
    top: 0;
    z-index: 10
}

@media(min-width: 768px) {
    #productTopSliderContainer .slider-button,#productPageSliderContainer .slider-button {
        width:58px
    }
}

@media(min-width: 992px) {
    #productTopSliderContainer .slider-button,#productPageSliderContainer .slider-button {
        width:78px
    }
}

#productTopSliderContainer .slider-button svg,#productPageSliderContainer .slider-button svg {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    cursor: pointer;
    -webkit-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1)
}

@media(max-width: 768px) {
    #productTopSliderContainer .slider-button svg,#productPageSliderContainer .slider-button svg {
        width:auto;
        height: 9px
    }
}

#productTopSliderContainer .slider-button:hover svg,#productPageSliderContainer .slider-button:hover svg {
    stroke-width: 2
}

#productTopSliderContainer .slider-button,#productPageSliderContainer .slider-button {
    height: calc(100% - 50px)
}

#productTopSliderContainer .slider-button-prev,#productPageSliderContainer .slider-button-prev {
    left: 0
}

#productTopSliderContainer .slider-button-prev svg,#productPageSliderContainer .slider-button-prev svg {
    left: 0
}

@media(min-width: 768px) {
    #productTopSliderContainer .slider-button-prev svg,#productPageSliderContainer .slider-button-prev svg {
        left:35px
    }
}

@media(min-width: 992px) {
    #productTopSliderContainer .slider-button-prev svg,#productPageSliderContainer .slider-button-prev svg {
        left:62px
    }
}

@media(min-width: 992px) {
    #productTopSliderContainer .slider-button-prev:hover svg,#productPageSliderContainer .slider-button-prev:hover svg {
        left:56px
    }
}

#productTopSliderContainer .slider-button-next,#productPageSliderContainer .slider-button-next {
    right: 0
}

#productTopSliderContainer .slider-button-next svg,#productPageSliderContainer .slider-button-next svg {
    right: 0
}

@media(min-width: 768px) {
    #productTopSliderContainer .slider-button-next svg,#productPageSliderContainer .slider-button-next svg {
        right:35px
    }
}

@media(min-width: 992px) {
    #productTopSliderContainer .slider-button-next svg,#productPageSliderContainer .slider-button-next svg {
        right:62px
    }
}

@media(min-width: 992px) {
    #productTopSliderContainer .slider-button-next:hover svg,#productPageSliderContainer .slider-button-next:hover svg {
        right:56px
    }
}

#rivenditoreShowroomContainer {
    position: relative;
    height: 40vh;
    min-height: 300px;
    max-height: 600px;
    margin-bottom: 25px
}

@media(min-width: 768px) {
    #rivenditoreShowroomContainer {
        height:450px;
        min-height: 450px
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    #rivenditoreShowroomContainer {
        margin-top:30px
    }
}

@media(min-width: 992px) {
    #rivenditoreShowroomContainer {
        height:60vh;
        min-height: 450px;
        margin-bottom: 15px
    }
}

@media(min-width: 1800px) {
    #rivenditoreShowroomContainer {
        height:60vh;
        min-height: 450px;
        max-height: 750px
    }
}

@media(min-width: 768px) {
    #rivenditoreShowroomContainer.rivenditoreSlider--showroomCampaign {
        height:300px;
        min-height: 300px
    }
}

@media(min-width: 992px) {
    #rivenditoreShowroomContainer.rivenditoreSlider--showroomCampaign {
        height:300px;
        min-height: 300px
    }
}

@media(min-width: 1800px) {
    #rivenditoreShowroomContainer.rivenditoreSlider--showroomCampaign {
        height:350px;
        min-height: 350px
    }
}

@media(min-width: 2200px) {
    #rivenditoreShowroomContainer.rivenditoreSlider--showroomCampaign {
        height:400px;
        min-height: 400px
    }
}

.rivenditoreSlider {
    position: relative;
    height: 40vh;
    min-height: 300px;
    padding-bottom: 25px
}

@media(min-width: 768px) {
    .rivenditoreSlider {
        height:450px;
        min-height: 450px
    }
}

@media(min-width: 992px) {
    .rivenditoreSlider {
        height:60vh;
        min-height: 450px;
        padding-bottom: 15px
    }
}

@media(min-width: 1800px) {
    .rivenditoreSlider {
        height:60vh;
        min-height: 60vh
    }
}

.rivenditoreSlider .sliderContainer {
    height: 100%
}

.rivenditoreSlider .swiper-container {
    height: 100%;
    padding: 0 5px 50px;
    margin: 0 auto
}

@media(min-width: 768px) {
    .rivenditoreSlider .swiper-container {
        padding:0 58px 50px
    }
}

@media(min-width: 992px) {
    .rivenditoreSlider .swiper-container {
        width:calc(100% - 100px);
        padding: 0 0 60px 0
    }
}

.rivenditoreSlider .slider-button {
    position: absolute;
    height: calc(100% - 50px);
    width: 30px;
    top: 0;
    z-index: 10
}

.rivenditoreSlider .slider-button svg {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    cursor: pointer;
    -webkit-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.rivenditoreSlider .slider-button-prev {
    left: -35px
}

@media(min-width: 768px) {
    .rivenditoreSlider .slider-button-prev {
        left:0
    }

    .rivenditoreSlider .slider-button-prev:hover svg {
        left: -8px
    }
}

.rivenditoreSlider .slider-button-prev svg {
    left: 0px
}

.rivenditoreSlider .slider-button-next {
    right: -35px
}

@media(min-width: 768px) {
    .rivenditoreSlider .slider-button-next {
        right:0
    }

    .rivenditoreSlider .slider-button-next:hover svg {
        right: -8px
    }
}

.rivenditoreSlider .slider-button-next svg {
    right: 0px
}

.rivenditoreSlider__btnZoom {
    right: 0
}

#postSliderContainer .imgPrev {
    cursor: pointer
}

#postSliderContainer .imgPrev .btnZoom--bigPlus {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -67px 0 0 -67px;
    z-index: 999
}

#postSliderContainer .imgPrev .btnZoom--bigPlus svg {
    opacity: 0
}

#postSliderContainer .imgPrev .btnZoom--bigPlus svg path,#postSliderContainer .imgPrev .btnZoom--bigPlus svg rect {
    fill: #fff
}

#postSliderContainer .imgPrev:hover .btnZoom--bigPlus svg {
    opacity: 1
}

.post-slider-button-container {
    position: relative;
    width: 100%;
    height: 20px;
    margin-top: 30px;
    background: url("../img/generali/line-vert-gray.png") center 0 repeat-y
}

.post-slider-button-container .post-slider-button {
    position: absolute;
    top: 0;
    cursor: pointer;
    padding: 0 5px;
    -webkit-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.post-slider-button-container .post-slider-button svg {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6)
}

.post-slider-button-container .post-slider-button:hover svg {
    stroke-width: 2
}

.post-slider-button-container .post-slider-button.post-slider-button-prev {
    left: 50%;
    margin-left: -50px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.post-slider-button-container .post-slider-button.post-slider-button-prev:hover {
    margin-left: -51px
}

.post-slider-button-container .post-slider-button.post-slider-button-next {
    right: 50%;
    margin-right: -50px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.post-slider-button-container .post-slider-button.post-slider-button-next:hover {
    margin-right: -51px
}

.post-slider-button-container #postSliderZoom {
    position: absolute;
    width: 32px;
    height: 32px;
    top: -5px;
    right: 15px
}

.post-slider-button-container #postSliderZoom svg {
    width: 32px;
    height: 32px
}

#homeNewsCarousel {
    padding: 0 40px
}

@media(min-width: 768px) {
    #homeNewsCarousel {
        padding:0 62px
    }
}

@media(min-width: 992px) {
    #homeNewsCarousel {
        padding:0 120px
    }
}

@media(max-width: 767px) {
    #homeNewsCarousel .swiper-slide {
        width:100%;
        background-color: #111
    }

    #homeNewsCarousel .swiper-slide .txt h2 {
        font-size: 15px;
        line-height: 19px;
        letter-spacing: 2px;
        text-transform: none;
        font-weight: 700
    }

    #homeNewsCarousel .swiper-slide .txt .subtitle {
        font-size: 13px;
        line-height: 16px
    }

    #homeNewsCarousel .swiper-slide .img {
        margin-top: 30px
    }

    #homeNewsCarousel .swiper-slide .img img {
        position: relative;
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto
    }
}

@media(min-width: 768px) {
    #homeNewsCarousel .swiper-slide {
        width:640px;
        overflow: hidden
    }

    #homeNewsCarousel .swiper-slide .txt {
        float: left;
        width: 240px;
        padding-right: 30px;
        text-align: right
    }

    #homeNewsCarousel .swiper-slide .txt h2 {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: 2px;
        text-transform: none;
        font-weight: 700
    }

    #homeNewsCarousel .swiper-slide .txt .subtitle {
        font-size: 15px;
        line-height: 18px
    }

    #homeNewsCarousel .swiper-slide .img {
        float: left;
        width: calc(100% - 240px);
        height: 350px;
        margin-top: 0;
        margin-left: 240px;
        overflow: hidden
    }

    #homeNewsCarousel .swiper-slide .img img {
        height: 350px
    }

    #homeNewsCarousel .swiper-slide .img .gradientRight {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.76, 0.015, 0.41, 1);
        -moz-transition: opacity 1s cubic-bezier(0.76, 0.015, 0.41, 1);
        -o-transition: opacity 1s cubic-bezier(0.76, 0.015, 0.41, 1);
        -ms-transition: opacity 1s cubic-bezier(0.76, 0.015, 0.41, 1);
        transition: opacity 1s cubic-bezier(0.76, 0.015, 0.41, 1)
    }
}

@media(min-width: 992px) {
    #homeNewsCarousel .swiper-slide {
        width:450px;
        -webkit-transition: width 1s cubic-bezier(0.76, 0.015, 0.41, 1);
        -moz-transition: width 1s cubic-bezier(0.76, 0.015, 0.41, 1);
        -o-transition: width 1s cubic-bezier(0.76, 0.015, 0.41, 1);
        -ms-transition: width 1s cubic-bezier(0.76, 0.015, 0.41, 1);
        transition: width 1s cubic-bezier(0.76, 0.015, 0.41, 1)
    }

    #homeNewsCarousel .swiper-slide .img {
        height: 400px
    }

    #homeNewsCarousel .swiper-slide .img img {
        height: 400px
    }

    #homeNewsCarousel .swiper-slide:hover {
        width: 700px
    }

    #homeNewsCarousel .swiper-slide:hover .img .gradientRight {
        opacity: 0
    }
}

#homeNewsCarousel .carousel-button {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0;
    z-index: 10
}

@media(min-width: 768px) {
    #homeNewsCarousel .carousel-button {
        width:60px
    }
}

@media(min-width: 992px) {
    #homeNewsCarousel .carousel-button {
        width:120px
    }
}

#homeNewsCarousel .carousel-button svg {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    cursor: pointer;
    -webkit-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1)
}

#homeNewsCarousel .carousel-button:hover svg {
    stroke-width: 2
}

#homeNewsCarousel .carousel-button-prev {
    left: 0;
    background: rgba(17,17,17,0);
    background: -webkit-linear-gradient(right, rgba(17, 17, 17, 0) 0%, #111111 40%);
    background: linear-gradient(to left, rgba(17, 17, 17, 0) 0%, #111111 40%)
}

@media(max-width: 767px) {
    #homeNewsCarousel .carousel-button-prev svg {
        left:5px
    }
}

@media(min-width: 768px) {
    #homeNewsCarousel .carousel-button-prev svg {
        left:34px
    }
}

@media(min-width: 992px) {
    #homeNewsCarousel .carousel-button-prev svg {
        left:62px
    }
}

@media(min-width: 992px) {
    #homeNewsCarousel .carousel-button-prev:hover svg {
        left:56px
    }
}

#homeNewsCarousel .carousel-button-next {
    right: 0;
    background: rgba(17,17,17,0);
    background: -webkit-linear-gradient(left, rgba(17, 17, 17, 0) 0%, #111111 40%);
    background: linear-gradient(to right, rgba(17, 17, 17, 0) 0%, #111111 40%)
}

@media(max-width: 767px) {
    #homeNewsCarousel .carousel-button-next svg {
        right:5px
    }
}

@media(min-width: 768px) {
    #homeNewsCarousel .carousel-button-next svg {
        right:34px
    }
}

@media(min-width: 992px) {
    #homeNewsCarousel .carousel-button-next svg {
        right:62px
    }
}

@media(min-width: 992px) {
    #homeNewsCarousel .carousel-button-next:hover svg {
        right:56px
    }
}

.finitureCarousel {
    padding: 0 30px
}

@media(min-width: 768px) {
    .finitureCarousel {
        padding:0 42px
    }
}

@media(min-width: 992px) {
    .finitureCarousel {
        padding:0 62px
    }
}

.finitureCarousel .swiper-wrapper .swiper-slide {
    width: 120px;
    -webkit-transition: width 1s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: width 1s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: width 1s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: width 1s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: width 1s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.finitureCarousel .swiper-wrapper .swiper-slide .effectBox {
    width: 120px;
    height: 120px;
    cursor: pointer
}

.finitureCarousel .carousel-button {
    position: absolute;
    height: 176px;
    width: 30px;
    top: 0;
    z-index: 10
}

@media(min-width: 768px) {
    .finitureCarousel .carousel-button {
        width:42px
    }
}

@media(min-width: 992px) {
    .finitureCarousel .carousel-button {
        width:62px
    }
}

.finitureCarousel .carousel-button svg {
    position: absolute;
    top: 52px;
    cursor: pointer;
    -webkit-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .5s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.finitureCarousel .carousel-button:hover svg {
    stroke-width: 2
}

.finitureCarousel .carousel-button-prev {
    left: 0;
    background: #fff
}

.finitureCarousel .carousel-button-prev svg {
    left: -1px
}

@media(min-width: 768px) {
    .finitureCarousel .carousel-button-prev svg {
        left:5px
    }
}

@media(min-width: 992px) {
    .finitureCarousel .carousel-button-prev svg {
        left:20px
    }
}

@media(min-width: 992px) {
    .finitureCarousel .carousel-button-prev:hover svg {
        left:14px
    }
}

.finitureCarousel .carousel-button-next {
    right: 0;
    background: #fff
}

.finitureCarousel .carousel-button-next svg {
    right: -1px
}

@media(min-width: 768px) {
    .finitureCarousel .carousel-button-next svg {
        right:5px
    }
}

@media(min-width: 992px) {
    .finitureCarousel .carousel-button-next svg {
        right:20px
    }
}

@media(min-width: 992px) {
    .finitureCarousel .carousel-button-next:hover svg {
        right:14px
    }
}

.finitureCarousel.noCarousel .swiper-slide {
    margin-right: 30px
}

#pageContainer ul li {
    position: relative;
    padding-left: 14px
}

#pageContainer ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    border: #fff 1px solid;
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 0;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    -ms-transition: background .4s;
    transition: background .4s
}

@media(min-width: 1300px) {
    #pageContainer ul li:before {
        top:3px
    }
}

#pageContainer ul li:hover:before {
    background: #111
}

#pageContainer .whiteBg ul li:before {
    border: #111 1px solid
}

#pageContentNoSlider {
    padding-top: 90px
}

@media(min-width: 768px) {
    #pageContentNoSlider {
        min-height:800px;
        padding-top: 160px
    }
}

@media(min-width: 992px) {
    #pageContentNoSlider {
        min-height:550px;
        padding-top: 140px
    }
}

@media(min-width: 1200px) {
    #pageContentNoSlider {
        min-height:650px
    }
}

@media(min-width: 1800px) {
    #pageContentNoSlider {
        min-height:800px
    }
}

@media(min-width: 2200px) {
    #pageContentNoSlider {
        min-height:1000px
    }
}

@media(max-width: 767px) {
    body.logged #pageContentNoSlider {
        padding-top:110px
    }
}

#pageContentNoSliderBreadcrumb {
    padding-top: 70px
}

@media(min-width: 768px) {
    #pageContentNoSliderBreadcrumb {
        min-height:800px;
        padding-top: 130px
    }

    #pageContentNoSliderBreadcrumb .breadcrumbContainer {
        height: 54px;
        padding: 0 15px
    }
}

@media(min-width: 992px) {
    #pageContentNoSliderBreadcrumb {
        min-height:550px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #pageContentNoSliderBreadcrumb {
        min-height:650px
    }
}

@media(min-width: 1800px) {
    #pageContentNoSliderBreadcrumb {
        min-height:800px
    }
}

@media(max-width: 767px) {
    body.logged #pageContentNoSliderBreadcrumb {
        padding-top:90px
    }
}

.containerPage {
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .containerPage {
        padding-left:27px;
        padding-right: 27px
    }
}

@media(min-width: 992px) {
    .containerPage {
        padding-left:47px;
        padding-right: 47px
    }
}

#topContainer #contractLogo {
    position: absolute;
    bottom: 62px;
    right: 62px;
    z-index: 5
}

@media(max-width: 992px) {
    body.home #topContainer,body.home .homeRowLink__img {
        width:100%;
        height: auto;
        aspect-ratio: 3/2
    }
}

.pageTxt {
    padding-top: 37px;
    padding-bottom: 30px
}

@media(min-width: 768px) {
    .pageTxt {
        padding-top:57px;
        padding-bottom: 50px
    }
}

.pageTxt .scrollBtn {
    bottom: 12px
}

.pageTxt .downloadBtnContainer {
    position: relative;
    width: 160px;
    margin: 35px auto 0;
    font-size: 18px
}

.pageTxt .downloadBtn {
    position: relative;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    margin-bottom: 30px;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: normal;
    text-transform: uppercase
}

.pageTxt .downloadBtn--relative {
    padding: 0
}

.pageTxt .downloadBtn .item {
    margin-top: 2px;
    font-size: 13px;
    line-height: 13px;
    color: #000
}

.pageTxt .downloadBtn .scrollBtn {
    right: 15px
}

.pageTxt .downloadBtnContainerWide {
    position: relative;
    max-width: 400px;
    margin: 35px auto 0;
    font-size: 18px
}

.pageTxt .downloadBtnWide {
    position: relative;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    margin-bottom: 30px;
    text-transform: uppercase
}

.pageTxt .downloadBtnWide .scrollBtn {
    right: 0
}

@media(min-width: 1300px) {
    .pageTxt .downloadBtnWide .scrollBtn {
        top:-8px
    }
}

@media(min-width: 768px) {
    .pageTxt .downloadBtn {
        position:absolute;
        padding: 0;
        margin-bottom: 0;
        bottom: 10px;
        right: 15px;
        height: 16px;
        line-height: 16px
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .pageTxt .downloadBtn {
        text-align:right;
        max-width: 155px;
        height: 60px
    }
}

@media(min-width: 768px)and (min-width: 992px)and (max-width: 1199px) {
    .pageTxt .downloadBtn {
        max-width:230px;
        height: 40px
    }
}

@media(min-width: 768px) {
    .pageTxt .downloadBtn--relative {
        position:relative;
        max-width: 100%;
        right: 0;
        bottom: 0;
        text-align: right
    }
}

@media(min-width: 768px) {
    .pageTxt .downloadBtn .item {
        display:inline-block;
        margin-right: 42px
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    .pageTxt .downloadBtn .item {
        margin-right:0
    }
}

@media(min-width: 768px) {
    .pageTxt .downloadBtn .scrollBtn {
        position:absolute;
        top: 40px;
        right: 0;
        margin-left: 5px
    }
}

@media(min-width: 768px)and (min-width: 1200px) {
    .pageTxt .downloadBtn .scrollBtn {
        top:20px
    }
}

@media(min-width: 768px)and (min-width: 1200px) {
    .pageTxt .downloadBtn .scrollBtn {
        top:0
    }
}

#bgVideoContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    z-index: -100
}

video#bgVideo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover
}

@media(min-width: 992px) {
    video#bgVideo {
        min-width:100%;
        min-height: 100%;
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

video#bgVideoHome {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#firstRowBottom {
    bottom: -100px
}

.homeVideoRow {
    padding: 30px 0 20px
}

@media(min-width: 768px) {
    .homeVideoRow {
        padding:60px 0
    }
}

.homeVideoRow__videoContainer {
    max-width: 1200px;
    margin: 0 auto
}

@media(min-width: 768px) {
    .homeVideoRow__videoContainer {
        margin:0 auto
    }
}

.homeVideoRow__videoContainer .homeVideoTopContainer {
    position: relative;
    margin: 0 auto;
    aspect-ratio: 16/9
}

.homeVideoRow__videoContainer .homeVideoTopContainer #videoHomeTop,.homeVideoRow__videoContainer .homeVideoTopContainer #videoPage {
    position: absolute;
    width: 100%;
    height: 100%
}

.homeVideoRow h2 {
    padding-right: 15px;
    margin-top: 30px
}

@media(min-width: 768px) {
    .homeVideoRow h2 {
        margin-top:60px
    }
}

.homeVideoRow .scrollBtn {
    right: 0;
    bottom: 0
}

@media(min-width: 768px) {
    .homeVideoRow .scrollBtn {
        bottom:2px
    }
}

@media(min-width: 1200px) {
    .homeVideoRow .scrollBtn {
        bottom:9px
    }
}

@media(max-width: 767px) {
    .homeRowArticle.menuTop-xs {
        display:flex;
        flex-wrap: wrap
    }

    .homeRowArticle.menuTop-xs .homeRowArticle__box1 {
        width: 100%;
        order: 2
    }

    .homeRowArticle.menuTop-xs .homeRowArticle__box2 {
        width: 100%;
        order: 1
    }
}

.homeRowArticle .homeRowArticleContent {
    padding: 0 15px 0;
    margin: 0 auto
}

@media(min-width: 768px) {
    .homeRowArticle .homeRowArticleContent {
        padding:60px 0 60px
    }
}

@media(min-width: 992px) {
    .homeRowArticle .homeRowArticleContent {
        padding:60px 0 60px
    }
}

@media(min-width: 1200px) {
    .homeRowArticle .homeRowArticleContent {
        max-width:900px !important
    }
}

@media(min-width: 1800px) {
    .homeRowArticle .homeRowArticleContent {
        max-width:1300px !important
    }
}

.homeRowArticle .homeRowArticleContent .homeRowArticleImg {
    max-width: 350px
}

@media(max-width: 767px) {
    .homeRowArticle .homeRowArticleContent .homeRowArticleImg {
        margin:0 auto
    }
}

@media(min-width: 992px) {
    .homeRowArticle .homeRowArticleContent .homeRowArticleImg {
        max-width:400px
    }
}

@media(max-width: 767px) {
    .homeRowArticle .homeRowArticleContent .homeRowArticleTxt {
        margin-bottom:25px
    }
}

@media(max-width: 767px) {
    .homeRowArticle .homeRowArticleContent .homeRowArticleTxt {
        padding-top:30px
    }
}

@media(min-width: 768px) {
    .homeRowArticle .homeRowArticleContent .homeRowArticleTxt {
        display:flex;
        align-items: end
    }

    .homeRowArticle .homeRowArticleContent .homeRowArticleTxt p:last-child {
        margin-bottom: 0
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .homeRowArticle .homeRowArticleContent .homeRowArticleTxt {
        padding-left:60px
    }
}

@media(max-width: 767px) {
    .homeRowArticle .aziendaNavContainer {
        margin-bottom:30px
    }
}

.homeRowArticle .aziendaNavContainer .aziendaNav li:first-child {
    border-left: none !important
}

@media(min-width: 768px) {
    .homeRowArticle.blackBg .aziendaNavContainer .aziendaNav li {
        border-left:#fff 1px solid
    }
}

.homeMb__img {
    max-width: 60%;
    margin-left: auto;
    margin-bottom: 30px
}

.homeMb__videoContainer {
    position: relative;
    position: absolute;
    width: 65%;
    bottom: 0;
    left: 15px;
    background: url("../img/generali/home-mb-bg.png") 0 0 no-repeat;
    background-size: cover
}

.homeMb__videoContainer:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.homeMb__videoContainer>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.homeMb__video {
    position: absolute;
    width: auto;
    height: 87.2%;
    top: 4.5%;
    left: 50%;
    transform: translateX(-50%)
}

.homeRowLink__img {
    position: relative;
    width: 100%;
    height: 700px
}

@media(min-width: 1300px) {
    .homeRowLink__img {
        height:800px
    }
}

@media(min-width: 1800px) {
    .homeRowLink__img {
        height:900px
    }
}

.homeRowLink__img .homeRowLink__content {
    position: absolute;
    width: 100%;
    top: 25px;
    padding: 0 15px;
    z-index: 2
}

@media(max-width: 767px) {
    .homeRowLink__img .homeRowLink__content {
        padding:0 30px
    }
}

@media(min-width: 768px) {
    .homeRowLink__img .homeRowLink__content {
        top:45px
    }
}

.homeRowLink__img .homeRowLink__content h2,.homeRowLink__img .homeRowLink__content p.subtitle {
    color: #fff
}

.homeRowLink__img .homeRowLink__content .scrollBtn {
    bottom: 0;
    right: 0;
    z-index: -1
}

@media(min-width: 768px) {
    .homeRowLink__img .homeRowLink__content .scrollBtn {
        right:28px;
        bottom: 2px
    }
}

@media(min-width: 992px) {
    .homeRowLink__img .homeRowLink__content .scrollBtn {
        right:47px;
        bottom: 4px
    }
}

#homeSocial__title {
    padding-top: 35px;
    padding-bottom: 30px
}

@media(max-width: 767px) {
    #homeSocial__title {
        text-align:center
    }
}

@media(min-width: 768px) {
    #homeSocial__title {
        padding-top:57px;
        padding-bottom: 40px
    }
}

#homeSocial__content {
    margin-bottom: 40px
}

@media(max-width: 767px) {
    #homeSocial__content {
        text-align:center
    }
}

@media(min-width: 768px) {
    #homeSocial__content {
        margin-bottom:50px
    }
}

#homeSocial__content ul.nav {
    display: inline-block
}

#homeSocial__content ul.nav li {
    position: relative
}

@media(min-width: 768px) {
    #homeSocial__content ul.nav li {
        display:inline-block;
        height: 16px
    }
}

#homeSocial__content ul.nav li a {
    position: relative;
    padding-left: 24px;
    height: 16px;
    line-height: 15px;
}

#homeSocial__content ul.nav li a.linkYt {
    padding-left: 29px
}

#homeSocial__content ul.nav li a svg {
    position: absolute;
    top: 0;
    left: 0
}

#homeSocial__content ul.nav li a svg path,#homeSocial__content ul.nav li a svg polygon {
    fill: #111
}

#homeSocial__content ul.nav li a span {
    margin-top: 2px
}

#homeSocial__content ul.nav li a:hover svg path,#homeSocial__content ul.nav li a:hover svg polygon {
    fill: #8d8d8d
}

#homeInstagramContainer #homeInstagram {
    width: 100%;
    padding: 0 7px 30px;
    margin-left: 0;
    margin-right: 0
}

@media(min-width: 768px) {
    #homeInstagramContainer #homeInstagram {
        padding:0 7px 60px
    }
}

#homeInstagramContainer #homeInstagram .instagram__col {
    float: left;
    padding: 0 8px
}

@media(max-width: 600px) {
    #homeInstagramContainer #homeInstagram .instagram__col:nth-child(1),#homeInstagramContainer #homeInstagram .instagram__col:nth-child(2) {
        padding-bottom:16px
    }
}

#homeInstagramContainer #homeInstagram .instagram__col .instagram__imgContainer {
    position: relative
}

#homeInstagramContainer #homeInstagram .instagram__col .instagram__imgContainer:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}

#homeInstagramContainer #homeInstagram .instagram__col .instagram__imgContainer>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#homeNewsRow {
    padding-top: 40px;
    padding-bottom: 20px
}

@media(min-width: 768px) {
    #homeNewsRow {
        padding-top:50px;
        padding-bottom: 40px
    }
}

@media(min-width: 1200px) {
    #homeNewsRow {
        padding-top:90px;
        padding-bottom: 80px
    }
}

#storiaStepContainer .storiaStep {
    margin: 0 0 20px
}

@media(min-width: 768px) {
    #storiaStepContainer .storiaStepSx {
        margin:20px 0 60px
    }

    #storiaStepContainer .storiaStepDx {
        margin: 80px 0 0
    }

    #storiaStepContainer .storiaLineSx {
        margin-top: 70px
    }

    #storiaStepContainer .storiaLineDx {
        margin-top: 150px
    }
}

@media(min-width: 992px) {
    #storiaStepContainer {
        background:url("../img/generali/line-vert-gray.png") center 0 repeat-y
    }
}

@media(min-width: 992px) {
    #sidebarFilter {
        position:sticky;
        top: 80px
    }
}

#sidebarFilter__scrollContainer {
    max-height: calc(100vh - 75px);
    max-height: calc(100svh - 75px);
    overflow-y: auto;
    overflow-x: visible
}

#sidebarFilter__scrollContainer::-webkit-scrollbar-track {
    background-color: #fff
}

#sidebarFilter__scrollContainer::-webkit-scrollbar {
    width: 2px;
    background-color: #5b5b5b
}

#sidebarFilter__scrollContainer::-webkit-scrollbar-thumb {
    background-color: #fff
}

#sidebarFilter #filterSearch {
    margin-bottom: 22px
}

@media(min-width: 992px) {
    #sidebarFilter #filterSearch {
        margin-bottom:40px
    }
}

#sidebarFilter #filterSearch .productSearch {
    width: calc(100% - 10px)
}

@media(min-width: 992px) {
    #sidebarFilter #filterSearch .productSearch {
        width:60%
    }
}

#sidebarFilter ul li {
    padding-left: 0;
    margin: 18px 0;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    color: #000
}

@media(min-width: 1300px) {
    #sidebarFilter ul li {
        margin:5px 0
    }
}

#sidebarFilter ul li:before {
    display: none
}

#sidebarFilter ul li:first-child {
    margin-top: 5px
}

#sidebarFilter ul li input[type=checkbox]+label {
    color: #000
}

@media(max-width: 991px) {
    #sidebarFilter ul li input[type=checkbox]+label {
        padding:0 0 0 16px
    }

    #sidebarFilter ul li input[type=checkbox]+label:before {
        width: 13px;
        height: 13px;
        top: -2px
    }

    #sidebarFilter ul li input[type=checkbox]+label:after {
        width: 13px;
        height: 13px;
        top: -2px;
        background-size: 13px 13px;
        background-position: 0 0
    }
}

body.mac-chrome #sidebarFilter ul li input[type=checkbox]+label:before,body.mac-chrome #sidebarFilter ul li input[type=checkbox]+label:after {
    top: -5px
}

.accordion {
    margin-bottom: 22px
}

.accordion h3 {
    position: relative;
    cursor: pointer
}

.accordion h3 .item {
    float: left
}

.accordion h3 svg.arrow {
    position: relative;
    height: 8px;
    top: -1px
}

.accordion h3.ui-state-active svg.arrow {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.accordion h3:focus {
    outline: 0
}

@media(max-width: 991px) {
    .accordion ul {
        margin-bottom:0 !important
    }
}

@media(max-width: 767px) {
    .accordion-xs {
        padding-bottom:12px;
        border-bottom: #8d8d8d 1px solid
    }
}

@media(min-width: 768px) {
    .accordion-xs svg.arrow {
        display:none
    }
}

@media(max-width: 991px) {
    .accordion-sm {
        padding-bottom:8px;
        border-bottom: #8d8d8d 1px solid
    }
}

@media(min-width: 992px) {
    .accordion-sm svg.arrow {
        display:none
    }
}

@media(max-width: 991px) {
    .accordion-md {
        padding-bottom:8px;
        border-bottom: #8d8d8d 1px solid
    }
}

.productPrev {
    position: relative
}

@media(max-width: 767px) {
    .productPrev {
        height:310px;
        margin-top: 30px;
        padding-top: 30px;
        text-align: center;
        border-bottom: #8d8d8d 1px solid
    }

    .productPrev#productPrev1 {
        height: 280px;
        margin-top: 0;
        padding-top: 0
    }
}

@media(min-width: 768px) {
    .productPrev {
        height:300px;
        margin: 0;
        padding: 30px;
        text-align: left
    }
}

@media(min-width: 992px) {
    .productPrev {
        height:280px
    }
}

@media(min-width: 1200px) {
    .productPrev {
        height:300px
    }
}

@media(min-width: 1800px) {
    .productPrev {
        height:320px
    }
}

.productPrev a {
    display: block;
    position: relative;
    width: 100%
}

.productPrev .productPrevImg {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    height: 200px
}

@media(min-width: 768px) {
    .productPrev .productPrevImg {
        height:200px
    }
}

@media(min-width: 992px) {
    .productPrev .productPrevImg {
        height:150px
    }
}

@media(min-width: 1200px) {
    .productPrev .productPrevImg {
        height:180px
    }
}

@media(min-width: 1800px) {
    .productPrev .productPrevImg {
        height:210px
    }
}

.productPrev .productPrevImg figure {
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

.productPrev .productPrevImg figure img {
    max-height: 200px
}

@media(min-width: 768px) {
    .productPrev .productPrevImg figure img {
        max-height:200px
    }
}

@media(min-width: 992px) {
    .productPrev .productPrevImg figure img {
        max-height:150px
    }
}

@media(min-width: 1200px) {
    .productPrev .productPrevImg figure img {
        max-height:180px
    }
}

@media(min-width: 1800px) {
    .productPrev .productPrevImg figure img {
        max-height:210px
    }
}

.productPrev .productPrevImg .icoNew {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 10px;
    right: 10px;
    z-index: 1
}

.productPrev .productPrevTitle {
    margin: 10px 0 5px;
    font-family: "Helvetica Neue",serif;
    font-weight: normal
}

@media(min-width: 768px) {
    .productPrev .productPrevTitle .item {
        margin:1px 5px 0 0;
        float: left
    }
}

.productPrev .productPrevTitle span.category {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: normal;
    color: #000
}

@media(max-width: 767px) {
    .productPrev .productPrevTitle span.category {
        white-space:nowrap
    }
}

.productPrev .productPrevTitle span.category:before {
    content: "/ "
}

.productPrev span.designer {
    display: block
}

@media(max-width: 767px) {
    #grid .productPrevContainer:last-child .productPrev {
        border-bottom:none
    }
}

.product {
    padding-top: 40px
}

@media(min-width: 768px) {
    .product .download {
        padding-top:97px
    }
}

.product .shareContainer {
    float: right
}

@media(max-width: 767px) {
    .product .shareContainer {
        margin-top:30px
    }
}

@media(min-width: 992px) {
    .product .productDownload.noTitle {
        margin-top:46px
    }
}

.product .productDownload .subtitle {
    margin: 0 0 20px 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 1px
}

.product .productDownload li {
    margin-bottom: 8px
}

@media(min-width: 1200px) {
    .product .productDownload li {
        margin-bottom:5px
    }
}

.btnShowContent {
    cursor: pointer
}

.btnShowContent h3 {
    padding-right: 36px
}

.prodottoFinitureRowContainer {
    margin-top: 30px
}

.prodottoFinitureRowContainer .prodottoFinitureTitle h3 {
    margin: 0 0 0 30px
}

.product2d__boxImg,.soluzioniProgettuali__boxImg {
    padding: 15px 15px 0;
    cursor: pointer
}

.product2d__boxImg .product2d,.product2d__boxImg .soluzioniProgettuali__title p,.soluzioniProgettuali__boxImg .product2d,.soluzioniProgettuali__boxImg .soluzioniProgettuali__title p {
    margin: 0
}

.product2d__boxImg .product2d,.product2d__boxImg .soluzioniProgettuali__img,.soluzioniProgettuali__boxImg .product2d,.soluzioniProgettuali__boxImg .soluzioniProgettuali__img {
    position: relative;
    display: inline-block
}

.product2d__boxImg .product2d .btnZoom--medium,.product2d__boxImg .soluzioniProgettuali__img .btnZoom--medium,.soluzioniProgettuali__boxImg .product2d .btnZoom--medium,.soluzioniProgettuali__boxImg .soluzioniProgettuali__img .btnZoom--medium {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: 0
}

@media(min-width: 992px) {
    .product2d .product2d .btnZoom--medium,.product2d .soluzioniProgettuali__img:hover .btnZoom--medium,.soluzioniProgettuali .product2d .btnZoom--medium,.soluzioniProgettuali .soluzioniProgettuali__img:hover .btnZoom--medium {
        opacity:1
    }
}

#sidebarContainer .sidebar ul,.sidebarContainer .sidebar ul {
    margin: 0
}

@media(min-width: 768px) {
    #sidebarContainer .sidebar ul,.sidebarContainer .sidebar ul {
        margin-bottom:30px
    }
}

#sidebarContainer .sidebar ul li,.sidebarContainer .sidebar ul li {
    padding-left: 16px;
    margin: 12px 0;
    text-transform: uppercase
}

@media(min-width: 768px) {
    #sidebarContainer .sidebar ul li,.sidebarContainer .sidebar ul li {
        margin:10px 0
    }
}

#sidebarContainer .sidebar ul li:before,.sidebarContainer .sidebar ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    border: #111 1px solid;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 0;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    -ms-transition: background .4s;
    transition: background .4s
}

#sidebarContainer .sidebar ul li:hover:before,.sidebarContainer .sidebar ul li:hover:before {
    background: #111
}

#sidebarContainer .sidebar ul li:first-child,.sidebarContainer .sidebar ul li:first-child {
    margin-top: 0
}

#sidebarContainer .sidebar ul li span,.sidebarContainer .sidebar ul li span {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: normal;
    font-size: 14px
}

@media(min-width: 768px) {
    #sidebarContainer .sidebar ul.sequentReservedList,.sidebarContainer .sidebar ul.sequentReservedList {
        margin-top:33px
    }
}

.catalogPrev {
    --catalogPrevHeight: 300px;
    position: relative;
    height: var(--catalogPrevHeight)
}

@media(min-width: 768px) {
    .catalogPrev {
        --catalogPrevHeight: 280px
    }
}

@media(min-width: 992px) {
    .catalogPrev {
        --catalogPrevHeight: 240px
    }
}

@media(min-width: 1200px) {
    .catalogPrev {
        --catalogPrevHeight: 270px
    }
}

@media(min-width: 1800px) {
    .catalogPrev {
        --catalogPrevHeight: 300px
    }
}

@media(max-width: 767px) {
    .catalogPrev {
        margin-top:30px;
        padding-top: 30px;
        text-align: center;
        border-top: #8d8d8d 1px solid
    }
}

@media(min-width: 768px) {
    .catalogPrev {
        margin:0;
        padding: 0;
        text-align: left
    }
}

.catalogPrev--big {
    --catalogPrevHeight: 340px
}

@media(min-width: 1200px) {
    .catalogPrev--big {
        --catalogPrevHeight: 370px
    }
}

@media(min-width: 1800px) {
    .catalogPrev--big {
        --catalogPrevHeight: 400px
    }
}

.catalogPrev a {
    display: block;
    position: relative;
    width: 100%
}

.catalogPrev span {
    cursor: pointer
}

.catalogPrev .catalogPrevImg {
    --catalogPrevImgHeight: 220px;
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    height: var(--catalogPrevImgHeight)
}

@media(min-width: 768px) {
    .catalogPrev .catalogPrevImg {
        --catalogPrevImgHeight: 200px
    }
}

@media(min-width: 992px) {
    .catalogPrev .catalogPrevImg {
        --catalogPrevImgHeight: 150px
    }
}

@media(min-width: 1200px) {
    .catalogPrev .catalogPrevImg {
        --catalogPrevImgHeight: 180px
    }
}

@media(min-width: 1800px) {
    .catalogPrev .catalogPrevImg {
        --catalogPrevImgHeight: 210px
    }
}

.catalogPrev .catalogPrevImg figure {
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

.catalogPrev .catalogPrevImg figure img {
    max-height: var(--catalogPrevImgHeight)
}

.catalogPrev .catalogPrevImg--big {
    --catalogPrevImgHeight: 250px
}

@media(min-width: 1200px) {
    .catalogPrev .catalogPrevImg--big {
        --catalogPrevImgHeight: 280px
    }
}

@media(min-width: 1800px) {
    .catalogPrev .catalogPrevImg--big {
        --catalogPrevImgHeight: 310px
    }
}

.catalogPrev .catalogPrevTitle {
    margin: 10px 0 5px;
    -webkit-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.catalogPrev .catalogPrevTitle span.subtitle {
    font-family: "Helvetica Neue", sans-serif
}

.catalogPrev .catalogPrevTitle .item {
    margin: 1px 5px 0 0;
    float: left
}

.listinoPrev {
    height: 330px;
    text-align: left
}

.listinoPrev .listinoPrevTitle {
    margin: 10px 0 5px;
    -webkit-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.listinoPrev .listinoPrevTitle span.subtitle {
    font-family: "Helvetica Neue", sans-serif
}

.listinoPrev .listinoPrevTitle .item {
    margin: 1px 5px 0 0;
    float: left
}

@media(min-width: 992px) {
    .catalogPrev .catalogPrevTitle {
        opacity:0
    }

    .catalogPrev:hover .catalogPrevTitle {
        opacity: 1
    }
}

.pressPrev {
    position: relative
}

@media(max-width: 767px) {
    .pressPrev {
        padding-top:30px;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 30px;
        text-align: center;
        border-top: #8d8d8d 1px solid
    }

    .pressPrev#pressPrev1 {
        border-top: none
    }
}

@media(min-width: 768px) {
    .pressPrev {
        height:280px;
        padding: 0;
        margin: 30px 0 0 0;
        text-align: left
    }
}

@media(min-width: 992px) {
    .pressPrev {
        height:240px
    }
}

@media(min-width: 1200px) {
    .pressPrev {
        height:270px
    }
}

@media(min-width: 1800px) {
    .pressPrev {
        height:300px
    }
}

.pressPrev a {
    display: block;
    position: relative;
    width: 100%
}

.pressPrev__action {
    cursor: pointer
}

.pressPrev .pressPrevImg {
    position: relative;
    overflow: hidden;
    height: 220px
}

@media(min-width: 768px) {
    .pressPrev .pressPrevImg {
        height:200px
    }
}

@media(min-width: 992px) {
    .pressPrev .pressPrevImg {
        height:150px
    }
}

@media(min-width: 1200px) {
    .pressPrev .pressPrevImg {
        height:180px
    }
}

@media(min-width: 1800px) {
    .pressPrev .pressPrevImg {
        height:210px
    }
}

.pressPrev .pressPrevImg figure {
    position: relative;
    width: auto;
    max-width: 100%;
    overflow: hidden
}

.pressPrev .pressPrevImg figure img {
    max-height: 220px
}

@media(min-width: 768px) {
    .pressPrev .pressPrevImg figure img {
        max-height:200px
    }
}

@media(min-width: 992px) {
    .pressPrev .pressPrevImg figure img {
        max-height:150px
    }
}

@media(min-width: 1200px) {
    .pressPrev .pressPrevImg figure img {
        max-height:180px
    }
}

@media(min-width: 1800px) {
    .pressPrev .pressPrevImg figure img {
        max-height:210px
    }
}

.pressPrev .pressPrevImg .icoDownload {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: 0;
    background: url("../img/icons/ico-download.svg") 0 0 no-repeat;
    -webkit-transition: opacity .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: opacity .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: opacity .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: opacity .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: opacity .6s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.pressPrev .pressPrevImg .icoZoom {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: 0;
    background: url("../img/icons/ico-zoom.svg") 0 0 no-repeat;
    -webkit-transition: opacity .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: opacity .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: opacity .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: opacity .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: opacity .6s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.pressPrev .pressPrevTitle {
    margin: 10px 0 5px;
    font-family: "Helvetica Neue",sans-serif;
    -webkit-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .8s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.pressPrev .pressPrevTitle span.subtitle {
    font-family: "Helvetica Neue", sans-serif
}

.pressPrev .pressPrevTitle .item {
    margin: 1px 5px 0 0;
    float: left
}

@media(min-width: 992px) {
    .pressPrev:hover .icoDownload {
        opacity:1
    }

    .pressPrev:hover .icoZoom {
        opacity: 1
    }
}

#finitureTxt {
    padding-top: 0
}

@media(min-width: 768px) {
    .finitureArticolo__title {
        display:flex;
        justify-content: space-between
    }
}

.finitureArticolo__downloadSchedaBtn {
    font-size: 12px;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: normal;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .finitureArticolo__downloadSchedaBtn {
        margin-bottom:15px
    }
}

@media(min-width: 768px) {
    .finitureArticoloSingle__top {
        display:flex
    }

    .finitureArticoloSingle__top .finitureArticolo__downloadSchedaBtn {
        margin: 0 0 15px auto
    }
}

.designerPrevContainer .designerPrev {
    position: relative
}

@media(max-width: 767px) {
    .designerPrevContainer .designerPrev {
        padding:40px 0 30px;
        border-bottom: #8d8d8d 1px solid
    }

    .designerPrevContainer .designerPrev#designerPrev1 {
        border-top: none;
        padding-top: 0
    }
}

@media(min-width: 768px) {
    .designerPrevContainer .designerPrev {
        padding:30px
    }
}

@media(min-width: 992px) {
    .designerPrevContainer .designerPrev {
        height:330px
    }
}

@media(min-width: 1200px) {
    .designerPrevContainer .designerPrev {
        max-width:300px;
        height: 340px;
        margin: 0 auto
    }
}

.designerPrevContainer .designerPrev a {
    display: block;
    position: relative;
    width: 100%
}

.designerPrevContainer .designerPrev .designerPrevImg {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    height: 240px
}

@media(min-width: 768px) {
    .designerPrevContainer .designerPrev .designerPrevImg {
        height:200px
    }
}

@media(min-width: 992px) {
    .designerPrevContainer .designerPrev .designerPrevImg {
        max-width:240px;
        height: 240px
    }
}

.designerPrevContainer .designerPrev .designerPrevImg figure {
    position: relative;
    max-width: 100%;
    overflow: hidden
}

.designerPrevContainer .designerPrev .designerPrevImg figure img {
    max-height: 240px
}

@media(min-width: 768px) {
    .designerPrevContainer .designerPrev .designerPrevImg figure img {
        max-height:200px
    }
}

@media(min-width: 992px) {
    .designerPrevContainer .designerPrev .designerPrevImg figure img {
        max-height:240px
    }
}

.designerPrevContainer .designerPrev .designerPrevTitle {
    margin: 10px 0 5px;
    font-family: "Helvetica Neue",serif;
    font-weight: normal;
    letter-spacing: 2px
}

@media(max-width: 767px) {
    .designerPrevContainer .designerPrev .designerPrevTitle {
        text-align:center
    }
}

@media(min-width: 768px) {
    .designerPrevContainer .designerPrev .designerPrevTitle .item {
        float:left;
        margin: 1px 5px 0 0;
        line-height: 16px
    }
}

.designerPrevContainer .designerPrev .designerPrevTitle span.subtitle {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: normal
}

@media(max-width: 767px) {
    #grid .designerPrevContainer:last-child .designerPrev:last-child {
        border-bottom:none
    }
}

.designerImg {
    margin-top: 30px
}

@media(min-width: 768px) {
    .designerTxt {
        text-align:right
    }

    .designerImg {
        margin-top: 6px
    }
}

.pageContentContract {
    padding-top: 37px;
    padding-bottom: 15px
}

@media(min-width: 768px) {
    .pageContentContract {
        padding-top:57px;
        padding-bottom: 15px !important
    }
}

.news__prevContainer {
    padding-right: 0;
    padding-left: 0
}

.newsPrev__box {
    position: relative;
    margin: 0;
    padding: 15px 15px 30px 15px;
    text-align: left
}

.newsPrev__box a {
    display: block;
    position: relative;
    width: 100%
}

.newsPrev__box .newsPrev__img {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative
}

.newsPrev__box .newsPrev__img:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.newsPrev__box .newsPrev__img>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.newsPrev__box .newsPrev__img .btnZoom--big {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    opacity: 0
}

.newsPrev__box .newsPrev__img .btnZoom--big path,.newsPrev__box .newsPrev__img .btnZoom--big rect {
    fill: #fff
}

@media(min-width: 992px) {
    .newsPrev__box .newsPrev__img:hover .btnZoom--big {
        opacity:1
    }
}

.newsPrev__box .newsPrev__title {
    margin-top: 15px;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px
}

.newsPrev__box .continua {
    display: block;
    margin-top: 5px;
    font-weight: 700;
    text-transform: uppercase;
    color: dimgray
}

.newsPrev__box .continua:hover {
    color: #fff
}

.newsPrev__box:hover .newsPrev__img .icoPlay img {
    background: #111
}

.pagination {
    text-align: center
}

@media(min-width: 768px) {
    .pagination {
        text-align:right
    }
}

.post {
    max-width: 830px
}

.post--wide {
    max-width: 1900px;
    margin: 0 auto
}

.post h3 {
    text-transform: none;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px
}

.post .videoPlayerContainer {
    width: 100%;
    margin-bottom: 30px;
    aspect-ratio: 16/9
}

.post .videoPlayerContainer--vert {
    width: auto;
    max-height: 80svh;
    aspect-ratio: 9/16
}

.post .videoPlayerContainer .videoPlayer {
    width: 100%;
    height: 100%
}

.post .imgContainer {
    position: relative;
    margin-bottom: 30px
}

.post .imgContainer:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6666666667%
}

.post .imgContainer>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.post .imgContainer .sliderContainer {
    height: 100%
}

.post li {
    margin-bottom: 8px
}

@media(min-width: 1200px) {
    .post li {
        margin-bottom:5px
    }
}

.post .postInfo {
    font-weight: 700;
    color: dimgray;
    margin-top: 15px
}

.post .postInfo a {
    color: dimgray
}

.post .postInfo a:hover {
    color: #fff
}

.videoPrev__box {
    position: relative
}

@media(max-width: 767px) {
    .videoPrev__box {
        margin-top:30px
    }

    .videoPrev__box#videoPrev1 {
        margin-top: 0;
        padding-top: 0
    }
}

@media(min-width: 768px) {
    .videoPrev__box {
        margin:0;
        padding: 30px;
        text-align: left
    }
}

.videoPrev__box a {
    display: block;
    position: relative;
    width: 100%
}

.videoPrev__box .videoPrev__img {
    position: relative;
    overflow: hidden;
    position: relative
}

.videoPrev__box .videoPrev__img:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.videoPrev__box .videoPrev__img>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.videoPrev__box .videoPrev__img .icoPlay img {
    -webkit-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.videoPrev__box .videoPrev__title {
    margin-top: 15px;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px
}

.videoPrev__box:hover .videoPrev__img .icoPlay img {
    background: #111
}

.advertisingItem__row {
    display: inline-block
}

@media(max-width: 1199px) {
    .advertisingItem__row {
        width:100%
    }
}

.advertisingItem__row .advertisingItem__content {
    position: relative;
    width: 100%;
    text-align: left
}

@media(min-width: 768px) {
    .advertisingItem__row .advertisingItem__content {
        float:left;
        width: calc(35% - 30px)
    }
}

@media(min-width: 992px) {
    .advertisingItem__row .advertisingItem__content {
        width:calc(35% - 40px)
    }
}

@media(min-width: 1200px) {
    .advertisingItem__row .advertisingItem__content {
        width:400px
    }
}

.advertisingItem__row .advertisingItem__img {
    position: relative;
    margin-top: 30px;
    width: 100%
}

@media(min-width: 768px) {
    .advertisingItem__row .advertisingItem__img {
        float:left;
        width: 50%;
        margin-top: 0;
        margin-right: 30px;
        margin-left: 15px
    }
}

@media(min-width: 992px) {
    .advertisingItem__row .advertisingItem__img {
        width:auto;
        margin-right: 40px;
        margin-left: 0
    }
}

.advertisingItem__row .advertisingItem__img img {
    border: #111 1px solid
}

.map {
    position: relative;
    width: 100%;
    height: 100%;
    color: #111
}

.storeLocator .storeLocator__storesByAddressInput {
    margin: 35px 0 20px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media(min-width: 768px) {
    .storeLocator .storeLocator__storesByAddressInput {
        margin:8px 0 20px
    }
}

.storeLocator .storeLocator__storesByCountryInput {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px
}

.storeLocator .storeLocator__listBtns li {
    margin: 15px 0
}

.storeLocator .storeLocator__storeList .store {
    margin: 30px 0 20px;
    padding-top: 30px;
    border-top: #8d8d8d 1px solid
}

@media(min-width: 768px) {
    .storeLocator .storeLocator__storeList .store {
        margin:40px 0 30px;
        padding-top: 40px
    }
}

@media(min-width: 992px) {
    .storeLocator .storeLocator__storeList .store {
        margin:60px 0 50px;
        padding-top: 60px
    }
}

.storeLocator .storeLocator__storeList .store .linkContainer .linkLabel {
    float: left;
    margin-right: 5px
}

.storeLocator .storeLocator__storeList .store .linkContainer .item {
    float: left
}

.storeLocator .storeLocator__storeList .store .dealerDetails {
    display: block;
    margin-top: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.store__labelCat-p {
    text-transform: none;
    font-family: "Satisfy",sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #daa520;
    background: -webkit-linear-gradient(transparent, transparent),-webkit-linear-gradient(top, #d4ad70 0%, #d2a968 26%, #d7b172 35%, #b7844d 45%, #91703b 61%, #d5ad6d 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.marketing #pageContent h2 {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 2px
}

@media(min-width: 768px) {
    .marketing #pageContent h2 {
        font-size:30px;
        line-height: 30px;
        letter-spacing: 4px
    }
}

.marketing #pageContent .socialContainer {
    text-align: center
}

@media(min-width: 992px) {
    .marketing #pageContent .socialContainer {
        text-align:right
    }
}

.marketing #pageContent .socialContainer .socialContent {
    display: inline-block;
    margin: 30px 0;
    text-align: center
}

@media(min-width: 992px) {
    .marketing #pageContent .socialContainer .socialContent {
        margin:0
    }
}

.marketing #pageContent .socialContainer .socialContent .socialIcons a {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 15px 20px 10px;
    cursor: pointer
}

.marketing #pageContent .socialContainer .socialContent .socialIcons a .icoSocial {
    width: 30px;
    height: 30px
}

.marketing #pageContent .socialContainer .socialContent .socialIcons a .icoSocial path,.marketing #pageContent .socialContainer .socialContent .socialIcons a .icoSocial polygon {
    fill: #111
}

.marketing #pageContent .socialContainer .socialContent .socialIcons a .icoSocial:hover path,.marketing #pageContent .socialContainer .socialContent .socialIcons a .icoSocial:hover polygon {
    fill: #8d8d8d
}

.marketing #pageContent .socialContainer .socialContent .socialHashtag {
    line-height: 19px
}

.marketing #pageContent .socialContainer .socialContent .socialHashtag span {
    font-size: 16px;
    font-weight: 700;
    line-height: 21px
}

.marketing #pageContent .fbContainer {
    padding: 60px 0 100px;
    text-align: center
}

@media(min-width: 992px) {
    .marketing #pageContent .fbContainer {
        text-align:left
    }
}

.marketing #pageContent .fbContainer .fb-page {
    display: inline-block;
    width: 100%
}

.marketing #pageContent #instagram {
    padding: 60px 0 100px
}

.marketing #pageContent #instagram .tile {
    position: relative
}

.marketing #pageContent #instagram .tile:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}

.marketing #pageContent #instagram .tile>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.marketing #pageContent #instagram .tile a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.marketing #pageContent .catalogPrev1 {
    margin-top: 0
}

.marketing #pageContent .catalogPrev {
    border-top: none;
    height: 252px
}

@media(min-width: 768px) {
    .marketing #pageContent .catalogPrev {
        height:232px
    }
}

@media(min-width: 992px) {
    .marketing #pageContent .catalogPrev {
        height:172px
    }
}

@media(min-width: 1200px) {
    .marketing #pageContent .catalogPrev {
        height:212px
    }
}

@media(min-width: 1800px) {
    .marketing #pageContent .catalogPrev {
        height:242px
    }
}

.marketing #pageContent .catalogPrev figure {
    border: dimgray 1px solid
}

.marketing #pageContent #productPageSlider .swiper-slide {
    text-align: center
}

.marketing #pageContent #productPageSlider .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    border: #8d8d8d 1px solid
}

@media(max-width: 991px) {
    .marketing #pageContent #productPageSlider #swiper-pagination-page {
        display:none
    }
}

.collection__box {
    position: relative
}

@media(max-width: 767px) {
    .collection__box {
        margin-top:30px;
        text-align: center
    }
}

@media(min-width: 768px) {
    .collection__box {
        margin:0;
        padding: 30px;
        text-align: left
    }
}

.collection__box a {
    display: block;
    position: relative;
    width: 100%
}

.collection__box .collection__img {
    position: relative;
    overflow: hidden;
    position: relative
}

.collection__box .collection__img:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.collection__box .collection__img>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.collection__box .collection__img .icoPlay img {
    -webkit-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.collection__box .collection__title {
    margin-top: 15px;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center
}

.privacy h2,.cookie h2 {
    font-size: 22px;
    letter-spacing: 3px;
    margin-bottom: 15px
}

#CybotCookiebotDialog h2,#CybotCookiebotDialog p,#CybotCookiebotDialog button {
    text-transform: none;
    letter-spacing: 0
}

.rivenditoreLogo {
    width: 150px;
    margin-bottom: 30px
}

.rivenditoreLogo img {
    max-height: 100px
}

.rivenditoreDati .linkLabel {
    float: left;
    margin-right: 5px
}

.rivenditoreDati .item {
    float: left
}

.rivenditoreContactBtn {
    display: inline-block;
    padding: 5px;
    margin-top: 5px;
    text-transform: uppercase;
    border: #111 1px solid
}

.rivenditoreContactBtn span {
    transition: color .4s
}

.rivenditoreContactBtn:hover {
    background: #111
}

.rivenditoreContactBtn:hover span {
    color: #fff !important
}

.rivenditoreMap {
    width: 100%;
    height: 350px
}

@media(min-width: 768px) {
    .rivenditoreMap {
        height:400px
    }
}

@media(min-width: 1200px) {
    .rivenditoreMap {
        height:400px
    }
}

@media(min-width: 1800px) {
    .rivenditoreMap {
        height:450px
    }
}

.rivenditoreVideo--lg {
    max-width: 1600px;
    padding: 0 15px;
    margin: 30px auto 0
}

.rivenditoreVideo .videoPlayerContainer {
    width: 100%;
    margin-bottom: 30px;
    aspect-ratio: 16/9
}

.rivenditoreVideo .videoPlayerContainer--vert {
    width: auto;
    max-height: 80svh;
    aspect-ratio: 9/16
}

.rivenditoreVideo .videoPlayerContainer .videoPlayer {
    width: 100%;
    height: 100%
}

.campagnaContent {
    max-width: 1200px
}

.campagnaContent__video {
    max-width: 1200px;
    margin-bottom: 30px
}

@media(min-width: 768px) {
    .campagnaContent__video {
        margin-bottom:45px
    }
}

.campagnaContent__video .campagnaContent__videoContainer {
    margin: 0 auto;
    position: relative
}

.campagnaContent__video .campagnaContent__videoContainer:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%
}

.campagnaContent__video .campagnaContent__videoContainer>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.campagnaContent__video .campagnaContent__videoContainer #videoCampagnaTop {
    position: absolute;
    width: 100%;
    height: 100%
}

.campagnaContent__title h2 {
    padding-right: 15px
}

.campagnaContent__title .scrollBtn {
    right: 0;
    bottom: 0
}

@media(min-width: 768px) {
    .campagnaContent__title .scrollBtn {
        bottom:2px
    }
}

@media(min-width: 1200px) {
    .campagnaContent__title .scrollBtn {
        bottom:9px
    }
}

#footer {
    padding-top: 40px;
    padding-bottom: 40px
}

#footer a,#footer img {
    display: inline-block
}

#footer p {
    margin: 0;
    font-size: 11px
}

#footer #footerLine {
    height: 76px;
    padding: 35px 0 40px;
    clear: both
}

#footer #footerLine .line {
    width: 102px
}

#footer #navFooterContainer {
    display: inline-block;
    margin-bottom: 30px
}

#footer #navFooterContainer .line {
    display: none;
    width: 12px;
    margin: 5px 25px 0
}

@media(max-width: 1299px) {
    #footer #navFooterContainer .line {
        display:table;
        margin: 15px auto;
        clear: both
    }
}

@media(min-width: 1300px) {
    #footer #navFooterContainer .line {
        display:block;
        float: left
    }
}

#footer #footerLoghi {
    text-align: center
}

#footer #footerLoghi a,#footer #footerLoghi img {
    display: block;
    margin: 30px auto 0;
    clear: both
}

@media(min-width: 768px) {
    #footer #footerLoghi {
        text-align:right
    }

    #footer #footerLoghi a {
        display: inline-block;
        margin: 30px 0 0 0
    }

    #footer #footerLoghi img {
        margin: 0
    }

    #footer #footerLoghi #imgFsc {
        position: absolute;
        right: 15px;
        bottom: 0
    }
}

form div {
    padding-bottom: 20px
}

form .misuraemmeuser {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

form [class*=col],form div.row,form div.clearfix {
    padding-bottom: 0
}

input,select,textarea {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: dimgray 1px solid;
    color: #111;
    -webkit-appearance: none;
    border-radius: 0;
    letter-spacing: 1px
}

input {
    display: block;
    width: 100%;
    height: 25px;
    padding: 0 5px;
    margin: 0;
    line-height: 25px;
    color: #fff;
    background: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

input:hover,input:focus {
    border-bottom: #fff 1px solid
}

select {
    display: block;
    width: 100%;
    height: 25px;
    padding: 0 5px;
    margin: 0;
    line-height: 25px;
    color: #fff;
    background: none;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

select:hover,select:focus {
    background: #111;
    color: #fff
}

textarea {
    display: block;
    width: 100%;
    height: 90px;
    padding: 5px;
    margin: 0;
    line-height: 18px;
    color: #fff;
    resize: none;
    background: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

textarea:hover,textarea:focus {
    background: #111;
    color: #fff
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #fff
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #fff;
    opacity: 1
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #fff
}

input:hover::-webkit-input-placeholder,textarea:hover::-webkit-input-placeholder {
    color: #fff
}

input:hover::-moz-placeholder,textarea:hover::-moz-placeholder {
    color: #fff
}

input:hover:-ms-input-placeholder,textarea:hover:-ms-input-placeholder {
    color: #fff
}

button {
    float: right;
    display: block;
    padding: 0;
    border: none;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    font-weight: 900;
    letter-spacing: 2px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox) {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}

input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox)+label {
    position: relative;
    padding: 0 0 0 12px;
    margin: 0 0 0 5px;
    cursor: pointer
}

input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox)+label .item {
    display: inline-block
}

@media(min-width: 992px) {
    input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox)+label .item {
        width:calc(100% - 20px)
    }
}

input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox)+label:before,input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox)+span+label:before {
    content: "";
    width: 10px;
    height: 10px;
    border: dimgray 1px solid;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: -5px
}

@media(min-width: 768px) {
    input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox)+label:before,input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox)+span+label:before {
        top:2px
    }
}

@media(min-width: 1300px) {
    input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox)+label:before,input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox)+span+label:before {
        top:0
    }
}

input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox)+span+label:before {
    top: 2px;
    left: 0
}

input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox):checked+label:after,input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox):checked+span+label:after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: -2px;
    left: -5px;
    font-size: 12px;
    background: url("../img/icons/x-gray.svg") 0 0 no-repeat
}

@media(min-width: 768px) {
    input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox):checked+label:after,input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox):checked+span+label:after {
        top:0
    }
}

input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox):checked+span+label:after {
    top: 2px;
    left: 0
}

input[type=search] {
    -webkit-appearance: none
}

.privacyContainer,.newsletterContainer {
    position: relative;
    padding-bottom: 10px;
    line-height: 15px
}

.privacyContainer input,.newsletterContainer input {
    width: 12px !important
}

.privacyContainer span.error,.newsletterContainer span.error {
    margin-left: 18px
}

.privacyContainer .privacyCheckTxt,.newsletterContainer .newsletterCheckTxt {
    padding-bottom: 10px;
    font-size: 10px;
    text-align: left
}

.privacyContainer .privacyCheckTxt a:hover,.newsletterContainer .newsletterCheckTxt a:hover {
    text-decoration: underline
}

.privacyContainer .privacyCheckTxt span.icoRequired,.newsletterContainer .newsletterCheckTxt span.icoRequired {
    font-size: 12px
}

.whiteBg input,.whiteBg select,.whiteBg textarea {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: #8d8d8d 1px solid;
    color: #111
}

.whiteBg input {
    display: block;
    width: 100%;
    height: 25px;
    padding: 0 5px;
    margin: 0;
    line-height: 25px;
    color: #111;
    background: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.whiteBg input:hover,.whiteBg input:focus {
    border-bottom: #111 1px solid
}

.whiteBg select {
    display: block;
    width: 100%;
    height: 25px;
    padding: 0 5px;
    margin: 0;
    line-height: 25px;
    color: #111;
    background: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.whiteBg select:hover,.whiteBg select:focus {
    background: #fff;
    color: #111
}

.whiteBg textarea {
    display: block;
    width: 100%;
    height: 90px;
    padding: 5px;
    margin: 0;
    line-height: 18px;
    font-size: 13px;
    color: #111;
    resize: none;
    background: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.whiteBg textarea:hover,.whiteBg textarea:focus {
    background: #fff;
    color: #111
}

.whiteBg input::-webkit-input-placeholder,.whiteBg textarea::-webkit-input-placeholder {
    color: #111
}

.whiteBg input::-moz-placeholder,.whiteBg textarea::-moz-placeholder {
    color: #111;
    opacity: 1
}

.whiteBg input:-ms-input-placeholder,.whiteBg textarea:-ms-input-placeholder {
    color: #111
}

.whiteBg input:hover::-webkit-input-placeholder,.whiteBg textarea:hover::-webkit-input-placeholder {
    color: #111
}

.whiteBg input:hover::-moz-placeholder,.whiteBg textarea:hover::-moz-placeholder {
    color: #111
}

.whiteBg input:hover:-ms-input-placeholder,.whiteBg textarea:hover:-ms-input-placeholder {
    color: #111
}

.whiteBg button {
    color: #111
}

.whiteBg input[type=checkbox]+label:before,.whiteBg input[type=checkbox]+span+label:before {
    border: #111 1px solid
}

.whiteBg input[type=checkbox]:checked+label:after,.whiteBg input[type=checkbox]:checked+span+label:after {
    background: url("../img/icons/x.svg") no-repeat;
    background-position: 0 2px
}

@media(min-width: 1300px) {
    .whiteBg input[type=checkbox]:checked+label:after,.whiteBg input[type=checkbox]:checked+span+label:after {
        background-position:0 0
    }
}

form div.error input {
    margin-bottom: 10px
}

form span.error {
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: 11px;
    color: #c74b4b;
    text-transform: lowercase
}

.alert-error,.alert-success {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 18px
}

.alert-error {
    color: #c74b4b
}

#form_newsletter_message,#form_contact_message {
    padding: 0 15px
}

#contactForm textarea {
    height: 115px
}

#overlaySubMenu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1500;
    -webkit-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    background-color: rgba(0,0,0,.9)
}

.backdropfilter #overlaySubMenu {
    background-color: rgba(0,0,0,.75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

@media(min-width: 768px) {
    #overlaySubMenu {
        z-index:500
    }
}

#overlaySubMenu #overlaySubMenuContent {
    position: relative;
    top: 50%;
    height: auto;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#overlaySubMenu .overlaySubMenuList {
    width: 100%;
    text-align: center
}

#overlaySubMenu .overlaySubMenuList ul {
    display: inline-block
}

#overlaySubMenu .overlaySubMenuList ul li {
    font-size: 14px;
    line-height: 15px;
    border-left: #5b5b5b 1px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

#overlaySubMenu .overlaySubMenuList ul li:first-child {
    border: none
}

#overlaySubMenu .overlaySubMenuList ul li a,#overlaySubMenu .overlaySubMenuList ul li span {
    font-size: 14px
}

#overlaySubMenu .overlayClose {
    bottom: 20px
}

@media(min-width: 768px) {
    #overlaySubMenu .overlayClose {
        bottom:60px
    }
}

@media(min-width: 992px) {
    #overlaySubMenu .overlayClose {
        bottom:40px
    }
}

@media(min-width: 1200px) {
    #overlaySubMenu .overlayClose {
        bottom:60px
    }
}

#loginFormContainer {
    display: none
}

#overlaySubMenu #overlaySubMenuContent {
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%)
}

@media(min-width: 768px) {
    #overlaySubMenu #overlaySubMenuContent {
        -webkit-transform:translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#overlaySubMenu #overlaySubMenuContent #loginFormContainer {
    display: block;
    position: relative;
    top: 0;
    left: 50%;
    width: 300px;
    color: #fff;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(min-width: 768px) {
    #overlaySubMenu #overlaySubMenuContent #loginFormContainer {
        width:340px
    }
}

#overlaySubMenu #overlaySubMenuContent #loginFormContainer .loginFormTxt {
    padding: 0;
    margin-bottom: 10px
}

@media(min-width: 768px) {
    #overlaySubMenu #overlaySubMenuContent #loginFormContainer .loginFormTxt {
        margin-bottom:30px
    }
}

#overlaySubMenu #overlaySubMenuContent #loginFormContainer .btnRecuperaPassword {
    padding: 0;
    margin-top: 5px
}

@media(min-width: 768px) {
    #overlaySubMenu #overlaySubMenuContent #loginFormContainer .btnRecuperaPassword {
        margin-top:5px
    }
}

#overlaySubMenu #overlaySubMenuContent #loginFormContainer .btnRegistrazione {
    padding: 0;
    margin-top: 15px
}

@media(min-width: 768px) {
    #overlaySubMenu #overlaySubMenuContent #loginFormContainer .btnRegistrazione {
        margin-top:30px
    }
}

.overlay-slidedown {
    visibility: hidden;
    transform: translateY(-100%);
    transition: transform .5s cubic-bezier(0.76, 0.015, 0.41, 1),visibility .5s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.overlay-slidedown.open {
    visibility: visible;
    transform: translateY(0)
}

#header .socialContainer {
    display: none
}

@media(min-width: 768px) {
    #header .socialContainer {
        display:block;
        position: relative
    }

    #header .socialContainer a,#header .socialContainer span {
        display: inline-block;
        height: 12px;
        margin: 0 4px
    }

    #header .socialContainer a .icoSocial,#header .socialContainer span .icoSocial {
        height: 12px
    }

    #header .socialContainer a .icoSocial path,#header .socialContainer a .icoSocial polygon,#header .socialContainer span .icoSocial path,#header .socialContainer span .icoSocial polygon {
        fill: #5b5b5b
    }

    #header .socialContainer a .icoSocial:hover path,#header .socialContainer a .icoSocial:hover polygon,#header .socialContainer span .icoSocial:hover path,#header .socialContainer span .icoSocial:hover polygon {
        fill: #fff
    }

    #header .socialContainer a .tooltip,#header .socialContainer span .tooltip {
        position: absolute;
        display: none;
        width: 300px;
        height: 100px;
        padding: 10px;
        bottom: -110px;
        right: -30px;
        text-align: left;
        background-color: #fff;
        color: #111;
        line-height: 20px;
        z-index: 999
    }

    #header .socialContainer a .tooltip .wechatQR,#header .socialContainer span .tooltip .wechatQR {
        float: left;
        margin-right: 10px
    }
}

#footer .socialContainer {
    margin: 15px 0 0 -10px
}

#footer .socialContainer a,#footer .socialContainer span {
    position: relative;
    display: inline-block;
    height: 14px;
    margin: 0 6px;
    cursor: pointer
}

#footer .socialContainer a .icoSocial,#footer .socialContainer span .icoSocial {
    height: 14px
}

#footer .socialContainer a .icoSocial path,#footer .socialContainer a .icoSocial polygon,#footer .socialContainer span .icoSocial path,#footer .socialContainer span .icoSocial polygon {
    fill: #111
}

#footer .socialContainer a .icoSocial:hover path,#footer .socialContainer a .icoSocial:hover polygon,#footer .socialContainer span .icoSocial:hover path,#footer .socialContainer span .icoSocial:hover polygon {
    fill: #8d8d8d
}

#footer .socialContainer a .tooltip,#footer .socialContainer span .tooltip {
    position: absolute;
    display: none;
    width: 300px;
    height: 100px;
    padding: 10px;
    top: -110px;
    left: -222px;
    text-align: left;
    background-color: #111;
    color: #fff;
    line-height: 20px;
    z-index: 999
}

@media(min-width: 768px) {
    #footer .socialContainer a .tooltip,#footer .socialContainer span .tooltip {
        left:-55px
    }
}

#footer .socialContainer a .tooltip .wechatQR,#footer .socialContainer span .tooltip .wechatQR {
    float: left;
    margin-right: 10px
}

body.zh .socialContainer .tooltip {
    line-height: 27px;
    background-image: url("../img/icons/wechat-tooltip.png");
    background-position: 176px 16px;
    background-repeat: no-repeat
}

.icoPlay {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer
}

@media(min-width: 768px) {
    .icoPlay {
        width:136px;
        height: 136px
    }
}

@media(max-width: 767px) {
    .icoPlay svg {
        width:70px;
        height: 70px
    }
}

.icoPlay:hover svg path {
    stroke-width: 1.5
}

.icoPlay:hover svg polygon {
    stroke-width: 1.5
}

.btnZoom--small {
    width: 41px;
    height: 41px;
    -webkit-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.btnZoom--small:hover {
    cursor: pointer;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.btnZoom--medium {
    width: 61px;
    height: 61px;
    -webkit-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.btnZoom--medium:hover {
    cursor: pointer;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.btnZoom--big {
    width: 81px;
    height: 81px;
    -webkit-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.btnZoom--big:hover {
    cursor: pointer;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.btnZoom--bigPlus {
    width: 135px;
    height: 135px;
    -webkit-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -moz-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -o-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    -ms-transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.btnZoom--bigPlus:hover {
    cursor: pointer;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.whiteBg .btnZoom--small path,.whiteBg .btnZoom--small rect,.whiteBg .btnZoom--medium path,.whiteBg .btnZoom--medium rect,.whiteBg .btnZoom--big path,.whiteBg .btnZoom--big rect,.whiteBg .btnZoom--bigPlus path,.whiteBg .btnZoom--bigPlus rect {
    fill: #111
}

body.overlayContentOpen {
    overflow: hidden
}

.overlayContent__trigger {
    position: relative;
    cursor: pointer
}

.overlayContent__trigger .btnZoom--medium {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: 0;
    z-index: 1;
    transition: opacity .5s cubic-bezier(0.76, 0.015, 0.41, 1),transform .5s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.overlayContent__trigger .btnZoom--medium svg rect,.overlayContent__trigger .btnZoom--medium svg path {
    fill: #fff
}

.overlayContent__trigger:hover .btnZoom--medium {
    opacity: 1
}

#overlayContent {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100
}

#overlayContent__container {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 48px
}

@media(min-width: 768px) {
    #overlayContent__container {
        padding-top:80px
    }
}

@media(min-width: 992px) {
    #overlayContent__container {
        padding-top:52px
    }
}

.overlayContent__content {
    width: 100%;
    height: 100%
}

@media(max-width: 767px) {
    .overlayContent__content {
        overflow-y:auto;
        scrollbar-color: #111 transparent;
        scrollbar-width: thin
    }

    .overlayContent__content::-webkit-scrollbar-track {
        background-color: transparent
    }

    .overlayContent__content::-webkit-scrollbar {
        width: 4px;
        background-color: transparent
    }

    .overlayContent__content::-webkit-scrollbar-thumb {
        background-color: #111
    }
}

@media(min-width: 768px) {
    .overlayContent__content {
        display:flex;
        flex-direction: row;
        width: 100%;
        height: 100%;
        max-height: 100%
    }
}

.overlayContent__content .overlayContent__colImg {
    position: relative;
    width: 100%;
    padding: 60px 15px 30px
}

@media(min-width: 768px) {
    .overlayContent__content .overlayContent__colImg {
        width:50%;
        height: calc(100% - 90px);
        padding: 0;
        margin: 60px 30px 30px
    }
}

@media(min-width: 767px) {
    .overlayContent__content .overlayContent__colImg img {
        margin:0 auto
    }
}

.overlayContent__content .overlayContent__colTxt {
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .overlayContent__content .overlayContent__colTxt {
        width:50%;
        height: 100%
    }
}

.overlayContent__content .overlayContent__colTxtInner {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0 15px 15px 15px
}

@media(min-width: 768px) {
    .overlayContent__content .overlayContent__colTxtInner {
        padding:60px 30px 30px 0;
        overflow-y: auto;
        scrollbar-color: #111 transparent;
        scrollbar-width: thin
    }
}

@media(min-width: 768px)and (min-width: 992px) {
    .overlayContent__content .overlayContent__colTxtInner {
        width:calc(100% - 30px)
    }
}

@media(min-width: 768px) {
    .overlayContent__content .overlayContent__colTxtInner::-webkit-scrollbar-track {
        background-color:#dedede
    }
}

@media(min-width: 768px) {
    .overlayContent__content .overlayContent__colTxtInner::-webkit-scrollbar {
        width:4px;
        background-color: #dedede
    }
}

@media(min-width: 768px) {
    .overlayContent__content .overlayContent__colTxtInner::-webkit-scrollbar-thumb {
        background-color:#111
    }
}

.overlayContent__content .overlayContent__colTxt .overlayContent__details {
    padding: 15px 0 0
}

@media(min-width: 992px) {
    .overlayContent__content .overlayContent__colTxt .overlayContent__details {
        display:flex;
        padding: 15px 0 0
    }
}

@media(min-width: 992px) {
    .overlayContent__content .overlayContent__colTxt .overlayContent__detailsImg {
        width:50%
    }
}

.overlayContent__content .overlayContent__colTxt .overlayContent__detailsDescription {
    padding: 30px 0 0
}

@media(min-width: 992px) {
    .overlayContent__content .overlayContent__colTxt .overlayContent__detailsDescription {
        width:50%;
        padding: 45px 0 0
    }
}

.overlayContent__content .overlayContent__colTxt .overlayContent__detailsDescription ul li {
    position: relative;
    padding: 0 0 10px 14px
}

.overlayContent__content .overlayContent__colTxt .overlayContent__detailsDescription ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    border: #111 1px solid;
    position: absolute;
    top: 5px;
    left: 0
}

.overlayContent__btnClose {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 65px;
    right: 15px;
    background: url("../img/generali/x-close-overlay.svg") 0 0 no-repeat;
    z-index: 1
}

@media(min-width: 768px) {
    .overlayContent__btnClose {
        top:95px
    }
}

@media(min-width: 992px) {
    .overlayContent__btnClose {
        top:85px;
        right: 65px
    }
}

.overlayContent__btnScrollDown {
    display: none
}

@media(min-width: 768px) {
    .overlayContent__btnScrollDown {
        display:block;
        position: absolute;
        right: 15px;
        bottom: 30px;
        text-align: center
    }
}

@media(min-width: 768px)and (min-width: 992px) {
    .overlayContent__btnScrollDown {
        right:65px;
        bottom: 45px;
        z-index: -1
    }
}

@media(min-width: 768px) {
    .overlayContent__btnScrollDown span {
        display:block;
        padding-bottom: 5px;
        font-size: 10px;
        text-transform: uppercase
    }
}

@media(min-width: 768px) {
    .overlayContent__btnScrollDown .scrollBtn {
        left:50%;
        cursor: default;
        transform: translateX(-50%)
    }
}

body.overlayFormOpen {
    overflow: hidden
}

.overlayForm__trigger {
    position: relative;
    cursor: pointer
}

.overlayForm__trigger .btnZoom--medium {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: 0;
    z-index: 1;
    transition: opacity .5s cubic-bezier(0.76, 0.015, 0.41, 1),transform .5s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.overlayForm__trigger .btnZoom--medium svg rect,.overlayForm__trigger .btnZoom--medium svg path {
    fill: #fff
}

.overlayForm__trigger:hover .btnZoom--medium {
    opacity: 1
}

#overlayForm {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100
}

#overlayForm__container {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 48px
}

@media(min-width: 768px) {
    #overlayForm__container {
        padding-top:80px
    }
}

@media(min-width: 992px) {
    #overlayForm__container {
        padding-top:52px
    }
}

.overlayForm__content {
    width: 100%;
    height: 100%
}

@media(max-width: 767px) {
    .overlayForm__content {
        overflow-y:auto;
        scrollbar-color: #111 transparent;
        scrollbar-width: thin
    }

    .overlayForm__content::-webkit-scrollbar-track {
        background-color: transparent
    }

    .overlayForm__content::-webkit-scrollbar {
        width: 4px;
        background-color: transparent
    }

    .overlayForm__content::-webkit-scrollbar-thumb {
        background-color: #111
    }
}

@media(min-width: 768px) {
    .overlayForm__content {
        display:flex;
        flex-direction: row;
        width: 100%;
        height: 100%;
        max-height: 100%
    }
}

.overlayForm__btnClose {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 65px;
    right: 15px;
    background: url("../img/generali/x-close-overlay.svg") 0 0 no-repeat;
    z-index: 1
}

@media(min-width: 768px) {
    .overlayForm__btnClose {
        top:120px
    }
}

@media(min-width: 992px) {
    .overlayForm__btnClose {
        top:110px;
        right: 65px
    }
}

#overlayForm__loader {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7)
}

#overlayForm__loader.show {
    display: block
}

#overlayForm__loader.show .loaderContent {
    display: block;
    opacity: 1
}

.mbContainer {
    position: relative;
    max-width: 100%;
    max-height: 700px
}

@media screen and (orientation: portrait) {
    .mbContainer {
        width:100%;
        height: 76.9vw;
        margin: 140px auto 170px
    }
}

@media screen and (orientation: portrait)and (min-width: 768px) {
    .mbContainer {
        height:calc((100vw - 60px)*.769);
        margin: 100px auto 120px
    }
}

@media screen and (orientation: landscape) {
    .mbContainer {
        height:calc(100vh - 52px);
        margin: 100px auto 115px
    }
}

@media screen and (orientation: landscape)and (max-height: 830px) {
    .mbContainer {
        height:calc(100vh - 120px);
        margin: 100px auto 90px
    }
}

@media screen and (orientation: landscape)and (max-height: 700px) {
    .mbContainer {
        height:calc(100vh - 152px);
        margin: 100px auto 100px
    }
}

.mbBox {
    position: absolute;
    max-width: 100%;
    height: calc(100vh - 160px);
    max-height: 700px
}

@media screen and (orientation: portrait) {
    .mbBox {
        width:100%;
        height: auto
    }

    .mbBox img.mbSizer {
        width: 100%;
        height: auto
    }
}

@media screen and (orientation: landscape) {
    .mbBox {
        left:50%;
        transform: translateX(-50%)
    }

    .mbBox img.mbSizer {
        width: auto;
        height: 100%
    }
}

.mbBox .mbTop {
    position: absolute;
    width: 100%;
    height: 100px;
    top: -100px;
    padding: 0 15px;
    background: #111
}

@media(min-width: 768px) {
    .mbBox .mbTop {
        display:flex;
        justify-content: space-between;
        height: 50px;
        top: -50px
    }
}

.mbBox .mbTop__logo {
    width: 150px
}

@media(min-width: 768px) {
    .mbBox .mbTop__logo {
        height:50px
    }
}

.mbBox .mbTop__logo img {
    margin-top: 15px
}

.mbBox .mbTop__projectName {
    width: 100%;
    margin-top: 10px
}

@media(min-width: 768px) {
    .mbBox .mbTop__projectName {
        width:60%;
        height: 50px;
        margin-top: 0;
        line-height: 50px;
        text-align: right
    }
}

@media(min-width: 992px) {
    .mbBox .mbTop__projectName {
        width:50%
    }
}

.mbBox .mbTop__projectNameLabel {
    display: inline;
    color: #fff !important
}

.mbBox .mbTop__projectName input {
    display: inline;
    width: calc(100% - 140px);
    margin: 12px 0 0 5px;
    color: #fff;
    border-bottom: #fff 1px solid
}

.mbBox .mbBottom {
    position: absolute;
    width: 100%;
    height: 110px;
    padding: 0 15px;
    bottom: -110px;
    color: #fff;
    background: #111;
    z-index: 50
}

@media(min-width: 768px) {
    .mbBox .mbBottom {
        display:flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        height: 50px;
        bottom: -50px
    }
}

.mbBox .mbBottom .mbDownloadContainer {
    margin-top: 17px
}

.mbBox .mbBottom .mbDownloadContainer .mbDownloadBtn {
    text-transform: uppercase;
    margin: 15px 0
}

@media(min-width: 768px) {
    .mbBox .mbBottom .mbDownloadContainer .mbDownloadBtn {
        display:inline-block;
        margin: 0 15px 0 0
    }
}

.mbBox .mbBottom .mbDownloadContainer .mbDownloadBtn .item {
    margin: 0
}

.mbBox .mbBottom .mbDownloadContainer .mbDownloadBtn .item span {
    color: #fff
}

.mbBox .mbBottom #mbAddEl {
    width: 29px;
    height: 29px;
    margin-top: 10px;
    background: url("../img/moodboard/add.svg") 0 0 no-repeat;
    cursor: pointer
}

@media(max-width: 767px) {
    .mbBox .mbBottom #mbAddEl {
        float:right
    }
}

.mb {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: #fff;
    border: #111 1px solid
}

#mbToCanvas {
    position: absolute;
    width: 1302px;
    height: 1050px;
    top: 0;
    left: 0;
    border: #111 1px solid;
    background-color: #fff;
    z-index: -1
}

#mbToCanvas__img {
    position: relative;
    width: 1300px;
    height: 1000px;
    top: 0;
    left: 0
}

#mbToCanvas__img #mbClone {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: none
}

#mbToCanvas__bottom {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    font-size: 22px;
    color: #fff;
    background: #111 url("../img/moodboard/misuraemme-logo-mb-bottom.png") right center no-repeat
}

.mbEl {
    position: absolute !important;
    width: 40%;
    min-width: 95px;
    height: auto;
    min-height: 95px;
    top: 30%;
    left: 30%;
    box-sizing: border-box;
    touch-action: none;
    user-select: none;
    z-index: 1;
    box-shadow: 0 2px 13px rgba(0,0,0,.75);
    transition: z-index .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    position: relative
}

.mbEl:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}

.mbEl>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media(min-width: 768px) {
    .mbEl {
        min-width:120px;
        min-height: 120px
    }
}

.mbEl:nth-child(10n+1) {
    z-index: 1
}

.mbEl:nth-child(10n+2) {
    z-index: 2
}

.mbEl:nth-child(10n+3) {
    z-index: 3
}

.mbEl:nth-child(10n+4) {
    z-index: 4
}

.mbEl:nth-child(10n+5) {
    z-index: 5
}

.mbEl:nth-child(10n+6) {
    z-index: 6
}

.mbEl:nth-child(10n+7) {
    z-index: 7
}

.mbEl:nth-child(10n+8) {
    z-index: 8
}

.mbEl:nth-child(10n+9) {
    z-index: 9
}

.mbEl:nth-child(10n+10) {
    z-index: 10
}

.mbEl.active .mbEl__commands {
    opacity: 1 !important
}

.mbEl#mbEl1 {
    width: 50%;
    top: 14%;
    left: 19%
}

.mbEl#mbEl2 {
    width: 20%;
    top: 10%;
    left: 58%
}

.mbEl#mbEl3 {
    width: 25%;
    top: 57%;
    left: 30%
}

.mbEl#mbEl4 {
    width: 25%;
    top: 57%;
    left: 63%
}

.mbEl__commands {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0;
    transition: opacity .6s cubic-bezier(0.76, 0.015, 0.41, 1)
}

.mbEl__commandsTop {
    position: absolute;
    width: 100%;
    height: 30px;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 2
}

@media(min-width: 768px) {
    .mbEl__commandsTop {
        height:35px
    }
}

.mbEl__commandsRight {
    position: absolute;
    width: 30px;
    height: calc(100% - 30px);
    top: 30px;
    right: 0;
    background: rgba(0,0,0,.7);
    z-index: 1
}

@media(min-width: 768px) {
    .mbEl__commandsRight {
        width:35px;
        height: calc(100% - 35px);
        top: 35px
    }
}

.mbEl__commandsBottom {
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 3
}

@media(min-width: 768px) {
    .mbEl__commandsBottom {
        width:35px;
        height: 35px
    }
}

.mbEl__commands .mbEl__btn {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    margin: 7px;
    cursor: pointer
}

@media(min-width: 768px) {
    .mbEl__commands .mbEl__btn {
        width:19px;
        height: 19px;
        margin: 8px
    }
}

.mbEl__commands .mbEl__openOverlay {
    background: url("../img/moodboard/open-overlay-xs.svg") 0 0 no-repeat
}

@media(min-width: 768px) {
    .mbEl__commands .mbEl__openOverlay {
        background:url("../img/moodboard/open-overlay.svg") 0 0 no-repeat
    }
}

.mbEl__commands .mbEl__layerUp {
    background: url("../img/moodboard/layer-up-xs.svg") 0 0 no-repeat
}

@media(min-width: 768px) {
    .mbEl__commands .mbEl__layerUp {
        background:url("../img/moodboard/layer-up.svg") 0 0 no-repeat
    }
}

.mbEl__commands .mbEl__layerDown {
    background: url("../img/moodboard/layer-down-xs.svg") 0 0 no-repeat
}

@media(min-width: 768px) {
    .mbEl__commands .mbEl__layerDown {
        background:url("../img/moodboard/layer-down.svg") 0 0 no-repeat
    }
}

.mbEl__commands .mbEl__resize {
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: 0;
    left: 0;
    background: url("../img/moodboard/resize-xs.svg") 0 0 no-repeat
}

@media(min-width: 768px) {
    .mbEl__commands .mbEl__resize {
        width:20px;
        height: 20px;
        background: url("../img/moodboard/resize.svg") 0 0 no-repeat
    }
}

.mbEl__commands .mbEl__remove {
    background: url("../img/moodboard/remove-xs.svg") 0 0 no-repeat
}

@media(min-width: 768px) {
    .mbEl__commands .mbEl__remove {
        background:url("../img/moodboard/remove.svg") 0 0 no-repeat
    }
}

#mbOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 78px 0 30px;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 100;
    overflow-y: auto;
    scrollbar-color: #111 transparent;
    scrollbar-width: thin;
    transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1)
}

@media(min-width: 768px) {
    #mbOverlay {
        padding-top:120px
    }
}

@media(min-width: 992px) {
    #mbOverlay {
        padding-top:110px
    }
}

#mbOverlay::-webkit-scrollbar-track {
    background-color: transparent
}

#mbOverlay::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

#mbOverlay::-webkit-scrollbar-thumb {
    background-color: #111
}

#mbOverlay__btnClose {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 78px;
    right: 30px;
    background: url("../img/generali/x-close-overlay.svg") 0 0 no-repeat;
    z-index: 1
}

@media(min-width: 768px) {
    #mbOverlay__btnClose {
        top:125px;
        right: 42px
    }
}

@media(min-width: 992px) {
    #mbOverlay__btnClose {
        top:118px;
        right: 66px
    }
}

#mbSaveLoader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -99;
    transition: all .6s cubic-bezier(0.76, 0.015, 0.41, 1);
    background-color: rgba(0,0,0,.9)
}

.backdropfilter #mbSaveLoader {
    background-color: rgba(0,0,0,.75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

#mbSaveLoader.show {
    opacity: 1;
    z-index: 99
}

#mbSaveLoader.show .loaderContent {
    display: block;
    opacity: 1
}

#moodboardFormContainer {
    padding: 30px 15px;
    justify-content: center;
    align-items: center
}