@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
html {
    /*font-family: sans-serif;*/
    /*font-family: '../fonts/Lato-regular', sans-serif;*/
    font-family: 'Lato', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

body, figure {
    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;
    text-decoration: none;
    color: inherit
}

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

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

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2.5em;
    margin: 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: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0;
    border: 0 none
}

button, select {
    text-transform: none
}

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] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
	accent-color: #597DDA;
}

input[type=checkbox]:hover{
	accent-color: #597DDA;
}

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

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

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

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

td, th {
    padding: 0
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

iframe, img, object, video {
    max-width: 100%
}

iframe, object, video {
    display: block;
    width: 100%
}

:-moz-ui-invalid {
    box-shadow: none
}

::-ms-clear {
    display: none
}

::-ms-expand {
    display: none
}

.animate-item, .animate-item--no-delay {
    opacity: 0
}

.already-visible {
    -webkit-transform: none;
    transform: none;
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

.no-animation, .no-js .animate-item, .no-js .animate-item--no-delay {
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important
}

.fade {
    -webkit-animation: comeFade 1s cubic-bezier(.77, .01, .17, 1) forwards;
    animation: comeFade 1s cubic-bezier(.77, .01, .17, 1) forwards
}

@-webkit-keyframes comeFade {
    100% {
        opacity: 1
    }
}

@keyframes comeFade {
    100% {
        opacity: 1
    }
}

.come-in-left {
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
    -webkit-animation: comeInLateral 1s cubic-bezier(.77, .01, .17, 1) forwards;
    animation: comeInLateral 1s cubic-bezier(.77, .01, .17, 1) forwards
}

.come-in-right {
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
    -webkit-animation: comeInLateral 1s cubic-bezier(.77, .01, .17, 1) forwards;
    animation: comeInLateral 1s cubic-bezier(.77, .01, .17, 1) forwards
}

@-webkit-keyframes comeInLateral {
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes comeInLateral {
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.zoom-out {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-animation: zoom 1s cubic-bezier(.77, .01, .17, 1) forwards .5s;
    animation: zoom 1s cubic-bezier(.77, .01, .17, 1) forwards .5s;
    overflow: hidden
}

.zoom-in {
    -webkit-transform: scale(.95, .95);
    transform: scale(.95, .95);
    -webkit-animation: zoom 1s cubic-bezier(.77, .01, .17, 1) forwards .5s;
    animation: zoom 1s cubic-bezier(.77, .01, .17, 1) forwards .5s
}

@-webkit-keyframes zoom {
    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes zoom {
    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

.anim-share {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-animation: comeIn .6s cubic-bezier(.21, .97, .45, 1) forwards;
    animation: comeIn .6s cubic-bezier(.21, .97, .45, 1) forwards
}

.come-in {
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
    -webkit-animation: comeIn 1s cubic-bezier(.77, .01, .17, 1) forwards;
    animation: comeIn 1s cubic-bezier(.77, .01, .17, 1) forwards
}

.come-in-fast {
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-animation: comeIn .3s cubic-bezier(.77, .01, .17, 1) forwards;
    animation: comeIn .3s cubic-bezier(.77, .01, .17, 1) forwards
}

.come-in-top-menu {
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    -webkit-animation: comeIn .4s cubic-bezier(.77, .01, .17, 1) forwards;
    animation: comeIn .4s cubic-bezier(.77, .01, .17, 1) forwards
}

.come-in-top {
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    -webkit-animation: comeIn .6s cubic-bezier(.77, .01, .17, 1) forwards;
    animation: comeIn .6s cubic-bezier(.77, .01, .17, 1) forwards
}

.come-in-top-fast {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    -webkit-animation: comeIn .3s cubic-bezier(.77, .01, .17, 1) forwards;
    animation: comeIn .3s cubic-bezier(.77, .01, .17, 1) forwards
}

.come-in-footer {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    -webkit-animation: comeIn 1s cubic-bezier(.77, .01, .17, 1) forwards;
    animation: comeIn 1s cubic-bezier(.77, .01, .17, 1) forwards
}

.vertical-section {
    -webkit-animation: comeIn 1s cubic-bezier(.77, .01, .17, 1) forwards 1s;
    animation: comeIn 1s cubic-bezier(.77, .01, .17, 1) forwards 1s
}

@-webkit-keyframes comeIn {
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes comeIn {
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.animate-item:nth-of-type(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.animate-item:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.animate-item:nth-of-type(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.animate-item:nth-of-type(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.animate-item:nth-of-type(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.animate-item:nth-of-type(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.animate-item:nth-of-type(7) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.animate-item:nth-of-type(8) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.animate-item:nth-of-type(9) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.animate-item:nth-of-type(10) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animate-item:nth-of-type(11) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.animate-item:nth-of-type(12) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.animate-item:nth-of-type(13) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.animate-item:nth-of-type(14) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.animate-item:nth-of-type(15) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.animate-item:nth-of-type(16) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.animate-item:nth-of-type(17) {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

.animate-item:nth-of-type(18) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.animate-item:nth-of-type(19) {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

.animate-item:nth-of-type(20) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animate-item.animate-item--delay1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.animate-item.animate-item--delay2 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.animate-item.animate-item--delay3 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.animate-item.animate-item--delay4 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.animate-item.animate-item--delay5 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animate-item.animate-item--delay6 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.animate-item.animate-item--delay7 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.animate-item.animate-item--delay8 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.animate-item.animate-item--delay9 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.animate-item.animate-item--delay10 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.cookie-disclaimer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2000;
    padding: 0;
    color: #5b6770;
    background: #f4f4f4;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.cookie-disclaimer.hidden {
    display: none
}

.cookie-disclaimer.hide-now {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
}

.cookie-disclaimer .wrapper--cookie {
    width: 100%;
    max-width: 1024px;
    margin: auto;
    padding: 0 20px;
    font-family: 'Lato', sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

@media screen and (max-width: 1023px) {
    .cookie-disclaimer .wrapper--cookie {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.cookie-disclaimer .wrapper--cookie .cookie-disclaimer__copy {
    display: block;
    font-size: .875em;
    line-height: 1.5;
    padding: 0 20px
}

.cookie-disclaimer .wrapper--cookie .informativa {
    color: #333;
    position: relative
}

/*
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/calculadorafca/Lato-regular.woff) format("woff")
}
*/

html {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Lato', sans-serif;
    position: relative;
    min-height: 100vh
}

html.no-overflow {
    overflow-y: hidden !important
}

body {
    overflow-x: hidden;
    /*max-width: 1920px;*/
    margin: auto;
    min-height: 100vh;
    color: #5b6770;
    display: flex;
    flex-direction: column;
}

body.no-overflow {
    overflow-y: hidden !important
}

button, select {
    background-color: transparent;
    padding: 10px;
    border-color: transparent
}

select {
    /* -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     appearance: none;*/
    /*width: 100%;*/
    /*padding: 10px 40px 10px 10px;*/
    /*background: url(../fonts/select-trinagle-blue.svg) no-repeat 97% center rgba(255, 255, 255, 0)*/
}

select.red-arrow {
    background: url(../fonts/select-trinagle-red.svg) no-repeat 97% center rgba(255, 255, 255, 0)
}

select option {
    color: #5b6770
}

/*input[type=email], input[type=number], input[type=tel], input[type=text] {
    border: none;
    width: 100%;
    padding: 10px
}*/

input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder {
    color: inherit
}

input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder {
    color: inherit
}

input[type=email]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder {
    color: inherit
}

abbr[title] {
    border: none;
    text-decoration: none
}

.cf:after, .cf:before {
    content: " ";
    clear: both;
    display: table
}

::-moz-selection {
    background: #308276;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #308276;
    color: #fff;
    text-shadow: none
}

svg {
    width: 20px;
    height: 20px
}

.svg-color__blue .only-fill {
    fill: #308276
}

.svg-color__blue .only-stroke {
    stroke: #308276
}

.svg-color__blue .fill-stroke {
    fill: #308276;
    stroke: #308276
}

.svg-color__white .only-fill {
    fill: #fff
}

.svg-color__white .only-stroke {
    stroke: #fff
}

.svg-color__white .fill-stroke {
    fill: #fff;
    stroke: #fff
}

section {
    position: relative
}

h1, h2, h3, h4, h5, h6 {
    font-family:'Lato', sans-serif;
    line-height: 1.2
}


@media screen and (max-width: 1023px) {
    h1 {
        font-size: 35px
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 24px
    }
}

h2 {
    font-size: 35px;
    margin: .5rem 0
}

@media screen and (max-width: 1023px) {
    h2 {
        font-size: 30px
    }
}

@media screen and (max-width: 767px) {
    h2 {
        font-size: 22px
    }
}

h3 {
    font-size: 30px
}

@media screen and (max-width: 1023px) {
    h3 {
        font-size: 25px
    }
}

@media screen and (max-width: 767px) {
    h3 {
        font-size: 20px
    }
}

h4 {
    font-size: 24px;
    margin: .5rem 0;
    font-weight: 400
}

@media screen and (max-width: 1023px) {
    h4 {
        font-size: 20px
    }
}

@media screen and (max-width: 767px) {
    h4 {
        font-size: 16px
    }
}

h5 {
    font-size: 18px
}

@media screen and (max-width: 1023px) {
    h5 {
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    h5 {
        font-size: 14px
    }
}

/*.mt-40 {
    margin-top: 40px
}

.mt-100 {
    margin-top: 100px
}

.mb-40 {
    margin-bottom: 40px
}

.p-40 {
    padding: 0 40px
}*/

.mw__1440 {
    max-width: 1440px;
    margin: 0 auto
}

.divider__full {
    border-top: 1px solid rgba(27, 9, 25, .1);
    margin: 10px 0;
    display: block;
    width: 100%
}

a {
    border: 0;
    color: inherit;
    text-decoration: underline
}

.menu-inline a, .wrap-content a {
    color: #fff
}

.wrap-sidebar a {
    color: #fff
}

a.external-link {
    position: relative
}

@media screen and (max-width: 767px) {
    a.external-link {
        display: inline-block
    }
}

a.external-link::after {
    content: url(../fonts/external-link-2.svg);
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: .5rem;
    margin-right: .5rem
}

a.area-clienti {
    position: relative;
    padding-right: 30px !important
}

@media screen and (max-width: 767px) {
    a.area-clienti {
        display: inline-block
    }
}

a.area-clienti::before {
    content: url(../fonts/area-clienti.svg);
    position: absolute;
    right: 10px;
    top: -3px;
    width: 14px;
    height: 14px
}

a[href^="tel:"] {
    text-decoration: none
}

figure {
    margin: 0
}

ul {
    margin: 1em 0;
    padding-left: 1.5em;
    list-style: disc;
    list-style-position: outside
}

ul ul {
    margin: 1em 0
}

ul li {
    padding-left: .5em;
    margin-bottom: 10px
}

ul.decimal {
    list-style-type: decimal
}

ul.lower-latin {
    list-style-type: lower-latin
}

ul.blue-dot {
    list-style: none
}

ul.blue-dot li {
    position: relative
}

ul.blue-dot li::before {
    content: '';
    background-size: cover;
    background-image: url(../fonts/list-blue-dot.svg);
    width: 8px;
    height: 8px;
    position: absolute;
    left: -1.1em;
    top: .6em
}

ul.none {
    list-style: none
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

nav ul li {
    display: inline-block
}

main {
    position: relative;
    min-height: 62vh
}

sub, sup {
    font-size: 50%
}

.underline {
    text-decoration: underline
}

.underline-link {
    text-decoration: underline;
    color: #e4002c
}

.underline-link-dark {
    text-decoration: underline;
    color: #333;
    -webkit-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.underline-link-dark:hover {
    color: #e4002c
}

.internal-scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding-bottom: 40px
}

.white-bg {
    background-color: #fff;
    width: 100%;
    padding: 1px 0
}

.blue-bg {
    background-color: #308276;
    width: 100%
}

.grey-bg {
    background-color: #f4f5f6;
    width: 100%;
    margin-top: 40px;
    padding: 1px 0
}

.grey-bg--no-margin {
    margin-top: 0
}

.grey-bg--shadow-top {
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1), 0 .5rem 2rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1), 0 .5rem 2rem 0 rgba(0, 0, 0, .1);
    z-index: 1
}

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

@media screen and (min-width: 768px) {
    .mobile-hide {
        display: block !important
    }

    .mobile-show {
        display: none !important
    }
}

@media screen and (max-width: 767px) {
    .mobile-hide {
        display: none !important
    }

    .mobile-show {
        display: block !important
    }
}

@media screen and (min-width: 1024px) {
    .tablet-hide {
        display: block !important
    }

    .tablet-show {
        display: none !important
    }
}

@media screen and (max-width: 1023px) {
    .tablet-hide {
        display: none !important
    }

    .tablet-show {
        display: block !important
    }
}

@media screen and (min-width: 768px) {
    .desktop-hide {
        display: none !important
    }

    .desktop-show {
        display: initial !important
    }
}

.nowrap {
    white-space: nowrap
}

.no-overflow-y {
    overflow-y: hidden
}

.white-font {
    color: #fff
}

.black-font {
    color: #000
}

.blue1-font {
    color: #308276
}

.red1-font {
    color: #e4002c
}

.grey-font {
    color: #959595
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-bigger {
    font-size: 1.5rem
}

.text-big {
    font-size: 1.25rem
}

.text-medium {
    font-size: 1.125rem
}

.text-small {
    font-size: .875rem
}

.text-smaller {
    font-size: .75rem
}

.text-italic {
    font-style: italic
}

.opacity-full {
    opacity: 1 !important
}

.full-center {
    text-align: center;
    display: block;
    margin: auto
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.spacer {
    height: 6.25rem
}

@media screen and (max-width: 1023px) {
    .spacer {
        height: 1.25rem
    }
}

.medium-spacer {
    height: 3.125rem
}

@media screen and (max-width: 1023px) {
    .medium-spacer {
        height: 1.25rem
    }
}

.mini-spacer {
    height: 2.5rem
}

@media screen and (max-width: 1023px) {
    .mini-spacer {
        height: 1.25rem
    }
}

.micro-spacer {
    height: 1.25rem
}

.table {
    position: relative;
    display: table;
    width: 100%
}

.table--fixed {
    table-layout: fixed
}

.table .table-cell {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.table .table-cell__bottom {
    vertical-align: bottom
}

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

.table .table-cell-50 {
    display: table-cell;
    width: 50%;
    position: relative
}

.table .table-cell-50__middle {
    vertical-align: middle
}

.table .table-cell-50__top {
    vertical-align: top
}

.cta {
    display: inline-block;
    position: relative;
    background: #e4002c;
    background: -webkit-gradient(linear, left top, left bottom, from(#e4002c), to(#e4002c));
    background: linear-gradient(to bottom, #e4002c 0, #e4002c 100%);
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-decoration: none;
    font-size: 1rem;
    color: #fff;
    padding: .75rem .875rem;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
    z-index: 1;
    min-width: 10rem;
    cursor: pointer;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

@media screen and (max-width: 767px) {
    .cta {
        min-width: 7.5rem;
        white-space: normal
    }
}

.cta--internal {
    margin-bottom: 1em;
    min-width: 220px
}

.cta::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    z-index: 2;
    opacity: 0;
    background: #f23d92;
    background: -webkit-gradient(linear, left top, right top, from(#f23d92), to(#e4002c));
    background: linear-gradient(to right, #f23d92 0, #e4002c 100%);
    pointer-events: none;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.cta span {
    position: relative;
    z-index: 3;
    text-shadow: none;
    pointer-events: none
}

.cta:hover::after {
    opacity: 1
}

.cta--1 {
    background: 0 0;
    color: #e4002c
}

.cta--1::after {
    opacity: 1;
    background: #fff
}

.cta--1:hover::after {
    opacity: .8
}

.cta--cookies {
    min-width: auto;
    margin: 10px 0;
    background: #e4002c;
    color: #e4002c;
    font-size: 16px
}

.cta--cookies::after {
    opacity: 1;
    background: #fff
}

.cta--cookies.selected, .cta--cookies:hover {
    color: #fff
}

.cta--cookies.selected::after, .cta--cookies:hover::after {
    opacity: 0
}

.cta--prescoring {
    font-size: 1.4rem;
    padding: 1.2rem 2.5rem;
    min-width: 11.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

@media screen and (max-width: 767px) {
    .cta--prescoring {
        min-width: 9.375rem;
        font-size: 1.2rem;
        padding: .9rem .938rem
    }
}

.cta--prescoring.box-shadow {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2)
}

@media screen and (max-width: 767px) {
    .cta--prescoring.box-shadow {
        -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2)
    }
}

.cta--prescoring .icon-fast-check {
    width: 5rem;
    margin-right: 10px
}

@media screen and (max-width: 767px) {
    .cta--prescoring .icon-fast-check {
        width: 4rem
    }
}

.double__cta-wrapper {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media screen and (max-width: 767px) {
    .double__cta-wrapper {
        margin-top: 20px
    }
}

.double__cta-center-wrapper {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.double__cta-center-wrapper > * {
    margin: .5rem
}

.double__cta-center-wrapper--no-margin {
    margin-top: 0
}

.double__cta-center-wrapper--padding-bottom {
    padding-bottom: 1rem
}

.double__cta-center-wrapper--no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.link-arrow {
    position: relative;
    padding-right: 1.5rem;
    font-weight: 700;
    display: inline-block
}

.link-arrow .arrow {
    position: absolute;
    right: .25rem;
    top: calc(50% - .45rem);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: .875rem;
    height: .875rem
}

.link-arrow--1 {
    color: #e4002c
}

.link-arrow--1 .arrow {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.25, .75, .5, 1.25);
    transition: -webkit-transform .2s cubic-bezier(.25, .75, .5, 1.25);
    transition: transform .2s cubic-bezier(.25, .75, .5, 1.25);
    transition: transform .2s cubic-bezier(.25, .75, .5, 1.25), -webkit-transform .2s cubic-bezier(.25, .75, .5, 1.25)
}

.link-arrow--1:hover .arrow {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
}

.link-arrow--2 {
    color: #010b74
}

.link-arrow--2 .arrow {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.25, .75, .5, 1.25);
    transition: -webkit-transform .2s cubic-bezier(.25, .75, .5, 1.25);
    transition: transform .2s cubic-bezier(.25, .75, .5, 1.25);
    transition: transform .2s cubic-bezier(.25, .75, .5, 1.25), -webkit-transform .2s cubic-bezier(.25, .75, .5, 1.25)
}

.link-arrow--2:hover .arrow {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
}

.link-arrow--3 {
    color: #fff;
    -webkit-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.link-arrow--3 .arrow {
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

.link-arrow--3 .arrow path {
    fill: #fff;
    -webkit-transition: fill .2s ease-in;
    transition: fill .2s ease-in
}

.link-arrow--3:hover {
    color: #e4002c
}

.link-arrow--3:hover .arrow {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
}

.link-arrow--3:hover .arrow path {
    fill: #e4002c
}

.link-arrow-promo {
    width: 95%;
    max-width: 1120px;
    margin: -55px auto 20px;
    text-align: right;
    font-size: 24px
}

@media screen and (max-width: 1023px) {
    .link-arrow-promo {
        font-size: 20px;
        margin: 10px auto;
        text-align: center
    }
}

.link-arrow-promo .arrow {
    right: 0;
    top: calc(50% - .55rem);
    width: 1.125rem;
    height: 1.125rem
}

.link-modal {
    position: relative;
    padding-right: 35px;
    text-decoration: none;
    -webkit-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.link-modal .modal-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    width: 14px;
    height: 14px;
    -webkit-transition: fill .2s ease-in;
    transition: fill .2s ease-in
}

.link-modal--white {
    color: #fff
}

.link-modal--white .modal-icon {
    fill: #fff
}

.link-modal:hover {
    color: #e4002c
}

.link-modal:hover .modal-icon {
    fill: #e4002c
}

.scroll-arrow {
    margin: -110px auto 20px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.scroll-arrow svg {
    width: 23px;
    height: 23px;
    -webkit-animation: movearrow 2s infinite;
    animation: movearrow 2s infinite
}

@media screen and (max-width: 767px) {
    .scroll-arrow {
        margin: -90px auto 20px
    }
}

.scroll-info {
    cursor: pointer;
    margin-bottom: 10px
}

.scroll-info svg {
    width: 30px;
    height: 30px
}

@media screen and (max-width: 767px) {
    .scroll-info svg {
        width: 25px;
        height: 25px
    }
}

@-webkit-keyframes movearrow {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes movearrow {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.ellipsed-text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 23px;
    -webkit-line-clamp: 1
}

.ellipsed-text--news {
    height: 68px;
    -webkit-line-clamp: 3
}

.simple-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .simple-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.pdf-download__container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    border-radius: .5rem;
    width: 95%;
    max-width: 1120px;
    padding: 0 10px;
    margin: 0 auto 40px
}

@media screen and (max-width: 767px) {
    .pdf-download__container {
        padding: 0;
        -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1)
    }
}

.pdf-download__container--full {
    background-color: transparent;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid rgba(27, 9, 25, .05);
    border-bottom: 1px solid rgba(27, 9, 25, .05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none
}

.pdf-download__container--filterable > div:not(:first-child) {
    display: none
}

.pdf-download__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    width: 100%;
    margin: auto;
    position: relative;
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
    pointer-events: auto;
    min-height: 70px;
    text-decoration: none
}

.pdf-download__wrapper:not(:first-of-type) {
    border-top: 1px solid rgba(27, 9, 25, .05)
}

.pdf-download__icon {
    width: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

@media screen and (max-width: 767px) {
    .pdf-download__icon {
        width: 15%
    }
}

.pdf-download__icon svg {
    width: 36px;
    height: 36px
}

@media screen and (max-width: 767px) {
    .pdf-download__icon svg {
        width: 20px;
        height: 20px
    }
}

.pdf-download__text {
    width: 80%;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

@media screen and (max-width: 767px) {
    .pdf-download__text {
        width: 70%
    }
}

.pdf-download__date {
    color: #308276;
    font-size: 14px;
    text-transform: uppercase;
    margin: 10px 0
}

@media screen and (max-width: 767px) {
    .pdf-download__date {
        font-size: 12px
    }
}

.pdf-download__date--1 {
    color: #9cabb6
}

.pdf-download__date--2 {
    color: #170a5b
}

.pdf-download__title {
    color: #333;
    font-size: 18px;
    margin: 10px 0
}

@media screen and (max-width: 767px) {
    .pdf-download__title {
        font-size: 16px
    }
}

.pdf-download__subtitle {
    color: #5b6770;
    margin: 10px 0
}

@media screen and (max-width: 767px) {
    .pdf-download__subtitle {
        font-size: 14px
    }
}

.pdf-download__subtitle--1 {
    color: #fff
}

.pdf-download__subtitle--2 {
    color: #fff
}

.pdf-download__btn {
    width: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

@media screen and (max-width: 767px) {
    .pdf-download__btn {
        width: 15%
    }
}

.pdf-download__btn svg {
    width: 40px;
    height: 40px
}

@media screen and (max-width: 767px) {
    .pdf-download__btn svg {
        width: 30px;
        height: 30px
    }
}

.pdf-download__btn svg path {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.pdf-download__btn svg path.normal-state {
    opacity: 1
}

.pdf-download__btn svg path.hover-state, .pdf-download__btn svg path.hover-state-gradient {
    opacity: 0
}

.pdf-download__btn:hover .normal-state {
    opacity: 0
}

.pdf-download__btn:hover .hover-state, .pdf-download__btn:hover .hover-state-gradient {
    opacity: 1
}

.pdf-download__wrapper.clicked .pdf-download__btn .normal-state, .pdf-download__wrapper:hover .pdf-download__btn .normal-state {
    opacity: 0
}

.pdf-download__wrapper.clicked .pdf-download__btn .hover-state, .pdf-download__wrapper.clicked .pdf-download__btn .hover-state-gradient, .pdf-download__wrapper:hover .pdf-download__btn .hover-state, .pdf-download__wrapper:hover .pdf-download__btn .hover-state-gradient {
    opacity: 1
}

.pdf-download__progress {
    background: #308276;
    background: -webkit-gradient(linear, left top, right top, from(#308276), to(#308276));
    background: linear-gradient(to right, #308276 0, #308276 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left
}

.pdf-download__wrapper.clicked {
    pointer-events: none
}

.pdf-download__wrapper.clicked .pdf-download__btn, .pdf-download__wrapper.clicked .pdf-download__icon, .pdf-download__wrapper.clicked .pdf-download__text {
    opacity: .3
}

.pdf-download__wrapper.clicked .pdf-download__progress {
    -webkit-transition: opacity 0s ease-out 1s, -webkit-transform 2s ease-out 1s;
    transition: opacity 0s ease-out 1s, -webkit-transform 2s ease-out 1s;
    transition: transform 2s ease-out 1s, opacity 0s ease-out 1s;
    transition: transform 2s ease-out 1s, opacity 0s ease-out 1s, -webkit-transform 2s ease-out 1s;
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.filter-btn {
    color: #9cabb6;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    text-align: center;
    -webkit-transition: background-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, color .15s ease-in
}

.filter-btn__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border: 1px solid #9cabb6
}

@media screen and (max-width: 767px) {
    .filter-btn__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 767px) {
    .filter-btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }
}

.filter-btn:not(:last-child) {
    border-right: 1px solid #9cabb6
}

@media screen and (max-width: 767px) {
    .filter-btn:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #9cabb6
    }
}

.filter-btn label {
    cursor: pointer;
    display: block;
    padding: 5px
}

@media screen and (max-width: 767px) {
    .filter-btn label {
        padding: 5px 10px
    }
}

.filter-btn input[type=checkbox]:checked + label, .filter-btn:hover {
    background-color: #9cabb6;
    color: #fff
}

.filter-btn input[type=checkbox] {
    height: 0;
    width: 0;
    display: inherit;
    opacity: 0;
    position: absolute;
    z-index: -1
}

.filter-btn input[type=checkbox]:focus + label {
    -webkit-box-shadow: 0 0 5px 0 #308276;
    box-shadow: 0 0 5px 0 #308276
}

.overlap-hero__wrapper {
    padding: 20px 40px;
    position: relative;
    z-index: 1;
    background-color: #f8f8f9;
    max-width: 1400px;
    margin: -40px auto 40px
}

@media screen and (max-width: 1439px) {
    .overlap-hero__wrapper {
        margin: -40px 20px 20px
    }
}

@media screen and (max-width: 767px) {
    .overlap-hero__wrapper {
        margin: -40px 10px 10px;
        padding: 20px 10px
    }
}

.overlap-hero__wrapper--no-bg {
    background-color: transparent;
    margin: -100px auto 4px;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media screen and (max-width: 767px) {
    .overlap-hero__wrapper--no-bg {
        margin: -40px auto 10px;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.overlap-hero__wrapper--no-bg-2 {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.generic-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    border-radius: 1rem;
    overflow: hidden
}

.generic-box__wrapper {
    margin-bottom: 60px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-radius: 1rem;
    margin-left: auto;
    margin-right: auto;
    width: 97%;
    max-width: 930px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .generic-box__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .generic-box {
        -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1)
    }
}

.generic-box__square {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 400px
}

.generic-box__square:first-child {
    margin-right: 20px
}

.generic-box__square:last-child {
    margin-left: 20px
}

@media screen and (max-width: 767px) {
    .generic-box__square {
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        width: 95%;
        max-width: initial
    }

    .generic-box__square:first-child {
        margin-right: auto
    }

    .generic-box__square:last-child {
        margin-left: auto
    }
}

.generic-box__wide {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 930px;
    min-height: 340px;
    margin: auto
}

@media screen and (max-width: 767px) {
    .generic-box__wide {
        width: 95%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.generic-box__wide .generic-box__title {
    width: 50%
}

@media screen and (max-width: 767px) {
    .generic-box__wide .generic-box__title {
        width: 100%
    }
}

.generic-box__wide .generic-box__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%
}

@media screen and (max-width: 767px) {
    .generic-box__wide .generic-box__text {
        width: 100%
    }
}

.generic-box__full {
    width: 100%;
    position: relative;
    overflow: hidden;
    color: #fff;
    padding: 40px 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.generic-box__full .generic-box__title {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .generic-box__full .generic-box__title {
        width: 100%
    }
}

.generic-box__full .generic-box__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%
}

@media screen and (max-width: 767px) {
    .generic-box__full .generic-box__text {
        width: 100%
    }
}

.generic-box__title {
    position: relative;
    width: 100%;
    min-height: 180px;
    overflow: hidden;
    color: #fff;
    -webkit-animation: bgAnimate 15s ease infinite;
    animation: bgAnimate 15s ease infinite
}

@media screen and (max-width: 767px) {
    .generic-box__title {
        min-height: 110px
    }
}

.generic-box__title--blue {
    background: -webkit-gradient(linear, right top, left top, from(#308276), to(#308276));
    background: linear-gradient(270deg, #308276, #308276);
    background-size: 400% 40%
}

.generic-box__title--blue-1 {
    background: -webkit-gradient(linear, right top, left top, from(#170a5b), to(#170a5b));
    background: linear-gradient(270deg, #170a5b, #170a5b);
    background-size: 400% 40%
}

.generic-box__title--blue-1 .title {
    color: #308276
}

.generic-box__title--blue-2 {
    background: -webkit-gradient(linear, right top, left top, from(#308276), to(#308276));
    background: linear-gradient(270deg, #308276, #308276);
    background-size: 400% 40%
}

.generic-box__title--blue-2 .title {
    color: #170a5b
}

.generic-box__title--red {
    background: -webkit-gradient(linear, right top, left top, from(#e4002c), to(#f23d92));
    background: linear-gradient(270deg, #e4002c, #f23d92);
    background-size: 400% 400%
}

.generic-box__title__img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    opacity: .08
}

.generic-box__title__baffo {
    position: relative;
    overflow: hidden;
    height: 170px;
    width: 100%;
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: 30% 100%
}

@media screen and (max-width: 767px) {
    .generic-box__title__baffo {
        height: 150px
    }
}

.generic-box__title .subject, .generic-box__title .title {
    margin-left: 40px;
    margin-right: 40px;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .generic-box__title .subject, .generic-box__title .title {
        margin-left: 20px;
        margin-right: 20px
    }
}

.generic-box__text {
    padding: 0 40px 20px
}

@media screen and (max-width: 767px) {
    .generic-box__text {
        padding: 0 20px
    }
}

@-webkit-keyframes bgAnimate {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}

@keyframes bgAnimate {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}

.sidebar-layout {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sidebar-layout main {
    width: 100%;
    overflow: hidden;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f8f8f9
}

@media screen and (max-width: 1023px) {
    .sidebar-layout--dealers {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.bank-promo__wrapper {
    position: relative;
    z-index: 1
}

.bank-promo__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: 100% 0;
    opacity: .05;
    z-index: -1
}

.white-bg-shadow {
    background-color: #fff;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    width: 97%;
    max-width: 1120px;
    margin: 0 auto;
    border-radius: 1rem;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .white-bg-shadow {
        -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1)
    }
}

.white-bg-shadow--blurred {
    position: relative
}

.white-bg-shadow--blurred::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(104, 130, 189, .1);
    box-shadow: 0 0 20px 0 rgba(104, 130, 189, .1)
}

.white-bg-shadow--full {
    max-width: 1240px
}

.white-bg-shadow--overlap {
    margin: -40px auto 40px
}

@media screen and (max-width: 1439px) {
    .white-bg-shadow--overlap {
        margin: -40px 20px 20px
    }
}

@media screen and (max-width: 767px) {
    .white-bg-shadow--overlap {
        margin: -40px auto 10px;
        padding: 20px 10px
    }
}

.engage {
    padding: 1px;
    text-align: center;
    background-color: #517fec
}

.shadow-element {
    position: relative;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    overflow: hidden;
    border-radius: 1rem;
    margin-top: 3rem;
    margin-bottom: 3rem
}

@media screen and (max-width: 767px) {
    .shadow-element {
        -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1)
    }
}

.shadow-element--no-margin {
    margin-top: 0;
    margin-bottom: 0
}

#header {
    /*display: block;*/
    z-index: 3;
     background: #308276;  
    /* background: -webkit-gradient(linear, left top, right top, from(#308276), to(#308276)); */
    /*background: linear-gradient(to right, #308276 0, #308276 100%); */
    
    color: #fff;
    font-family: 'Lato', sans-serif;
    width: 100%;
    max-width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

#header.header-unpin {
    -webkit-transform: translateY(-105%);
    transform: translateY(-105%)
}

@media screen and (max-width: 1023px) {
    #header {
        background: #308276;
        background: -webkit-gradient(linear, left top, right top, from(#308276), to(#308276));
        background: linear-gradient(to right, #308276 0, #308276 100%);
        height: 50px
    }
}

#header .main-logo {
    width: 300px;
    height: 58px;
    position: relative;
    left: -36px
}

@media screen and (max-width: 1023px) {
    #header .main-logo {
        height: 50px;
        width: 200px;
        margin-left: 15px
    }
}

@media screen and (max-width: 767px) {
    #header .main-logo {
        width: 180px;
        left: 0
    }
}

body > main {
    padding-top: calc(65px + 2.35rem)
}

@media screen and (max-width: 1023px) {
    body > main {
        padding-top: 50px
    }
}

.nav-wrapper {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1)
}

.nav-wrapper__dark-bg {
    background-color: rgba(27, 9, 25, .1)
}

@media screen and (max-width: 1023px) {
    .nav-wrapper__dark-bg {
        padding: 20px 20px 80px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: block;
        width: 100%;
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 20px 10px 80px
    }
}

.nav-wrapper__top {
    font-size: 14px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1023px) {
    .nav-wrapper__top {
        text-transform: uppercase;
        text-align: left;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media screen and (max-width: 1023px) {
    .nav-wrapper__top .first-level:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.nav-wrapper__top .first-level > li {
    position: relative;
    padding: 10px 0
}

@media screen and (max-width: 1023px) {
    .nav-wrapper__top .first-level > li {
        margin: 0;
        padding: 10px
    }
}

@media screen and (min-width: 1024px) {
    .nav-wrapper__top .first-level > li:first-child {
        margin-left: 60px
    }
}

@media screen and (max-width: 1023px) {
    .nav-wrapper__top .first-level > li:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.nav-wrapper__top .first-level > li.header-select {
    padding: 0
}

.nav-wrapper__top .first-level > li a {
    position: relative;
    padding: 0 10px;
    height: auto
}

@media screen and (max-width: 1023px) {
    .nav-wrapper__top .first-level > li a {
        padding: 0
    }
}

.nav-wrapper__top .first-level > li a::after {
    bottom: -10px
}

@media screen and (max-width: 1023px) {
    .nav-wrapper__top .first-level > li a.external-link {
        display: inline-block
    }
}

.nav-wrapper__top .first-level > li.header-select ul {
    display: block
}

.nav-wrapper__top .first-level > li.header-select li {
    display: block
}

.nav-wrapper__top .first-level .social svg {
    width: 30px;
    height: 30px
}

.nav-wrapper__top .first-level .social path {
    fill: #fff
}

.nav-wrapper__main {
    font-size: .875em;
    text-transform: uppercase;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .55rem 1rem
}

@media screen and (min-width: 1024px) {
    .nav-wrapper__main {
        height: 65px
    }
}

.nav-wrapper__main h1 {
    font-size: 15px
}

@media screen and (max-width: 1023px) {
    .nav-wrapper__main {
        display: block;
        width: 100%;
        text-align: left;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 10px
    }
}

.nav-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media screen and (max-width: 1023px) {
    .nav-wrapper ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial
    }
}

.nav-wrapper ul li {
    padding: 0;
    position: relative;
    margin-bottom: 0
}

@media screen and (max-width: 1023px) {
    .nav-wrapper ul li.header-select {
        padding: 10px 0
    }
}

.nav-wrapper ul li a {
    padding: 1rem .75rem;
    position: relative;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 1024px) {
    .nav-wrapper ul li a {
        height: 65px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .nav-wrapper ul li a {
        padding: 1rem .625rem
    }
}

@media screen and (max-width: 1023px) {
    .nav-wrapper ul li a {
        padding: .625rem;
        padding-right: 2.25rem
    }
}

@media screen and (max-width: 1023px) {
    .nav-wrapper ul li a.external-link {
        display: inline-block
    }
}

.nav-wrapper ul li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #e4002c;
    background: -webkit-gradient(linear, left top, right top, from(#e4002c), to(#f23d92));
    background: linear-gradient(to right, #e4002c 0, #f23d92 100%);
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out
}

@media screen and (max-width: 1023px) {
    .nav-wrapper ul li a::after {
        content: none
    }
}

.nav-wrapper ul li a.is-active::after, .nav-wrapper ul li a:focus::after, .nav-wrapper ul li a:hover::after {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

@media screen and (max-width: 1023px) {
    .nav-wrapper ul li a.has-children::before {
        content: url(../fonts/slide-next.svg);
        position: absolute;
        top: 50%;
        right: -5px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        opacity: .5
    }
}

.nav-wrapper ul li.active > a::after, .nav-wrapper ul li.current > a::after {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.nav-wrapper ul li .nav-tool {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 7px;
    font-size: 12px;
    border-radius: 22px;
    line-height: 1;
    letter-spacing: initial;
    background-color: #e4002c;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1)
}

@media screen and (max-width: 1023px) {
    .nav-wrapper ul li .nav-tool {
        overflow: initial
    }
}

.nav-wrapper ul li .nav-tool--header svg {
    width: 30px;
    height: 30px
}

@media screen and (max-width: 1023px) {
    .nav-wrapper ul li .nav-tool--header {
        display: none
    }
}

.nav-wrapper ul li .nav-tool--internal {
    width: 44px;
    height: 44px;
    margin-left: auto;
    -webkit-transition: width .2s cubic-bezier(.77, .01, .17, 1);
    transition: width .2s cubic-bezier(.77, .01, .17, 1);
    position: relative
}

.nav-wrapper ul li .nav-tool--internal .title {
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate3d(-55%, -50%, 0);
    transform: translate3d(-55%, -50%, 0);
    -webkit-transition: opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .2s cubic-bezier(.77, .01, .17, 1), transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .2s cubic-bezier(.77, .01, .17, 1), transform .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1)
}

@media screen and (max-width: 1023px) {
    .nav-wrapper ul li .nav-tool--internal .title {
        left: 50px
    }
}

.nav-wrapper ul li .nav-tool--internal svg {
    width: 30px;
    height: 30px;
    opacity: 1;
    -webkit-transition: opacity .2s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .2s cubic-bezier(.77, .01, .17, 1)
}

@media screen and (max-width: 1023px) {
    .nav-wrapper ul li .nav-tool--internal {
        margin-left: 0
    }

    .nav-wrapper ul li .nav-tool--internal .title {
        opacity: 1;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        line-height: 1.7
    }
}

@media screen and (min-width: 1024px) {
    .nav-wrapper ul li .nav-tool--internal:focus, .nav-wrapper ul li .nav-tool--internal:hover {
        width: 240px
    }

    .nav-wrapper ul li .nav-tool--internal:focus .title, .nav-wrapper ul li .nav-tool--internal:hover .title {
        opacity: 1;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .nav-wrapper ul li .nav-tool--internal:focus svg, .nav-wrapper ul li .nav-tool--internal:hover svg {
        opacity: 0
    }
}

.nav-wrapper ul li .nav-tool__wrapper {
    position: absolute;
    top: 60px;
    right: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s ease-in, max-height .3s ease-in-out, -webkit-transform .3s ease-in;
    transition: opacity .3s ease-in, max-height .3s ease-in-out, -webkit-transform .3s ease-in;
    transition: transform .3s ease-in, opacity .3s ease-in, max-height .3s ease-in-out;
    transition: transform .3s ease-in, opacity .3s ease-in, max-height .3s ease-in-out, -webkit-transform .3s ease-in
}

@media screen and (max-width: 1023px) {
    .nav-wrapper ul li .nav-tool__wrapper {
        opacity: 1;
        position: relative;
        max-height: none;
        top: auto;
        display: block;
        width: 100%
    }
}

.nav-wrapper ul li .nav-tool__wrapper.is-open {
    opacity: 1;
    max-height: 1500px
}

.nav-wrapper ul li .nav-tool__wrapper a {
    margin-bottom: 5px
}

@media screen and (max-width: 1023px) {
    .nav-wrapper ul li .nav-tool__wrapper a {
        margin-bottom: 15px
    }
}

.nav-wrapper ul li .nav-tool__wrapper a::after {
    content: none !important
}

@media screen and (min-width: 1024px) {
    .nav-wrapper ul .max-w-10 {
        max-width: 10rem
    }
}

@media screen and (max-width: 1023px) {
    .nav-wrapper {
        position: fixed;
        top: 50px;
        right: 0;
        bottom: 0;
        z-index: 2;
        width: 100%;
        max-width: 450px;
        height: 100vh;
        height: calc(100vh - 40px);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-x: hidden;
        pointer-events: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #308276;
        background: -webkit-gradient(linear, left top, right top, from(#308276), to(#308276));
        background: linear-gradient(to right, #308276 0, #308276 100%);
        -webkit-transition: opacity .3s cubic-bezier(.77, .01, .17, 1), -webkit-transform .3s cubic-bezier(.77, .01, .17, 1);
        transition: opacity .3s cubic-bezier(.77, .01, .17, 1), -webkit-transform .3s cubic-bezier(.77, .01, .17, 1);
        transition: opacity .3s cubic-bezier(.77, .01, .17, 1), transform .3s cubic-bezier(.77, .01, .17, 1);
        transition: opacity .3s cubic-bezier(.77, .01, .17, 1), transform .3s cubic-bezier(.77, .01, .17, 1), -webkit-transform .3s cubic-bezier(.77, .01, .17, 1);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }

    .nav-wrapper .select-hidden {
        pointer-events: none
    }

    .nav-wrapper.is-open {
        pointer-events: auto;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    .nav-wrapper.is-open .select-hidden {
        pointer-events: auto
    }
}

.nav-wrapper .submenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    color: #788289;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity .2s linear, -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .2s linear, -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: transform .2s cubic-bezier(.77, .01, .17, 1), opacity .2s linear;
    transition: transform .2s cubic-bezier(.77, .01, .17, 1), opacity .2s linear, -webkit-transform .2s cubic-bezier(.77, .01, .17, 1)
}

@media screen and (min-width: 1024px) {
    .nav-wrapper .submenu {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

.nav-wrapper .submenu.is-open {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width: 1023px) {
    .nav-wrapper .submenu.nav-child {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        padding-bottom: 40px
    }
}

.nav-wrapper .submenu li {
    position: relative
}

.nav-wrapper .submenu li a {
    padding-left: 3.25rem;
    padding-right: 3.25rem
}

.nav-wrapper .submenu li.current > a {
    position: relative;
    color: #e4002c
}

.nav-wrapper .submenu li.current > a::before {
    content: url(../fonts/active-mobile-menu.svg);
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media screen and (max-width: 1023px) {
    .nav-wrapper .submenu li.current > a::before {
        left: -60px
    }
}

.nav-wrapper .submenu li.current > a.news {
    color: #e4002c
}

.nav-wrapper .submenu .back {
    background: #308276;
    background: -webkit-gradient(linear, left top, right top, from(#308276), to(#308276));
    background: linear-gradient(to right, #308276 0, #308276 100%);
    border-top: 1px solid rgba(255, 255, 255, .2);
    color: #fff
}

.nav-wrapper .submenu .back::before {
    content: url(../fonts/slide-prev.svg);
    position: absolute;
    top: 15px;
    left: 20px;
    width: 20px;
    height: 20px;
    opacity: .5
}

.nav-wrapper .submenu .back.current > a {
    color: inherit
}

.nav-wrapper .submenu .back.current > a::before {
    content: none
}

.nav-wrapper .submenu .is-active {
    position: relative;
    color: #e4002c
}

.nav-wrapper .submenu .is-active::before {
    content: url(../fonts/active-mobile-menu.svg);
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media screen and (max-width: 1023px) {
    .nav-wrapper .submenu .is-active::before {
        left: -60px
    }
}

@media screen and (max-width: 1023px) {
    .nav-wrapper .submenu .has-children::before {
        content: url(../fonts/slide-next-dark.svg);
        position: absolute;
        top: 2px;
        right: -5px;
        width: 20px;
        height: 20px;
        opacity: .5
    }
}

.nav-wrapper__sidebar {
    z-index: 1;
    width: 300px;
    min-width: 300px;
    background-color: #fff;
    -webkit-box-shadow: 3px 0 0 0 rgba(104, 130, 189, .1);
    box-shadow: 3px 0 0 0 rgba(104, 130, 189, .1)
}

.nav-wrapper__sidebar li {
    display: block;
    margin: 0;
    padding-left: 0
}

.nav-wrapper__sidebar li:first-child {
    position: relative;
    margin: 20px;
    padding: 10px 0 20px;
    color: #308276;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(27, 9, 25, .1)
}

.nav-wrapper__sidebar li:first-child::after, .nav-wrapper__sidebar li:first-child::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 30px;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none
}

.nav-wrapper__sidebar li:first-child::after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.nav-wrapper__sidebar li:first-child::before {
    border-color: rgba(27, 9, 25, 0);
    border-top-color: rgba(27, 9, 25, .1);
    border-width: 11px;
    margin-left: -11px
}

.nav-wrapper__sidebar li:first-child a {
    padding: 10px
}

.nav-wrapper__sidebar li:first-child a.is-active, .nav-wrapper__sidebar li:first-child a:hover {
    color: #308276;
    background-color: transparent
}

.nav-wrapper__sidebar li:first-child a.is-active::before, .nav-wrapper__sidebar li:first-child a:hover::before {
    display: none
}

.nav-wrapper__sidebar li:first-child.current > a {
    color: #308276
}

.nav-wrapper__sidebar li:first-child.current > a::before {
    display: none
}

.nav-wrapper__sidebar li a {
    display: block;
    position: relative;
    padding: 10px 30px;
    text-decoration: none;
    -webkit-transition: color .2s ease-in, background-color .2s ease-in;
    transition: color .2s ease-in, background-color .2s ease-in
}

.nav-wrapper__sidebar li a.external-link {
    display: inline-block
}

.nav-wrapper__sidebar li a.is-active {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #e4002c
}

.nav-wrapper__sidebar li a.is-active::before {
    content: url(../fonts/active-mobile-menu.svg);
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 25px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.nav-wrapper__sidebar li a:hover {
    color: #e4002c;
    background-color: rgba(27, 9, 25, .05)
}

.nav-wrapper__sidebar li.has-children-list {
    position: relative
}

.nav-wrapper__sidebar li.has-children-list a.is-active::before {
    display: none
}

.nav-wrapper__sidebar li .submenu-sidebar {
    position: relative;
    max-height: 0;
    opacity: 0;
    border-top: 1px solid rgba(27, 9, 25, .1);
    border-bottom: 1px solid rgba(27, 9, 25, .1);
    -webkit-transition: opacity .3s ease-in, max-height .3s ease-in-out, -webkit-transform .3s ease-in;
    transition: opacity .3s ease-in, max-height .3s ease-in-out, -webkit-transform .3s ease-in;
    transition: transform .3s ease-in, opacity .3s ease-in, max-height .3s ease-in-out;
    transition: transform .3s ease-in, opacity .3s ease-in, max-height .3s ease-in-out, -webkit-transform .3s ease-in
}

.nav-wrapper__sidebar li .submenu-sidebar.is-open {
    opacity: 1;
    max-height: 1500px
}

.nav-wrapper__sidebar li .submenu-sidebar li {
    display: block;
    margin: 0;
    color: inherit;
    text-transform: initial;
    -webkit-transition: color .2s ease-in, background-color .2s ease-in;
    transition: color .2s ease-in, background-color .2s ease-in
}

.nav-wrapper__sidebar li .submenu-sidebar li:first-child {
    border-bottom: 0;
    padding: 0;
    font-weight: 400;
    letter-spacing: initial
}

.nav-wrapper__sidebar li .submenu-sidebar li:first-child::after, .nav-wrapper__sidebar li .submenu-sidebar li:first-child::before {
    display: none
}

.nav-wrapper__sidebar li .submenu-sidebar li:first-child a:hover {
    color: #e4002c;
    background-color: rgba(27, 9, 25, .05)
}

.nav-wrapper__sidebar li .submenu-sidebar li:first-child a.is-active {
    color: #e4002c
}

.nav-wrapper__sidebar li .submenu-sidebar li:first-child.current > a {
    color: #e4002c
}

.nav-wrapper__sidebar li .submenu-sidebar li a {
    padding-left: 50px;
    background-color: rgba(27, 9, 25, .05)
}

.nav-wrapper__sidebar li .submenu-sidebar li a.is-active::before {
    display: block;
    content: url(../fonts/active-mobile-menu.svg);
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 25px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.nav-wrapper__sidebar li .submenu-sidebar li.current > a::before {
    display: block;
    content: url(../fonts/active-mobile-menu.svg);
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 25px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.nav-wrapper__sidebar li .submenu-sidebar::after, .nav-wrapper__sidebar li .submenu-sidebar::before {
    content: '';
    position: absolute;
    left: 50px;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none
}

.nav-wrapper__sidebar li .submenu-sidebar::after {
    top: -1px;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.nav-wrapper__sidebar li .submenu-sidebar::before {
    top: 0;
    border-color: rgba(27, 9, 25, 0);
    border-top-color: rgba(27, 9, 25, .1);
    border-width: 10px;
    margin-left: -10px
}

.nav-wrapper__sidebar li.current > a {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #e4002c
}

.nav-wrapper__sidebar li.current > a::before {
    content: url(../fonts/active-mobile-menu.svg);
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 25px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.nav-wrapper__sidebar li.current.has-children-list {
    position: relative
}

.nav-wrapper__sidebar li.current.has-children-list a::before {
    display: none
}

@media screen and (max-width: 1023px) {
    .nav-wrapper__sidebar {
        display: none
    }
}

@media screen and (max-width: 1023px) {
    .nav-wrapper__sidebar--dealers {
        width: 100%;
        display: block;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.darker-background {
    display: none
}

@media screen and (max-width: 1023px) {
    .darker-background {
        display: block;
        background-color: rgba(0, 0, 0, 0);
        height: 0;
        width: 0;
        position: fixed;
        position: -ms-device-fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -100;
        -webkit-transition: .3s background-color linear;
        transition: .3s background-color linear
    }

    .darker-background.is-open {
        background-color: rgba(0, 0, 0, .6);
        width: 100vw;
        height: 100vh;
        z-index: 1
    }
}

.navbar-toggle {
    display: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 1023px) {
    .navbar-toggle {
        position: absolute;
        display: block;
        z-index: 6;
        right: 0;
        top: 0;
        width: 54px;
        height: 54px;
        padding: 20px 15px
    }

    .navbar-toggle .bar1, .navbar-toggle .bar2, .navbar-toggle .bar3 {
        width: 100%;
        height: 2px;
        margin: 0 auto 4px;
        background-color: #fff;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }

    .navbar-toggle.is-open {
        z-index: 6
    }

    .navbar-toggle.is-open .bar1 {
        -webkit-transform-origin: 10% 40%;
        transform-origin: 10% 40%;
        -webkit-transform: rotate(45deg) scale(1, 1);
        transform: rotate(45deg) scale(1, 1);
        margin-bottom: 6px
    }

    .navbar-toggle.is-open .bar2 {
        background-color: transparent
    }

    .navbar-toggle.is-open .bar3 {
        -webkit-transform-origin: 10% 40%;
        transform-origin: 10% 40%;
        -webkit-transform: rotate(-45deg) scale(1, 1);
        transform: rotate(-45deg) scale(1, 1)
    }
}

.promo-menu {
    font-size: 24px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 0
}

.promo-menu__wrapper {
    position: relative;
    z-index: 1;
    background-color: #fff;
    margin: -40px auto 40px;
    max-width: 1400px;
    width: calc(100% - 40px);
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    border-radius: .5rem;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .promo-menu__wrapper {
        width: calc(100% - 20px);
        -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1)
    }
}

@media screen and (max-width: 767px) {
    .promo-menu {
        font-size: 18px;
        padding: 0
    }
}

.promo-menu ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .promo-menu ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.promo-menu li {
    padding: 0;
    width: 100%;
    margin-bottom: 0
}

.promo-menu a {
    display: block;
    padding: 10px 15px;
    position: relative;
    line-height: 1.9;
    text-decoration: none
}

@media screen and (max-width: 1023px) {
    .promo-menu a {
        display: block;
        padding: 5px
    }
}

.promo-menu a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #e4002c;
    background: -webkit-gradient(linear, left top, right top, from(#e4002c), to(#f23d92));
    background: linear-gradient(to right, #e4002c 0, #f23d92 100%);
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out
}

@media screen and (max-width: 1023px) {
    .promo-menu a::after {
        content: none
    }
}

@media screen and (max-width: 767px) {
    .promo-menu a.is-active, .promo-menu a:focus, .promo-menu a:hover {
        background-color: #f4f5f6
    }
}

.promo-menu a.is-active::after, .promo-menu a:focus::after, .promo-menu a:hover::after {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

@media screen and (max-width: 767px) {
    .promo-menu li.active > a, .promo-menu li.current > a {
        background-color: #f4f5f6
    }
}

.promo-menu li.active > a::after, .promo-menu li.current > a::after {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.breadcrumbs {
    width: 100%;
    font-size: 14px;
    margin-left: 40px;
    margin-bottom: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    white-space: nowrap;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

@media screen and (max-width: 767px) {
    .breadcrumbs {
        position: absolute;
        top: 0;
        left: 0;
        text-shadow: initial;
        background-color: #fff;
        color: #9cabb6;
        text-transform: initial;
        max-width: 100%;
        padding: 20px;
        margin-left: 0;
        margin-bottom: 0;
        -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1)
    }
}

.breadcrumbs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
}

.breadcrumbs li {
    padding-left: 0;
    margin-bottom: 0
}

.breadcrumbs li:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.breadcrumbs li:last-child a::after {
    content: ''
}

.breadcrumbs li:last-child a span {
    text-decoration: none
}

.breadcrumbs li:last-child a span::after {
    content: ''
}

.breadcrumbs a {
    text-decoration: none
}

.breadcrumbs a::after {
    content: '/';
    margin: 0 5px
}

.breadcrumbs a span {
    text-decoration: underline
}

.main-title__wrapper .breadcrumbs {
    color: #9cabb6;
    margin-left: 0;
    text-shadow: none
}

#header_calc{
    background:#ebf5f5;
    padding: 2.5rem 4rem;
    
}

@media screen and (max-width: 767px) {
    .main-title__wrapper .breadcrumbs {
        top: -80px;
        left: -8px;
        right: -8px;
        max-width: initial;
        width: auto
    }

    #header_calc{
        background:#ebf5f5;
        padding: 1rem 1rem;
        text-align:justify;
    }
}

@media screen and (max-width: 767px) {
    .main-title__wrapper .breadcrumbs ul {
        margin-left: 0;
        padding-right: 0
    }
}

.main-title__wrapper {
    position: relative;
    background-color: #fff;
    color: #737373;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    /*border-radius: 1rem;*/
    border-radius: 1rem 1rem 0 0;
    width: 97%;
    max-width: 1120px;
    /* padding: 2.5rem 4rem; */
    margin: 2.5rem auto 0;
    overflow: hidden;
    z-index: 1
}

/* Código antigo:
.main-title__wrapper { overflow: hidden; z-index: 1; }
ALTERADO (XAMPP local): o balão do tipo de financiamento era cortado pelo cartão e, a seguir, pelo footer (z-index 1). */
.tool-calculator__wrapper.main-title__wrapper {
    overflow: visible;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .main-title__wrapper {
        margin: 5rem auto 0;
        /* padding: .75rem; */
        -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        overflow: initial
    }
}

.main-title__wrapper--overlap {
    padding: 40px;
    margin: -100px auto 40px
}

@media screen and (max-width: 767px) {
    .main-title__wrapper--overlap {
        padding: 20px
    }
}

.main-title__wrapper--wide {
    max-width: 1164px
}

.main-title__wrapper--no-h-padding {
    padding: 40px 0
}

@media screen and (max-width: 767px) {
    .main-title__wrapper.tool-calculator__wrapper {
        margin: 20px auto 0
    }
}

.main-title__wrapper .absolute-ribbon {
    position: absolute;
    bottom: -45px;
    right: -65px;
    width: 200px;
    height: 120px;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-title__wrapper .absolute-ribbon__wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 200px;
    height: 120px;
    overflow: hidden
}

.main-title__text-desc {
    font-size: 22px;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .main-title__text-desc {
        font-size: 18px
    }
}

.main-title-fc__wrapper {
    position: relative;
    background-color: #fff;
    color: #5b6770;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    /*border-radius: 1rem;*/
    border-radius: 0 0 1rem 1rem;
    width: 97%;
    max-width: 1120px;
    padding: 2.5rem 4rem;
    margin: 2.5rem auto 0;
    z-index: 1
}

.main-title-fc__wrapper_novo {
    position: relative;
    /*background-color: #fff;*/
    color: #5b6770;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    width: 97%;
    max-width: 1164px;
    z-index: 1
}

.main-title-fc__wrapper_ {
    position: relative;
    background-color: #fff;
    color: #737373;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    /*border-radius: 1rem;*/
    /*border-radius: 0 0 1rem 1rem;*/
    width: 97%;
    max-width: 1120px;
    padding: 2.5rem 4rem;
    margin: 0 auto 0;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .main-title-fc__wrapper {
        margin: 5rem auto 0;
        padding: .75rem;
        -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        overflow: initial
    }
}

.main-title-fc__wrapper--wide {
    max-width: 1164px
}

@media screen and (max-width: 767px) {
    .main-title-fc__wrapper.tool-calculator__wrapper {
        margin: 20px auto 0
    }
}

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

h3.main-body__text {
    line-height: 1.2
}

ul.main-body__text {
    padding-left: 1.5em
}

@media screen and (min-width: 1081px) {
    .main-body__text {
        position: relative;
        width: 97%;
        max-width: 500px;
        padding: 0 100px;
        margin: 25px 0 0 145px;
        line-height: 1.7
    }
}

@media screen and (max-width: 1080px) {
    .main-body__text {
        position: relative;
        width: 97%;
        max-width: 500px;
        padding: 0 120px; 
        margin: 25px 0 0 -50px !important;
        line-height: 1.7
    }
}

@media screen and (max-width: 767px) {
    .main-body__text {
        width: 95%;
        /* margin: auto 75px; */
        margin: 25px 0 0 -50px !important;
         padding: 0 70px; 
        line-height: 1.5
    }
}

.main-body__text20 {
    position: relative;
    width: 97%;
    max-width: 1024px;
    padding: 0 70px;
    margin: 0 auto 20px;
    line-height: 1.7
}

@media screen and (max-width: 767px) {
    .main-body__text20 {
        width: 95%;
        margin: 20px auto;
        padding: 0 10px;
        line-height: 1.5
    }
}

.main-body__text--closer {
    margin-top: -30px
}

@media screen and (max-width: 767px) {
    .main-body__text--closer {
        margin-top: -10px
    }
}

.main-body__text--overlap {
    margin-top: -160px;
    padding-top: 40px;
    background-color: #f8f8f9
}

@media screen and (max-width: 1023px) {
    .main-body__text--overlap {
        margin-top: 20px;
        padding-top: 0
    }
}

.main-body__text--overlap--right::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    left: -60px;
    background-color: inherit
}

@media screen and (max-width: 767px) {
    .main-body__text--overlap--right::before {
        display: none
    }
}

.main-body__text--overlap--right::after {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    bottom: 0;
    left: 100%;
    background-color: inherit
}

@media screen and (max-width: 767px) {
    .main-body__text--overlap--right::after {
        display: none
    }
}

.main-body__text--overlap--left::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    left: -100%;
    background-color: inherit
}

@media screen and (max-width: 767px) {
    .main-body__text--overlap--left::before {
        display: none
    }
}

.main-body__text--overlap--left::after {
    content: '';
    position: absolute;
    top: 0;
    right: -60px;
    bottom: 0;
    left: 100%;
    background-color: inherit
}

@media screen and (max-width: 767px) {
    .main-body__text--overlap--left::after {
        display: none
    }
}

.main-body__text--almost-full {
    max-width: 980px
}

.main-body__text--pdf-list {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 35px
}

@media screen and (max-width: 767px) {
    .main-body__text--pdf-list {
        padding: 0 10px
    }
}

.main-body__img-wrapper {
    width: 97%;
    max-width: 1240px;
    margin: 40px auto;
    position: relative
}

@media screen and (max-width: 767px) {
    .main-body__img-wrapper {
        width: 100%
    }
}

.main-body__img-background {
    background-attachment: initial;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 50%
}

@media screen and (max-width: 767px) {
    .main-body__img-background {
        padding-bottom: 70%
    }
}

.main-body__quote {
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #fff;
    font-size: 24px
}

.main-body__quote__blue {
    background-color: #308276
}

.main-body__quote__blue-1 {
    background-color: #170a5b
}

.main-body__quote__img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 100px;
    opacity: .1
}

.main-body__quote__text {
    position: relative;
    width: 97%;
    max-width: 1024px;
    padding: 0 70px;
    margin: 70px auto;
    font-size: 24px;
    line-height: 1.7;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .main-body__quote__text {
        text-align: center;
        font-size: 20px;
        padding: 0 20px;
        margin: 20px auto
    }
}

@media screen and (min-width: 768px) {
    .main-body__quote__text:nth-child(n+3) {
        margin-top: -50px
    }
}

.main-body__quote__text::before {
    line-height: 0;
    font-size: 220px;
    z-index: -1;
    opacity: .8;
    position: absolute;
    left: -40px;
    top: 70px;
    color: #308276
}

.main-body__quote__text--right::after {
    content: '';
    position: absolute;
    top: -70px;
    right: 100%;
    bottom: -70px;
    left: -100%;
    background-color: #f8f8f9
}

@media screen and (max-width: 767px) {
    .main-body__quote__text--right::after {
        display: none
    }
}

.main-body__quote__text--left::after {
    content: '';
    position: absolute;
    top: -70px;
    right: -100%;
    bottom: -70px;
    left: 100%;
    background-color: #f8f8f9
}

@media screen and (max-width: 767px) {
    .main-body__quote__text--left::after {
        display: none
    }
}

.main-body__quote__text--white::after {
    background-color: #fff
}

.main-body__quote__text--submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    list-style: none;
    padding: 0
}

@media screen and (max-width: 767px) {
    .main-body__quote__text--submenu {
        text-align: left
    }
}

.main-body__quote__text--submenu li {
    width: 50%;
    margin-bottom: 0;
    padding-bottom: 10px;
    line-height: 1.3
}

@media screen and (max-width: 767px) {
    .main-body__quote__text--submenu li {
        width: 100%
    }
}

.main-body__quote__text--submenu li:nth-child(odd) {
    padding-left: 0;
    padding-right: 20px;
    border-right: 1px solid #fff
}

@media screen and (max-width: 767px) {
    .main-body__quote__text--submenu li:nth-child(odd) {
        padding-right: 0;
        border-right: none
    }
}

.main-body__quote__text--submenu li:nth-child(even) {
    padding-left: 20px
}

@media screen and (max-width: 767px) {
    .main-body__quote__text--submenu li:nth-child(even) {
        padding-left: 0
    }
}

@media screen and (max-width: 767px) {
    .main-body__quote__text--submenu li:last-child {
        padding-bottom: 25px;
        border-bottom: 1px solid #fff
    }
}

.main-body__quote__text--submenu a {
    font-size: 16px;
    font-weight: 400;
    display: inline-block
}

.main-body__quote__text--small {
    font-size: 14px
}

.main-body__subtitle {
    position: relative;
    width: 97%;
    max-width: 1024px;
    padding: 0 70px;
    margin: 40px auto;
    line-height: 1.7
}

@media screen and (max-width: 767px) {
    .main-body__subtitle {
        margin: 20px auto;
        padding: 0 20px;
        width: 90%;
        line-height: 1.5
    }
}

.main-body__subtitle--icon-left {
    margin: 20px auto;
    padding-left: 120px
}

@media screen and (max-width: 767px) {
    .main-body__subtitle--icon-left {
        padding-left: 35px
    }
}

.main-body__subtitle--icon-left::before {
    content: url(../fonts/baffo.svg);
    position: absolute;
    top: 5px;
    left: 70px;
    width: 30px;
    height: 30px
}

@media screen and (max-width: 767px) {
    .main-body__subtitle--icon-left::before {
        top: 3px;
        left: 0;
        width: 20px;
        height: 20px
    }
}

.main-body__full-title {
    position: relative;
    max-width: 1120px;
    padding: 10px 70px;
    margin: auto;
    line-height: 1.7;
    color: #fff;
    font-size: 24px;
    background-color: #308276
}

@media screen and (max-width: 767px) {
    .main-body__full-title {
        padding: 10px;
        font-size: 18px
    }
}

.main-body__video-wrapper {
    width: 97%;
    max-width: 1120px;
    margin: 40px auto;
    position: relative
}

@media screen and (max-width: 767px) {
    .main-body__video-wrapper {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    ul.main-body__quote__text {
        text-align: left
    }
}

.ratings-format {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400
}

.ratings-format__wrapper {
    margin-top: -30px
}

@media screen and (max-width: 767px) {
    .ratings-format__wrapper {
        margin-top: -15px
    }
}

.ratings-format:first-child {
    margin-left: 0
}

@media screen and (max-width: 767px) {
    .ratings-format {
        font-size: 14px
    }
}

.center-layout {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 1024px;
    margin: 40px auto
}

.center-layout--simple {
    margin-top: inherit;
    margin-bottom: inherit
}

@media screen and (max-width: 767px) {
    .center-layout {
        margin: 20px auto;
        padding: 0 10px
    }
}

.iframe__wrapper {
    position: relative;
    padding-bottom: 80%;
    padding-top: 30px;
    height: 0;
    width: 100%;
    overflow: hidden
}

@media screen and (max-width: 1023px) {
    .iframe__wrapper {
        padding-bottom: 120%
    }
}

@media screen and (max-width: 767px) {
    .iframe__wrapper {
        padding-bottom: 170%
    }
}

.iframe__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.youtube__wrapper {
    position: relative;
    padding-bottom: 53.8%;
    padding-top: 25px;
    margin-bottom: 20px;
    height: 0
}

.youtube__wrapper .youtube__responsive {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.links__wrapper .main-body__text img {
    padding: 40px
}

.l-half-image__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media screen and (max-width: 767px) {
    .l-half-image__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.l-half-image__half {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    min-height: 45vh
}

@media screen and (max-width: 767px) {
    .l-half-image__half {
        width: 100%
    }
}

.l-half-image__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 0
}

.l-half-image__text {
    padding: 20px;
    width: 100%
}

.l-half-image__absolute-cta {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%
}

.play-button {
    opacity: .6;
    width: 100px;
    height: 100px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: transform .2s cubic-bezier(.77, .01, .17, 1), opacity .2s cubic-bezier(.77, .01, .17, 1);
    transition: transform .2s cubic-bezier(.77, .01, .17, 1), opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1)
}

.play-button:hover {
    opacity: .8;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.l-half__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media screen and (max-width: 767px) {
    .l-half__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.l-half__half {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%
}

@media screen and (max-width: 767px) {
    .l-half__half {
        width: 100%
    }
}

.l-half__half--flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.l-half__half--white {
    background-color: #fff;
    color: #5b6770
}

.l-half__half--blue {
    background-color: #308276;
    color: #fff
}

.l-half__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 0
}

.l-half__text {
    position: relative;
    width: 100%;
    padding: 20px 40px
}

@media screen and (max-width: 767px) {
    .l-half__text {
        padding: 10px
    }
}

.l-list-highlight__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media screen and (max-width: 767px) {
    .l-list-highlight__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.l-list-highlight__list {
    position: relative;
    width: 65%;
    padding-right: 20px;
    border-right: 1px solid rgba(91, 103, 112, .5)
}

@media screen and (max-width: 767px) {
    .l-list-highlight__list {
        border-right: none;
        padding-right: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(91, 103, 112, .5);
        width: 100%
    }
}

.l-list-highlight__highlight {
    width: 35%;
    padding-left: 20px
}

@media screen and (max-width: 767px) {
    .l-list-highlight__highlight {
        padding-left: 0;
        width: 100%
    }
}

.l-list-highlight__text {
    padding: 20px;
    width: 100%
}

.l-partners__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media screen and (max-width: 767px) {
    .l-partners__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.l-partners__text {
    position: relative;
    width: 70%;
    padding-left: 20px;
    border-left: 1px solid rgba(91, 103, 112, .5)
}

@media screen and (max-width: 767px) {
    .l-partners__text {
        border-left: none;
        padding-left: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(91, 103, 112, .5);
        width: 100%
    }
}

.l-partners__image {
    width: 30%;
    padding-right: 20px
}

@media screen and (max-width: 767px) {
    .l-partners__image {
        padding-right: 0;
        width: 100%
    }
}

.icon-title__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;
    font-size: 24px
}

@media screen and (max-width: 767px) {
    .icon-title__wrapper {
        font-size: 16px
    }
}

.icon-title__icon {
    margin-right: 10px;
    width: 60px;
    height: 60px
}

@media screen and (max-width: 767px) {
    .icon-title__icon {
        width: 30px;
        height: 30px
    }
}

.icon-title__text {
    margin: 0;
    width: calc(100% - 70px)
}

@media screen and (max-width: 767px) {
    .icon-title__text {
        width: calc(100% - 40px)
    }
}

.icon-select__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0 20px
}

.icon-select__icon {
    margin-right: 10px;
    width: 60px;
    height: 60px
}

@media screen and (max-width: 767px) {
    .icon-select__icon {
        width: 30px;
        height: 30px
    }
}

.icon-select__select {
    margin: 0;
    width: calc(100% - 70px);
    position: relative
}

@media screen and (max-width: 767px) {
    .icon-select__select {
        width: calc(100% - 40px)
    }
}

.icon-select__select label {
    position: absolute;
    top: -25px;
    left: 10px;
    font-size: 14px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .icon-select__select label {
        top: -20px;
        font-size: 12px
    }
}

.simple-input label {
    display: block;
    margin: 10px;
    font-size: 14px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .simple-input label {
        font-size: 12px
    }
}

.simple-input select {
    margin-bottom: 10px
}

.icon-input__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0
}

.icon-input__icon {
    width: 40px;
    height: 40px;
    position: relative
}

@media screen and (max-width: 767px) {
    .icon-input__icon {
        width: 30px;
        height: 30px
    }
}

.icon-input__icon--left {
    margin-right: 10px
}

.icon-input__icon--right {
    margin-left: 10px
}

.icon-input__input {
    margin: 0;
    padding: 10px;
    background-color: rgba(88, 133, 241, .25);
    border: none;
    width: calc(100% - 50px);
    position: relative
}

@media screen and (max-width: 767px) {
    .icon-input__input {
        width: calc(100% - 40px)
    }
}

.icon-input__input label {
    position: absolute;
    top: -25px;
    left: 10px;
    color: #000;
    opacity: .5;
    font-size: 14px;
    text-transform: uppercase
}

.icon-input__submit {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: 0 0;
    border: none
}

.highlight-price__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    line-height: 1
}

.highlight-price__price {
    margin: 0 10px 0 0;
    font-size: 50px;
    color: #308276
}

@media screen and (max-width: 767px) {
    .highlight-price__price {
        font-size: 15vw
    }
}

.highlight-price__price--big {
    font-size: 80px
}

@media screen and (max-width: 767px) {
    .highlight-price__price--big {
        font-size: 20vw
    }
}

.highlight-price__title {
    margin: 0;
    font-size: 30px;
    color: #e4002c
}

@media screen and (max-width: 767px) {
    .highlight-price__title {
        font-size: 8vw
    }
}

.highlight-price__label {
    color: rgba(91, 103, 112, .5);
    margin: 0
}

@media screen and (max-width: 767px) {
    .highlight-price__label {
        font-size: 14px
    }
}

.l-flex-space {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.l-flex-space--start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.l-flex-space--stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.l-flex-space--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 1023px) {
    .l-flex-space--d-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 767px) {
    .l-flex-space--m-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.l-flex-space--margin > * {
    margin: 0 2%
}

@media screen and (min-width: 768px) {
    .l-flex-space--force-104 {
        width: 104%;
        margin-left: -2%
    }
}

.l-flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex__expand {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.l-width--100 {
    width: 100%
}

.l-width--100--mb20 {
    margin-bottom: 20px
}

.l-width--60 {
    width: 60%
}

@media screen and (max-width: 767px) {
    .l-width--60 {
        width: 100%
    }
}

.l-width--50 {
    width: 50%
}

@media screen and (max-width: 767px) {
    .l-width--50 {
        width: 100%
    }
}

.l-width--46 {
    width: 46%
}

@media screen and (max-width: 767px) {
    .l-width--46 {
        width: 100%
    }
}

.l-width--40 {
    width: 40%
}

@media screen and (max-width: 767px) {
    .l-width--40 {
        width: 100%
    }
}

.l-width--33 {
    width: 33%
}

@media screen and (max-width: 767px) {
    .l-width--33 {
        width: 100%
    }
}

.l-width--29 {
    width: 29%
}

@media screen and (max-width: 767px) {
    .l-width--29 {
        width: 100%
    }
}

.l-width--29--top30 {
    margin-top: 30px
}

.l-width--29-46 {
    width: 29%
}

@media screen and (max-width: 767px) {
    .l-width--29-46 {
        width: 46%
    }
}

@media screen and (max-width: 639px) {
    .l-width--29-46 {
        width: 100%
    }
}

.l-width--20 {
    width: 20%
}

@media screen and (max-width: 1023px) {
    .l-width--20 {
        width: 33%
    }
}

@media screen and (max-width: 767px) {
    .l-width--20 {
        width: 50%
    }
}

.l-width--10 {
    width: 10%
}

.huge-border-list__wrapper--3 {
    width: 33.33%
}

@media screen and (max-width: 767px) {
    .huge-border-list__wrapper--3 {
        width: 100%
    }
}

.huge-border-list__wrapper--4 {
    width: 25%
}

@media screen and (max-width: 767px) {
    .huge-border-list__wrapper--4 {
        width: 100%
    }
}

.huge-border-list__wrapper .number {
    width: 9.5em;
    height: 9.5em;
    margin-left: 1rem
}

.huge-border-list__wrapper .number__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.huge-border-list__wrapper .subtitle {
    width: 80%;
    line-height: 1.2;
    margin-left: 1rem;
    margin-top: 0
}

.scroll-anchor-menu__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-shadow: 0 .5rem 2.5rem .25rem rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 2.5rem .25rem rgba(0, 0, 0, .1)
}

.scroll-anchor-menu__wrapper.fixed {
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.scroll-anchor-menu__wrapper a {
    text-decoration: none;
    position: relative;
    width: 100%;
    text-align: center;
    padding: .5em;
    font-size: 1.125rem;
    border-right: 1px solid #5b6770
}

.scroll-anchor-menu__wrapper a:last-child {
    border-right: none
}

.scroll-anchor-menu__wrapper a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .25rem;
    background-color: #308276;
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out
}

.scroll-anchor-menu__wrapper a.is-active::before {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.search__input {
    border: 0;
    background: 0 0;
    border-radius: 0;
    -webkit-appearance: none
}

.search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.search::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 10, 91, .9);
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.search-wrap {
    padding: 20px;
    display: inline
}

@media screen and (max-width: 1023px) {
    .search-wrap {
        position: absolute;
        top: -6px;
        right: 50px
    }
}

.search__form {
    position: relative;
    padding: 20px
}

.search__form-inner {
    position: relative;
    z-index: 1;
    max-width: 60%;
    margin: auto;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s
}

@media screen and (max-width: 1023px) {
    .search__form-inner {
        max-width: 90%
    }
}

.search__input[type=search] {
    font-family: inherit;
    max-width: 100%;
    font-size: 6vw;
    line-height: 1;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 10px 100px;
    text-align: left;
    color: #fff;
    border: none;
    background: 0 0;
    border: 2px solid #fff;
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

@media screen and (max-width: 1023px) {
    .search__input[type=search] {
        width: 100%;
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .search__input[type=search] {
        padding: 10px 10px 10px 60px
    }
}

.search__input[type=search]::-webkit-input-placeholder {
    color: #308276
}

.search__input[type=search]::-moz-placeholder {
    opacity: 1;
    color: #308276
}

.search__input[type=search]:-ms-input-placeholder {
    color: #308276
}

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

.search__input[type=search]::-ms-clear {
    display: none
}

.search__input-submit[type=submit] {
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background: url(../fonts/search.svg) no-repeat 50% transparent;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

@media screen and (max-width: 767px) {
    .search__input-submit[type=submit] {
        width: 25px;
        height: 25px;
        left: 20px
    }
}

.search__info {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 0;
    color: #fff;
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s
}

.search__related {
    width: 25%;
    pointer-events: none
}

@media screen and (max-width: 1023px) {
    .search__related {
        font-size: 85%;
        width: 100%;
        padding: 0 1em
    }
}

.search__suggestion {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s
}

.search__suggestion h3 {
    font-size: 1.35em;
    margin: 0
}

.search__suggestion p {
    font-size: 1.15em;
    line-height: 1.4;
    margin: .75em 0 0 0
}

.search__internal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    position: relative;
    max-width: 1300px;
    margin: 40px auto
}

@media screen and (max-width: 767px) {
    .search__internal {
        margin: 20px
    }
}

.search__internal .search__form {
    padding: 20px 0;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .search__internal .search__form {
        margin-bottom: 0
    }
}

.search__internal .search__form-inner {
    max-width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.search__internal .search__input[type=search] {
    color: #5b6770;
    font-size: 38px;
    border: 1px solid #9cabb6;
    opacity: 1
}

.search__internal .search__input-submit[type=submit] {
    background: url(../fonts/search-gradient.svg) no-repeat 50% transparent;
    opacity: 1
}

.search__internal .mask-divider {
    overflow: hidden;
    height: 20px;
    width: 100%
}

.search__internal .mask-divider::after {
    content: '';
    display: block;
    margin: -25px auto 0;
    width: 100%;
    height: 25px;
    border-radius: 125px/12px;
    -webkit-box-shadow: 0 0 8px #9cabb6;
    box-shadow: 0 0 8px #9cabb6
}

.search--open {
    pointer-events: auto;
    z-index: 1000
}

.search--open::before {
    opacity: 1
}

.search--open .btn--search-close {
    opacity: 1
}

.search--open .search__info, .search--open .search__suggestion {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.search--open .search__form-inner {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.search--open .search__input, .search--open .search__input-submit {
    opacity: 1;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.btn {
    cursor: pointer
}

.btn--hidden {
    pointer-events: none;
    opacity: 0
}

.btn--search {
    padding: 0
}

.btn--search svg {
    width: 20px;
    height: 20px
}

.btn--search-close {
    display: block;
    position: absolute;
    top: 50px;
    right: 10px;
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.term-list {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    list-style: none inside;
    width: 100%;
    margin: 0 auto 20px;
    padding: 5px 10px 0;
    text-align: left;
    color: #fff;
    background-color: #170a5b;
    font-size: 18px
}

.term-list.hidden {
    display: none
}

.term-list li {
    padding: 10px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 45px;
    line-height: 1.7;
    -webkit-line-clamp: 1;
    color: #9cabb6
}

@media screen and (max-width: 767px) {
    .term-list li {
        padding: 10px 0
    }
}

.term-list li strong {
    color: #fff
}

.search-results__wrapper {
    min-height: 500px
}

.search-results__wrapper .main-body__text::after {
    content: '';
    position: absolute;
    left: -60px;
    right: -60px;
    bottom: -20px;
    display: block;
    height: 1px;
    background-color: rgba(27, 9, 25, .1)
}

@media screen and (max-width: 767px) {
    .search-results__wrapper .main-body__text::after {
        left: -10px;
        right: -10px
    }
}

.search-results__number span {
    font-weight: 700;
    color: #e4002c;
    background: -webkit-gradient(linear, left top, right top, from(#f23d92), to(#e4002c));
    background: linear-gradient(left, #f23d92, #e4002c);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.search-results__title {
    margin-bottom: 20px;
    font-weight: 400
}

.search-results__text {
    display: block;
    color: #9cabb6
}

.search-results__link {
    display: inline-block;
    font-weight: 700;
    color: #e4002c;
    background: -webkit-gradient(linear, left top, right top, from(#f23d92), to(#e4002c));
    background: linear-gradient(left, #f23d92, #e4002c);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.search-results__result {
    padding-top: 1px
}

select.tools {
    background-color: #3857c1
}

select.tools option {
    background-color: #fff
}

select.tools:disabled {
    color: #fff;
    background: url("") no-repeat 97% center #3857c1
}

.tools[disabled]::-ms-value {
    color: #fff !important
}

input[type=number].tools, input[type=text].tools {
    background-color: #3857c1
}

div.cs-select ul {
    padding-left: 0;
    list-style: none;
    margin: 0
}

div.cs-select ul li {
    padding: 0;
    margin: 0
}

div.cs-select {
    position: relative;
    text-align: left;
    z-index: 1;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.cs-select:focus {
    outline: 0
}

div.cs-select select {
    display: none
}

div.cs-select span {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 10px
}

div.cs-select > span {
    padding-right: 35px
}

div.cs-select > span::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #170a5b transparent transparent transparent;
    top: calc(50% + 5px);
    right: 10px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

div.cs-select .cs-selected span::after {
    top: calc(50% - 10px);
    border-color: transparent transparent #170a5b transparent
}

div.cs-active {
    z-index: 200
}

div.cs-active > span::after {
    top: calc(50% - 5px);
    border-color: transparent transparent #170a5b transparent
}

div .cs-options {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0
}

div.cs-skin-simple ul span {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

div.cs-skin-simple .cs-selected span {
    background-color: rgba(27, 9, 25, .1)
}

div.cs-skin-simple .cs-options {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    -webkit-transform: translateY(-20px) scaleY(.9);
    transform: translateY(-20px) scaleY(.9);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: transform .2s cubic-bezier(.77, .01, .17, 1), opacity .2s cubic-bezier(.77, .01, .17, 1);
    transition: transform .2s cubic-bezier(.77, .01, .17, 1), opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1)
}

div.cs-skin-simple .cs-options li {
    display: inline-block;
    width: 100%;
    position: relative
}

div.cs-skin-simple .cs-options li span {
    -webkit-transition: background-color .2s cubic-bezier(.77, .01, .17, 1), color .2s cubic-bezier(.77, .01, .17, 1);
    transition: background-color .2s cubic-bezier(.77, .01, .17, 1), color .2s cubic-bezier(.77, .01, .17, 1)
}

div.cs-skin-simple .cs-options li span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 1px;
    background-color: rgba(27, 9, 25, .1)
}

div.cs-skin-simple .cs-options li span:hover {
    background-color: rgba(27, 9, 25, .1)
}

div.cs-skin-simple .cs-options li:last-child span::after {
    display: none
}

div.cs-skin-simple.cs-active .cs-options {
    -webkit-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
    opacity: 1;
    pointer-events: auto;
    z-index: 5
}

div.cs-skin-simple li.cs-focus span {
    background-color: rgba(27, 9, 25, .1)
}

div.cs-skin-simple:focus > span {
    -webkit-box-shadow: 0 0 2px 1px rgba(27, 9, 25, .1);
    box-shadow: 0 0 2px 1px rgba(27, 9, 25, .1)
}

div.cs-skin-simple--menu {
    background-color: transparent;
    min-width: 190px
}

div.cs-skin-simple--menu .cs-options {
    background-color: #308276
}

div.cs-skin-simple--filter > span {
    color: #e4002c;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    line-height: 7px;
    font-size: 25px;
    -webkit-line-clamp: 1
}

div.cs-skin-simple--filter > span::after {
    border: 7px solid transparent;
    border-color: #e4002c transparent transparent transparent
}

div.cs-skin-simple--filter .cs-selected span::after {
    border-color: transparent transparent #e4002c transparent
}

div.cs-skin-simple--filter.cs-active > span::after {
    border-color: transparent transparent #e4002c transparent
}

div.cs-skin-simple--filter .cs-options {
    background-color: #f8f8f9;
    top: 100%;
    right: -20px;
    left: -20px;
    font-size: 25px
}

div.cs-skin-simple--filter .cs-options li span {
    padding-left: 30px;
    padding-right: 30px
}

div.cs-skin-simple--filter .cs-options li span::after {
    display: none
}

div.cs-skin-simple--filter .cs-options li span:hover {
    color: #e4002c;
    background-color: rgba(27, 9, 25, .05)
}

.select-options__filter {
    position: absolute;
    top: 60px;
    right: -20px;
    left: -20px;
    z-index: 999;
    margin: 0;
    padding: 0;
    font-size: 30px;
    list-style: none;
    background-color: #f8f8f9;
    -webkit-box-shadow: 0 8px 0 0 rgba(104, 130, 189, .1);
    box-shadow: 0 8px 0 0 rgba(104, 130, 189, .1);
    -webkit-transform: translateY(-20px) scaleY(.9);
    transform: translateY(-20px) scaleY(.9);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: transform .2s cubic-bezier(.77, .01, .17, 1), opacity .2s cubic-bezier(.77, .01, .17, 1);
    transition: transform .2s cubic-bezier(.77, .01, .17, 1), opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1)
}

.select-options__filter::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-box-shadow: 0 0 10px 0 rgba(104, 130, 189, .1);
    box-shadow: 0 0 10px 0 rgba(104, 130, 189, .1)
}

.select-options__filter.is-open {
    -webkit-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
    opacity: 1;
    pointer-events: auto
}

.select-options__filter li {
    margin: 0;
    padding: 12px 10px;
    width: 100%;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}

.select-options__filter li:hover {
    color: #e4002c;
    background-color: rgba(27, 9, 25, .05)
}

.select-options__filter li[rel=hide] {
    display: none !important
}

select.cs-skin-simple--filter {
    background: url(../fonts/select-trinagle-red.svg) no-repeat 95% rgba(255, 255, 255, 0)
}

.select-market {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 20px;
    text-align: left
}

.select-market--min-width {
    width: 8.75rem
}

.select-market--min-width .select-options {
    width: 14.5rem
}

.select-market .select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.select-market .select-styled::after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #170a5b transparent transparent transparent;
    position: absolute;
    top: 6px;
    right: 0
}

.select-market .select-styled.active::after, .select-market .select-styled:active::after {
    top: -1px;
    border-color: transparent transparent #170a5b transparent
}

.select-market .select-options {
    display: block;
    text-align: left;
    position: absolute;
    top: 29px;
    right: -10px;
    left: -10px;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #308276;
    max-height: calc(100vh - 3rem);
    overflow: auto;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    -webkit-transform: translateY(-20px) scaleY(.9);
    transform: translateY(-20px) scaleY(.9);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease
}

.select-market .select-options.is-open {
    -webkit-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
    opacity: 1;
    pointer-events: auto
}

.select-market .select-options li {
    margin: 0;
    padding: 8px 10px;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .2s ease, background-color .2s ease;
    transition: color .2s ease, background-color .2s ease
}

.select-market .select-options li::after {
    content: "";
    position: absolute;
    right: 10px;
    left: 10px;
    bottom: 0;
    height: 1px;
    background-color: rgba(27, 9, 25, .1)
}

.select-market .select-options li:hover {
    background-color: rgba(27, 9, 25, .1)
}

.select-market .select-options li[rel=hide] {
    display: none !important
}

.select-market .select-flag {
    width: 1rem;
    margin-right: .5rem
}

.select-market .select-option-label {
    width: calc(100% - 1.5rem)
}

#footer {
    /* display: block;
     position: relative;
     background-color: #ececec;
     color: #5b6770;
     font-family: Lato-regular, sans-serif;
     width: 100%;
     bottom: 0;*/
    display: block;
    /*position: absolute;*/
    background-color: #308276;
    color: #FFF;
    font-family: 'Lato', sans-serif;
    bottom: 0;
    margin: 0;
    max-width: 100vw;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
}

#footer .accordion__wrapper {
    margin-right: 15.4vw;
}

#footer .footer-copyright {
    margin-top: 1rem;
}


#footer .footer-logo-ca-autobank img, .footer-logo-ca-autobank svg {
    width: 6.5rem;
    height: auto;
}

#footer .footer-logo-copy {
    text-align: right;
}

@media screen and (max-width: 1080px) {
    #footer .title {
        margin-bottom: 10px;
        margin-top: 10px;
        padding-left: 0;
        font-size: .675rem;
        text-transform: uppercase;
        color: #FFF;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
    }
}

@media screen and (max-width: 767px) {
    #footer .accordion__wrapper {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem
    }
}

@media screen and (min-width: 1024px){
    #footer .footer-logo-ca-autobank {
    margin-top: 6.25rem;
    }
}

@media screen and (min-width: 768px){
    .d-md-block {
    display: block !important;
    }
}


#footer .accordion-text ul {
    display: block
}

#footer .accordion-text li {
    display: block;
    padding-left: 0;
    margin: .8rem 0
}

#footer .accordion-text li.active a, #footer .accordion-text li.current a {
    color: #e4002c
}

#footer .accordion-text a {
    position: relative;
    text-decoration: none;
    -webkit-transition: color .2s ease-in;
    transition: color .2s ease-in
}

#footer .accordion-text a:hover {
    /* color: #E00034 !important;*/
    text-decoration: underline;
}


@media screen and (min-width: 1081px) {
    #footer .title {
        margin-bottom: 10px;
        margin-top: 10px;
        padding-left: 0;
        font-size: .675rem;
        text-transform: uppercase;
        color: #FFF;
        font-family: 'Lato', sans-serif
    }
}



#footer .newsletter__wrapper {
    padding: 1rem .75rem 1rem 2rem;
    border-left: 1px solid rgba(27, 9, 25, .1)
}

@media screen and (max-width: 767px) {
    #footer .newsletter__wrapper {
        width: 100%;
        padding: 1rem 0;
        border-left: none
    }
}

#footer .newsletter__wrapper .title {
    color: rgba(91, 103, 112, .5)
}

#footer .social__wrapper {
    
    padding:0;
     /* padding: 1rem 0 1rem .75rem */
}

@media screen and (max-width: 767px) {
    #footer .social__wrapper {
        width: 100%;
        padding: 1rem 0
    }
}

#footer .social__wrapper h4 {
    font-size: .875rem;
    color: #FFF
}

#footer .social__wrapper svg {
    width: 2.25rem;
    height: 2.25rem
}

#footer svg {
    width: 2.25rem;
    height: 2.25rem
}

.sitemap {
    padding-top: 3.5rem;
    padding-bottom: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1440px;
    margin: 0 auto
}


@media screen and (max-width: 1080px) {
    .sitemap {
        margin: 0 auto auto 25px;
    }
}

@media screen and (max-width: 767px) {
    .sitemap {
        display: block;
        padding: 1rem
    }
}

.footer-icons__wrapper {
    border-top: 1px solid rgba(27, 9, 25, .1);
    font-size: .875rem;
    padding: 1rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .footer-icons__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer-icons__loghi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.footer__icon {
    padding-left: .5rem
}

.footer__icon img {
    display: block
}

@media screen and (max-width: 1080px) {
    .accordion__wrapper {
        margin-right: 5vw !important;
        width: 180px;
    }

    .accordion__wrapper .accordion-text {
        color: #FFF;
        font-size: .675rem;
        position: relative;
        overflow: hidden;
        z-index: 2;
        opacity: 1;
        max-height: 10000px;
        pointer-events: auto;
        -webkit-transition: opacity .2s ease, max-height .2s ease;
        transition: opacity .2s ease, max-height .2s ease
    }
}


@media screen and (max-width: 767px) {
    .accordion__wrapper h1, .accordion__wrapper h2, .accordion__wrapper h3, .accordion__wrapper h4, .accordion__wrapper h5, .accordion__wrapper h6 {
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-bottom: 10px;
        margin-top: 10px;
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        padding: 0 2rem 0 0
    }

    .accordion__wrapper h5 {
        font-size: 1em
    }
}

.accordion__wrapper .accordion__container {
    position: relative;
    padding: 0;
    margin: 0
}

.accordion__wrapper .accordion__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 767px) {
    .accordion__wrapper .accordion__bg {
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
}

.accordion__wrapper i {
    position: absolute;
    top: 7px;
    right: 0;
    position: absolute;
    background-image: url(../fonts/accordion-arrow.svg);
    width: 1rem;
    height: 1rem;
    -webkit-transform: scale(-1);
    transform: scale(-1);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

@media screen and (min-width: 768px) {
    .accordion__wrapper i {
        display: none
    }
}

.accordion__wrapper .title-icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem
}

.accordion__wrapper .title i {
    top: calc(50% - .5rem)
}

.accordion__wrapper input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0
}

@media screen and (min-width: 768px) {
    .accordion__wrapper input[type=checkbox] {
        display: none
    }
}

.accordion__wrapper input[type=checkbox]:checked ~ .accordion-text {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .4s ease, max-height .2s ease;
    transition: opacity .4s ease, max-height .2s ease
}

@media screen and (min-width: 768px) {
    .accordion__wrapper input[type=checkbox]:checked ~ .accordion-text {
        max-height: 10000px;
        opacity: 1;
        pointer-events: auto
    }
}

.accordion__wrapper input[type=checkbox]:checked ~ .title i, .accordion__wrapper input[type=checkbox]:checked ~ h3 i, .accordion__wrapper input[type=checkbox]:checked ~ h5 i, .accordion__wrapper input[type=checkbox]:checked ~ i {
    -webkit-transform: scale(1);
    transform: scale(1)
}

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

@media screen and (min-width: 1081px) {
.accordion__wrapper .accordion-text {
    color: #FFF;
    font-size: .675rem;
    position: relative;
    overflow: hidden;
    z-index: 2;
    opacity: 1;
    max-height: 10000px;
    pointer-events: auto;
    -webkit-transition: opacity .2s ease, max-height .2s ease;
    transition: opacity .2s ease, max-height .2s ease
}
}

.accordion__wrapper .accordion-text--inner {
    padding: 20px 10px
}

@media screen and (max-width: 767px) {
    .accordion__wrapper .accordion-text--inner {
        padding: 10px
    }
}

@media screen and (min-width: 768px) {
    .accordion__wrapper .accordion__container--desktop h1, .accordion__wrapper .accordion__container--desktop h2, .accordion__wrapper .accordion__container--desktop h3, .accordion__wrapper .accordion__container--desktop h4, .accordion__wrapper .accordion__container--desktop h5, .accordion__wrapper .accordion__container--desktop h6 {
        position: relative;
        margin: 0;
        padding: .75rem 2rem .75rem 0;
        font-weight: 400;
        background-color: #fff;
        -webkit-transition: background-color .3s ease;
        transition: background-color .3s ease
    }

    .accordion__wrapper .accordion__container--desktop h1::before, .accordion__wrapper .accordion__container--desktop h2::before, .accordion__wrapper .accordion__container--desktop h3::before, .accordion__wrapper .accordion__container--desktop h4::before, .accordion__wrapper .accordion__container--desktop h5::before, .accordion__wrapper .accordion__container--desktop h6::before {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: -1px;
        background-color: #5b6770;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }

    .accordion__wrapper .accordion__container--desktop i {
        display: block
    }

    .accordion__wrapper .accordion__container--desktop input[type=checkbox] {
        display: block
    }

    .accordion__wrapper .accordion__container--desktop input[type=checkbox]:focus + .title::before, .accordion__wrapper .accordion__container--desktop input[type=checkbox]:focus + h4::before, .accordion__wrapper .accordion__container--desktop input[type=checkbox]:focus + h5::before, .accordion__wrapper .accordion__container--desktop input[type=checkbox]:hover + .title::before, .accordion__wrapper .accordion__container--desktop input[type=checkbox]:hover + h4::before, .accordion__wrapper .accordion__container--desktop input[type=checkbox]:hover + h5::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .accordion__wrapper .accordion__container--desktop input[type=checkbox]:checked ~ .accordion-text {
        max-height: 0;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .6s ease, max-height .3s ease;
        transition: opacity .6s ease, max-height .3s ease
    }

    .accordion__wrapper .accordion__container--desktop input[type=checkbox].parent ~ h4 {
        background-color: #fff
    }

    .accordion__wrapper .accordion__container--desktop input[type=checkbox].parent:checked ~ h4 {
        background-color: transparent
    }
}

.accordion__wrapper--faq .accordion__container--desktop h1, .accordion__wrapper--faq .accordion__container--desktop h2, .accordion__wrapper--faq .accordion__container--desktop h3, .accordion__wrapper--faq .accordion__container--desktop h4, .accordion__wrapper--faq .accordion__container--desktop h5, .accordion__wrapper--faq .accordion__container--desktop h6 {
    padding-left: .75rem
}

@media screen and (min-width: 768px) {
    .accordion__wrapper--faq .accordion-text {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff
    }
}

.accordion__wrapper--trasparenza {
    width: 97%;
    max-width: 1120px;
    margin: auto;
    padding: 2.5rem 4rem
}

.accordion__wrapper--trasparenza .accordion__container--desktop {
    border-bottom: 1px solid rgba(27, 9, 25, .05)
}

.accordion__wrapper--trasparenza .accordion__container--desktop .title {
    max-width: 1120px;
    margin: auto;
    color: #5b6770;
    font-weight: 700
}

.accordion__wrapper--trasparenza .accordion__container--desktop .title::before {
    background-color: rgba(27, 9, 25, .05)
}

@media screen and (max-width: 767px) {
    .accordion__wrapper--trasparenza .accordion__container--desktop_padded {
        padding: 15px 0 15px 0
    }
}

.accordion__wrapper--trasparenza .accordion-text--inner {
    padding: 20px 0
}

.accordion__wrapper--trasparenza .accordion-text--inner .white-bg-shadow {
    width: 98%
}

.accordion__wrapper--features .accordion__container .title {
    display: inline-block;
    color: #5b6770;
    font-weight: 700;
    text-decoration: none;
    background-color: transparent;
    font-size: 1.25em
}

.accordion__wrapper--features .accordion__container .title::before {
    content: none
}

.accordion__wrapper--features input[type=checkbox]:checked ~ .title {
    text-decoration: underline
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0
}

.swiper-container--homepage {
    height: auto;
    min-height: calc(100vh - 13.438em);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 1023px) {
    .swiper-container--homepage {
        min-height: calc(100vh - 10em)
    }
}

@media screen and (max-width: 767px) {
    .swiper-container--homepage {
        min-height: auto;
        background-size: 95%;
        background-position: 60% 0
    }
}

.swiper-container--homepage .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .swiper-container--homepage .swiper-slide {
        display: block;
        height: auto;
        min-height: initial
    }
}

.swiper-container--homepage .slide__content {
    height: auto !important
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .swiper-container--homepage .slide__content {
        background-color: rgba(0, 0, 0, .6)
    }
}

@media screen and (max-width: 767px) {
    .swiper-container--homepage .slide__content {
        height: auto
    }
}

@media screen and (min-width: 768px) {
    .swiper-container--homepage .swiper-button-next, .swiper-container--homepage .swiper-button-prev, .swiper-container--homepage .swiper-pagination {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .swiper-container--homepage .slide__text {
        padding-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .swiper-container--homepage .swiper-pagination {
        margin: 1.5rem auto 0
    }
}

.swiper-container--homepage .slide__bg--video ~ .slide__content {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .swiper-container--homepage .slide__bg--video ~ .slide__content {
        background-color: rgba(0, 0, 0, 0)
    }
}

@media screen and (max-width: 767px) {
    .swiper-container--homepage .slide__bg--video ~ .slide__content {
        height: 35%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.swiper-container--homepage .slide__bg--video ~ .slide__content .slide__text {
    margin-right: 40px
}

.swiper-container--homepage-thumbs {
    width: 100%;
    max-width: calc(1440px - 2.5rem);
    min-height: 10em;
    padding: 1rem;
    margin: -5.625em auto 0
}

@media screen and (max-width: 767px) {
    .swiper-container--homepage-thumbs {
        position: absolute;
        top: 17rem;
        left: 0;
        right: 0;
        margin: 0;
        min-height: auto;
        padding: 0
    }
}

.swiper-container--homepage-thumbs--none {
    display: none
}

.swiper-container--promotions {
    max-width: 1440px;
    text-align: center
}

@media screen and (max-width: 1365px) {
    .swiper-container--promotions {
        max-width: 95%
    }
}

.swiper-container--center {
    width: 95%;
    max-width: calc(1120px + 2rem);
    text-align: center
}

.swiper-container--center-external-wrapper {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto
}

.swiper-container--center .promo-card__abstract {
    width: calc(65% - 2rem)
}

@media screen and (max-width: 767px) {
    .swiper-container--center {
        width: 100%
    }

    .swiper-container--center .swiper-slide {
        min-height: auto;
        height: auto;
        opacity: .7;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
        transition: opacity 1s ease, -webkit-transform 1s ease;
        transition: transform 1s ease, opacity 1s ease;
        transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease
    }

    .swiper-container--center .swiper-slide-active {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .swiper-container--center .swiper-slide .promo-card {
        margin: 1rem 2rem 2rem
    }
}

.swiper-container--gallery {
    width: 95%;
    max-width: 1024px;
    margin: 40px auto;
    background-color: #f8f8f9
}

.swiper-container--gallery .swiper-wrapper {
    background-color: inherit
}

.swiper-container--gallery .swiper-slide {
    background-color: inherit
}

.swiper-container--gallery .slide__bg {
    top: 0;
    bottom: 0
}

.swiper-container--gallery .swiper-pagination {
    position: absolute;
    margin: -130px auto 0
}

.swiper-container--gallery--no-overlap {
    margin-bottom: 160px
}

@media screen and (max-width: 1023px) {
    .swiper-container--gallery--no-overlap {
        margin-bottom: 40px
    }
}

.swiper-container.hide-pagination .swiper-pagination {
    display: none
}

.swiper-container.hide-navigation .swiper-button-next, .swiper-container.hide-navigation .swiper-button-prev {
    display: none
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    min-height: inherit;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    min-height: inherit;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide--news-65 {
    width: 65%
}

@media screen and (max-width: 1023px) {
    .swiper-slide--news-65 {
        width: 90%
    }
}

.swiper-slide--news-45 {
    width: 45%
}

@media screen and (max-width: 1023px) {
    .swiper-slide--news-45 {
        width: 90%
    }
}

.swiper-slide--news-33 {
    width: 33%
}

@media screen and (max-width: 1023px) {
    .swiper-slide--news-33 {
        width: 90%
    }
}

.swiper-slide--news-25 {
    width: 25%
}

@media screen and (max-width: 1023px) {
    .swiper-slide--news-25 {
        width: 90%
    }
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    z-index: 4;
    position: absolute;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    will-change: opacity;
    top: 50%;
    padding: 1.125rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .swiper-button-next, .swiper-button-prev {
        top: initial;
        bottom: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.swiper-container--promotions .swiper-button-next, .swiper-container--promotions .swiper-button-prev {
    bottom: 65px
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0;
    background: url(../fonts/slide-prev-red-2.svg) no-repeat 50% transparent;
    background-size: 85%;
    -webkit-box-shadow: none;
    box-shadow: none
}

.swiper-button-prev--thumbs, .swiper-container-rtl .swiper-button-next--thumbs {
    background: url(../fonts/slide-prev-red-2.svg) no-repeat 50%;
    background-size: 85%
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0;
    background: url(../fonts/slide-next-red-2.svg) no-repeat 50% transparent;
    background-size: 85%;
    -webkit-box-shadow: none;
    box-shadow: none
}

.swiper-button-next--thumbs, .swiper-container-rtl .swiper-button-prev--thumbs {
    background: url(../fonts/slide-next-red-2.svg) no-repeat 50%;
    background-size: 85%
}

.swiper-button-disabled {
    opacity: .25;
    pointer-events: none
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: relative;
    max-width: 1440px;
    margin: -80px auto 0;
    z-index: 3
}

@media screen and (max-width: 767px) {
    .swiper-pagination {
        margin: -25px auto 0;
        text-align: center
    }
}

.swiper-pagination--center {
    margin: 20px auto;
    display: inline-block
}

.swiper-pagination--center .swiper-pagination-bullet:first-child {
    margin-left: .5rem
}

.swiper-pagination--dark .swiper-pagination-bullet {
    background-color: rgba(60, 108, 222, .5)
}

.swiper-pagination--dark .swiper-pagination-bullet::before {
    background-color: #308276
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin: 0 .5rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .15);
    cursor: pointer
}

.swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    background-color: #308276;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0)
}

@media screen and (max-width: 767px) {
    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 .3rem
    }

    .swiper-pagination-bullet::before {
        width: 10px;
        height: 10px
    }
}

.swiper-pagination-bullet:first-child {
    margin-left: 80px
}

@media screen and (max-width: 767px) {
    .swiper-pagination-bullet:first-child {
        margin-left: .5rem
    }
}

.swiper-pagination-bullet:hover::before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active::before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.slide__anim--come-left {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: opacity .2s ease-out, -webkit-transform .5s ease-out;
    transition: opacity .2s ease-out, -webkit-transform .5s ease-out;
    transition: transform .5s ease-out, opacity .2s ease-out;
    transition: transform .5s ease-out, opacity .2s ease-out, -webkit-transform .5s ease-out
}

.slide__anim--zoom-in {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out
}

.slide__anim--zoom-out {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out
}

.slide__anim--timeline {
    opacity: 0;
    -webkit-transform: translateX(35px);
    transform: translateX(35px);
    -webkit-transition: opacity .5s ease-out, -webkit-transform 1s ease-out;
    transition: opacity .5s ease-out, -webkit-transform 1s ease-out;
    transition: transform 1s ease-out, opacity .5s ease-out;
    transition: transform 1s ease-out, opacity .5s ease-out, -webkit-transform 1s ease-out
}

.slide__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.slide__bg--center {
    background-position: 50%
}

.slide__bg img {
    opacity: 0;
    pointer-events: none
}

@media screen and (max-width: 767px) {
    .slide__bg {
        position: relative;
        top: 0;
        bottom: 0;
        height: 40vh
    }
}

.slide__bg--video {
    top: 0;
    bottom: 0;
    width: 100%;
    height: 65%
}

@media screen and (max-width: 767px) {
    .slide__bg--video {
        background-size: cover;
        background-position: 50%
    }
}

.slide__bg--video iframe {
    width: 100%;
    height: 100%
}

.slide__bg .video_overlay {
    display: none
}

@media screen and (min-width: 1025px) {
    .slide__bg .video_overlay {
        display: block
    }
}

.slide__content {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1440px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none
}

@media screen and (min-width: 768px) {
    .slide__content {
        min-height: inherit
    }
}

@media screen and (max-width: 767px) {
    .slide__content {
        height: 65%
    }
}

@media screen and (max-width: 639px) {
    .slide__content {
        height: 60%
    }
}

.slide__content .slide__text-desc, .slide__content a {
    pointer-events: auto
}

.slide__content--multiple-news {
    width: 100%;
    max-width: 100%
}

@media screen and (max-width: 767px) {
    .slide__content--multiple-news {
        margin-top: -38vh
    }
}

.slide__content--multiple-news .slide__text-subheading {
    width: 75%;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 1023px) {
    .slide__content--multiple-news .slide__text-subheading {
        width: 95%
    }
}

.slide__content--multiple-news--m-bg-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.slide__title-image {
    margin: 0 auto
}

.slide__text {
    max-width: 50%;
    margin-left: 2.5rem;
    margin-bottom: 5rem;
    color: #fff;
    font-family: 'Lato', sans-serif;
    text-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

@media screen and (max-width: 1023px) {
    .slide__text {
        max-width: 100%;
        margin-left: 0;
        padding: 1rem 2.75rem;
        margin-bottom: 4.5rem
    }
}

@media screen and (max-width: 767px) {
    .slide__text {
        padding: 1.25rem;
        margin-bottom: 1rem;
        color: #5b6770;
        text-shadow: none
    }
}

.slide__text-heading {
    font-size: 2vw;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: .5rem;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

@media screen and (min-width: 1440px) {
    .slide__text-heading {
        font-size: 2.1rem
    }
}

@media screen and (max-width: 1365px) {
    .slide__text-heading {
        margin-bottom: .625rem
    }
}

@media screen and (max-width: 767px) {
    .slide__text-heading {
        font-size: 1.5rem;
        line-height: 1.1
    }
}

.slide__text-subheading {
    font-size: 1.8vw;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 1.25rem;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

@media screen and (min-width: 1440px) {
    .slide__text-subheading {
        font-size: 1.9rem
    }
}

@media screen and (max-width: 1365px) {
    .slide__text-subheading {
        margin-bottom: .625rem
    }
}

@media screen and (max-width: 767px) {
    .slide__text-subheading {
        font-size: 1.3rem;
        line-height: 1.1
    }
}

.slide__text-desc {
    font-size: 1.25em;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
    margin-bottom: .75em
}

@media screen and (max-width: 1365px) {
    .slide__text-desc {
        margin-top: .625rem;
        margin-bottom: .625rem
    }
}

@media screen and (max-width: 767px) {
    .slide__text-desc {
        margin-top: .625rem;
        font-size: 1.15em;
        line-height: 1.1
    }
}

.slide__text-desc .bigger-text {
    font-size: .9em
}

@media screen and (max-width: 767px) {
    .slide__text-desc .bigger-text {
        font-size: 18px
    }
}

.slide__text-note {
    font-size: 14px;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

@media screen and (max-width: 1365px) {
    .slide__text-note {
        margin-top: 10px;
        margin-bottom: 10px;
        max-height: 25vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media screen and (max-width: 767px) {
    .slide__text-note {
        overflow-y: scroll;
        width: 100%;
        font-size: 12px
    }
}

.slide__text-link {
    display: inline-block;
    cursor: pointer;
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
    text-shadow: initial
}

@media screen and (min-width: 768px) {
    .slide__color--black {
        color: #333;
        text-shadow: none
    }
}

@media screen and (min-width: 768px) {
    .slide__color--blue {
        color: #308276;
        text-shadow: none
    }
}

@media screen and (min-width: 768px) {
    .slide__color--red {
        color: #e4002c;
        text-shadow: none
    }
}

.slide__caption {
    position: relative;
    top: 100%;
    width: 106%;
    margin-left: -3%;
    margin-right: -3%;
    min-height: 100px;
    background-color: inherit;
    max-width: 1440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.slide__caption__text {
    margin-left: 5%;
    margin-right: 5%;
    color: #5b6770;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

@media screen and (max-width: 767px) {
    .slide__caption__text {
        font-size: 14px
    }
}

@media screen and (max-width: 1023px) {
    .slide__caption__text {
        margin-left: 0;
        padding: 20px 80px
    }
}

@media screen and (max-width: 767px) {
    .slide__caption__text {
        padding: 20px 20px 0
    }
}

.slide__multiple-news {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 1rem;
    width: 75%
}

@media screen and (max-width: 1023px) {
    .slide__multiple-news {
        width: 95%
    }
}

@media screen and (max-width: 767px) {
    .slide__multiple-news {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.slide__multiple-news + .slide__text-note {
    margin-left: auto;
    margin-right: auto;
    width: 75%
}

@media screen and (max-width: 1023px) {
    .slide__multiple-news + .slide__text-note {
        width: 95%
    }
}

.slide__multiple-news .single-news {
    padding: 0 1rem;
    margin: 1rem 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 767px) {
    .slide__multiple-news .single-news {
        padding: 1rem;
        margin: 0
    }
}

.slide__multiple-news .single-news--divider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px
}

@media screen and (max-width: 767px) {
    .slide__multiple-news .single-news--divider {
        top: initial;
        left: 0;
        width: 100%;
        height: 1px
    }
}

.slide__multiple-news .single-news:last-child .single-news--divider {
    display: none
}

.slide__multiple-news .single-news--content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 1rem
}

.slide__multiple-news .single-news--content .font-small {
    font-size: .875rem
}

.slide__multiple-news .single-news--content .font-medium {
    font-size: 1.25rem
}

.slide__multiple-news .single-news--content .font-big {
    font-size: 1.5rem;
    line-height: 1.2
}

.slide__multiple-news .single-news--content .font-bigger {
    font-size: 2rem;
    line-height: 1
}

@media screen and (max-width: 767px) {
    .slide__multiple-news .single-news--content .font-bigger {
        font-size: 1.875rem
    }
}

.slide__multiple-news .single-news img {
    -ms-flex-item-align: center;
    align-self: center
}

.slide__multiple-news.divider-hide .single-news--divider {
    display: none
}

.swiper-slide--thumbs {
    position: relative;
    background-color: #fff;
    border-radius: .75rem;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer;
    background-position: 100% 50%;
    background-size: 160%;
    background-repeat: no-repeat
}

.swiper-slide--thumbs::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ececec;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    z-index: 2
}

@media screen and (max-width: 767px) {
    .swiper-slide--thumbs {
        height: 4px;
        background-color: #d8d8d8;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .swiper-slide--thumbs::before {
        background-color: #308276
    }
}

.swiper-slide--thumbs .slide__bg {
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    background-position: 50%;
    background-size: cover
}

.swiper-slide--thumbs .slide__content {
    height: 100%;
    z-index: 3
}

.swiper-slide--thumbs .slide__text {
    width: 100%;
    margin: 0;
    max-width: calc(100% - 1.5rem);
    color: #5b6770;
    text-shadow: none;
    padding: .75rem;
    opacity: 0;
    -webkit-transform: translateY(.75rem);
    transform: translateY(.75rem);
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease
}

.swiper-slide--thumbs .slide__text-heading {
    font-size: 1.313rem;
    font-weight: 700;
    margin: 0 .625rem
}

.swiper-slide--thumbs .slide__text-subheading {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0 .625rem
}

.swiper-slide--thumbs svg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90px;
    height: 47px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media screen and (min-width: 768px) {
    .swiper-slide--thumbs:hover .slide__bg {
        opacity: 0
    }

    .swiper-slide--thumbs:hover .slide__text {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.swiper-slide--thumbs.swiper-slide-thumb-active::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 10s linear;
    transition: -webkit-transform 10s linear;
    transition: transform 10s linear;
    transition: transform 10s linear, -webkit-transform 10s linear
}

.autoplay-stop .swiper-slide--thumbs.swiper-slide-thumb-active::before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
}

@media screen and (min-width: 768px) {
    .swiper-slide--thumbs.swiper-slide-thumb-active .slide__bg {
        opacity: 0
    }

    .swiper-slide--thumbs.swiper-slide-thumb-active .slide__text {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.swiper-slide-active, .swiper-slide-duplicate-active {
    z-index: 1
}

.swiper-slide-active .slide__anim--come-left, .swiper-slide-active .slide__anim--timeline, .swiper-slide-duplicate-active .slide__anim--come-left, .swiper-slide-duplicate-active .slide__anim--timeline {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.swiper-slide-active .slide__anim--come-bottom, .swiper-slide-duplicate-active .slide__anim--come-bottom {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.swiper-slide-active .slide__anim--zoom-in, .swiper-slide-active .slide__anim--zoom-out, .swiper-slide-duplicate-active .slide__anim--zoom-in, .swiper-slide-duplicate-active .slide__anim--zoom-out {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.slide__anim--timeline:nth-child(1) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.slide__anim--timeline:nth-child(2) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.slide__anim--timeline:nth-child(3) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.slide__anim--timeline:nth-child(4) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.slide__anim--timeline:nth-child(5) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.slide__anim--timeline:nth-child(6) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.intro__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .intro__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.intro__wrapper--internal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    position: relative;
    padding: 20px
}

@media screen and (max-width: 767px) {
    .intro__wrapper--internal {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 10px
    }
}

.intro__wrapper--internal:nth-child(odd) {
    background-color: #fff
}

.intro__wrapper--internal:nth-child(odd) .intro__icon {
    background-color: #f4f4f4
}

.intro__wrapper--internal:nth-child(even) {
    background-color: #f4f4f4
}

.intro__wrapper--internal:nth-child(even) .intro__icon {
    background-color: #fff
}

.intro-icon__wrapper {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .intro-icon__wrapper {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-right: 20px;
        margin-bottom: 0
    }
}

.intro__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
    height: 80px;
    text-align: right;
    border-radius: 50%
}

@media screen and (max-width: 767px) {
    .intro__icon {
        width: 40px;
        height: 40px
    }
}

.intro__icon svg {
    width: 50px;
    height: 50px
}

@media screen and (max-width: 767px) {
    .intro__icon svg {
        width: 25px;
        height: 25px
    }
}

.intro-text__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 40px
}

@media screen and (max-width: 1023px) {
    .intro-text__wrapper {
        padding: 0 10px
    }
}

.intro__text--title {
    color: #308276;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2
}

@media screen and (max-width: 1023px) {
    .intro__text--title {
        font-size: 24px
    }
}

@media screen and (max-width: 767px) {
    .intro__text--title {
        font-size: 20px;
        margin-right: 0
    }
}

.intro__text--title sup {
    font-size: 30%;
    top: 0
}

.intro__text--desc {
    font-size: 20px;
    color: #5b6770
}

@media screen and (max-width: 1023px) {
    .intro__text--desc {
        font-size: 18px
    }
}

@media screen and (max-width: 767px) {
    .intro__text--desc {
        font-size: 16px;
        margin-top: 5px
    }
}

#codice-convenzione-submit {
    text-indent: -90000px
}

.promo-filters__wrapper {
    background-color: #f4f5f6;
    margin: 40px auto;
    max-width: 1400px;
    width: calc(100% - 40px);
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    border-radius: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    position: relative;
    z-index: 1
}

.promo-filters__wrapper--news {
    background-color: #fff;
    max-width: 1120px;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .promo-filters__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1)
    }
}

.promo-filters__filter {
    font-size: 14px;
    color: #5b6770;
    width: 45%;
    padding: 10px 20px;
    border-right: 1px solid #e6e6e6
}

@media screen and (max-width: 767px) {
    .promo-filters__filter {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e6e6e6
    }
}

.promo-filters__filter--single {
    width: 90%
}

.promo-filters__filter .select {
    width: 100%;
    height: 40px
}

.promo-filters__filter .select .select-styled__filter {
    color: #e4002c
}

.promo-filters__filter p {
    margin-top: 0;
    font-size: .8rem
}

@media screen and (max-width: 767px) {
    .promo-filters__filter p {
        margin-bottom: 0;
        margin-left: 10px
    }
}

.promo-filters__filter:last-child {
    border-right: none;
    border-bottom: none
}

.promo-filters__filter select {
    font-size: 20px;
    color: #e4002c
}

.promo-filters__filter select option {
    color: #5b6770
}

.promo-filters__filter div.cs-skin-simple--filter .cs-options {
    top: calc(100% + 10px)
}

.promo-filters__refresh {
    width: 10%;
    cursor: pointer;
    text-align: center
}

.promo-filters__refresh svg {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: transform .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    width: 34px;
    height: 34px
}

.promo-filters__refresh:active svg, .promo-filters__refresh:hover svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.content-category {
    width: 100%
}

.news-wall__wrapper {
    margin: 40px auto 40px;
    max-width: 1064px;
    width: 95%;
    min-height: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

@media screen and (max-width: 1439px) {
    .news-wall__wrapper {
        margin: 20px auto
    }
}

@media screen and (max-width: 767px) {
    .news-wall__wrapper {
        min-height: auto
    }
}

.news-wall__wrapper .grid-item {
    width: 30%;
    max-height: 1000px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .5s cubic-bezier(.77, .01, .17, 1), -webkit-transform .3s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .5s cubic-bezier(.77, .01, .17, 1), -webkit-transform .3s cubic-bezier(.77, .01, .17, 1);
    transition: transform .3s cubic-bezier(.77, .01, .17, 1), opacity .5s cubic-bezier(.77, .01, .17, 1);
    transition: transform .3s cubic-bezier(.77, .01, .17, 1), opacity .5s cubic-bezier(.77, .01, .17, 1), -webkit-transform .3s cubic-bezier(.77, .01, .17, 1)
}

.news-wall__wrapper .grid-item.not-visible {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0;
    opacity: 0;
    max-height: 0;
    width: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
}

@media screen and (max-width: 1279px) {
    .news-wall__wrapper .grid-item {
        width: 45%
    }
}

@media screen and (max-width: 639px) {
    .news-wall__wrapper .grid-item {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .news-wall__wrapper .no-results {
        margin-right: 0
    }
}

.news-wall__wrapper .news-card__wrapper {
    display: block;
    position: relative;
    background-color: #fff;
    width: 100%;
    max-width: 340px;
    margin: 30px auto;
    border-radius: 1rem;
    color: #5b6770;
    text-decoration: none;
    z-index: 1;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

@media screen and (max-width: 767px) {
    .news-wall__wrapper .news-card__wrapper {
        margin: 0 auto 30px;
        -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1)
    }
}

.news-wall__wrapper .news-card__wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    -webkit-box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, .1);
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.news-wall__wrapper .news-card__wrapper .img__wrapper {
    position: relative;
    overflow: hidden;
    height: 180px;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

@media screen and (max-width: 767px) {
    .news-wall__wrapper .news-card__wrapper .img__wrapper {
        height: 150px
    }
}

.news-wall__wrapper .news-card__wrapper .img__wrapper svg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90px;
    height: 47px
}

.news-wall__wrapper .news-card__wrapper .news__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.77, .01, .17, 1);
    transition: -webkit-transform .3s cubic-bezier(.77, .01, .17, 1);
    transition: transform .3s cubic-bezier(.77, .01, .17, 1);
    transition: transform .3s cubic-bezier(.77, .01, .17, 1), -webkit-transform .3s cubic-bezier(.77, .01, .17, 1)
}

.news-wall__wrapper .news-card__wrapper h2 {
    font-size: 24px;
    margin: 20px 40px
}

@media screen and (max-width: 1023px) {
    .news-wall__wrapper .news-card__wrapper h2 {
        font-size: 20px
    }
}

@media screen and (max-width: 767px) {
    .news-wall__wrapper .news-card__wrapper h2 {
        font-size: 18px;
        margin: 20px
    }
}

.news-wall__wrapper .news-card__wrapper .description {
    margin: 20px 40px
}

@media screen and (max-width: 767px) {
    .news-wall__wrapper .news-card__wrapper .description {
        margin: 20px
    }
}

.news-wall__wrapper .news-card__wrapper .date__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 40px;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 13px;
    color: #9cabb6;
    border-top: 1px solid #9cabb6
}

@media screen and (max-width: 767px) {
    .news-wall__wrapper .news-card__wrapper .date__wrapper {
        margin: 0 20px
    }
}

.news-wall__wrapper .news-card__wrapper .news__category {
    margin: 0 40px
}

.news-wall__wrapper .news-card__wrapper .news__category h5 {
    display: inline-block;
    margin: 10px 0;
    padding-bottom: 10px
}

@media screen and (min-width: 768px) {
    .news-wall__wrapper .news-card__wrapper:hover {
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem)
    }

    .news-wall__wrapper .news-card__wrapper:hover::after {
        opacity: 1
    }
}

.news-wall__wrapper .news__corporate .img__wrapper {
    background-color: #e4002c;
    background: url(../images/geometric-white-news.png) center center no-repeat;
    background: url(../images/geometric-white-news.png) center center no-repeat, -webkit-gradient(linear, left top, right top, from(#e4002c), to(#f23d92));
    background: url(../images/geometric-white-news.png) center center no-repeat, linear-gradient(to right, #e4002c 0, #f23d92 100%)
}

.news-wall__wrapper .news__corporate .news__category h5 {
    color: #e4002c;
    background: -webkit-gradient(linear, left top, right top, from(#f23d92), to(#e4002c));
    background: linear-gradient(left, #f23d92, #e4002c);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.news-wall__wrapper .news__mobility .img__wrapper {
    background-color: #1079e5;
    background: url(../images/geometric-white-news.png) center center no-repeat;
    background: url(../images/geometric-white-news.png) center center no-repeat, -webkit-gradient(linear, left top, right top, from(#1079e5), to(#260edb));
    background: url(../images/geometric-white-news.png) center center no-repeat, linear-gradient(to right, #1079e5 0, #260edb 100%)
}

.news-wall__wrapper .news__mobility .news__category h5 {
    color: #1079e5;
    background: -webkit-gradient(linear, left top, right top, from(#1079e5), to(#260edb));
    background: linear-gradient(left, #1079e5, #260edb);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.news-wall__wrapper .news__finance-digital-banking .img__wrapper {
    background-color: #28ccb7;
    background: url(../images/geometric-white-news.png) center center no-repeat;
    background: url(../images/geometric-white-news.png) center center no-repeat, -webkit-gradient(linear, left top, right top, from(#28ccb7), to(#6cdbff));
    background: url(../images/geometric-white-news.png) center center no-repeat, linear-gradient(to right, #28ccb7 0, #6cdbff 100%)
}

.news-wall__wrapper .news__finance-digital-banking .news__category h5 {
    color: #28ccb7;
    background: -webkit-gradient(linear, left top, right top, from(#28ccb7), to(#6cdbff));
    background: linear-gradient(left, #28ccb7, #6cdbff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.news-wall__wrapper .news__international .img__wrapper {
    background-color: #6315f3;
    background: url(../images/geometric-white-news.png) center center no-repeat;
    background: url(../images/geometric-white-news.png) center center no-repeat, -webkit-gradient(linear, left top, right top, from(#6315f3), to(#be36d6));
    background: url(../images/geometric-white-news.png) center center no-repeat, linear-gradient(to right, #6315f3 0, #be36d6 100%)
}

.news-wall__wrapper .news__international .news__category h5 {
    color: #6315f3;
    background: -webkit-gradient(linear, left top, right top, from(#6315f3), to(#be36d6));
    background: linear-gradient(left, #6315f3, #be36d6);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.news__homepage {
    position: relative;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto
}

.news__homepage .news-card__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    position: relative;
    background-color: #fff;
    margin: 1.5rem 1rem 2rem;
    color: #5b6770;
    z-index: 1;
    text-decoration: none;
    border-radius: 1rem;
    min-height: 50vh;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.news__homepage .news-card__wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    -webkit-box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, .1);
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@media screen and (max-width: 767px) {
    .news__homepage .news-card__wrapper {
        margin: 1rem 2rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.news__homepage .news-card__text {
    width: 50%;
    padding: 2rem 1rem
}

@media screen and (max-width: 767px) {
    .news__homepage .news-card__text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        padding: 1rem
    }
}

.news__homepage .news-card__title {
    font-size: 1.5rem;
    margin: 1.25rem 0
}

@media screen and (max-width: 1023px) {
    .news__homepage .news-card__title {
        font-size: 1.25rem
    }
}

.news__homepage .news-card__description {
    font-size: 1.125rem;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 4.75rem;
    -webkit-line-clamp: 3
}

.news__homepage .news-card__image {
    width: 50%;
    position: relative;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .news__homepage .news-card__image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        border-top-left-radius: 1rem;
        border-bottom-right-radius: 0;
        height: 0;
        padding-bottom: 50%;
        width: 100%
    }
}

.news__homepage .news-card__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.news__homepage .news-card .cta {
    min-width: 110px;
    font-size: 16px;
    padding: 10px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media screen and (min-width: 768px) {
    .news__homepage .news-card .cta {
        position: absolute;
        bottom: 1rem;
        right: 1rem
    }
}

@media screen and (min-width: 768px) {
    .news__homepage .news-card:hover {
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem)
    }

    .news__homepage .news-card:hover::after {
        opacity: 1
    }
}

.promo-wall__wrapper {
    padding: 40px 0;
    max-height: 10000px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .5s ease, -webkit-transform .3s ease;
    transition: opacity .5s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .5s ease;
    transition: transform .3s ease, opacity .5s ease, -webkit-transform .3s ease
}

.promo-wall__wrapper:nth-child(even) {
    background-color: #f4f4f4;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1), 0 .5rem 2rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1), 0 .5rem 2rem 0 rgba(0, 0, 0, .1)
}

.promo-wall__wrapper--1 {
    padding: 0
}

.promo-wall__wrapper--1:nth-child(even) {
    background-color: transparent
}

.promo-wall__wrapper.not-visible {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0;
    opacity: 0;
    max-height: 0;
    width: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
}

@media screen and (max-width: 767px) {
    .promo-wall__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow-x: hidden
    }
}

@media screen and (max-width: 767px) {
    .promo-wall__wrapper .promo-card__wrapper {
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .promo-wall__wrapper .promo-card__wrapper .img__wrapper {
        height: 200px
    }
}

.promo-wall__wrapper--internal {
    margin: 40px auto;
    max-width: 1415px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

@media screen and (min-width: 1366px) {
    .promo-wall__wrapper--internal {
        max-width: 1390px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media screen and (max-width: 1365px) {
    .promo-wall__wrapper--internal {
        max-width: 96%
    }
}

@media screen and (max-width: 1022px) {
    .promo-wall__wrapper--internal {
        max-width: 100%
    }
}

@media screen and (max-width: 1365px) {
    .promo-wall__wrapper--internal--fluid {
        width: 95%
    }
}

@media screen and (max-width: 767px) {
    .promo-wall__wrapper--internal {
        min-height: auto;
        max-width: 100%;
        width: 100%;
        margin-bottom: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity
    }
}

.promo-wall__wrapper--internal--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .promo-wall__wrapper--internal--center {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.promo-wall__wrapper--internal--stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.promo-wall__wrapper--internal--space-beetwen {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.promo-wall__wrapper--internal--long {
    max-width: 1460px
}

@media screen and (max-width: 1439px) {
    .promo-wall__wrapper--internal--long {
        max-width: calc(100% - 40px)
    }
}

@media screen and (max-width: 1365px) {
    .promo-wall__wrapper--internal--long {
        max-width: calc(100% - 95px);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 1023px) {
    .promo-wall__wrapper--internal--long {
        max-width: calc(100%);
        margin-left: 10px
    }
}

.promo-wall__wrapper--internal--longlast {
    max-width: 1460px
}

@media screen and (max-width: 1365px) {
    .promo-wall__wrapper--internal--longlast {
        max-width: calc(100% - 20px);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 1023px) {
    .promo-wall__wrapper--internal--longlast {
        max-width: calc(100% - 20px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 639px) {
    .promo-wall__wrapper--internal--longlast {
        max-width: calc(100%);
        margin-left: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.promo-wall__wrapper--media {
    min-height: 350px;
    padding: 0;
    margin: 40px auto
}

@media screen and (max-width: 767px) {
    .promo-wall__wrapper--media {
        padding: 0
    }
}

.promo-wall__wrapper--media .grid-item {
    width: 100%
}

@media screen and (max-width: 1023px) {
    .promo-wall__wrapper--media .grid-item {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .promo-wall__wrapper--media .grid-item {
        width: 100%
    }
}

.promo-wall__wrapper .financial-intro {
    max-width: 1024px;
    width: 95%;
    margin: auto;
    text-align: center;
    font-size: 20px
}

@media screen and (max-width: 767px) {
    .promo-wall__wrapper .financial-intro {
        font-size: 16px
    }
}

.promo-wall__wrapper .grid-item {
    height: auto;
    width: 23%;
    margin: 0 1% 2%;
    max-height: 1000px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.promo-wall__wrapper .grid-item.not-visible {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0;
    opacity: 0;
    max-height: 0;
    width: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
}

.promo-wall__wrapper .grid-item--big {
    width: 29%
}

.promo-wall__wrapper .grid-item--bigger {
    width: 33%
}

@media screen and (max-width: 1365px) {
    .promo-wall__wrapper .grid-item--bigger {
        width: 33%
    }
}

.promo-wall__wrapper .grid-item--banner .promo-card__wrapper h2 {
    font-size: 1.5rem;
    margin: 0 20px;
    color: #fff
}

.promo-wall__wrapper .grid-item--banner .description {
    margin: 0 20px;
    color: #fff
}

.promo-wall__wrapper .grid-item--banner .bigger-price {
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .promo-wall__wrapper .grid-item--banner .bigger-price {
        font-size: 1.4rem
    }
}

.promo-wall__wrapper .grid-item--banner .promo__expiration-date {
    margin-top: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border-top: none
}

@media screen and (max-width: 1365px) {
    .promo-wall__wrapper .grid-item {
        width: 31.3%
    }
}

@media screen and (max-width: 1023px) {
    .promo-wall__wrapper .grid-item {
        width: 48%
    }
}

@media screen and (max-width: 767px) {
    .promo-wall__wrapper .grid-item {
        width: 45%;
        margin: .5rem 1rem 1.25rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        scroll-snap-align: center
    }
}

@media screen and (max-width: 639px) {
    .promo-wall__wrapper .grid-item {
        width: 80%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.promo-wall__wrapper .grid-item--last-space {
    width: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.promo-wall__wrapper--overlap-hero {
    padding: 0;
    margin-top: -100px
}

.no-results {
    width: 100%;
    text-align: center;
    margin-top: 40px
}

@media screen and (max-width: 767px) {
    .no-results {
        margin-right: -30px
    }
}

.no-results p {
    display: inline-block;
    padding: 5px 10px 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: inherit;
    font-size: 24px;
    margin: 10px 0;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .no-results p {
        padding: 5px 0 10px;
        margin: 10px
    }
}

.promo-card__wrapper {
    height: calc(100% - 3.5rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    position: relative;
    background-color: #fff;
    margin: 1.5rem 1rem 2rem;
    color: #5b6770;
    z-index: 1;
    text-decoration: none;
    border-radius: 1rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease
}

.promo-card__wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    -webkit-box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, .1);
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.promo-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem
}

.promo-card__header-left {
    width: 100%
}

.promo-card__header-left .brand-icon {
    max-height: 54px
}

.promo-card__header-right {
    width: 4.85rem;
    text-align: center;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.promo-card__title {
    font-size: 1.25rem;
    margin: .5rem .5rem 0 0;
    color: #5b6770
}

.promo-card__subtitle {
    margin: 1rem 1rem 0 0
}

.promo-card__box-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.promo-card__box-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: .5rem;
    bottom: 20%;
    width: calc(65% - 1rem);
    background-color: #308276;
    border-radius: .5rem;
    z-index: 0
}

.promo-card__abstract {
    position: relative;
    z-index: 1;
    width: 65%;
    text-align: left;
    color: #fff;
    padding: .5rem 1rem
}

.promo-card__abstract p {
    font-size: 1.125rem;
    margin: 0
}

.promo-card__brand-card {
    width: calc(35% - 1.5rem);
    margin: 0 1rem 0 .5rem
}

.promo-card__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.promo-card__bg-wrapper {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 55%;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.promo-card__footer {
    padding: 0 1rem
}

.promo-card__expiration-date {
    text-align: center;
    margin: 0;
    padding: 1rem 0;
    font-size: 12px;
    color: #9cabb6
}

@media screen and (min-width: 768px) {
    .promo-card:hover {
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem)
    }

    .promo-card:hover::after {
        opacity: 1
    }
}

.grid-item-finanziamento {
    width: 23%;
    margin: 0 1%
}

@media screen and (max-width: 1365px) {
    .grid-item-finanziamento {
        width: 29%;
        margin: 0 2%
    }
}

@media screen and (max-width: 1023px) {
    .grid-item-finanziamento {
        width: 45%
    }
}

@media screen and (max-width: 767px) {
    .grid-item-finanziamento {
        width: 80%;
        margin: 0 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-bottom: 1rem
    }
}

.grid-item-finanziamento--last-space {
    width: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.finanziamento-card__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 94%;
    position: relative;
    background-color: #fff;
    max-width: 340px;
    margin: 30px auto 0;
    color: #5b6770;
    z-index: 1;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    border-radius: 1rem;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .finanziamento-card__wrapper {
        height: 100%;
        margin: 0 auto;
        max-width: 300px;
        -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1)
    }
}

.finanziamento-card__wrapper .img__wrapper {
    position: relative;
    overflow: hidden;
    height: 170px;
    width: 100%;
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: 30% 100%
}

@media screen and (max-width: 767px) {
    .finanziamento-card__wrapper .img__wrapper {
        height: 150px
    }
}

.finanziamento-card__wrapper .headline {
    font-size: 28px;
    margin: 20px;
    color: #fff;
    line-height: 1
}

@media screen and (max-width: 1023px) {
    .finanziamento-card__wrapper .headline {
        font-size: 24px
    }
}

@media screen and (max-width: 767px) {
    .finanziamento-card__wrapper .headline {
        font-size: 20px
    }
}

.finanziamento-card__wrapper .headline .smaller {
    font-size: 60%
}

.finanziamento-card__wrapper .description {
    width: 100%;
    font-size: 18px;
    margin: 0;
    padding: 20px;
    text-align: center;
    color: #333;
    line-height: 1.2;
    position: relative
}

.finanziamento-card__wrapper .description::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    height: 2px;
    background-color: #308276;
    -webkit-transform: scaleX(.2);
    transform: scaleX(.2)
}

@media screen and (max-width: 1023px) {
    .finanziamento-card__wrapper .description {
        padding: 10px
    }
}

.finanziamento-card__wrapper .features__wrapper {
    width: 100%;
    font-size: 18px;
    padding: 40px 20px 20px;
    text-align: center;
    color: #9cabb6;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width: 767px) {
    .finanziamento-card__wrapper .features__wrapper {
        font-size: 16px
    }
}

.finanziamento-card__wrapper .features__wrapper .single-feature {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid rgba(27, 9, 25, .1)
}

.finanziamento-card__wrapper .features__wrapper .single-feature:last-child {
    border-bottom: none
}

.finanziamento-card__wrapper .cta__wrapper {
    text-align: center;
    width: 100%;
    padding: 0 10px 20px
}

.grid-item-servizio {
    width: 29%;
    margin: 0 2%
}

@media screen and (max-width: 1365px) {
    .grid-item-servizio {
        width: 29%;
        margin: 0 2%
    }
}

@media screen and (max-width: 1023px) {
    .grid-item-servizio {
        width: 45%
    }
}

@media screen and (max-width: 767px) {
    .grid-item-servizio {
        width: 80%;
        margin: 0 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-item-servizio:last-child {
        width: calc(80% + 20px);
        padding-right: 20px
    }
}

.servizio-card__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 91%;
    position: relative;
    background-color: #fff;
    max-width: 93.5%;
    margin: 30px auto;
    color: #5b6770;
    z-index: 1;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1);
    border-radius: 1rem;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .servizio-card__wrapper {
        height: 97%;
        margin: 0 auto;
        max-width: 300px;
        -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .1), 0 .25rem .5rem 0 rgba(0, 0, 0, .1)
    }
}

.servizio-card__wrapper .img__wrapper {
    position: relative;
    overflow: hidden;
    height: 170px;
    width: 100%;
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: 30% 100%
}

@media screen and (max-width: 767px) {
    .servizio-card__wrapper .img__wrapper {
        height: 150px
    }
}

.servizio-card__wrapper .headline {
    font-size: 28px;
    margin: 20px;
    color: #fff;
    line-height: 1
}

@media screen and (max-width: 1023px) {
    .servizio-card__wrapper .headline {
        font-size: 24px
    }
}

@media screen and (max-width: 767px) {
    .servizio-card__wrapper .headline {
        font-size: 20px
    }
}

.servizio-card__wrapper .headline .smaller {
    font-size: 60%
}

.servizio-card__wrapper .description {
    width: 100%;
    font-size: 24px;
    margin: 10px;
    text-align: center;
    color: #333;
    line-height: 1.2;
    position: relative
}

.servizio-card__wrapper .description::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    height: 2px;
    background-color: #308276;
    -webkit-transform: scaleX(.2);
    transform: scaleX(.2)
}

@media screen and (max-width: 1023px) {
    .servizio-card__wrapper .description {
        font-size: 20px
    }
}

@media screen and (max-width: 767px) {
    .servizio-card__wrapper .description {
        font-size: 18px
    }
}

.servizio-card__wrapper .features__wrapper {
    width: 100%;
    margin: 20px;
    color: #9cabb6
}

.servizio-card__wrapper .features__wrapper .single-feature {
    margin: 0;
    padding: .8em 0;
    border-bottom: 1px solid rgba(27, 9, 25, .1)
}

.servizio-card__wrapper .features__wrapper .single-feature:last-child {
    border-bottom: none
}

.servizio-card__wrapper .features__wrapper .single-feature a {
    display: inline-block
}

.servizio-card__wrapper .text__wrapper {
    width: 100%;
    font-size: 18px;
    margin: 20px
}

@media screen and (max-width: 767px) {
    .servizio-card__wrapper .text__wrapper {
        font-size: 16px;
        margin: 20px 10px
    }
}

.servizio-card__wrapper .cta__wrapper {
    text-align: center;
    width: 100%;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.promotion__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .promotion__header .main-title__text-desc {
        width: calc(100% + 40px)
    }
}

@media screen and (max-width: 767px) {
    .promotion__logo {
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 50px;
        height: 50px;
        margin-top: -15px;
        margin-right: -10px
    }
}

.promotion__main {
    padding: 1px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/geometric-black-promo.png)
}

.promotion__img-wrapper {
    width: 97%;
    max-width: 768px;
    margin: 40px auto;
    position: relative
}

.promotion__img-wrapper--full {
    max-width: 1024px
}

@media screen and (max-width: 767px) {
    .promotion__img-wrapper {
        width: 100%
    }
}

.promotion__img-background {
    background-attachment: initial;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 50%
}

@media screen and (max-width: 767px) {
    .promotion__table-wrapper {
        margin: 20px auto 0;
        padding: 10px
    }
}

.promotion__table-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (max-width: 767px) {
    .promotion__table-title {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.promotion__table-title .title__wrapper {
    font-weight: 700
}

.promotion__table-title .title__wrapper .title {
    margin: 10px 0;
    font-size: 36px;
    color: #308276
}

@media screen and (max-width: 767px) {
    .promotion__table-title .title__wrapper .title {
        font-size: 21px
    }
}

.promotion__table-title .title__wrapper .subtitle {
    margin: 10px 0;
    font-size: 24px
}

@media screen and (max-width: 767px) {
    .promotion__table-title .title__wrapper .subtitle {
        font-size: 16px;
        width: calc(100% + 25px)
    }
}

.promotion__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .promotion__table {
        margin-top: 10px
    }
}

.promotion__table--left {
    width: calc(25% - 10px);
    margin: 6px 6px 6px 0;
    padding: 10px 20px;
    background-color: #f5f6f8;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .promotion__table--left {
        width: 100%;
        margin: 3px 0;
        padding: 10px
    }
}

.promotion__table--right {
    width: calc(75% - 10px);
    margin: 6px 0 6px 6px;
    padding: 10px 20px;
    background-color: #eef3fe
}

@media screen and (max-width: 767px) {
    .promotion__table--right {
        width: 100%;
        margin: 3px 0 10px;
        padding: 10px
    }
}

.promotion__cta-wrapper {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media screen and (max-width: 767px) {
    .promotion__cta-wrapper {
        margin-top: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.promotion__legal {
    font-size: .8rem;
    padding: 1px 0
}

.promotion__legal-title {
    color: #308276;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1120px;
    margin: 0 auto 20px
}

.promotion__legal-title svg {
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.promotion__legal-notes {
    max-width: 1120px;
    margin: auto
}

.promotion__legal-notes a {
    color: #e4002c
}

.hero-image__wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.hero-image__bg {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    bottom: -40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 70%
}

.hero-image__content {
    position: relative;
    color: #fff;
    width: 100%;
    min-height: 50vh;
    max-width: 1440px;
    margin: 20px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .hero-image__content {
        margin: 0 auto;
        background-color: rgba(0, 0, 0, .4)
    }
}

.hero-image__text {
    max-width: 40%;
    margin-left: 40px;
    margin-bottom: 50px;
    font-family: 'Lato', sans-serif;
    text-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

@media screen and (min-width: 768px) {
    .hero-image__text--dark {
        color: #333;
        text-shadow: initial
    }
}

@media screen and (max-width: 1023px) {
    .hero-image__text {
        max-width: 100%;
        margin-top: 60px;
        margin-bottom: 80px
    }
}

@media screen and (max-width: 767px) {
    .hero-image__text {
        padding: 20px;
        margin-left: 0
    }
}

.hero-image__text-heading {
    font-size: 45px;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .hero-image__text-heading {
        font-size: 24px
    }
}

.hero-image__text-subheading {
    font-size: 30px;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .hero-image__text-subheading {
        font-size: 18px
    }
}

.hero-image__text-desc {
    font-size: 18px;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .hero-image__text-desc {
        font-size: 14px
    }
}

.hero-image__text-note {
    font-size: 16px;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .hero-image__text-note {
        font-size: 12px
    }
}

.hero-image__text-link {
    display: inline-block;
    cursor: pointer;
    text-shadow: initial
}

.popup__wrapper {
    position: fixed;
    top: 125px;
    right: 30px;
    bottom: 30px;
    left: 330px;
    max-width: 1120px;
    margin: 0 auto;
    z-index: -10;
    background-color: #fff;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1), 0 .5rem 2rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1), 0 .25rem 1rem 0 rgba(0, 0, 0, .1), 0 .5rem 2rem 0 rgba(0, 0, 0, .1);
    -webkit-transition: opacity .5s ease, z-index .1s ease .5s, -webkit-transform .5s ease;
    transition: opacity .5s ease, z-index .1s ease .5s, -webkit-transform .5s ease;
    transition: opacity .5s ease, transform .5s ease, z-index .1s ease .5s;
    transition: opacity .5s ease, transform .5s ease, z-index .1s ease .5s, -webkit-transform .5s ease;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    opacity: 0;
    pointer-events: none
}

.popup__wrapper--full {
    left: 30px
}

.popup__wrapper__form {
    position: relative;
    background: #fff;
    padding: 25px;
    width: 100%;
    max-width: 1024px;
    height: 90vh;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3)
}

@media screen and (max-width: 767px) {
    .popup__wrapper__form {
        padding: 5px
    }
}

.popup__wrapper__form .text-near-close {
    padding-right: 45px
}

.popup__wrapper__form--long {
    height: auto
}

.popup__wrapper__form--long .text-near-close {
    padding-right: 45px;
    margin-bottom: 0
}

.popup__wrapper a {
    pointer-events: none
}

@media screen and (max-width: 1023px) {
    .popup__wrapper {
        top: 75px !important;
        left: 30px;
        bottom: 75px
    }
}

@media screen and (max-width: 767px) {
    .popup__wrapper {
        top: 0 !important;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-box-shadow: 5px 5px 0 0 rgba(104, 130, 189, .1);
        box-shadow: 5px 5px 0 0 rgba(104, 130, 189, .1)
    }
}

.popup__wrapper--error {
    top: 33%;
    right: 0;
    bottom: 33%;
    left: 0;
    max-height: 100px;
    max-width: 516px;
    padding-left: 33px;
    margin: auto
}

@media screen and (max-width: 1023px) {
    .popup__wrapper--error {
        top: 0 !important;
        right: 33px;
        bottom: 0;
        left: 33px;
        max-height: 75px
    }
}

@media screen and (max-width: 767px) {
    .popup__wrapper--error {
        top: 0 !important;
        right: 33px;
        bottom: 0;
        left: 33px;
        max-height: 75px;
        padding: 10px 15px
    }
}

.popup__wrapper.is-open {
    pointer-events: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 10;
    -webkit-transition: opacity .5s ease, z-index .1s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, z-index .1s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, transform .5s ease, z-index .1s ease;
    transition: opacity .5s ease, transform .5s ease, z-index .1s ease, -webkit-transform .5s ease
}

.popup__wrapper.is-open a {
    pointer-events: auto
}

.popup__wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-box-shadow: 0 0 10px 0 rgba(104, 130, 189, .1);
    box-shadow: 0 0 10px 0 rgba(104, 130, 189, .1)
}

.popup__wrapper--inner {
    height: 90%;
    margin-top: 5%;
    display: block;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

@media screen and (max-width: 1023px) {
    .popup__wrapper--inner {
        overflow-y: scroll
    }
}

@media screen and (max-width: 639px) {
    .popup__wrapper--inner {
        margin-top: 15%;
        height: 85%
    }
}

.popup__wrapper--inner--innermin {
    margin-top: 0
}

@media screen and (max-width: 639px) {
    .popup__wrapper--inner--innermin {
        margin-top: 5%;
        height: 85%
    }
}

.popup__wrapper--inner-video {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 300px;
    opacity: .05
}

.no-margin-top {
    margin-top: 0
}

.popup-hide-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background-color: #f8f8f9;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 0;
    pointer-events: none
}

.popup-hide-background.dark {
    background-color: #000
}

.popup-hide-background.dark.is-open {
    pointer-events: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .5
}

.popup-hide-background.is-open {
    pointer-events: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.btn--internal-close {
    cursor: pointer;
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    background: #e4002c;
    background: -webkit-gradient(linear, left top, left bottom, from(#e4002c), to(#f23d92));
    background: linear-gradient(to bottom, #e4002c 0, #f23d92 100%)
}

@media screen and (max-width: 767px) {
    .btn--internal-close {
        padding: 10px
    }
}

.btn--internal-close--error {
    padding: 10px
}

@media screen and (max-width: 767px) {
    .btn--internal-close--error {
        padding: 8px
    }
}

.btn--simple-close {
    cursor: pointer;
    display: block;
    z-index: 2;
    background-color: #8ab982;
    color: #fff;
    position: absolute;
    top: 4px;
    right: .5em;
    padding: .625em;
    line-height: 0;
    -webkit-box-shadow: 0 .5rem 3rem .25rem rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 3rem .25rem rgba(0, 0, 0, .1)
}

.btn--simple-close svg {
    width: 10px;
    height: 10px
}

.btn--simple-close svg path {
    fill: #e4002c
}

.btn--simple-close--animate {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.77, .01, .17, 1) .1s;
    transition: -webkit-transform .4s cubic-bezier(.77, .01, .17, 1) .1s;
    transition: transform .4s cubic-bezier(.77, .01, .17, 1) .1s;
    transition: transform .4s cubic-bezier(.77, .01, .17, 1) .1s, -webkit-transform .4s cubic-bezier(.77, .01, .17, 1) .1s
}

.btn--simple-close--animate svg {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.77, .01, .17, 1);
    transition: -webkit-transform .4s cubic-bezier(.77, .01, .17, 1);
    transition: transform .4s cubic-bezier(.77, .01, .17, 1);
    transition: transform .4s cubic-bezier(.77, .01, .17, 1), -webkit-transform .4s cubic-bezier(.77, .01, .17, 1)
}

.btn--simple-close--animate--green {
    background-color: #8ab982;
    color: #fff;
    position: absolute;
    top: 4px
}

.btn--simple-close--animate--green svg path {
    fill: #fff
}

.btn--simple-close--transparent {
    top: .25rem;
    right: .25rem;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn--simple-close--transparent svg {
    width: 20px;
    height: 20px
}

.btn--simple-close--transparent svg path {
    fill: #fff;
    -webkit-transition: opacity .3s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .3s cubic-bezier(.77, .01, .17, 1)
}

.btn--simple-close--transparent svg path.close {
    opacity: 1
}

.btn--simple-close--transparent svg path.open {
    opacity: 0
}

.btn--simple-close--transparent--animate {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.77, .01, .17, 1) .1s;
    transition: -webkit-transform .4s cubic-bezier(.77, .01, .17, 1) .1s;
    transition: transform .4s cubic-bezier(.77, .01, .17, 1) .1s;
    transition: transform .4s cubic-bezier(.77, .01, .17, 1) .1s, -webkit-transform .4s cubic-bezier(.77, .01, .17, 1) .1s
}

.btn--simple-close--transparent--animate:focus {
    outline: 0
}

.btn--simple-close--error {
    padding: 10px
}

@media screen and (max-width: 767px) {
    .btn--simple-close--error {
        padding: 8px
    }
}

.btn--simple-close {
    cursor: pointer;
    display: block;
    z-index: 2;
    position: absolute;
    top: -1em;
    right: .5em;
    padding: .625em;
    line-height: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 .5rem 3rem .25rem rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 3rem .25rem rgba(0, 0, 0, .1)
}

.btn--simple-close svg {
    width: 10px;
    height: 10px
}

.btn--simple-close svg path {
    fill: #e4002c
}

.btn--simple-close--animate {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.77, .01, .17, 1) .1s;
    transition: -webkit-transform .4s cubic-bezier(.77, .01, .17, 1) .1s;
    transition: transform .4s cubic-bezier(.77, .01, .17, 1) .1s;
    transition: transform .4s cubic-bezier(.77, .01, .17, 1) .1s, -webkit-transform .4s cubic-bezier(.77, .01, .17, 1) .1s
}

.btn--simple-close--animate svg {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.77, .01, .17, 1);
    transition: -webkit-transform .4s cubic-bezier(.77, .01, .17, 1);
    transition: transform .4s cubic-bezier(.77, .01, .17, 1);
    transition: transform .4s cubic-bezier(.77, .01, .17, 1), -webkit-transform .4s cubic-bezier(.77, .01, .17, 1)
}

.btn--simple-close--transparent {
    top: .25rem;
    right: .25rem;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn--simple-close--transparent svg {
    width: 20px;
    height: 20px
}

.btn--simple-close--transparent svg path {
    fill: #fff;
    -webkit-transition: opacity .3s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .3s cubic-bezier(.77, .01, .17, 1)
}

.btn--simple-close--transparent svg path.close {
    opacity: 1
}

.btn--simple-close--transparent svg path.open {
    opacity: 0
}

.btn--simple-close--transparent--animate {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.77, .01, .17, 1) .1s;
    transition: -webkit-transform .4s cubic-bezier(.77, .01, .17, 1) .1s;
    transition: transform .4s cubic-bezier(.77, .01, .17, 1) .1s;
    transition: transform .4s cubic-bezier(.77, .01, .17, 1) .1s, -webkit-transform .4s cubic-bezier(.77, .01, .17, 1) .1s
}

.btn--simple-close--transparent--animate:focus {
    outline: 0
}

.open-popup {
    cursor: pointer
}

.translated-bg__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 4em;
    z-index: -1;
    border-radius: 1rem
}

.translated-bg__wrapper::after {
    border-radius: inherit
}

.translated-bg__wrapper--full {
    left: 0;
    border-radius: .5rem
}

.popup-always-on__wrapper {
    position: fixed;
    right: 0;
    top: 50%;
    width: 38em;
    z-index: 2;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.77, .01, .17, 1);
    transition: -webkit-transform 1s cubic-bezier(.77, .01, .17, 1);
    transition: transform 1s cubic-bezier(.77, .01, .17, 1);
    transition: transform 1s cubic-bezier(.77, .01, .17, 1), -webkit-transform 1s cubic-bezier(.77, .01, .17, 1);
    pointer-events: none
}

.popup-always-on__wrapper--treedom {
    position: fixed;
    right: 0;
    top: 50%;
    width: 31em;
    z-index: 2;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.77, .01, .17, 1);
    transition: -webkit-transform 1s cubic-bezier(.77, .01, .17, 1);
    transition: transform 1s cubic-bezier(.77, .01, .17, 1);
    transition: transform 1s cubic-bezier(.77, .01, .17, 1), -webkit-transform 1s cubic-bezier(.77, .01, .17, 1);
    pointer-events: none
}

.popup-always-on__wrapper--treedom .popup-always-on__image.l-width--20 {
    position: relative;
    left: 81px;
    top: -93px
}

.popup-always-on__wrapper--treedom .popup-always-on__text.l-width--75 {
    width: 75%
}

.popup-always-on__wrapper--treedom .popup-always-on__text .inf {
    font-size: .6em
}

.popup-always-on__wrapper--treedom p {
    padding-top: 64px;
    padding-bottom: 35px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    position: relative;
    top: 10px;
    left: -5px
}

.popup-always-on__wrapper--treedom .cta {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6d777), to(#d6d777));
    background: linear-gradient(to bottom, #d6d777 0, #d6d777 100%);
    color: #5a6770;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    width: 45px;
    left: 6.6em;
    text-decoration: underline
}

.popup-always-on__wrapper--treedom .cta:hover::after {
    opacity: 0
}

.popup-always-on__wrapper--treedom .green-bg-2 {
    width: 87%
}

.popup-always-on__wrapper--treedom.is-close .popup-always-on__image.l-width--20 {
    width: 40%;
    top: 40%
}

.popup-always-on__wrapper--treedom.is-close .green-bg--geometric {
    background-image: none;
    background-color: #fbf8f3;
    -webkit-box-shadow: 0 0 35px 0 rgba(117, 116, 117, .65);
    box-shadow: 0 0 35px 0 rgba(117, 116, 117, .65);
    top: 40px
}

.popup-always-on__wrapper .btn--simple-close--animate {
    pointer-events: auto
}

.popup-always-on__wrapper.is-close .btn--simple-close--animate svg {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.popup-always-on__wrapper.is-hidden {
    -webkit-transform: translate3d(110%, -40%, 0);
    transform: translate3d(110%, -40%, 0)
}

.popup-always-on__content {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.77, .01, .17, 1);
    transition: -webkit-transform .5s cubic-bezier(.77, .01, .17, 1);
    transition: transform .5s cubic-bezier(.77, .01, .17, 1);
    transition: transform .5s cubic-bezier(.77, .01, .17, 1), -webkit-transform .5s cubic-bezier(.77, .01, .17, 1);
    pointer-events: auto
}

.is-close .popup-always-on__content {
    pointer-events: none;
    -webkit-transform: scale(.5) translate3d(50%, 0, 0);
    transform: scale(.5) translate3d(50%, 0, 0)
}

.popup-always-on__text {
    padding: 1em 3em 1em .5em;
    color: #5b6770;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition: opacity .5s ease .3s, -webkit-transform .5s ease .5s;
    transition: opacity .5s ease .3s, -webkit-transform .5s ease .5s;
    transition: transform .5s ease .5s, opacity .5s ease .3s;
    transition: transform .5s ease .5s, opacity .5s ease .3s, -webkit-transform .5s ease .5s
}

.is-close .popup-always-on__text {
    -webkit-transform: translate3d(2.5rem, 0, 0);
    transform: translate3d(2.5rem, 0, 0);
    opacity: 0
}

.popup-laterale__wrapper {
    position: fixed;
    right: 0;
    top: 50%;
    width: 16em;
    z-index: 2;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.77, .01, .17, 1);
    transition: -webkit-transform 1s cubic-bezier(.77, .01, .17, 1);
    transition: transform 1s cubic-bezier(.77, .01, .17, 1);
    transition: transform 1s cubic-bezier(.77, .01, .17, 1), -webkit-transform 1s cubic-bezier(.77, .01, .17, 1);
    pointer-events: none
}

.popup-laterale__wrapper .btn--simple-close--transparent--animate {
    pointer-events: auto
}

.popup-laterale__wrapper.is-close .btn--simple-close--transparent--animate {
    -webkit-transform: scale(2) translate(-.25em, .4em);
    transform: scale(2) translate(-.25em, .4em)
}

.popup-laterale__wrapper.is-close .btn--simple-close--transparent--animate svg path.close {
    opacity: 0
}

.popup-laterale__wrapper.is-close .btn--simple-close--transparent--animate svg path.open {
    opacity: 1
}

.popup-laterale__wrapper.is-hidden {
    -webkit-transform: translate3d(110%, -40%, 0);
    transform: translate3d(110%, -40%, 0)
}

.popup-laterale__content {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.77, .01, .17, 1);
    transition: -webkit-transform .5s cubic-bezier(.77, .01, .17, 1);
    transition: transform .5s cubic-bezier(.77, .01, .17, 1);
    transition: transform .5s cubic-bezier(.77, .01, .17, 1), -webkit-transform .5s cubic-bezier(.77, .01, .17, 1);
    pointer-events: auto
}

.is-close .popup-laterale__content {
    pointer-events: none;
    -webkit-transform: scale(.5) translate3d(50%, 0, 0);
    transform: scale(.5) translate3d(50%, 0, 0)
}

.popup-laterale__text {
    position: relative;
    padding: 1rem;
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity .5s ease .3s, z-index .1s linear .3s;
    transition: opacity .5s ease .3s, z-index .1s linear .3s
}

.is-close .popup-laterale__text {
    opacity: 0;
    -webkit-transition: opacity .5s ease 0s, z-index .1s linear 0s;
    transition: opacity .5s ease 0s, z-index .1s linear 0s
}

.tool-price {
    margin: 20px 0 20px 70px
}

@media screen and (max-width: 767px) {
    .tool-price {
        margin: 20px 0;
        text-align: center
    }
}

.tool-price--double {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px 0
}

.tool-price--double .tool-price__inner {
    margin: 0 10px
}

.tool-price .label {
    font-size: 14px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .tool-price .label {
        font-size: 12px
    }
}

.tool-price .price {
    color: #fff;
    font-size: 45px
}

@media screen and (max-width: 1023px) {
    .tool-price .price {
        font-size: 4.7vw
    }
}

@media screen and (max-width: 767px) {
    .tool-price .price {
        font-size: 10vw
    }
}

.tool-price .price--2 {
    color: #308276
}

.tool-price--no-icon {
    margin: 20px 10px
}

.internal-menu--wrapper__price {
    visibility: visible !important
}

.tool-calculator__wrapper select {
    max-width: 100%
}

.tool-calculator__wrapper .model-choice--full-divider {
    width: calc(100% + 140px);
    height: 1px;
    /* background-color: rgba(27, 9, 25, .1); */
    margin: 0px -70px 20px
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .model-choice--full-divider {
        margin: 30px -10px;
        width: calc(100% + 20px)
    }
}

.tool-calculator__wrapper .model-choice--wrapper {
    position: relative;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px
}

.tool-calculator__wrapper .model-choice--wrapper--full {
    /*width: calc(100% + 140px);*/
    /*margin-left: -70px*/
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .model-choice--wrapper--full {
        width: 100%;
        margin-left: 0;
        padding: 0
    }
}

.tool-calculator__wrapper .model-choice--wrapper.table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .model-choice--wrapper.table {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.tool-calculator__wrapper .model-choice--wrapper .table-cell {
    display: block
}

.tool-calculator__wrapper .model-choice__select--wrapper {
    vertical-align: top;
    width: 33.33%;
    padding: 0 20px
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .model-choice__select--wrapper {
        width: 100%;
        padding: 0 10px;
        margin-bottom: 15px
    }
}

.tool-calculator__wrapper .model-choice__submit {
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: center
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .model-choice__submit {
        margin-bottom: 0
    }
}

.tool-calculator__wrapper .model-choice__title {
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase
}

.tool-calculator__wrapper .model-choice__select--wrapper .select--left-icon {
    display: none;
    position: relative;
    width: 46px;
    height: 46px;
    float: left
}

.tool-calculator__wrapper .model-choice__select--wrapper .select--left-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px
}

.tool-calculator__wrapper .internal-menu--external-wrapper {
    position: relative;
    width: 100%;
    float: right
}

.tool-calculator__wrapper .internal-menu--external-wrapper .arrow-menu {
    display: none;
    position: absolute;
    z-index: 0;
    top: 13px;
    right: 10px
}

.tool-calculator__wrapper .internal-menu--wrapper {
    display: block;
    padding: 12px 32px 12px 10px;
    font-size: 18px;
    position: relative;
    width: 100%;
    z-index: 1;
    background-color: #f3f5fb;
    border-bottom: 1px solid rgba(91, 103, 112, .5);
    -webkit-appearance: none;
    -moz-appearance: none
}

.tool-calculator__wrapper .internal-menu--wrapper:disabled {
    opacity: .3
}

.tool-calculator__wrapper .internal-menu--wrapper:disabled + #geolocation {
    pointer-events: none;
    opacity: .3
}

.tool-calculator__wrapper .internal-menu--wrapper--locate {
    padding-right: 50px
}

.tool-calculator__wrapper .internal-menu--wrapper__price-external {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #fff;
    padding: 9px;
    font-size: 24px;
    text-align: center;
    position: relative;
    width: calc(100% + 140px);
    margin-left: -70px;
    margin-bottom: -40px;
    z-index: 1;
    background-color: #308276
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .internal-menu--wrapper__price-external {
        font-size: 14px;
        width: calc(100% + 25px);
        margin-left: -13px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: -13px
    }
}

.tool-calculator__wrapper .internal-menu--wrapper__price-internal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0 20px
}

.tool-calculator__wrapper .internal-menu--wrapper__price {
    font-size: 200%;
    margin-left: 10px
}

.tool-calculator__wrapper .eventual-notes {
    padding: 0 20px;
    margin-bottom: 30px;
    font-size: 14px
}

.tool-calculator__wrapper .btn {
    display: inline-block;
    font-size: 1rem;
    line-height: 2.5;
    padding-left: .705em;
    padding-right: 1.705em;
    -webkit-transform: translate3d(.01px, .01px, .01px);
    transform: translate3d(.01px, .01px, .01px)
}

.tool-calculator__wrapper .table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .table {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.tool-calculator__wrapper .table-cell {
    display: block
}

.tool-calculator__wrapper .product-loader {
    position: absolute;
    top: 0;
    right: -70px;
    bottom: -40px;
    left: -70px;
    background-color: rgba(255, 255, 255, .7);
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .product-loader {
        top: -10px;
        right: -10px;
        bottom: -10px;
        left: -10px
    }
}

.tool-calculator__wrapper #products-container.loading .product-loader {
    opacity: 1;
    pointer-events: auto
}

.tool-calculator__wrapper #products-container .product--wrapper.loading .product-loader {
    opacity: 1;
    pointer-events: auto
}

.tool-calculator__wrapper .product-loader svg, .tool-calculator__wrapper .products-loader svg {
    width: 40px;
    height: 40px;
    -webkit-animation: rotatePreload 1.5s ease-in-out infinite;
    animation: rotatePreload 1.5s ease-in-out infinite
}

@-webkit-keyframes rotatePreload {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotatePreload {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.tool-calculator__wrapper .tabs--wrapper {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 90px
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .tabs--wrapper {
        padding-bottom: 20px
    }
}

.tool-calculator__wrapper .tabs--wrapper:after {
    content: '';
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
    background-color: #fff;
    height: 2px
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .tabs--wrapper:after {
        bottom: 20px
    }
}

.tool-calculator__wrapper .tabs--wrapper:before {
    content: '';
    position: absolute;
    left: -64px;
    right: -64px;
    bottom: 30px;
    height: 10px;
    background-color: rgba(104, 130, 189, .1)
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .tabs--wrapper:before {
        display: none
    }
}

.tool-calculator__wrapper .tabs--wrapper .tabs--title {
    padding: 30px 20px;
    position: relative;
    width: 50%;
    height: 100px
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .tabs--wrapper .tabs--title {
        width: 100%;
        padding: 20px 0
    }
}

.tool-calculator__wrapper .tabs--wrapper .tabs--title:nth-child(even):before {
    content: '';
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 0;
    background-color: #cdd1d4;
    width: 1px
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .tabs--wrapper .tabs--title:nth-child(even):before {
        display: none
    }
}

.tool-calculator__wrapper .tabs--wrapper .tabs--title:nth-child(-n+2) {
    border-bottom: 1px solid #cdd1d4
}

.tool-calculator__wrapper .tabs--title input[type=checkbox], .tool-calculator__wrapper .tabs--title input[type=radio], .tool-calculator__wrapper .tabs--title label::before {
    width: 30px;
    height: 30px;
    top: 50%;
    left: 0;
    margin-top: -15px;
    position: absolute;
    cursor: pointer
}

.tool-calculator__wrapper .tabs--title input[type=checkbox], .tool-calculator__wrapper .tabs--title input[type=radio] {
    opacity: 0;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    z-index: 100
}

.tool-calculator__wrapper .tabs--title label {
    display: inline-block;
    position: relative;
    text-align: left;
    color: #b6b6b6;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 20px 0 40px;
    max-width: 90%;
    vertical-align: top;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: color .3s;
    transition: color .3s
}

.tool-calculator__wrapper .tabs--title label::before {
    content: '';
    background-color: #fff;
    border: 2px solid #b6b6b6;
    -webkit-transition: all .3s;
    transition: all .3s
}

.tool-calculator__wrapper .tabs--title label svg {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    left: 6px;
    pointer-events: none
}

.tool-calculator__wrapper .tabs--title > svg path {
    fill: #fff
}

.tool-calculator__wrapper .product--wrapper {
    font-size: 12px;
    position: relative
}

.tool-calculator__wrapper .container-message {
    display: none
}

.tool-calculator__wrapper .container-message--visible {
    display: block !important
}

.tool-calculator__wrapper .container-message {
    display: none
}

.tool-calculator__wrapper .container-message__lblWarning {
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center
}

.tool-calculator__wrapper .container-message__lblWarning span {
    font-weight: 900
}

.tool-calculator__wrapper .container-message--visible {
    display: block
}

.tool-calculator__wrapper .product--wrapper .product--slider__wrapper {
    position: relative;
    margin-left: -50px;
    margin-right: -50px;
    text-align: center;
    width: calc(100% + 100px);
    background-color: #f5f6f8
}

.tool-calculator__wrapper .product--slider__wrapper .wrapper-slider {
    padding: 0 5px;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.tool-calculator__wrapper .product--slider__wrapper .wrapper-slider:before {
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 60px);
    width: 2px;
    height: 120px;
    background-color: #fff
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .product--slider__wrapper .wrapper-slider:before {
        display: none
    }
}

.tool-calculator__wrapper .product--slider__wrapper .wrapper-slider:last-child:before {
    display: none
}

.tool-calculator__wrapper .product--slider__wrapper .wrapper-slider__2 {
    width: 50%
}

.tool-calculator__wrapper .product--slider__wrapper .wrapper-slider__3 {
    width: 33.33%
}

.tool-calculator__wrapper .product--slider__wrapper .wrapper-slider__4 {
    width: 25%
}

.tool-calculator__wrapper .slider-slidable-value {
    padding: 10px 20px;
    position: relative;
    margin: 0 auto;
    max-width: 300px;
    width: 100%
}

.tool-calculator__wrapper .wrapper-slider-title {
    position: relative
}

.tool-calculator__wrapper .slider-title {
    text-transform: uppercase;
    padding: 5px 0;
    height: 42px;
    display: inline-block
}

.tool-calculator__wrapper .slider-container {
    text-align: center;
    font-size: 24px
}

.tool-calculator__wrapper .slider-container input.price {
    width: 60%;
    background-color: #f5f6f8;
    border: 1px solid #b6b6b6;
    border-radius: 2px;
    text-align: center
}

.tool-calculator__wrapper .wrapper-slider-values {
    position: relative;
    height: 12px;
    margin-top: 20px
}

.tool-calculator__wrapper .slider-min-value {
    position: absolute;
    left: 0;
    top: 0
}

.tool-calculator__wrapper .slider-max-value {
    position: absolute;
    right: 0;
    top: 0
}

.tool-calculator__wrapper .rangeslider, .tool-calculator__wrapper .rangeslider__fill {
    display: block;
    border-radius: 4px
}

.tool-calculator__wrapper .rangeslider {
    background: #bababa;
    position: relative
}

.tool-calculator__wrapper .rangeslider--horizontal {
    height: 8px;
    width: 100%
}

.tool-calculator__wrapper .rangeslider--vertical {
    width: 8px;
    min-height: 150px;
    max-height: 100%
}

.tool-calculator__wrapper .rangeslider--disabled {
    opacity: .4
}

.tool-calculator__wrapper .rangeslider__fill {
    position: absolute
}

.tool-calculator__wrapper .rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%
}

.tool-calculator__wrapper .rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%
}

.tool-calculator__wrapper .rangeslider__handle {
    background: #fff;
    cursor: pointer;
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background-size: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, .1)));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .1));
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    border-radius: 50%
}

.tool-calculator__wrapper .rangeslider__handle:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: 100%;
    border-radius: 50%
}

.tool-calculator__wrapper .rangeslider__handle:active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .12)));
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .12))
}

.tool-calculator__wrapper .rangeslider--horizontal .rangeslider__handle {
    top: -7px;
    touch-action: pan-y;
    -ms-touch-action: pan-y
}

.tool-calculator__wrapper .rangeslider--vertical .rangeslider__handle {
    left: -7px;
    touch-action: pan-x;
    -ms-touch-action: pan-x
}

.tool-calculator__wrapper input[type=range]:focus + .rangeslider .rangeslider__handle {
    -webkit-box-shadow: 0 0 8px #308276;
    box-shadow: 0 0 8px #308276
}

.tool-calculator__wrapper output {
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 10px 0 15px
}

.tool-calculator__wrapper .wrapper-recap {
    /*
    width: calc(100% + 128px);
    margin-left: -64px;
    margin-right: -64px;
    */
    /*margin-top: 30px;*/
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 1px solid #e6e6e6
}

.tool-calculator__wrapper .wrapper-recap--hidden {
    display: none !important
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .wrapper-recap {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px
    }
}

.tool-calculator__wrapper .wrapper-recap--hidden {
    display: none !important
}

.tool-calculator__wrapper .wrapper-result {
    width: 50%;
    text-align: center;
    position: relative;
    /*background-color: #308276;*/
    color: #fff;
    padding: 30px;
    font-size: 20px
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .wrapper-result--hidden {
        display: none !important
    }
}

.tool-calculator__wrapper .title-result {
    display: table;
    width: 100%;
    padding: 10px;
    color: #fff;
    position: relative;
    display: none
}

.tool-calculator__wrapper .title-result__title {
    font-size: 12px;
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.tool-calculator__wrapper .title-result__price {
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 40%
}

.tool-calculator__wrapper .result__last {
    position: relative;
    display: block;
    font-size: 200%;
    padding-top: 30px
}

.tool-calculator__wrapper .main-result-double {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media screen and (max-width: 1023px) {
    .tool-calculator__wrapper .main-result-double {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.tool-calculator__wrapper .main-result__double {
    padding: 20px 10px;
    width: 50%;
    margin: auto
}

@media screen and (max-width: 1023px) {
    .tool-calculator__wrapper .main-result__double {
        padding: 0;
        width: auto
    }
}

.tool-calculator__wrapper .main-result__plus {
    padding: 20px 10px;
    width: auto;
    margin: auto
}

@media screen and (max-width: 1023px) {
    .tool-calculator__wrapper .main-result__plus {
        padding: 0 0 20px 0
    }
}

.tool-calculator__wrapper .main-result__title {
    display: inline-block;
    text-transform: uppercase;
    margin-top: 10px
}

.tool-calculator__wrapper .main-result__price {
    font-size: 200%;
    padding: 20px 0
}

.tool-calculator__wrapper .main-result__last {
    margin-bottom: 30px
}

.tool-calculator__wrapper .multiple-results {
    padding: 10px 20px
}

.tool-calculator__wrapper .multiple-results__price {
    font-size: 200%;
    padding: 20px 0
}

.tool-calculator__wrapper .main-result__price .small-desc, .tool-calculator__wrapper .multiple-results__price .small-desc {
    font-size: 15px
}

.tool-calculator__wrapper .wrapper-fields {
    width: 50%;
    line-height: 2
}

.tool-calculator__wrapper .wrapper-fields__internal-wrapper {
    display: table;
    width: 100%;
    /* padding: 0 50px; */
    padding: 0 22px 0px 18px;
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .wrapper-fields__internal-wrapper {
        padding: 0 10px
    }
}

.tool-calculator__wrapper .wrapper-fields__internal-wrapper.highlight {
    background-color: #f5f6f8
}

.tool-calculator__wrapper .field-label__title {
    font-size: 22px;
    text-align: center;
    margin: 25px 0 20px
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .field-label__title {
        font-size: 16px;
        margin: 10px 0
    }
}

.tool-calculator__wrapper .field-label {
    display: table-cell;
    vertical-align: middle;
    width: 75%;
    text-align: left;
    text-transform: uppercase
}

.tool-calculator__wrapper .field-text {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    text-transform: uppercase
}

.tool-calculator__wrapper .wrapper-fields__internal-wrapper.spacer {
    margin-top: 10px;
    height: auto
}

.tool-calculator__wrapper .field-input {
    width: 99%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: relative;
    height: 19px;
    border: 1px solid #282828;
    margin-bottom: 10px
}

.tool-calculator__wrapper .field-input-text {
    padding-left: 5px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    color: #282828;
    margin-top: 1px;
    border: 0 transparent;
    width: 90%
}

.tool-calculator__wrapper .wrapper-sliders {
    height: 81px
}

.tool-calculator__wrapper .wrapper-additional-info {
    border: solid 10px #efefef;
    background-color: #fff;
    height: 58px
}

.tool-calculator__wrapper .box-info {
    width: 180px;
    margin: 0 auto;
    text-align: center
}

.tool-calculator__wrapper .box-value span {
    display: inline-block;
    margin-top: 4px
}

.tool-calculator__wrapper .wrapper-prescoring, .tool-calculator__wrapper .wrapper-services {
    margin: 20px 0
}

.tool-calculator__wrapper .wrapper-prescoring--hidden, .tool-calculator__wrapper .wrapper-services--hidden {
    display: none !important
}

.tool-calculator__wrapper .wrapper-prescoring {
    padding: 40px 70px 40px 70px;
    border: 2px solid #e40331;
    border-radius: 10px;
    background-color: #f5f6f8
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .wrapper-prescoring {
        padding: 40px
    }
}

.tool-calculator__wrapper .wrapper-prescoring.box-shadow {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2)
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .wrapper-prescoring.box-shadow {
        -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2)
    }
}

.tool-calculator__wrapper .services-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px 0;
    width: 100%
}

.tool-calculator__wrapper .services-title span {
    margin-top: 1px;
    display: inline-block;
    margin-left: 10px
}

.tool-calculator__wrapper .wrapper-services-list {
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tool-calculator__wrapper .box-service {
    width: 25%;
    vertical-align: top
}

.tool-calculator__wrapper .box-service--15 {
    width: 15%
}

.tool-calculator__wrapper .box-service--35 {
    width: 35%
}

.tool-calculator__wrapper .wrapper-prescoring, .tool-calculator__wrapper .wrapper-services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0
}

.tool-calculator__wrapper .wrapper-prescoring__inner, .tool-calculator__wrapper .wrapper-services__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.tool-calculator__wrapper .wrapper-prescoring .box-service, .tool-calculator__wrapper .wrapper-services .box-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.tool-calculator__wrapper .wrapper-prescoring .box-service--inner, .tool-calculator__wrapper .wrapper-services .box-service--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.tool-calculator__wrapper .wrapper-prescoring .box-service--30, .tool-calculator__wrapper .wrapper-services .box-service--30 {
    width: 30%
}

.tool-calculator__wrapper .wrapper-prescoring .box-service--70, .tool-calculator__wrapper .wrapper-services .box-service--70 {
    width: 70%
}

.tool-calculator__wrapper .wrapper-prescoring .box-prescoring, .tool-calculator__wrapper .wrapper-services .box-prescoring {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.tool-calculator__wrapper .wrapper-prescoring .box-prescoring--inner, .tool-calculator__wrapper .wrapper-services .box-prescoring--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.tool-calculator__wrapper .wrapper-prescoring .box-prescoring .field-label__title, .tool-calculator__wrapper .wrapper-services .box-prescoring .field-label__title {
    text-align: left;
    margin: 0 20px 20px 0;
    color: #e4002c;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .wrapper-prescoring .box-prescoring .field-label__title, .tool-calculator__wrapper .wrapper-services .box-prescoring .field-label__title {
        font-size: 16px;
        margin: 0 10px 10px 0
    }
}

.tool-calculator__wrapper .wrapper-prescoring .box-prescoring .field-label__text, .tool-calculator__wrapper .wrapper-services .box-prescoring .field-label__text {
    font-size: 17px;
    text-align: left
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .wrapper-prescoring .box-prescoring .field-label__text, .tool-calculator__wrapper .wrapper-services .box-prescoring .field-label__text {
        font-size: 15px
    }
}

.tool-calculator__wrapper .wrapper-prescoring .box-prescoring.center, .tool-calculator__wrapper .wrapper-services .box-prescoring.center {
    margin: auto 0 auto auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (max-width: 1023px) {
    .tool-calculator__wrapper .wrapper-prescoring .box-prescoring.center, .tool-calculator__wrapper .wrapper-services .box-prescoring.center {
        margin: 20px auto auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 1023px) {
    .tool-calculator__wrapper .wrapper-prescoring, .tool-calculator__wrapper .wrapper-services {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .tool-calculator__wrapper .wrapper-prescoring .wrapper-prescoring__inner, .tool-calculator__wrapper .wrapper-prescoring .wrapper-services__inner, .tool-calculator__wrapper .wrapper-services .wrapper-prescoring__inner, .tool-calculator__wrapper .wrapper-services .wrapper-services__inner {
        width: 100%
    }

    .tool-calculator__wrapper .wrapper-prescoring .box-service--inner, .tool-calculator__wrapper .wrapper-services .box-service--inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-bottom: 0;
        width: 100%
    }

    .tool-calculator__wrapper .wrapper-prescoring .box-service--30, .tool-calculator__wrapper .wrapper-services .box-service--30 {
        width: 100%
    }

    .tool-calculator__wrapper .wrapper-prescoring .box-service--70, .tool-calculator__wrapper .wrapper-services .box-service--70 {
        width: 100%
    }
}

.tool-calculator__wrapper .comparator-page .wrapper-services {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.tool-calculator__wrapper .comparator-page .wrapper-services__inner {
    width: 100%
}

.tool-calculator__wrapper .comparator-page .wrapper-prescoring {
    display: none !important
}

.tool-calculator__wrapper .comparator-page .box-service--inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.tool-calculator__wrapper .box-service-title {
    margin-bottom: 10px;
    padding-right: 10px
}

.tool-calculator__wrapper .service-check {
    margin-right: 5px;
    vertical-align: middle
}

.tool-calculator__wrapper .wrapper-service {
    margin-bottom: 5px;
    display: table
}

.tool-calculator__wrapper .wrapper-service > * {
    display: table-cell;
    vertical-align: top;
    padding-right: 5px
}

.tool-calculator__wrapper .wrapper-service .service-name {
    padding-left: 10px;
    padding-right: 10px
}

.tool-calculator__wrapper .wrapper-service .service-name.no-info {
    padding-left: 0
}

.tool-calculator__wrapper input[type=checkbox].service-check:checked, .tool-calculator__wrapper input[type=checkbox].service-check:not(:checked) {
    position: absolute;
    left: -9999px
}

.tool-calculator__wrapper input[type=checkbox].service-check:checked + label, .tool-calculator__wrapper input[type=checkbox].service-check:not(:checked) + label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    text-align: left
}

.tool-calculator__wrapper input[type=checkbox].service-check:checked + label:before, .tool-calculator__wrapper input[type=checkbox].service-check:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #aaa;
    background: #fff;
    -webkit-transition: all .2s;
    transition: all .2s
}

.tool-calculator__wrapper input[type=checkbox].service-check:checked + label:after, .tool-calculator__wrapper input[type=checkbox].service-check:not(:checked) + label:after {
    content: ' ';
    position: absolute;
    top: 3px;
    left: 13px;
    height: 9px;
    width: 9px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.tool-calculator__wrapper input[type=checkbox].service-check:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.tool-calculator__wrapper input[type=checkbox].service-check:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.tool-calculator__wrapper .wrapper-buttons {
    margin: 20px 0;
    width: calc(100% + 128px);
    margin-left: -64px;
    margin-right: -64px;
    background-color: #FFF;
    color: #000;
    padding: 16px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tool-calculator__wrapper .wrapper-buttons .wrapper-button--disabled {
    opacity: .4;
    pointer-events: none
}

.tool-calculator__wrapper .wrapper-button-icon {
    text-align: center;
    font-size: 10px;
    margin-right: 5px
}

.tool-calculator__wrapper .wrapper-button-icon.prescoring-icon {
    margin-right: 10px;
    border-radius: 2px;
    background-color: transparent;
    -webkit-transition: background-color .2s ease-in, color .2s ease-in;
    transition: background-color .2s ease-in, color .2s ease-in
}

.tool-calculator__wrapper .wrapper-button-icon.prescoring-icon svg {
    width: 35px;
    height: 35px;
    cursor: pointer
}

.tool-calculator__wrapper .wrapper-button-icon.prescoring-icon:hover {
    background-color: #fff;
    color: #308276
}

.tool-calculator__wrapper .wrapper-button-icon.prescoring-icon:hover svg circle {
    stroke: #308276
}

.tool-calculator__wrapper .wrapper-button-icon.prescoring-icon:hover svg path {
    fill: #308276
}

.tool-calculator__wrapper .wrapper-button-icon.prescoring-icon .button-simple-icon {
    min-width: 40px;
    display: inline-block;
    padding: 4px 8px;
    text-decoration: none;
    text-align: center
}

.tool-calculator__wrapper .button-icon {
    display: inline-block;
    text-decoration: none;
    width: 68px;
    height: 65px;
    position: relative;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 2px;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.tool-calculator__wrapper .button-consultar-fin.button-icon {
    width: 80px
}

.tool-calculator__wrapper .button-icon svg {
    width: 40px;
    height: 50px
}

.tool-calculator__wrapper .wrapper-button-simple {
    text-align: center;
    width: 100%
}

.tool-calculator__wrapper .wrapper-button--disabled {
    opacity: .4;
    pointer-events: none
}

.tool-calculator__wrapper .button-simple {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    padding: 11px 40px;
    position: relative;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s
}

.tool-calculator__wrapper .wrapper-button-simple.with-compare .button-simple {
    margin-left: 50px
}

.tool-calculator__wrapper .single-comparator--wrapper .wrapper-button-simple.with-compare .button-simple {
    margin-left: 0
}

.tool-calculator__wrapper .wrapper-button-simple.without-compare {
    text-align: right
}

.tool-calculator__wrapper .button-simple:hover {
    background-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .dealer-send--wrapper {
    text-align: center;
    margin: 40px 0 20px 20px
}

.tool-calculator__wrapper .dealer-send {
    font-size: 14px;
    line-height: 23px;
    display: inline-block;
    position: relative
}

.tool-calculator__wrapper .button-simple-form {
    min-width: 200px;
    display: inline-block;
    font-size: 14px;
    line-height: 23px;
    position: relative;
    padding: 10px 20px;
    border: 1px solid #fff;
    background-color: #308276;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    text-align: center;
    -webkit-transition: background-color .2s ease-in, color .2s ease-in;
    transition: background-color .2s ease-in, color .2s ease-in
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .button-simple-form {
        min-width: 160px
    }
}

.tool-calculator__wrapper .button-remove {
    display: none
}

.tool-calculator__wrapper .dealer-send svg {
    position: absolute;
    top: 50%;
    right: -25px;
    width: 20px;
    height: 20px;
    -webkit-transition: transform .2s;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: none
}

.tool-calculator__wrapper .dealer-send:hover svg {
    -webkit-transform: translate(5px, -50%);
    transform: translate(5px, -50%)
}

.tool-calculator__wrapper .button-simple-form:hover {
    background-color: #fff;
    color: #308276
}

.tool-calculator__wrapper .wrapper-button--disabled {
    opacity: .4;
    pointer-events: none
}

.tool-calculator__wrapper .legal-notes--wrapper {
    font-size: 14px;
    padding: 10px 40px 10px
}

.tool-calculator__wrapper .fade {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.tool-calculator__wrapper .fade.in {
    opacity: 1
}

.tool-calculator__wrapper .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0
}

.tool-calculator__wrapper .tooltip.in {
    opacity: 1
}

.tool-calculator__wrapper .tooltip.top {
    margin-top: -5px;
    padding: 5px 0
}

.tool-calculator__wrapper .tooltip.right {
    margin-left: 5px;
    padding: 0 5px
}

.tool-calculator__wrapper .tooltip.bottom {
    margin-top: 5px;
    padding: 5px 0
}

.tool-calculator__wrapper .tooltip.left {
    margin-left: -5px;
    padding: 0 5px
}

.tool-calculator__wrapper .tooltip-inner {
    width: 320px;
    padding: 3px 8px;
    text-align: center;
    background-color: #fff;
    border: 2px solid rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tool-calculator__wrapper .tooltip.top .tooltip-arrow {
    bottom: -3px;
    left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-top-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.top-left .tooltip-arrow {
    bottom: -3px;
    right: 8px;
    margin-bottom: -8px;
    border-width: 8px 8px 0;
    border-top-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.top-right .tooltip-arrow {
    bottom: -3px;
    left: 8px;
    margin-bottom: -8px;
    border-width: 8px 8px 0;
    border-top-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.right .tooltip-arrow {
    top: 50%;
    left: -3px;
    margin-top: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 3px;
    margin-top: -8px;
    border-width: 8px 0 8px 8px;
    border-left-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 8px;
    margin-top: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 8px;
    margin-top: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .btn-group-vertical > .btn-group:after, .tool-calculator__wrapper .btn-group-vertical > .btn-group:before, .tool-calculator__wrapper .btn-toolbar:after, .tool-calculator__wrapper .btn-toolbar:before, .tool-calculator__wrapper .clearfix:after, .tool-calculator__wrapper .clearfix:before, .tool-calculator__wrapper .modal-footer:after, .tool-calculator__wrapper .modal-footer:before, .tool-calculator__wrapper .modal-header:after, .tool-calculator__wrapper .modal-header:before {
    content: " ";
    display: table
}

.tool-calculator__wrapper .btn-group-vertical > .btn-group:after, .tool-calculator__wrapper .btn-toolbar:after, .tool-calculator__wrapper .clearfix:after, .tool-calculator__wrapper .modal-footer:after, .tool-calculator__wrapper .modal-header:after {
    clear: both
}

.tool-calculator__wrapper .hidden {
    display: none !important;
    visibility: hidden
}

.tool-calculator__wrapper .cf:after, .tool-calculator__wrapper .cf:before {
    content: " ";
    clear: both;
    display: table
}

.tool-calculator__wrapper input:-webkit-autofill, .tool-calculator__wrapper input:-webkit-autofill:focus, .tool-calculator__wrapper select:-webkit-autofill, .tool-calculator__wrapper select:-webkit-autofill:focus, .tool-calculator__wrapper textarea:-webkit-autofill, .tool-calculator__wrapper textarea:-webkit-autofill:focus {
    -webkit-box-shadow: inset 0 0 0 100px #fff
}

.tool-calculator__wrapper .label {
    display: block
}

.tool-calculator__wrapper .label--inline {
    display: inline-block
}

.tool-calculator__wrapper .form-el {
    display: block;
    width: 100%;
    line-height: 2;
    height: 2em;
    padding-left: .5em;
    border: 1px solid #ccc
}

.tool-calculator__wrapper .form-el:focus {
    -webkit-box-shadow: 0 8px 3px -4px rgba(0, 0, 0, .2);
    box-shadow: 0 8px 3px -4px rgba(0, 0, 0, .2);
    outline: 0
}

.tool-calculator__wrapper .error {
    border-color: #ff0 !important
}

.tool-calculator__wrapper .no-touch a:hover, .tool-calculator__wrapper .no-touch button:hover {
    cursor: pointer
}

.tool-calculator__wrapper .no-touch button:active:hover {
    padding: 0
}

.tool-calculator__wrapper .touch a:not([href]) {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .mobile-hide {
        display: none !important
    }

    .tool-calculator__wrapper .mobile-show {
        display: block !important
    }

    .tool-calculator__wrapper .title--wrapper {
        padding-bottom: 0
    }

    .tool-calculator__wrapper main.container {
        margin: 0;
        border: none
    }

    .tool-calculator__wrapper .tabs--wrapper .tabs--title {
        text-align: left
    }

    .tool-calculator__wrapper .tabs--wrapper .tabs--title:not(:last-child) {
        border: none
    }

    .tool-calculator__wrapper .wrapper-result {
        width: calc(100% + 20px);
        margin: -20px -10px 40px;
        font-size: 16px
    }

    .tool-calculator__wrapper .title-result {
        position: relative
    }

    .tool-calculator__wrapper .main-result {
        padding: 20px 10px 20px
    }

    .tool-calculator__wrapper .main-result__title {
        margin-top: 0
    }

    .tool-calculator__wrapper .main-result__last {
        margin-bottom: 0
    }

    .tool-calculator__wrapper .result__last {
        position: relative
    }

    .tool-calculator__wrapper .product--wrapper .product--slider__wrapper {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px)
    }

    .tool-calculator__wrapper .product--slider__wrapper .wrapper-slider {
        padding: 5px 0
    }

    .tool-calculator__wrapper .product--slider__wrapper .wrapper-slider__2, .tool-calculator__wrapper .product--slider__wrapper .wrapper-slider__3, .tool-calculator__wrapper .product--slider__wrapper .wrapper-slider__4 {
        width: 100%
    }

    .tool-calculator__wrapper .slider-slidable-value {
        max-width: 640px
    }

    .tool-calculator__wrapper .slider-title {
        text-align: center
    }

    .tool-calculator__wrapper .wrapper-fields {
        width: 100%;
        padding: 0
    }

    .tool-calculator__wrapper .spacer-vertical {
        display: none
    }

    .tool-calculator__wrapper .wrapper-prescoring, .tool-calculator__wrapper .wrapper-services {
        text-align: left
    }

    .tool-calculator__wrapper .wrapper-services__internal {
        margin-bottom: 20px
    }

    .tool-calculator__wrapper .box-service--15, .tool-calculator__wrapper .box-service--35 {
        width: 100%
    }

    .tool-calculator__wrapper .box-service-title {
        font-size: 14px
    }

    .tool-calculator__wrapper .wrapper-buttons {
        width: calc(100% + 20px);
        margin: 20px -10px;
        padding: 10px
    }

    .tool-calculator__wrapper .wrapper-button-simple.with-compare .button-simple {
        margin-left: 0
    }

    .tool-calculator__wrapper .wrapper-button-simple.without-compare .button-simple {
        text-align: center
    }

    .tool-calculator__wrapper .dealer-send--wrapper {
        margin: 40px 0 20px 0
    }

    .tool-calculator__wrapper .dealer-send {
        margin-right: 20px
    }

    .tool-calculator__wrapper .legal-notes--wrapper {
        padding: 0
    }
}

.tool-calculator__wrapper .follow-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.tool-calculator__wrapper .follow-us p {
    margin: 11px 9px 20px 0
}

.tool-calculator__wrapper .comparator-hide {
    display: none !important
}

.tool-calculator__wrapper .comparator-show {
    display: block !important
}

.tool-calculator__wrapper .comparator-page .single-comparator--wrapper .table, .tool-calculator__wrapper .comparator-page .single-comparator--wrapper .table-cell {
    display: block
}

.tool-calculator__wrapper .comparator-page .title--wrapper {
    padding-bottom: 0
}

.tool-calculator__wrapper .comparator-page main.container {
    border: none;
    margin: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.tool-calculator__wrapper .comparator-page .container-message__lblWarning {
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 2px solid #f1f1f1;
    border-right: 2px solid #f1f1f1
}

.tool-calculator__wrapper .single-comparator--wrapper {
    width: 100%;
    padding: 0 10px;
    border-right: 1px solid rgba(27, 9, 25, .05)
}

.tool-calculator__wrapper .single-comparator--wrapper:first-child {
    padding-left: 0
}

.tool-calculator__wrapper .single-comparator--wrapper:last-child {
    padding-right: 0;
    border-right: none
}

.tool-calculator__wrapper .single-comparator--wrapper .product-loader {
    right: 0;
    bottom: 0;
    left: 0
}

.tool-calculator__wrapper .single-comparator--wrapper .internal-menu--external-wrapper {
    width: 100%;
    float: none
}

.tool-calculator__wrapper .single-comparator--wrapper .finance-choice__select--wrapper {
    vertical-align: top;
    width: 100%
}

.tool-calculator__wrapper .single-comparator--wrapper .wrapper-services {
    margin: 0 0 -20px;
    padding: 10px 13px 20px
}

.tool-calculator__wrapper .single-comparator--wrapper .wrapper-services .services-title {
    font-size: 22px;
    font-weight: 400
}

.tool-calculator__wrapper .single-comparator--wrapper .wrapper-services .box-service {
    width: 100%
}

.tool-calculator__wrapper .single-comparator--wrapper .wrapper-services .box-service--15 {
    width: 100%
}

.tool-calculator__wrapper .single-comparator--wrapper .wrapper-services .box-service--35 {
    width: 100%
}

.tool-calculator__wrapper .finance-choice__select--wrapper .select--left-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px
}

.tool-calculator__wrapper .comparator-page .tabs--wrapper {
    padding-top: 10px;
    border-top: 1px solid rgba(91, 103, 112, .5);
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .comparator-page .tabs--wrapper .tabs--title {
    text-align: left
}

.tool-calculator__wrapper .comparator-page .tabs--wrapper .tabs--title:not(:last-child) {
    border: none
}

.tool-calculator__wrapper .comparator-page .wrapper-result {
    width: 100%;
    margin: 20px 0;
    padding: 20px
}

.tool-calculator__wrapper .comparator-page .title-result {
    position: relative
}

.tool-calculator__wrapper .comparator-page .main-result {
    padding: 20px 10px 20px
}

.tool-calculator__wrapper .comparator-page .main-result__title {
    margin-top: 0
}

.tool-calculator__wrapper .comparator-page .main-result__last {
    margin-bottom: 0
}

.tool-calculator__wrapper .comparator-page .result__last {
    position: relative
}

.tool-calculator__wrapper .comparator-page .product--wrapper {
    padding: 0
}

.tool-calculator__wrapper .comparator-page .product--wrapper .product--slider__wrapper {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.tool-calculator__wrapper .comparator-page .product--slider__wrapper .wrapper-slider {
    padding: 5px 0
}

.tool-calculator__wrapper .comparator-page .product--slider__wrapper .wrapper-slider:before {
    right: 10px;
    left: 10px;
    top: 101%;
    width: auto;
    height: 2px;
    background-color: #fff
}

@media screen and (max-width: 767px) {
    .tool-calculator__wrapper .comparator-page .product--slider__wrapper .wrapper-slider:before {
        display: none
    }
}

.tool-calculator__wrapper .comparator-page .product--slider__wrapper .wrapper-slider__2, .tool-calculator__wrapper .comparator-page .product--slider__wrapper .wrapper-slider__3, .tool-calculator__wrapper .comparator-page .product--slider__wrapper .wrapper-slider__4 {
    width: 100%
}

.tool-calculator__wrapper .comparator-page .slider-slidable-value {
    max-width: 640px
}

.tool-calculator__wrapper .comparator-page .slider-title {
    text-align: center
}

.tool-calculator__wrapper .comparator-page .wrapper-recap {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0
}

.tool-calculator__wrapper .comparator-page .wrapper-fields {
    width: 100%;
    padding-left: 0;
    padding-bottom: 10px;
    line-height: inherit
}

.tool-calculator__wrapper .comparator-page .wrapper-fields__title {
    width: 100%;
    padding: 5px 10px
}

.tool-calculator__wrapper .comparator-page .wrapper-fields__title .services-title {
    font-size: 12px;
    margin-bottom: 0
}

.tool-calculator__wrapper .comparator-page .wrapper-fields-services {
    padding-top: 10px;
    border-top: none
}

.tool-calculator__wrapper .comparator-page .wrapper-fields__internal-wrapper {
    padding: 4px 10px
}

.tool-calculator__wrapper .comparator-page .wrapper-fields__internal-wrapper .field-label__title {
    margin: 10px 0
}

.tool-calculator__wrapper .comparator-page .wrapper-fields__internal-wrapper .internal-legal-note {
    margin-bottom: 5px
}

.tool-calculator__wrapper .comparator-page input[type=checkbox].service-check:checked + label, .tool-calculator__wrapper .comparator-page input[type=checkbox].service-check:not(:checked) + label {
    display: block;
    padding-left: 25px
}

.tool-calculator__wrapper .comparator-page input[type=checkbox].service-check:checked + label:before, .tool-calculator__wrapper .comparator-page input[type=checkbox].service-check:not(:checked) + label:before {
    left: 0;
    top: 50%;
    margin-top: -8px
}

.tool-calculator__wrapper .comparator-page input[type=checkbox].service-check:checked + label:after, .tool-calculator__wrapper .comparator-page input[type=checkbox].service-check:not(:checked) + label:after {
    top: 50%;
    margin-top: -5px;
    left: 3px
}

.tool-calculator__wrapper .comparator-page .single-comparator--wrapper .wrapper-buttons {
    padding: 0;
    background-color: #fff;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    color: #e4002c
}

.tool-calculator__wrapper .comparator-page .wrapper-buttons .compareBtnContainer, .tool-calculator__wrapper .comparator-page .wrapper-buttons .mailBtnContainer, .tool-calculator__wrapper .comparator-page .wrapper-buttons .printBtnContainer, .tool-calculator__wrapper .comparator-page .wrapper-buttons .wrapper-button-simple {
    display: none !important
}

.tool-calculator__wrapper .comparator-page .wrapper-button-remove {
    width: 100%
}

.tool-calculator__wrapper .comparator-page .button-remove {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.tool-calculator__wrapper .comparator-page .button-remove svg {
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

.tool-calculator__wrapper .comparator-page .single-comparator--wrapper .wrapper-button-compare {
    display: none !important
}

.tool-calculator__wrapper .comparator-page .legal-notes--wrapper {
    padding: 20px
}

.tool-calculator__wrapper .comparator-page .legal-notes--wrapper > * {
    display: table-cell;
    vertical-align: top
}

.tool-calculator__wrapper html.no-bg {
    background-color: transparent
}

.tool-calculator__wrapper body.print-page {
    background: #ccc
}

.tool-calculator__wrapper .print-page .print-page--wrapper {
    background: #fff;
    display: block;
    margin: .5cm auto;
    width: 21cm;
    min-height: 29.7cm;
    height: 100%;
    -webkit-box-shadow: 0 0 .5cm rgba(0, 0, 0, .5);
    box-shadow: 0 0 .5cm rgba(0, 0, 0, .5)
}

.tool-calculator__wrapper .print-page .print-page--wrapper__internal {
    padding: 20px 20px 10px 20px
}

.tool-calculator__wrapper .print__header-container {
    width: 100%
}

.tool-calculator__wrapper .print__header-container .logo-brand {
    width: 45px
}

.tool-calculator__wrapper .print__title--wrapper {
    margin: 10px;
    display: block;
    position: relative;
    text-align: center
}

.tool-calculator__wrapper .print__title--wrapper h1 {
    font-weight: 400;
    font-size: 20px
}

.tool-calculator__wrapper .print__product-model {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center
}

.tool-calculator__wrapper .print__product-model p {
    margin-top: 5px;
    margin-bottom: 5px
}

.tool-calculator__wrapper .print__product-title {
    width: 35%
}

.tool-calculator__wrapper .print__model-title {
    border: 2px solid rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .print__model-title p {
    margin-left: 20px
}

.tool-calculator__wrapper .print__price-table p {
    margin: 5px 10px
}

.tool-calculator__wrapper .print__price-table {
    width: 100%;
    padding: 0 10px;
    border: 2px solid rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .wrapper-fields__internal-wrapper {
    font-size: 15px;
    line-height: 2.2;
    position: relative
}

.tool-calculator__wrapper .wrapper-fields__internal-wrapper.first-field {
    margin-top: 5px
}

.tool-calculator__wrapper .wrapper-fields__internal-wrapper.last-field {
    margin-bottom: 10px
}

.tool-calculator__wrapper .wrapper-fields__internal-wrapper .field-label p, .tool-calculator__wrapper .wrapper-fields__internal-wrapper .field-text p {
    margin: 0 10px
}

.tool-calculator__wrapper .print-page .wrapper-fields__internal-wrapper.odd {
    background-color: #fff
}

.tool-calculator__wrapper .print-page .wrapper-fields__internal-wrapper.even {
    background-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .print__subtitle-table-wrapper {
    font-size: 14px;
    line-height: 2
}

.tool-calculator__wrapper .print__subtitle-table-wrapper.wrapper-fields__internal-wrapper .field-label p {
    margin: 5px 10px
}

.tool-calculator__wrapper .print__label {
    text-align: left;
    margin-left: 10px
}

.tool-calculator__wrapper .print__text {
    text-align: right;
    margin-right: 10px
}

.tool-calculator__wrapper .print__divider {
    width: 95%;
    height: 2px;
    margin: auto
}

.tool-calculator__wrapper .print__divider-1 {
    background-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .print__subtitle--wrapper {
    padding: 0 20px;
    margin-top: 10px
}

.tool-calculator__wrapper .print__subtitle-table {
    width: 100%;
    padding: 0 10px;
    border: 2px solid rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .print__legal-notes--wrapper {
    font-size: 12px;
    padding: 0 20px
}

@media print {
    .tool-calculator__wrapper *, .tool-calculator__wrapper :after, .tool-calculator__wrapper :before {
        background: 0 0 !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        -webkit-print-color-adjust: exact
    }

    .tool-calculator__wrapper .print-page .print-page--wrapper, .tool-calculator__wrapper body.print-page {
        margin: 0;
        -webkit-box-shadow: 0;
        box-shadow: 0
    }

    .tool-calculator__wrapper .print__model-title {
        border: 2px solid #ddd !important
    }

    .tool-calculator__wrapper .print__price-table {
        border: 2px solid #ddd !important
    }

    .tool-calculator__wrapper .print-page .wrapper-fields__internal-wrapper:nth-child(even) {
        background-color: #ddd !important
    }

    .tool-calculator__wrapper .print__divider-1 {
        background-color: #ddd !important
    }

    .tool-calculator__wrapper .print__subtitle-table {
        border: 2px solid #ddd !important
    }

    .tool-calculator__wrapper a, .tool-calculator__wrapper a:visited {
        text-decoration: underline
    }

    .tool-calculator__wrapper a[href]:after {
        content: " (" attr(href) ")"
    }

    .tool-calculator__wrapper abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .tool-calculator__wrapper a[href^="#"]:after, .tool-calculator__wrapper a[href^="javascript:"]:after {
        content: ""
    }

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

    .tool-calculator__wrapper thead {
        display: table-header-group
    }

    .tool-calculator__wrapper img, .tool-calculator__wrapper tr {
        page-break-inside: avoid
    }

    .tool-calculator__wrapper img {
        max-width: 100% !important
    }

    .tool-calculator__wrapper h2, .tool-calculator__wrapper h3, .tool-calculator__wrapper p {
        orphans: 3;
        widows: 3
    }

    .tool-calculator__wrapper h2, .tool-calculator__wrapper h3 {
        page-break-after: avoid
    }
}

.tool-calculator__wrapper .product--wrapper {
    font-size: 14px
}

.tool-calculator__wrapper .wrapper-input-number {
    margin-bottom: 13px;
    margin-top: 9px
}

.tool-calculator__wrapper a.simple-link {
    text-decoration: underline;
    color: #e4002c;
    font-weight: 700
}

.tool-calculator__wrapper .header--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(27, 9, 25, .05);
    margin-bottom: 30px
}

.tool-calculator__wrapper .header--wrapper:after, .tool-calculator__wrapper .header--wrapper:before {
    display: none
}

.tool-calculator__wrapper .header--wrapper .header--model h3 {
    font-weight: 400
}

.tool-calculator__wrapper .header--wrapper .header--model h3 strong {
    color: #308276;
    font-weight: 400
}

.tool-calculator__wrapper .button-red {
    min-width: 200px;
    display: inline-block;
    font-size: 14px;
    line-height: 23px;
    position: relative;
    padding: 10px 20px;
    border: 1px solid #e4002c;
    background-color: #fff;
    color: #e4002c;
    text-decoration: none;
    border-radius: 2px;
    text-align: center;
    -webkit-transition: background-color .2s ease-in, color .2s ease-in;
    transition: background-color .2s ease-in, color .2s ease-in
}

.tool-calculator__wrapper .button-red:hover {
    background-color: #e4002c;
    color: #fff
}

.tool-calculator__wrapper .tabs--title input[type=checkbox]:checked + label::before, .tool-calculator__wrapper .tabs--title input[type=radio]:checked + label::before {
    background-color: #308276;
    border: 2px solid #308276
}

.tool-calculator__wrapper .tabs--title input[type=checkbox]:checked + label, .tool-calculator__wrapper .tabs--title input[type=radio]:checked + label {
    color: #308276
}

.tool-calculator__wrapper .main-result__price, .tool-calculator__wrapper .multiple-results__price {
    color: #fff
}

.tool-calculator__wrapper .result__last {
    border-top: 1px solid #fff;
    color: #fff
}

.tool-calculator__wrapper input[type=checkbox].service-check:checked + label:before {
    border: 2px solid #308276
}

.tool-calculator__wrapper input[type=checkbox].service-check:checked + label:after, .tool-calculator__wrapper input[type=checkbox].service-check:not(:checked) + label:after {
    background-color: #308276
}

.tool-calculator__wrapper .button-simple {
    border: 2px solid #308276;
    color: #308276
}

.tool-calculator__wrapper .button-widget svg path, .tool-calculator__wrapper .dealer-send svg path, .tool-calculator__wrapper .email-pdf-send svg path {
    fill: #308276
}

.tool-calculator__wrapper .tooltip-link path {
    fill: #e4002c
}

.tool-calculator__wrapper .tooltip-discount path {
    fill: #e4002c
}

.tool-calculator__wrapper .tooltip-additional-promo-LE {
    display: none
}

.tool-calculator__wrapper .tooltip-additional-promo-RS {
    display: none
}

.tool-calculator__wrapper .tooltip-link-downpayment path {
    fill: #e4002c
}

.tool-calculator__wrapper .tooltip-link-downpayment {
    display: inline-block;
    margin-right: 10px
}

.tool-calculator__wrapper .button-icon path {
    fill: #fff;
    -webkit-transition: fill .2s ease-in;
    transition: fill .2s ease-in
}

.tool-calculator__wrapper .button-icon:hover {
    background-color: #fff;
    color: #308276
}

.tool-calculator__wrapper .button-icon:hover path {
    fill: #308276
}

.tool-calculator__wrapper .slider-container {
    color: #308276
}

.tool-calculator__wrapper .rangeslider__fill {
    background: #308276
}

.tool-calculator__wrapper .rangeslider__handle:after {
    background-color: #308276
}

.tool-calculator__wrapper .model-choice__select--wrapper .select--left-icon {
    background-color: #308276
}

.tool-calculator__wrapper .model-choice__select--wrapper .select--left-icon path {
    fill: #fff
}

.tool-calculator__wrapper .internal-menu--external-wrapper .arrow-menu path {
    fill: #308276
}

.tool-calculator__wrapper .comparator-page .wrapper-fields__title {
    background-color: #308276;
    color: #fff
}

.tool-calculator__wrapper .product--wrapper {
    font-size: 14px
}

.tool-calculator__wrapper .print-page .field-label {
    font-weight: 700
}

.tool-calculator__wrapper .print__product-title {
    border: 2px solid #308276
}

.tool-calculator__wrapper .print__divider-2 {
    background-color: #308276
}

@media print {
    .tool-calculator__wrapper .print__product-title {
        border: 2px solid #308276 !important
    }

    .tool-calculator__wrapper .print__divider-2 {
        background-color: #308276 !important
    }
}

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

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

.tool-calculator__wrapper .img-thumbnail {
    padding: 4px;
    line-height: 1.4;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 400px;
    height: auto
}

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

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

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

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

.tool-calculator__wrapper [role=button] {
    cursor: pointer
}

.tool-calculator__wrapper .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tool-calculator__wrapper .btn.active.focus, .tool-calculator__wrapper .btn.active:focus, .tool-calculator__wrapper .btn.focus, .tool-calculator__wrapper .btn:active.focus, .tool-calculator__wrapper .btn:active:focus, .tool-calculator__wrapper .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.tool-calculator__wrapper .btn.focus, .tool-calculator__wrapper .btn:focus, .tool-calculator__wrapper .btn:hover {
    color: #333;
    text-decoration: none
}

.tool-calculator__wrapper .btn.active, .tool-calculator__wrapper .btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.tool-calculator__wrapper .btn.disabled, .tool-calculator__wrapper .btn[disabled], .tool-calculator__wrapper fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tool-calculator__wrapper a.btn.disabled, .tool-calculator__wrapper fieldset[disabled] a.btn {
    pointer-events: none
}

.tool-calculator__wrapper .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.tool-calculator__wrapper .btn-default.focus, .tool-calculator__wrapper .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.tool-calculator__wrapper .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.tool-calculator__wrapper .btn-default.active, .tool-calculator__wrapper .btn-default:active, .tool-calculator__wrapper .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.tool-calculator__wrapper .btn-default.active.focus, .tool-calculator__wrapper .btn-default.active:focus, .tool-calculator__wrapper .btn-default.active:hover, .tool-calculator__wrapper .btn-default:active.focus, .tool-calculator__wrapper .btn-default:active:focus, .tool-calculator__wrapper .btn-default:active:hover, .tool-calculator__wrapper .open > .dropdown-toggle.btn-default.focus, .tool-calculator__wrapper .open > .dropdown-toggle.btn-default:focus, .tool-calculator__wrapper .open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.tool-calculator__wrapper .btn-default.active, .tool-calculator__wrapper .btn-default:active, .tool-calculator__wrapper .open > .dropdown-toggle.btn-default {
    background-image: none
}

.tool-calculator__wrapper .btn-default.disabled.focus, .tool-calculator__wrapper .btn-default.disabled:focus, .tool-calculator__wrapper .btn-default.disabled:hover, .tool-calculator__wrapper .btn-default[disabled].focus, .tool-calculator__wrapper .btn-default[disabled]:focus, .tool-calculator__wrapper .btn-default[disabled]:hover, .tool-calculator__wrapper fieldset[disabled] .btn-default.focus, .tool-calculator__wrapper fieldset[disabled] .btn-default:focus, .tool-calculator__wrapper fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.tool-calculator__wrapper .btn-default .badge {
    color: #fff;
    background-color: #333
}

.tool-calculator__wrapper .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.tool-calculator__wrapper .btn-primary.focus, .tool-calculator__wrapper .btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.tool-calculator__wrapper .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.tool-calculator__wrapper .btn-primary.active, .tool-calculator__wrapper .btn-primary:active, .tool-calculator__wrapper .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.tool-calculator__wrapper .btn-primary.active.focus, .tool-calculator__wrapper .btn-primary.active:focus, .tool-calculator__wrapper .btn-primary.active:hover, .tool-calculator__wrapper .btn-primary:active.focus, .tool-calculator__wrapper .btn-primary:active:focus, .tool-calculator__wrapper .btn-primary:active:hover, .tool-calculator__wrapper .open > .dropdown-toggle.btn-primary.focus, .tool-calculator__wrapper .open > .dropdown-toggle.btn-primary:focus, .tool-calculator__wrapper .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.tool-calculator__wrapper .btn-primary.active, .tool-calculator__wrapper .btn-primary:active, .tool-calculator__wrapper .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.tool-calculator__wrapper .btn-primary.disabled.focus, .tool-calculator__wrapper .btn-primary.disabled:focus, .tool-calculator__wrapper .btn-primary.disabled:hover, .tool-calculator__wrapper .btn-primary[disabled].focus, .tool-calculator__wrapper .btn-primary[disabled]:focus, .tool-calculator__wrapper .btn-primary[disabled]:hover, .tool-calculator__wrapper fieldset[disabled] .btn-primary.focus, .tool-calculator__wrapper fieldset[disabled] .btn-primary:focus, .tool-calculator__wrapper fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.tool-calculator__wrapper .btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.tool-calculator__wrapper .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.tool-calculator__wrapper .btn-success.focus, .tool-calculator__wrapper .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.tool-calculator__wrapper .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.tool-calculator__wrapper .btn-success.active, .tool-calculator__wrapper .btn-success:active, .tool-calculator__wrapper .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.tool-calculator__wrapper .btn-success.active.focus, .tool-calculator__wrapper .btn-success.active:focus, .tool-calculator__wrapper .btn-success.active:hover, .tool-calculator__wrapper .btn-success:active.focus, .tool-calculator__wrapper .btn-success:active:focus, .tool-calculator__wrapper .btn-success:active:hover, .tool-calculator__wrapper .open > .dropdown-toggle.btn-success.focus, .tool-calculator__wrapper .open > .dropdown-toggle.btn-success:focus, .tool-calculator__wrapper .open > .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.tool-calculator__wrapper .btn-success.active, .tool-calculator__wrapper .btn-success:active, .tool-calculator__wrapper .open > .dropdown-toggle.btn-success {
    background-image: none
}

.tool-calculator__wrapper .btn-success.disabled.focus, .tool-calculator__wrapper .btn-success.disabled:focus, .tool-calculator__wrapper .btn-success.disabled:hover, .tool-calculator__wrapper .btn-success[disabled].focus, .tool-calculator__wrapper .btn-success[disabled]:focus, .tool-calculator__wrapper .btn-success[disabled]:hover, .tool-calculator__wrapper fieldset[disabled] .btn-success.focus, .tool-calculator__wrapper fieldset[disabled] .btn-success:focus, .tool-calculator__wrapper fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.tool-calculator__wrapper .btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.tool-calculator__wrapper .btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.tool-calculator__wrapper .btn-info.focus, .tool-calculator__wrapper .btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.tool-calculator__wrapper .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.tool-calculator__wrapper .btn-info.active, .tool-calculator__wrapper .btn-info:active, .tool-calculator__wrapper .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.tool-calculator__wrapper .btn-info.active.focus, .tool-calculator__wrapper .btn-info.active:focus, .tool-calculator__wrapper .btn-info.active:hover, .tool-calculator__wrapper .btn-info:active.focus, .tool-calculator__wrapper .btn-info:active:focus, .tool-calculator__wrapper .btn-info:active:hover, .tool-calculator__wrapper .open > .dropdown-toggle.btn-info.focus, .tool-calculator__wrapper .open > .dropdown-toggle.btn-info:focus, .tool-calculator__wrapper .open > .dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.tool-calculator__wrapper .btn-info.active, .tool-calculator__wrapper .btn-info:active, .tool-calculator__wrapper .open > .dropdown-toggle.btn-info {
    background-image: none
}

.tool-calculator__wrapper .btn-info.disabled.focus, .tool-calculator__wrapper .btn-info.disabled:focus, .tool-calculator__wrapper .btn-info.disabled:hover, .tool-calculator__wrapper .btn-info[disabled].focus, .tool-calculator__wrapper .btn-info[disabled]:focus, .tool-calculator__wrapper .btn-info[disabled]:hover, .tool-calculator__wrapper fieldset[disabled] .btn-info.focus, .tool-calculator__wrapper fieldset[disabled] .btn-info:focus, .tool-calculator__wrapper fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.tool-calculator__wrapper .btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.tool-calculator__wrapper .btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.tool-calculator__wrapper .btn-warning.focus, .tool-calculator__wrapper .btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.tool-calculator__wrapper .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.tool-calculator__wrapper .btn-warning.active, .tool-calculator__wrapper .btn-warning:active, .tool-calculator__wrapper .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.tool-calculator__wrapper .btn-warning.active.focus, .tool-calculator__wrapper .btn-warning.active:focus, .tool-calculator__wrapper .btn-warning.active:hover, .tool-calculator__wrapper .btn-warning:active.focus, .tool-calculator__wrapper .btn-warning:active:focus, .tool-calculator__wrapper .btn-warning:active:hover, .tool-calculator__wrapper .open > .dropdown-toggle.btn-warning.focus, .tool-calculator__wrapper .open > .dropdown-toggle.btn-warning:focus, .tool-calculator__wrapper .open > .dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.tool-calculator__wrapper .btn-warning.active, .tool-calculator__wrapper .btn-warning:active, .tool-calculator__wrapper .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.tool-calculator__wrapper .btn-warning.disabled.focus, .tool-calculator__wrapper .btn-warning.disabled:focus, .tool-calculator__wrapper .btn-warning.disabled:hover, .tool-calculator__wrapper .btn-warning[disabled].focus, .tool-calculator__wrapper .btn-warning[disabled]:focus, .tool-calculator__wrapper .btn-warning[disabled]:hover, .tool-calculator__wrapper fieldset[disabled] .btn-warning.focus, .tool-calculator__wrapper fieldset[disabled] .btn-warning:focus, .tool-calculator__wrapper fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.tool-calculator__wrapper .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.tool-calculator__wrapper .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.tool-calculator__wrapper .btn-danger.focus, .tool-calculator__wrapper .btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.tool-calculator__wrapper .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.tool-calculator__wrapper .btn-danger.active, .tool-calculator__wrapper .btn-danger:active, .tool-calculator__wrapper .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.tool-calculator__wrapper .btn-danger.active.focus, .tool-calculator__wrapper .btn-danger.active:focus, .tool-calculator__wrapper .btn-danger.active:hover, .tool-calculator__wrapper .btn-danger:active.focus, .tool-calculator__wrapper .btn-danger:active:focus, .tool-calculator__wrapper .btn-danger:active:hover, .tool-calculator__wrapper .open > .dropdown-toggle.btn-danger.focus, .tool-calculator__wrapper .open > .dropdown-toggle.btn-danger:focus, .tool-calculator__wrapper .open > .dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.tool-calculator__wrapper .btn-danger.active, .tool-calculator__wrapper .btn-danger:active, .tool-calculator__wrapper .open > .dropdown-toggle.btn-danger {
    background-image: none
}

.tool-calculator__wrapper .btn-danger.disabled.focus, .tool-calculator__wrapper .btn-danger.disabled:focus, .tool-calculator__wrapper .btn-danger.disabled:hover, .tool-calculator__wrapper .btn-danger[disabled].focus, .tool-calculator__wrapper .btn-danger[disabled]:focus, .tool-calculator__wrapper .btn-danger[disabled]:hover, .tool-calculator__wrapper fieldset[disabled] .btn-danger.focus, .tool-calculator__wrapper fieldset[disabled] .btn-danger:focus, .tool-calculator__wrapper fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.tool-calculator__wrapper .btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.tool-calculator__wrapper .btn-link {
    color: #337ab7;
    font-weight: 400;
    border-radius: 0
}

.tool-calculator__wrapper .btn-link, .tool-calculator__wrapper .btn-link.active, .tool-calculator__wrapper .btn-link:active, .tool-calculator__wrapper .btn-link[disabled], .tool-calculator__wrapper fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tool-calculator__wrapper .btn-link, .tool-calculator__wrapper .btn-link:active, .tool-calculator__wrapper .btn-link:focus, .tool-calculator__wrapper .btn-link:hover {
    border-color: transparent
}

.tool-calculator__wrapper .btn-link:focus, .tool-calculator__wrapper .btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.tool-calculator__wrapper .btn-link[disabled]:focus, .tool-calculator__wrapper .btn-link[disabled]:hover, .tool-calculator__wrapper fieldset[disabled] .btn-link:focus, .tool-calculator__wrapper fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.tool-calculator__wrapper .btn-group-lg > .btn, .tool-calculator__wrapper .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.tool-calculator__wrapper .btn-group-sm > .btn, .tool-calculator__wrapper .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.tool-calculator__wrapper .btn-group-xs > .btn, .tool-calculator__wrapper .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.tool-calculator__wrapper .btn-block {
    display: block;
    width: 100%
}

.tool-calculator__wrapper .btn-block + .btn-block {
    margin-top: 5px
}

.tool-calculator__wrapper input[type=button].btn-block, .tool-calculator__wrapper input[type=reset].btn-block, .tool-calculator__wrapper input[type=submit].btn-block {
    width: 100%
}

.tool-calculator__wrapper .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.tool-calculator__wrapper .fade.in {
    opacity: 1
}

.tool-calculator__wrapper .collapse {
    display: none
}

.tool-calculator__wrapper .collapse.in {
    display: block
}

.tool-calculator__wrapper tr.collapse.in {
    display: table-row
}

.tool-calculator__wrapper tbody.collapse.in {
    display: table-row-group
}

.tool-calculator__wrapper .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.tool-calculator__wrapper .btn-group, .tool-calculator__wrapper .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.tool-calculator__wrapper .btn-group-vertical > .btn, .tool-calculator__wrapper .btn-group > .btn {
    position: relative;
    float: left
}

.tool-calculator__wrapper .btn-group-vertical > .btn.active, .tool-calculator__wrapper .btn-group-vertical > .btn:active, .tool-calculator__wrapper .btn-group-vertical > .btn:focus, .tool-calculator__wrapper .btn-group-vertical > .btn:hover, .tool-calculator__wrapper .btn-group > .btn.active, .tool-calculator__wrapper .btn-group > .btn:active, .tool-calculator__wrapper .btn-group > .btn:focus, .tool-calculator__wrapper .btn-group > .btn:hover {
    z-index: 2
}

.tool-calculator__wrapper .btn-group .btn + .btn, .tool-calculator__wrapper .btn-group .btn + .btn-group, .tool-calculator__wrapper .btn-group .btn-group + .btn, .tool-calculator__wrapper .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.tool-calculator__wrapper .btn-toolbar {
    margin-left: -5px
}

.tool-calculator__wrapper .btn-toolbar .btn, .tool-calculator__wrapper .btn-toolbar .btn-group, .tool-calculator__wrapper .btn-toolbar .input-group {
    float: left
}

.tool-calculator__wrapper .btn-toolbar > .btn, .tool-calculator__wrapper .btn-toolbar > .btn-group, .tool-calculator__wrapper .btn-toolbar > .input-group {
    margin-left: 5px
}

.tool-calculator__wrapper .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.tool-calculator__wrapper .btn-group > .btn:first-child {
    margin-left: 0
}

.tool-calculator__wrapper .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.tool-calculator__wrapper .btn-group > .btn:last-child:not(:first-child), .tool-calculator__wrapper .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.tool-calculator__wrapper .btn-group > .btn-group {
    float: left
}

.tool-calculator__wrapper .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.tool-calculator__wrapper .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .tool-calculator__wrapper .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.tool-calculator__wrapper .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.tool-calculator__wrapper .btn-group .dropdown-toggle:active, .tool-calculator__wrapper .btn-group.open .dropdown-toggle {
    outline: 0
}

.tool-calculator__wrapper .btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.tool-calculator__wrapper .btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.tool-calculator__wrapper .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.tool-calculator__wrapper .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.tool-calculator__wrapper .btn .caret {
    margin-left: 0
}

.tool-calculator__wrapper .btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.tool-calculator__wrapper .dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.tool-calculator__wrapper .btn-group-vertical > .btn, .tool-calculator__wrapper .btn-group-vertical > .btn-group, .tool-calculator__wrapper .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.tool-calculator__wrapper .btn-group-vertical > .btn-group > .btn {
    float: none
}

.tool-calculator__wrapper .btn-group-vertical > .btn + .btn, .tool-calculator__wrapper .btn-group-vertical > .btn + .btn-group, .tool-calculator__wrapper .btn-group-vertical > .btn-group + .btn, .tool-calculator__wrapper .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.tool-calculator__wrapper .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.tool-calculator__wrapper .btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.tool-calculator__wrapper .btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.tool-calculator__wrapper .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.tool-calculator__wrapper .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .tool-calculator__wrapper .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.tool-calculator__wrapper .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.tool-calculator__wrapper .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.tool-calculator__wrapper .btn-group-justified > .btn, .tool-calculator__wrapper .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.tool-calculator__wrapper .btn-group-justified > .btn-group .btn {
    width: 100%
}

.tool-calculator__wrapper .btn-group-justified > .btn-group .dropdown-menu {
    left: auto
}

.tool-calculator__wrapper [data-toggle=buttons] > .btn input[type=checkbox], .tool-calculator__wrapper [data-toggle=buttons] > .btn input[type=radio], .tool-calculator__wrapper [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], .tool-calculator__wrapper [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.tool-calculator__wrapper .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.tool-calculator__wrapper .close:focus, .tool-calculator__wrapper .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

.tool-calculator__wrapper button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.tool-calculator__wrapper .modal-open {
    overflow: hidden
}

.tool-calculator__wrapper .modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.tool-calculator__wrapper .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.tool-calculator__wrapper .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.tool-calculator__wrapper .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.tool-calculator__wrapper .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.tool-calculator__wrapper .modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.tool-calculator__wrapper .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.tool-calculator__wrapper .modal-backdrop.fade {
    opacity: 0
}

.tool-calculator__wrapper .modal-backdrop.in {
    opacity: .5
}

.tool-calculator__wrapper .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.tool-calculator__wrapper .modal-header .close {
    margin-top: -2px
}

.tool-calculator__wrapper .modal-title {
    margin: 0;
    line-height: 1.42857143
}

.tool-calculator__wrapper .modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
    padding-right: 15px;
    padding-left: 15px
}

.tool-calculator__wrapper .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.tool-calculator__wrapper .modal-footer a {
    color: #282828;
    text-decoration: none
}

.tool-calculator__wrapper .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.tool-calculator__wrapper .modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.tool-calculator__wrapper .modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.tool-calculator__wrapper .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media screen and (min-width: 768px) {
    .tool-calculator__wrapper .modal-dialog {
        width: 750px;
        margin: 60px auto 0
    }

    .tool-calculator__wrapper .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .tool-calculator__wrapper .modal-sm {
        width: 300px
    }
}

@media screen and (min-width: 1024px) {
    .tool-calculator__wrapper .modal-lg {
        width: 900px
    }
}

@media screen and (max-width: 639px) {
    .tool-calculator__wrapper .modal-body p {
        font-size: 12px
    }
}

.tool-calculator__wrapper .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    opacity: 0
}

.tool-calculator__wrapper .tooltip.in {
    opacity: 1
}

.tool-calculator__wrapper .tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tool-calculator__wrapper .tooltip.right {
    margin-left: 5px;
    padding: 0 5px
}

.tool-calculator__wrapper .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tool-calculator__wrapper .tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tool-calculator__wrapper .tooltip-inner {
    width: 300px;
    padding: 3px 8px;
    color: #5b6770;
    text-align: center;
    background-color: #fff;
    border: 2px solid rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tool-calculator__wrapper .tooltip.top .tooltip-arrow {
    bottom: -3px;
    left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-top-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.top-left .tooltip-arrow {
    bottom: -3px;
    right: 8px;
    margin-bottom: -8px;
    border-width: 8px 8px 0;
    border-top-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.top-right .tooltip-arrow {
    bottom: -3px;
    left: 8px;
    margin-bottom: -8px;
    border-width: 8px 8px 0;
    border-top-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.right .tooltip-arrow {
    top: 50%;
    left: -3px;
    margin-top: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 3px;
    margin-top: -8px;
    border-width: 8px 0 8px 8px;
    border-left-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 8px;
    margin-top: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 8px;
    margin-top: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: rgba(91, 103, 112, .5)
}

.tool-calculator__wrapper .btn-group-vertical > .btn-group:after, .tool-calculator__wrapper .btn-group-vertical > .btn-group:before, .tool-calculator__wrapper .btn-toolbar:after, .tool-calculator__wrapper .btn-toolbar:before, .tool-calculator__wrapper .clearfix:after, .tool-calculator__wrapper .clearfix:before, .tool-calculator__wrapper .modal-footer:after, .tool-calculator__wrapper .modal-footer:before, .tool-calculator__wrapper .modal-header:after, .tool-calculator__wrapper .modal-header:before {
    content: " ";
    display: table
}

.tool-calculator__wrapper .btn-group-vertical > .btn-group:after, .tool-calculator__wrapper .btn-toolbar:after, .tool-calculator__wrapper .clearfix:after, .tool-calculator__wrapper .modal-footer:after, .tool-calculator__wrapper .modal-header:after {
    clear: both
}

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

.tool-calculator__wrapper .pull-right {
    float: right !important
}

.tool-calculator__wrapper .pull-left {
    float: left !important
}

.tool-calculator__wrapper .hide {
    display: none !important
}

.tool-calculator__wrapper .show {
    display: block !important
}

.tool-calculator__wrapper .invisible {
    visibility: hidden
}

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

.tool-calculator__wrapper .hidden {
    display: none !important
}

.tool-calculator__wrapper .affix {
    position: fixed
}

.no-products-error {
    font-size: 14px;
    padding: 20px;
    display: block;
    position: relative;
    text-align: center
}

.white-popup {
    position: relative;
    background: #fff;
    padding: 25px;
    width: auto;
    max-width: 720px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3)
}

.white-popup #email-pdf, .white-popup #popup-prescoring-error {
    width: 500px;
    max-width: 100%;
    display: none
}

.white-popup .email-pdf-send svg path {
    fill: #308276
}

.white-popup input[type=email] {
    width: 80%;
    background-color: #f3f5fb;
    border: 2px solid #308276;
    padding: 10px;
    margin: 20px 20px 20px 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.white-popup input[type=email]:focus {
    outline: 0
}

.white-popup input:-webkit-autofill, .white-popup input:-webkit-autofill:active, .white-popup input:-webkit-autofill:focus, .white-popup input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important
}

.white-popup .email-pdf-close, .white-popup .popup-prescoring-error-close {
    position: absolute;
    top: 20px;
    right: 20px
}

.white-popup h3 {
    font-size: 18px;
    margin-top: 0
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-hide {
    display: none
}

.email-pdf-close, .error-message-close, .popup-prescoring-error-close {
    position: absolute;
    top: 20px;
    right: 20px
}

.wrapper-input-tools #geolocation {
    cursor: pointer;
    pointer-events: auto;
    position: absolute;
    top: 9px;
    right: 9px;
    z-index: 1
}

.wrapper-input-tools.wrapper-input-tools-bt-right input {
    padding-right: 42px
}

#geolocation svg {
    width: 30px;
    height: 30px
}

#geolocation svg path {
    stroke: #5b6770
}

#geolocation svg.active path {
    stroke: #e4002c
}

#dealer-locator .product-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .7);
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

#dealer-locator.loading .product-loader {
    opacity: 1;
    pointer-events: auto
}

.product-loader svg, .products-loader svg {
    width: 40px;
    height: 40px;
    -webkit-animation: rotatePreload 1.5s ease-in-out infinite;
    animation: rotatePreload 1.5s ease-in-out infinite
}

@keyframes rotatePreload {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#wrapper-results {
    display: none
}

#wrapper-results .result {
    display: block
}

.result__dummy .result {
    display: none
}

.wrapper__results .title-results {
    padding-left: 20px
}

.wrapper__results #results {
    max-height: 100vh;
    overflow-y: auto;
    padding: 0 20px
}

.wrapper__results .result {
    position: relative;
    font-size: 12px
}

.wrapper__results .result::before {
    content: url(../fonts/active-mobile-menu.svg);
    position: absolute;
    top: 20px;
    left: -20px;
    width: 10px;
    height: 50px;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
    -webkit-transition: opacity .1s ease-in, -webkit-transform .1s ease-in;
    transition: opacity .1s ease-in, -webkit-transform .1s ease-in;
    transition: transform .1s ease-in, opacity .1s ease-in;
    transition: transform .1s ease-in, opacity .1s ease-in, -webkit-transform .1s ease-in
}

.wrapper__results .result.is-active::before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.wrapper__results .result a {
    text-decoration: none
}

.wrapper__results .result .result-header {
    border-bottom: 1px solid rgba(27, 9, 25, .1)
}

.wrapper__results .result .result-header::after, .wrapper__results .result .result-header::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 30px;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none
}

.wrapper__results .result .result-header::after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.wrapper__results .result .result-header::before {
    border-color: rgba(27, 9, 25, 0);
    border-top-color: rgba(27, 9, 25, .1);
    border-width: 11px;
    margin-left: -11px
}

.wrapper__results .result .result-distance {
    width: 15%;
    text-align: center;
    position: relative
}

.wrapper__results .result .result-distance:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    width: 1px;
    background-color: rgba(27, 9, 25, .1)
}

.wrapper__results .result .table-cell {
    padding: 10px
}

.wrapper__results .result .result-name {
    color: #308276
}

.wrapper__results .result .result-accordion {
    display: none;
    font-size: 14px;
    margin: 20px 0
}

.wrapper__results .result .result-accordion a {
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 10px
}

#map {
    height: 69vh
}

@media screen and (min-width: 768px) {
    #SearchSubmit {
        margin-bottom: 0
    }
}

.filter-item {
    display: block;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
    -webkit-transition: opacity .5s cubic-bezier(.77, .01, .17, 1), -webkit-transform .3s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .5s cubic-bezier(.77, .01, .17, 1), -webkit-transform .3s cubic-bezier(.77, .01, .17, 1);
    transition: transform .3s cubic-bezier(.77, .01, .17, 1), opacity .5s cubic-bezier(.77, .01, .17, 1);
    transition: transform .3s cubic-bezier(.77, .01, .17, 1), opacity .5s cubic-bezier(.77, .01, .17, 1), -webkit-transform .3s cubic-bezier(.77, .01, .17, 1)
}

.filter-item.is-visible {
    opacity: 1;
    max-height: 10000px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.rg-container {
    width: 100%
}

@media screen and (max-width: 767px) {
    .rg-container {
        width: 102%;
        margin: 0 -1%
    }
}

.rg-table {
    width: 100%;
    border: none;
    line-height: 1.2
}

.rg-table--fixed {
    table-layout: fixed
}

.rg-table .w-15 {
    width: 15%
}

@media screen and (max-width: 767px) {
    .rg-table .w-15 {
        width: 100%
    }
}

.rg-table .w-20 {
    width: 20%
}

@media screen and (max-width: 767px) {
    .rg-table .w-20 {
        width: 100%
    }
}

.rg-table .w-23 {
    width: 23%
}

@media screen and (max-width: 767px) {
    .rg-table .w-23 {
        width: 100%
    }
}

.rg-table .w-25 {
    width: 25%
}

@media screen and (max-width: 767px) {
    .rg-table .w-25 {
        width: 100%
    }
}

.rg-table .w-30 {
    width: 30%
}

@media screen and (max-width: 767px) {
    .rg-table .w-30 {
        width: 100%
    }
}

.rg-table .w-35 {
    width: 35%
}

@media screen and (max-width: 767px) {
    .rg-table .w-35 {
        width: 100%
    }
}

.rg-table .w-40 {
    width: 40%
}

@media screen and (max-width: 767px) {
    .rg-table .w-40 {
        width: 100%
    }
}

.rg-table .w-50 {
    width: 50%
}

@media screen and (max-width: 767px) {
    .rg-table .w-50 {
        width: 100%
    }
}

.rg-table tr {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

@media screen and (max-width: 767px) {
    .rg-table tr {
        display: block;
        padding: 0;
        margin: 0 0 .4em 0
    }

    .rg-table tr:nth-child(even) {
        background-color: transparent
    }
}

.rg-table tr.define-width {
    height: 0;
    overflow: hidden
}

.rg-table tr.define-width td, .rg-table tr.define-width th {
    padding: 0;
    border: none
}

@media screen and (max-width: 767px) {
    .rg-table thead {
        display: none
    }
}

.rg-table th {
    padding: .5em;
    border: 10px solid #fff;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .rg-table th {
        display: block;
        padding: 0
    }
}

.rg-table th.highlight {
    color: #fff;
    position: relative;
    z-index: 1;
    background: #e4002c;
    background: -webkit-gradient(linear, left top, left bottom, from(#e4002c), to(#e4002c));
    background: linear-gradient(to bottom, #e4002c 0, #e4002c 100%)
}

.rg-table th.highlight::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    z-index: 2;
    opacity: 0;
    background: #f23d92;
    background: -webkit-gradient(linear, left top, right top, from(#f23d92), to(#e4002c));
    background: linear-gradient(to right, #f23d92 0, #e4002c 100%);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.rg-table th.highlight:hover::after {
    opacity: 1
}

.rg-table th.highlight--grey {
    background-color: #f5f6f8
}

.rg-table th.highlight--blue {
    background-color: #308276;
    color: #fff
}

.rg-table th.highlight--blue-2 {
    background-color: #3857c1;
    color: #fff
}

.rg-table th.highlight--blue-3 {
    background-color: #1a3280;
    color: #fff
}

.rg-table th.highlight--blue-4 {
    background-color: #010b74;
    color: #fff
}

.rg-table th a {
    display: block;
    position: relative;
    z-index: 3;
    text-decoration: none
}

.rg-table td {
    padding: .5em;
    border: 10px solid #fff;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .rg-table td {
        display: block;
        border: 3px solid #fff;
        text-align: right
    }

    .rg-table td:empty {
        display: none
    }

    .rg-table td.hide-cell {
        display: none
    }
}

.rg-table td.highlight--grey {
    background-color: #f5f6f8
}

.rg-table td.highlight--blue {
    background-color: #eef3fe
}

@media screen and (min-width: 768px) {
    .rg-table td.highlight--blue {
        text-align: center
    }
}

.rg-table td.highlight--blue-2 {
    background-color: #ebeef9
}

@media screen and (min-width: 768px) {
    .rg-table td.highlight--blue-2 {
        text-align: center
    }
}

.rg-table td.highlight--blue-3 {
    background-color: #e7e8f5
}

@media screen and (min-width: 768px) {
    .rg-table td.highlight--blue-3 {
        text-align: center
    }
}

.rg-table td.highlight--blue-4 {
    background-color: #e5e6f1
}

@media screen and (min-width: 768px) {
    .rg-table td.highlight--blue-4 {
        text-align: center
    }
}

.rg-table td.highlight--blue-5 {
    background-color: #308276
}

@media screen and (min-width: 768px) {
    .rg-table td.highlight--blue-5 {
        text-align: left;
        color: #fff
    }
}

.rg-table td.highlight--red {
    color: #fff;
    position: relative;
    z-index: 1;
    background: #e4002c;
    background: -webkit-gradient(linear, left top, left bottom, from(#e4002c), to(#e4002c));
    background: linear-gradient(to bottom, #e4002c 0, #e4002c 100%)
}

.rg-table td.highlight--red::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 3px;
    z-index: 2;
    opacity: 0;
    background: #f23d92;
    background: -webkit-gradient(linear, left top, right top, from(#f23d92), to(#e4002c));
    background: linear-gradient(to right, #f23d92 0, #e4002c 100%);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.rg-table td.highlight--red:hover::after {
    opacity: 1
}

.rg-table td.highlight--red span {
    position: relative;
    z-index: 3
}

@media screen and (min-width: 768px) {
    .rg-table td.bullet {
        font-size: 24px
    }
}

.rg-table td a {
    display: block;
    font-weight: 700;
    position: relative;
    z-index: 3;
    text-decoration: none
}

.rg-table td a.cta {
    display: inline-block
}

@media screen and (max-width: 767px) {
    .rg-table td[data-title]::before {
        content: attr(data-title);
        font-weight: 700;
        display: inline-block;
        float: left;
        margin-right: .5em;
        margin-bottom: 1em
    }

    .rg-table td[data-title].highlight--grey::before {
        content: attr(data-title);
        display: inline-block;
        margin-right: .5em
    }
}

@media screen and (max-width: 767px) {
    .rg-table td[data-title=""]::before {
        display: none
    }
}

#info {
    color: #e4002c
}

.form__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form__group {
    margin-bottom: 15px;
    min-height: 70px
}

.form__group .js-hide-label {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    opacity: 0
}

.form__group .js-unhighlight-label {
    color: #5b6770
}

.form__group--half {
    width: calc(50% - 20px)
}

@media screen and (max-width: 767px) {
    .form__group--half {
        width: 100%
    }
}

.form__group--half:nth-child(odd) {
    margin-right: 15px
}

@media screen and (max-width: 767px) {
    .form__group--half:nth-child(odd) {
        margin-right: 0
    }
}

.form__group--half:nth-child(even) {
    margin-left: 15px
}

@media screen and (max-width: 767px) {
    .form__group--half:nth-child(even) {
        margin-left: 0
    }
}

.form__group--divider {
    margin-bottom: 30px
}

.form__group--border {
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid rgba(91, 103, 112, .5)
}

.form__group--full {
    width: 100%
}

.form__group--informativa {
    height: 350px;
    padding: 10px;
    border: 1px solid rgba(91, 103, 112, .5);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.form__group--tool {
    margin-bottom: 10px
}

.form__group--tool .js-unhighlight-label {
    color: #fff
}

.form__group--tool .form__label {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px
}

.form__group--tool .form__label--visible {
    color: #fff !important;
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important
}

.form__group--relative {
    position: relative
}

.form__group .form-group-error-label {
    position: absolute;
    font-size: 14px;
    padding: 0 10px;
    color: #e4002c;
    display: none;
    top: 70px
}

@media screen and (max-width: 767px) {
    .form__group .form-group-error-label {
        position: static;
        top: 0
    }
}

.form__group .form-group-error-label--show {
    display: block
}

.form__group .form-cf-error-label, .form__group .form-tel-error-label {
    position: relative;
    font-size: 14px;
    padding: 0 10px;
    color: #e4002c;
    display: none
}

@media screen and (max-width: 767px) {
    .form__group .form-cf-error-label, .form__group .form-tel-error-label {
        position: static;
        top: 0
    }
}

.form__group .form-cf-error-label--show, .form__group .form-tel-error-label--show {
    display: block
}

.form__label {
    font-size: 14px;
    color: #308276;
    margin: 0;
    padding: 0 10px;
    display: block;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: .2s opacity cubic-bezier(.77, .01, .17, 1), .2s -webkit-transform cubic-bezier(.77, .01, .17, 1);
    transition: .2s opacity cubic-bezier(.77, .01, .17, 1), .2s -webkit-transform cubic-bezier(.77, .01, .17, 1);
    transition: .2s opacity cubic-bezier(.77, .01, .17, 1), .2s transform cubic-bezier(.77, .01, .17, 1);
    transition: .2s opacity cubic-bezier(.77, .01, .17, 1), .2s transform cubic-bezier(.77, .01, .17, 1), .2s -webkit-transform cubic-bezier(.77, .01, .17, 1)
}

.form__label--visible {
    color: #5b6770 !important;
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important
}

.form__control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form__control[type=email], .form__control[type=number], .form__control[type=tel], .form__control[type=text] {
    background-color: #f3f5fb;
    border-radius: 0;
    border-color: rgba(91, 103, 112, .5);
    border-width: 0 0 1px 0;
    border-style: none none solid none
}

.form__control[type=email]:focus, .form__control[type=number]:focus, .form__control[type=tel]:focus, .form__control[type=text]:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #308276
}

.form__privacy {
    border-bottom: 1px solid rgba(91, 103, 112, .5);
    margin-bottom: 15px;
    padding-bottom: 5px;
    width: 100%
}

.form__wrapper select, .form__wrapper textarea {
    background-color: #f3f5fb;
    border-radius: 0;
    border-color: rgba(91, 103, 112, .5);
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    padding: 8px 40px 7px 10px
}

.form__wrapper select:focus, .form__wrapper textarea:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #308276
}

.form__wrapper textarea {
    resize: none;
    overflow: auto;
    height: auto;
    width: 100%;
    padding: 5px 10px
}

.form__wrapper legend {
    font-size: 14px;
    margin-bottom: 10px
}

.form__wrapper select:disabled {
    background: url(../404.html) no-repeat 97% center #f3f5fb
}

.form__wrapper .form__privacy legend {
    height: 0;
    width: 0;
    opacity: 0;
    margin: 0;
    overflow: hidden
}

.form__wrapper [type=radio]:checked, .form__wrapper [type=radio]:not(:checked) {
    height: 0;
    width: 0;
    opacity: 0
}

.form__wrapper [type=radio]:checked + label, .form__wrapper [type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block
}

.form__wrapper [type=radio]:checked + label::before, .form__wrapper [type=radio]:not(:checked) + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(91, 103, 112, .5);
    border-radius: 100%;
    background: #fff
}

.form__wrapper [type=radio]:checked + label::after, .form__wrapper [type=radio]:not(:checked) + label::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #308276;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .2s cubic-bezier(.77, .01, .17, 1), transform .2s cubic-bezier(.77, .01, .17, 1);
    transition: opacity .2s cubic-bezier(.77, .01, .17, 1), transform .2s cubic-bezier(.77, .01, .17, 1), -webkit-transform .2s cubic-bezier(.77, .01, .17, 1)
}

.form__wrapper [type=radio]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.form__wrapper [type=radio]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.form__wrapper [type=radio]:focus + label:before {
    -webkit-box-shadow: 0 0 3px 1px #308276;
    box-shadow: 0 0 3px 1px #308276
}

.cs-input-number {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

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

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

.cs-input-number-nav {
    position: relative;
    width: 40px;
    background-color: #3857c1
}

.cs-input-number-button {
    position: absolute;
    cursor: pointer;
    width: 100%;
    text-align: center;
    color: #170a5b;
    background-color: transparent;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    -webkit-transition: background-color .1s ease-in;
    transition: background-color .1s ease-in;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.cs-input-number-button:hover {
    background-color: #fff
}

.cs-input-number-button.cs-input-number-up {
    height: 50%;
    top: 0;
    border-bottom: 1px solid #170a5b
}

.cs-input-number-button.cs-input-number-down {
    bottom: 0;
    height: 50%
}

.form-privacy-error-label {
    display: none;
    font-size: 14px;
    color: #e4002c;
    padding-left: 5px
}

.form-privacy-error-label--visible {
    display: block
}

.sticker img {
    min-width: 55px;
    max-width: 75px;
    height: auto;
    position: relative;
    top: -3%;
    left: .8%
}

.sticker__home img {
    position: absolute;
    max-width: 75px
}

.sticker__single img {
    width: 10em;
    max-width: 10em;
    top: 0;
    left: -8.8%
}

.sticker__slider img {
    position: absolute;
    right: 0;
    left: 39%;
    width: 10em;
    max-width: 10em
}

@media screen and (max-width: 639px) {
    .sticker__slider img {
        left: 12%;
        top: 2.5%;
        width: 5.5em
    }
}

.article-albero-a-bordo .breadcrumbs, .article-treedom .breadcrumbs {
    display: none
}

.article-albero-a-bordo .hero-image__content, .article-treedom .hero-image__content {
    min-height: 65vh
}

.sectionTreedom {
    width: 100%;
    padding: 0 0
}

.sectionTreedom.lightgrey-bg {
    background-color: #fbf8f3;
    padding: 1px 0
}

.sectionTreedom.lightblue-bg {
    background-color: #cfe5f2
}

.sectionTreedom.lightgreen-bg {
    background-color: #80b684;
    padding: 1px 0
}

.sectionTreedom.lightgreen-bg--2 {
    background-color: transparent;
    background-image: url(../images/le-Bebe-treedom.png);
    background-repeat: repeat
}

.sectionTreedom.mediumgrey-bg {
    background-color: #f4f5f7
}

.sectionTreedom .lightblue-text {
    color: #6880bc
}

.sectionTreedom .white-text {
    color: #fff
}

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

@media screen and (max-width: 767px) {
    .sectionTreedom h2 {
        font-size: 1.563em
    }
}

@media screen and (max-width: 767px) {
    .sectionTreedom h4 {
        font-size: 1.25em
    }
}

.sectionTreedom p {
    font-size: 1.5em
}

@media screen and (max-width: 767px) {
    .sectionTreedom p {
        font-size: 1.25em
    }
}

.sectionTreedom .center-layout {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .sectionTreedom .center-layout {
        width: 85%
    }
}

.sectionTreedom.relative {
    position: relative
}

.sectionTreedom.relative .cta--lightred {
    background-color: #d96e5a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d96e5a), to(#d96e5a));
    background: linear-gradient(to bottom, #d96e5a 0, #d96e5a 100%);
    color: #fff;
    position: fixed;
    right: 1.923em;
    top: calc(80vh);
    text-transform: uppercase;
    font-size: .813em
}

@media screen and (max-width: 1365px) {
    .sectionTreedom.relative .cta--lightred {
        top: calc(92vh)
    }
}

.sectionTreedom.relative .cta--lightred:hover::after {
    opacity: 0
}

.sectionTreedom .treedom.simple-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    flex-direction: row
}

@media screen and (max-width: 767px) {
    .sectionTreedom .treedom.simple-flex {
        display: block;
        width: 100%
    }
}

.sectionTreedom .treedom.simple-flex .wrapper--treedom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% / 4);
    padding: 0 1.75em;
    border-left: 1px solid #979797
}

@media screen and (max-width: 767px) {
    .sectionTreedom .treedom.simple-flex .wrapper--treedom {
        border-left: 0 none;
        border-bottom: 1px solid #979797;
        padding-bottom: 1.75em;
        width: calc(100%)
    }
}

.sectionTreedom .treedom.simple-flex .wrapper--treedom:first-child {
    border-left: 0 none
}

.sectionTreedom .treedom.simple-flex .wrapper--treedom .counter .number {
    border: 1px solid #80b684;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    vertical-align: center;
    padding-top: 7px;
    font-size: 1.063em;
    color: #80b684;
    border-radius: 20px
}

@media screen and (max-width: 767px) {
    .sectionTreedom .treedom.simple-flex .wrapper--treedom .counter {
        margin-top: 1.75em
    }
}

.sectionTreedom .treedom.simple-flex .wrapper--treedom--text {
    margin-top: 1.25em;
    font-size: 1.1em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media screen and (max-width: 767px) {
    .sectionTreedom .treedom.simple-flex .wrapper--treedom--text {
        font-size: 1.25em
    }
}

.sectionTreedom .treedom.simple-flex .wrapper--treedom--image {
    margin-top: 1em
}

.sectionTreedom .cta--green {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #80b684), to(#80b684));
    background: linear-gradient(to bottom, #80b684 0, #80b684 100%)
}

.sectionTreedom .cta--green:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7eb081), to(#7eb081));
    background: linear-gradient(to bottom, #7eb081 0, #7eb081 100%)
}

.sectionTreedom .cta--green:hover::after {
    opacity: 0
}

.sectionTreedom .infotreedom {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 311px;
    width: calc(100vw / 2)
}

@media screen and (max-width: 767px) {
    .sectionTreedom .infotreedom {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: calc(90%);
        min-height: 337px;
        margin: 0 auto 50px
    }
}

@media screen and (max-width: 639px) {
    .sectionTreedom .infotreedom {
        min-height: 198px;
        width: calc(100%)
    }
}

.sectionTreedom .infotreedom--dx {
    background-image: url(../404.html);
    margin-right: 70px
}

@media screen and (max-width: 767px) {
    .sectionTreedom .infotreedom--dx {
        margin-right: auto
    }
}

.sectionTreedom .infotreedom--sx {
    background-image: url(../404.html)
}

@media screen and (max-width: 639px) {
    .sectionTreedom .infotreedom--sx {
        margin: 0 auto 10px
    }
}

.sectionTreedom .infotreedom p {
    text-align: center;
    position: relative;
    top: 3em
}

@media screen and (max-width: 767px) {
    .sectionTreedom .infotreedom p {
        top: 6.3em
    }
}

@media screen and (max-width: 639px) {
    .sectionTreedom .infotreedom p {
        top: 2.3em
    }
}

.sectionTreedom .infotreedom p span {
    font-size: 2em
}

.sectionTreedom .infotreedom p span.inf {
    font-size: .6em
}

.sectionTreedom span.inf {
    font-size: .6em
}

.sectionTreedom .mb-0 {
    margin-bottom: 0
}

.menulogo {
    height: 70px;
    padding-bottom: 5px
}

.green-bg2 {
    background-color: transparent
}

.green-bg2--variable {
    width: 87%
}

.green-bg--geometric {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/treedom_logo.png)
}

.cta--smaller {
    font-size: .875rem;
    min-width: 8rem;
    padding: .5rem .75rem
}

.ui-datepicker {
    width: 20.125rem;
    padding: .2em .2em 0;
    display: none;
    background: #308276;
}

.ui-datepicker-header a {
    display: none;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    color: #FFFFFF;
    background: #308276;
}

.ui-datepicker table {
    width: 100%;
    font-size: .8em;
    border-collapse: collapse;
    margin: 0 0 .4em;
    color: dimgray;
    background: #fff;
}

/*This is date TD */
.ui-datepicker td {
    /*border: 0;*/
    /*padding: 1px;*/
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .9em;
    text-align: center;
    text-decoration: none;
}

.ui-datepicker-current-day {
    font-weight: bold;
    color: #308276;
    border: 1px solid #308276;
}

.ui-datepicker-today {
    font-weight: bold;
    color: #e30071;
}

.ui-datepicker-unselectable {
    color: darkgray;

}

.info{
	background-color: #e30071;
    color: #ffffff;
    /*height: 1.1em;
    width: 1.1em;*/
    border-radius: 50%;
    line-height: 1.2em;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 0.6em;
    padding: 0.2em 0.7em;
	/*margin-left: 10px;*/
	position: relative;
	bottom: 2px;
}

.checkbox-public {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-public input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 2px solid #b6b6b6; 
}

/* When the checkbox is checked, add a blue background */
.checkbox-public input:checked ~ .checkmark {
  background-color: #308276;
  border: 0px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-public input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-public .checkmark:after {
  left: 9px;
  top: 5px;
  width: 8px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tooltip-public {
    position: relative;
    display: inline-block;
}

.tooltip-public .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #FFF;
    color: #6d6d6d;
    text-align: center;
    /* border-radius: 6px; */
    padding: 11px 5px;
    position: absolute;
    /* Código antigo:
    z-index: 1;
    ALTERADO (XAMPP local): o balão fica por cima do conteúdo que se segue. */
    z-index: 30;
    left: -117px;
    top: 110%;
    border: 2px solid #b6b6b6;
    font-size: 0.8rem;
    font-family: 'Lato',  sans-serif;
    line-height: initial;
}

.tooltip-public .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #b6b6b6 transparent;
}

.tooltip-public:hover .tooltiptext {
    visibility: visible;
}