/*! montale-base.css | (c) Pino Ceniccola | MIT License */

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

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body {
    margin: 0;
}

select::-ms-expand {
    display: none;
}

textarea {
    overflow: auto;
}

.body-font, body {
    font-family: Roboto,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;
    line-height: 1.5;
    font-size: 22px;
    font-weight: 400;
    color: #1c1c1a;
    background-color: #fff;
}

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

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

svg {
    max-height: 100%;
}

/*a:visited {color: var(--link-visited-color);}*/

a, a:not(.btn):focus, a:not(.btn):hover {
    color: currentColor;
    text-decoration: underline;
}

.h, h1, h2, h3, h4, h5, h6 {
    font-family: Roboto,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 1.5rem;
    color: inherit;
}

h1 {
    font-size: 4.116rem;
}

h2 {
    font-size: 2.94rem;
}

h3 {
    font-size: 2.1rem;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 12px;
}

.block-margin, address, dl, figure, hr, ol, p, pre, table, ul {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

figure {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

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

b, strong {
    font-weight: 700;
}

code, kbd, pre {
    color: #1c1c1a;
    font-family: SF Mono,Menlo,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;
    font-size: inherit;
    background-color: #ededed;
}

code, kbd, mark, pre {
    border-radius: 32px;
}

code, kbd, mark {
    padding: .5ex .5em;
}

pre {
    padding: 1ex 1em;
    overflow-x: scroll;
}

    pre code {
        background: transparent;
        padding: 0;
    }

address {
    font-style: normal;
    line-height: inherit;
}

dt {
    font-weight: 700;
}

hr {
    border: 0;
    border-bottom: 1px inset #ededed;
}

small {
    font-size: 1.5ex;
}

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

sub {
    bottom: -.5ex;
}

sup {
    top: -1ex;
}

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

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

/* table reset */

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

th {
    text-align: left;
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, .03);
}

td, th {
    padding: .5rem 0;
    line-height: inherit;
}

th {
    vertical-align: bottom
}

td {
    vertical-align: top;
    border-top: 1px solid rgba(0, 0, 0, .03);
}

/* basic form reset */

input {
    margin: 0;
    vertical-align: middle;
    font-family: inherit;
}

/*
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="color"]):not([type="range"]),
textarea, select {
  */

input, select, textarea {
    border: 1px solid #a7a9ac;
    border-radius: 32px;
    display: inline-block;
    font-size: inherit; /*margin: var(--block-margin-top) 0 var(--block-margin-bottom) 0;*/
    max-width: 100%;
    padding: .5rem;
    width: 100%;
    font-family: inherit; /*appearance: none;*/
    background-color: transparent;
    color: #1c1c1a;
}

    /*
input:focus:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="color"]):not([type="range"]), textarea:focus, select:focus {
*/

    input:focus, select:focus, textarea:focus {
        border-color: #58585a;
    }

    /*
  Since we defined our own select:focus styles, we can safetly remove the ugly Firefox dotted border.
 */

    select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

    /*
*   TO DO: Since we styled the naked input element, we have to reset every other input type: button, range,
*   file, radio, checkbox, etc..
*/

    input[type=range] {
        display: block;
        margin: 0 0 1.5rem;
        max-width: 100%;
        width: 100%;
        padding: 1.5rem;
        border: 0;
        background-color: transparent;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }

    input[type=color] {
        border: 1px solid rgba(0, 0, 0, .03);
        border-radius: 32px;
        margin: 0;
        padding: 0;
        font-size: inherit;
    }

    input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    input[type=checkbox], input[type=radio] {
        margin: 0 0 .2rem;
        vertical-align: middle;
        border: 0;
        width: auto;
        padding: 0;
    }

    input[type=reset], input[type=submit] {
        width: auto;
    }

    input:disabled {
        opacity: .5;
    }

select {
    /*
    We are going to use this little hack for selects, at least until there will be
    more ways to style them more consistently across browsers.
   */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjgzIDE2LjQyTDI0IDI1LjU5bDkuMTctOS4xN0wzNiAxOS4yNWwtMTIgMTItMTItMTJ6Ii8+PHBhdGggZD0iTTAtLjc1aDQ4djQ4SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+");
    background-position: 99%;
    background-size: auto 50%;
    background-repeat: no-repeat;
}

option {
    margin: .5rem;
}

optgroup, option {
    font-family: inherit;
}

optgroup {
    padding: .2rem;
    font-style: normal;
}

    optgroup option {
        margin: 0;
    }

label {
    color: #fff;
}

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

legend {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
}

/* Basscss Btn */

.btn {
    font-family: inherit;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    line-height: 1.125rem;
    padding: .7rem 1.5rem;
    margin: 0;
    height: auto;
    border: 4px solid transparent;
    vertical-align: middle;
    -webkit-appearance: none;
    color: inherit;
    background-color: transparent;
}

    .btn, .btn:hover {
        text-decoration: none;
    }

        .btn:focus {
            border-color: rgba(0, 0, 0, .1);
            box-shadow: 0 0 0 3px rgba(0, 0, 0, .25);
        }

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Basscss Btn Sizes */

.btn-small {
    padding: .3rem 1.5rem;
}

.btn-big {
    padding: 1.5rem;
}

.btn-narrow {
    padding-left: 5rem;
    padding-right: 5rem;
}

/* Basscss Btn Primary */

.btn-primary {
    color: #fff;
    background-color: #b31f2d;
    border-radius: 32px;
}

    .btn-primary:hover {
        box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .03);
    }

    .btn-primary:active {
        box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .1),inset 0 3px 4px 0 rgba(0, 0, 0, .25),0 0 1px rgba(0, 0, 0, .1);
    }

    .btn-primary.is-disabled, .btn-primary:disabled {
        opacity: .5;
    }

/* Basscss Btn Outline */

.btn-outline, .btn-outline:hover {
    border-color: currentcolor;
}

.btn-outline {
    border-radius: 32px;
}

    .btn-outline:hover {
        box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .03);
    }

    .btn-outline:active {
        box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .1),inset 0 3px 4px 0 rgba(0, 0, 0, .25),0 0 1px rgba(0, 0, 0, .1);
    }

    .btn-outline.is-disabled, .btn-outline:disabled {
        opacity: .5;
    }

/*! Basscss | http://basscss.com | MIT License */

/* Basscss Type Scale */

.h00 {
    font-size: 8.06736rem
}

.h0 {
    font-size: 5.7624rem
}

.h1 {
    font-size: 4.116rem
}

.h2 {
    font-size: 2.94rem
}

.h3 {
    font-size: 2.1rem
}

.h4 {
    font-size: 22px
}

.h5 {
    font-size: 16px
}

.h6 {
    font-size: 12px
}

/* Basscss Typography */

.font-family-inherit {
    font-family: inherit
}

.font-size-inherit {
    font-size: inherit
}

.text-decoration-none {
    text-decoration: none
}

.bold {
    font-weight: 700
}

.regular {
    font-weight: 400
}

.italic {
    font-style: italic
}

.caps {
    text-transform: uppercase;
    letter-spacing: .1em;
}

.left-align {
    text-align: left
}

.center {
    text-align: center
}

.right-align {
    text-align: right
}

.justify {
    text-align: justify
}

.nowrap {
    white-space: nowrap
}

.break-word {
    word-wrap: break-word
}

.line-height-1 {
    line-height: 1
}

.line-height-2 {
    line-height: 1.125
}

.line-height-3 {
    line-height: 1.25
}

.line-height-4 {
    line-height: 1.5
}

.list-style-none {
    list-style: none
}

.underline {
    text-decoration: underline
}

.truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-reset {
    list-style: none;
    padding-left: 0;
}

/* Basscss Layout */

.inline {
    display: inline
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

.overflow-auto {
    overflow: auto
}

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

.clearfix:after {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.fit {
    max-width: 100%
}

.max-width-1 {
    max-width: 24rem
}

.max-width-2 {
    max-width: 50rem
}

.max-width-3 {
    max-width: 60rem
}

.max-width-4 {
    max-width: 72.5rem
}

.border-box {
    box-sizing: border-box
}

/* Basscss Align */

.align-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

/* Basscss Margin */

.m0 {
    margin: 0
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0, .mx0 {
    margin-left: 0
}

.mx0 {
    margin-right: 0
}

.my0 {
    margin-top: 0;
    margin-bottom: 0
}

.m1 {
    margin: .5rem
}

.mt1 {
    margin-top: .5rem
}

.mr1 {
    margin-right: .5rem
}

.mb1 {
    margin-bottom: .5rem
}

.ml1, .mx1 {
    margin-left: .5rem
}

.mx1 {
    margin-right: .5rem
}

.my1 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.m2 {
    margin: 1rem
}

.mt2 {
    margin-top: 1rem
}

.mr2 {
    margin-right: 1rem
}

.mb2 {
    margin-bottom: 1rem
}

.ml2, .mx2 {
    margin-left: 1rem
}

.mx2 {
    margin-right: 1rem
}

.my2 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.m3 {
    margin: 2rem
}

.mt3 {
    margin-top: 2rem
}

.mr3 {
    margin-right: 2rem
}

.mb3 {
    margin-bottom: 2rem
}

.ml3, .mx3 {
    margin-left: 2rem
}

.mx3 {
    margin-right: 2rem
}

.my3 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.m4 {
    margin: 4rem
}

.mt4 {
    margin-top: 4rem
}

.mr4 {
    margin-right: 4rem
}

.mb4 {
    margin-bottom: 4rem
}

.ml4, .mx4 {
    margin-left: 4rem
}

.mx4 {
    margin-right: 4rem
}

.my4 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.mxn1 {
    margin-left: -.5rem;
    margin-right: -.5rem;
}

.mxn2 {
    margin-left: -1rem;
    margin-right: -1rem;
}

.mxn3 {
    margin-left: -2rem;
    margin-right: -2rem;
}

.mxn4 {
    margin-left: -4rem;
    margin-right: -4rem;
}

.m-auto {
    margin: auto;
}

.mt-auto {
    margin-top: auto
}

.mr-auto {
    margin-right: auto
}

.mb-auto {
    margin-bottom: auto
}

.ml-auto, .mx-auto {
    margin-left: auto;
}

.mx-auto {
    margin-right: auto;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

/* Basscss Padding */

.p0 {
    padding: 0
}

.pt0 {
    padding-top: 0
}

.pr0 {
    padding-right: 0
}

.pb0 {
    padding-bottom: 0
}

.pl0, .px0 {
    padding-left: 0
}

.px0 {
    padding-right: 0
}

.py0 {
    padding-top: 0;
    padding-bottom: 0
}

.p1 {
    padding: .5rem
}

.pt1 {
    padding-top: .5rem
}

.pr1 {
    padding-right: .5rem
}

.pb1 {
    padding-bottom: .5rem
}

.pl1 {
    padding-left: .5rem
}

.py1 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px1 {
    padding-left: .5rem;
    padding-right: .5rem
}

.p2 {
    padding: 1rem
}

.pt2 {
    padding-top: 1rem
}

.pr2 {
    padding-right: 1rem
}

.pb2 {
    padding-bottom: 1rem
}

.pl2 {
    padding-left: 1rem
}

.py2 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px2 {
    padding-left: 1rem;
    padding-right: 1rem
}

.p3 {
    padding: 2rem
}

.pt3 {
    padding-top: 2rem
}

.pr3 {
    padding-right: 2rem
}

.pb3 {
    padding-bottom: 2rem
}

.pl3 {
    padding-left: 2rem
}

.py3 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.px3 {
    padding-left: 2rem;
    padding-right: 2rem
}

.p4 {
    padding: 4rem
}

.pt4 {
    padding-top: 4rem
}

.pr4 {
    padding-right: 4rem
}

.pb4 {
    padding-bottom: 4rem
}

.pl4 {
    padding-left: 4rem
}

.py4 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.px4 {
    padding-left: 4rem;
    padding-right: 4rem
}

/* Basscss Grid */

.col {
    float: left;
}

.col, .col-right {
    box-sizing: border-box;
}

.col-right {
    float: right;
}

.col-1 {
    width: 8.33333%;
}

.col-2 {
    width: 16.66667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33333%;
}

.col-5 {
    width: 41.66667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333%;
}

.col-8 {
    width: 66.66667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33333%;
}

.col-11 {
    width: 91.66667%;
}

.col-12 {
    width: 100%;
}

@media (min-width:40em) {

    .sm-col {
        float: left;
    }

    .sm-col, .sm-col-right {
        box-sizing: border-box;
    }

    .sm-col-right {
        float: right;
    }

    .sm-col-1 {
        width: 8.33333%;
    }

    .sm-col-2 {
        width: 16.66667%;
    }

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

    .sm-col-4 {
        width: 33.33333%;
    }

    .sm-col-5 {
        width: 41.66667%;
    }

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

    .sm-col-7 {
        width: 58.33333%;
    }

    .sm-col-8 {
        width: 66.66667%;
    }

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

    .sm-col-10 {
        width: 83.33333%;
    }

    .sm-col-11 {
        width: 91.66667%;
    }

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

@media (min-width:50.625em) {

    .md-col {
        float: left;
    }

    .md-col, .md-col-right {
        box-sizing: border-box;
    }

    .md-col-right {
        float: right;
    }

    .md-col-1 {
        width: 8.33333%;
    }

    .md-col-2 {
        width: 16.66667%;
    }

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

    .md-col-4 {
        width: 33.33333%;
    }

    .md-col-5 {
        width: 41.66667%;
    }

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

    .md-col-7 {
        width: 58.33333%;
    }

    .md-col-8 {
        width: 66.66667%;
    }

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

    .md-col-10 {
        width: 83.33333%;
    }

    .md-col-11 {
        width: 91.66667%;
    }

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

@media (min-width:71.875rem) {

    .lg-col {
        float: left;
    }

    .lg-col, .lg-col-right {
        box-sizing: border-box;
    }

    .lg-col-right {
        float: right;
    }

    .lg-col-1 {
        width: 8.33333%;
    }

    .lg-col-2 {
        width: 16.66667%;
    }

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

    .lg-col-4 {
        width: 33.33333%;
    }

    .lg-col-5 {
        width: 41.66667%;
    }

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

    .lg-col-7 {
        width: 58.33333%;
    }

    .lg-col-8 {
        width: 66.66667%;
    }

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

    .lg-col-10 {
        width: 83.33333%;
    }

    .lg-col-11 {
        width: 91.66667%;
    }

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

.flex {
    display: flex
}

@media (min-width:40em) {
    .sm-flex {
        display: flex
    }
}

@media (min-width:50.625em) {
    .md-flex {
        display: flex
    }
}

@media (min-width:71.875rem) {
    .lg-flex {
        display: flex
    }
}

.flex-column {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-baseline {
    align-self: baseline
}

.self-stretch {
    align-self: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-center {
    align-content: center
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.content-stretch {
    align-content: stretch
}

/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */

.flex-auto {
    flex: 1 1 auto;
    min-width: 0; /* 1 */
    min-height: 0; /* 1 */
}

.flex-none {
    flex: none
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-last {
    order: 99999
}

/* Basscss Position */

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z4 {
    z-index: 4
}

/* Basscss Border */

.border {
    border-style: solid;
    border-width: 4px;
}

.border-top {
    border-top-style: solid;
    border-top-width: 4px;
}

.border-right {
    border-right-style: solid;
    border-right-width: 4px;
}

.border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 4px;
}

.border-left {
    border-left-style: solid;
    border-left-width: 4px;
}

.border-none {
    border: 0
}

.rounded {
    border-radius: 32px
}

.circle {
    border-radius: 50%
}

.rounded-top {
    border-radius: 32px 32px 0 0
}

.rounded-right {
    border-radius: 0 32px 32px 0
}

.rounded-bottom {
    border-radius: 0 0 32px 32px
}

.rounded-left {
    border-radius: 32px 0 0 32px
}

.not-rounded {
    border-radius: 0
}

/* Basscss Hide */

.hide {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

@media (max-width:40em) {
    .xs-hide {
        display: none !important
    }
}

@media (min-width:40em) and (max-width:50.624em) {
    .sm-hide {
        display: none !important
    }
}

@media (min-width:50.625em) and (max-width:71.874rem) {
    .md-hide {
        display: none !important
    }
}

@media (min-width:71.875rem) {
    .lg-hide {
        display: none !important
    }
}

.display-none {
    display: none !important
}

/* Basscss Responsive Margin */

@media (min-width:40em) {

    .sm-m0 {
        margin: 0
    }

    .sm-mt0 {
        margin-top: 0
    }

    .sm-mr0 {
        margin-right: 0
    }

    .sm-mb0 {
        margin-bottom: 0
    }

    .sm-ml0, .sm-mx0 {
        margin-left: 0
    }

    .sm-mx0 {
        margin-right: 0
    }

    .sm-my0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm-m1 {
        margin: .5rem
    }

    .sm-mt1 {
        margin-top: .5rem
    }

    .sm-mr1 {
        margin-right: .5rem
    }

    .sm-mb1 {
        margin-bottom: .5rem
    }

    .sm-ml1, .sm-mx1 {
        margin-left: .5rem
    }

    .sm-mx1 {
        margin-right: .5rem
    }

    .sm-my1 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .sm-m2 {
        margin: 1rem
    }

    .sm-mt2 {
        margin-top: 1rem
    }

    .sm-mr2 {
        margin-right: 1rem
    }

    .sm-mb2 {
        margin-bottom: 1rem
    }

    .sm-ml2, .sm-mx2 {
        margin-left: 1rem
    }

    .sm-mx2 {
        margin-right: 1rem
    }

    .sm-my2 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .sm-m3 {
        margin: 2rem
    }

    .sm-mt3 {
        margin-top: 2rem
    }

    .sm-mr3 {
        margin-right: 2rem
    }

    .sm-mb3 {
        margin-bottom: 2rem
    }

    .sm-ml3, .sm-mx3 {
        margin-left: 2rem
    }

    .sm-mx3 {
        margin-right: 2rem
    }

    .sm-my3 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .sm-m4 {
        margin: 4rem
    }

    .sm-mt4 {
        margin-top: 4rem
    }

    .sm-mr4 {
        margin-right: 4rem
    }

    .sm-mb4 {
        margin-bottom: 4rem
    }

    .sm-ml4, .sm-mx4 {
        margin-left: 4rem
    }

    .sm-mx4 {
        margin-right: 4rem
    }

    .sm-my4 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .sm-mxn1 {
        margin-left: -var(--space-1);
        margin-right: -var(--space-1)
    }

    .sm-mxn2 {
        margin-left: -var(--space-2);
        margin-right: -var(--space-2)
    }

    .sm-mxn3 {
        margin-left: -var(--space-3);
        margin-right: -var(--space-3)
    }

    .sm-mxn4 {
        margin-left: -var(--space-4);
        margin-right: -var(--space-4)
    }

    .sm-ml-auto {
        margin-left: auto
    }

    .sm-mr-auto, .sm-mx-auto {
        margin-right: auto
    }

    .sm-mx-auto {
        margin-left: auto
    }
}

@media (min-width:50.625em) {

    .md-m0 {
        margin: 0
    }

    .md-mt0 {
        margin-top: 0
    }

    .md-mr0 {
        margin-right: 0
    }

    .md-mb0 {
        margin-bottom: 0
    }

    .md-ml0, .md-mx0 {
        margin-left: 0
    }

    .md-mx0 {
        margin-right: 0
    }

    .md-my0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md-m1 {
        margin: .5rem
    }

    .md-mt1 {
        margin-top: .5rem
    }

    .md-mr1 {
        margin-right: .5rem
    }

    .md-mb1 {
        margin-bottom: .5rem
    }

    .md-ml1, .md-mx1 {
        margin-left: .5rem
    }

    .md-mx1 {
        margin-right: .5rem
    }

    .md-my1 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .md-m2 {
        margin: 1rem
    }

    .md-mt2 {
        margin-top: 1rem
    }

    .md-mr2 {
        margin-right: 1rem
    }

    .md-mb2 {
        margin-bottom: 1rem
    }

    .md-ml2, .md-mx2 {
        margin-left: 1rem
    }

    .md-mx2 {
        margin-right: 1rem
    }

    .md-my2 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .md-m3 {
        margin: 2rem
    }

    .md-mt3 {
        margin-top: 2rem
    }

    .md-mr3 {
        margin-right: 2rem
    }

    .md-mb3 {
        margin-bottom: 2rem
    }

    .md-ml3, .md-mx3 {
        margin-left: 2rem
    }

    .md-mx3 {
        margin-right: 2rem
    }

    .md-my3 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .md-m4 {
        margin: 4rem
    }

    .md-mt4 {
        margin-top: 4rem
    }

    .md-mr4 {
        margin-right: 4rem
    }

    .md-mb4 {
        margin-bottom: 4rem
    }

    .md-ml4, .md-mx4 {
        margin-left: 4rem
    }

    .md-mx4 {
        margin-right: 4rem
    }

    .md-my4 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .md-mxn1 {
        margin-left: -var(--space-1);
        margin-right: -var(--space-1);
    }

    .md-mxn2 {
        margin-left: -var(--space-2);
        margin-right: -var(--space-2);
    }

    .md-mxn3 {
        margin-left: -var(--space-3);
        margin-right: -var(--space-3);
    }

    .md-mxn4 {
        margin-left: -var(--space-4);
        margin-right: -var(--space-4);
    }

    .md-ml-auto {
        margin-left: auto
    }

    .md-mr-auto, .md-mx-auto {
        margin-right: auto;
    }

    .md-mx-auto {
        margin-left: auto;
    }
}

@media (min-width:71.875rem) {

    .lg-m0 {
        margin: 0
    }

    .lg-mt0 {
        margin-top: 0
    }

    .lg-mr0 {
        margin-right: 0
    }

    .lg-mb0 {
        margin-bottom: 0
    }

    .lg-ml0, .lg-mx0 {
        margin-left: 0
    }

    .lg-mx0 {
        margin-right: 0
    }

    .lg-my0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg-m1 {
        margin: .5rem
    }

    .lg-mt1 {
        margin-top: .5rem
    }

    .lg-mr1 {
        margin-right: .5rem
    }

    .lg-mb1 {
        margin-bottom: .5rem
    }

    .lg-ml1, .lg-mx1 {
        margin-left: .5rem
    }

    .lg-mx1 {
        margin-right: .5rem
    }

    .lg-my1 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .lg-m2 {
        margin: 1rem
    }

    .lg-mt2 {
        margin-top: 1rem
    }

    .lg-mr2 {
        margin-right: 1rem
    }

    .lg-mb2 {
        margin-bottom: 1rem
    }

    .lg-ml2, .lg-mx2 {
        margin-left: 1rem
    }

    .lg-mx2 {
        margin-right: 1rem
    }

    .lg-my2 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .lg-m3 {
        margin: 2rem
    }

    .lg-mt3 {
        margin-top: 2rem
    }

    .lg-mr3 {
        margin-right: 2rem
    }

    .lg-mb3 {
        margin-bottom: 2rem
    }

    .lg-ml3, .lg-mx3 {
        margin-left: 2rem
    }

    .lg-mx3 {
        margin-right: 2rem
    }

    .lg-my3 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .lg-m4 {
        margin: 4rem
    }

    .lg-mt4 {
        margin-top: 4rem
    }

    .lg-mr4 {
        margin-right: 4rem
    }

    .lg-mb4 {
        margin-bottom: 4rem
    }

    .lg-ml4, .lg-mx4 {
        margin-left: 4rem
    }

    .lg-mx4 {
        margin-right: 4rem
    }

    .lg-my4 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .lg-mxn1 {
        margin-left: -var(--space-1);
        margin-right: -var(--space-1);
    }

    .lg-mxn2 {
        margin-left: -var(--space-2);
        margin-right: -var(--space-2);
    }

    .lg-mxn3 {
        margin-left: -var(--space-3);
        margin-right: -var(--space-3);
    }

    .lg-mxn4 {
        margin-left: -var(--space-4);
        margin-right: -var(--space-4);
    }

    .lg-ml-auto {
        margin-left: auto
    }

    .lg-mr-auto, .lg-mx-auto {
        margin-right: auto;
    }

    .lg-mx-auto {
        margin-left: auto;
    }
}

/* Basscss Responsive Padding */

@media (min-width:40em) {

    .sm-p0 {
        padding: 0
    }

    .sm-pt0 {
        padding-top: 0
    }

    .sm-pr0 {
        padding-right: 0
    }

    .sm-pb0 {
        padding-bottom: 0
    }

    .sm-pl0, .sm-px0 {
        padding-left: 0
    }

    .sm-px0 {
        padding-right: 0
    }

    .sm-py0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .sm-p1 {
        padding: .5rem
    }

    .sm-pt1 {
        padding-top: .5rem
    }

    .sm-pr1 {
        padding-right: .5rem
    }

    .sm-pb1 {
        padding-bottom: .5rem
    }

    .sm-pl1, .sm-px1 {
        padding-left: .5rem
    }

    .sm-px1 {
        padding-right: .5rem
    }

    .sm-py1 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .sm-p2 {
        padding: 1rem
    }

    .sm-pt2 {
        padding-top: 1rem
    }

    .sm-pr2 {
        padding-right: 1rem
    }

    .sm-pb2 {
        padding-bottom: 1rem
    }

    .sm-pl2, .sm-px2 {
        padding-left: 1rem
    }

    .sm-px2 {
        padding-right: 1rem
    }

    .sm-py2 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .sm-p3 {
        padding: 2rem
    }

    .sm-pt3 {
        padding-top: 2rem
    }

    .sm-pr3 {
        padding-right: 2rem
    }

    .sm-pb3 {
        padding-bottom: 2rem
    }

    .sm-pl3, .sm-px3 {
        padding-left: 2rem
    }

    .sm-px3 {
        padding-right: 2rem
    }

    .sm-py3 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .sm-p4 {
        padding: 4rem
    }

    .sm-pt4 {
        padding-top: 4rem
    }

    .sm-pr4 {
        padding-right: 4rem
    }

    .sm-pb4 {
        padding-bottom: 4rem
    }

    .sm-pl4, .sm-px4 {
        padding-left: 4rem
    }

    .sm-px4 {
        padding-right: 4rem
    }

    .sm-py4 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media (min-width:50.625em) {

    .md-p0 {
        padding: 0
    }

    .md-pt0 {
        padding-top: 0
    }

    .md-pr0 {
        padding-right: 0
    }

    .md-pb0 {
        padding-bottom: 0
    }

    .md-pl0, .md-px0 {
        padding-left: 0
    }

    .md-px0 {
        padding-right: 0
    }

    .md-py0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .md-p1 {
        padding: .5rem
    }

    .md-pt1 {
        padding-top: .5rem
    }

    .md-pr1 {
        padding-right: .5rem
    }

    .md-pb1 {
        padding-bottom: .5rem
    }

    .md-pl1, .md-px1 {
        padding-left: .5rem
    }

    .md-px1 {
        padding-right: .5rem
    }

    .md-py1 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .md-p2 {
        padding: 1rem
    }

    .md-pt2 {
        padding-top: 1rem
    }

    .md-pr2 {
        padding-right: 1rem
    }

    .md-pb2 {
        padding-bottom: 1rem
    }

    .md-pl2, .md-px2 {
        padding-left: 1rem
    }

    .md-px2 {
        padding-right: 1rem
    }

    .md-py2 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md-p3 {
        padding: 2rem
    }

    .md-pt3 {
        padding-top: 2rem
    }

    .md-pr3 {
        padding-right: 2rem
    }

    .md-pb3 {
        padding-bottom: 2rem
    }

    .md-pl3, .md-px3 {
        padding-left: 2rem
    }

    .md-px3 {
        padding-right: 2rem
    }

    .md-py3 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .md-p4 {
        padding: 4rem
    }

    .md-pt4 {
        padding-top: 4rem
    }

    .md-pr4 {
        padding-right: 4rem
    }

    .md-pb4 {
        padding-bottom: 4rem
    }

    .md-pl4, .md-px4 {
        padding-left: 4rem
    }

    .md-px4 {
        padding-right: 4rem
    }

    .md-py4 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media (min-width:71.875rem) {

    .lg-p0 {
        padding: 0
    }

    .lg-pt0 {
        padding-top: 0
    }

    .lg-pr0 {
        padding-right: 0
    }

    .lg-pb0 {
        padding-bottom: 0
    }

    .lg-pl0, .lg-px0 {
        padding-left: 0
    }

    .lg-px0 {
        padding-right: 0
    }

    .lg-py0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg-p1 {
        padding: .5rem
    }

    .lg-pt1 {
        padding-top: .5rem
    }

    .lg-pr1 {
        padding-right: .5rem
    }

    .lg-pb1 {
        padding-bottom: .5rem
    }

    .lg-pl1, .lg-px1 {
        padding-left: .5rem
    }

    .lg-px1 {
        padding-right: .5rem
    }

    .lg-py1 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .lg-p2 {
        padding: 1rem
    }

    .lg-pt2 {
        padding-top: 1rem
    }

    .lg-pr2 {
        padding-right: 1rem
    }

    .lg-pb2 {
        padding-bottom: 1rem
    }

    .lg-pl2, .lg-px2 {
        padding-left: 1rem
    }

    .lg-px2 {
        padding-right: 1rem
    }

    .lg-py2 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .lg-p3 {
        padding: 2rem
    }

    .lg-pt3 {
        padding-top: 2rem
    }

    .lg-pr3 {
        padding-right: 2rem
    }

    .lg-pb3 {
        padding-bottom: 2rem
    }

    .lg-pl3, .lg-px3 {
        padding-left: 2rem
    }

    .lg-px3 {
        padding-right: 2rem
    }

    .lg-py3 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .lg-p4 {
        padding: 4rem
    }

    .lg-pt4 {
        padding-top: 4rem
    }

    .lg-pr4 {
        padding-right: 4rem
    }

    .lg-pb4 {
        padding-bottom: 4rem
    }

    .lg-pl4, .lg-px4 {
        padding-left: 4rem
    }

    .lg-px4 {
        padding-right: 4rem
    }

    .lg-py4 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

/* Basscss Responsive Layout */

@media (min-width:40em) {

    .sm-inline {
        display: inline
    }

    .sm-block {
        display: block
    }

    .sm-inline-block {
        display: inline-block
    }

    .sm-table {
        display: table
    }

    .sm-table-cell {
        display: table-cell
    }

    .sm-overflow-hidden {
        overflow: hidden
    }

    .sm-overflow-scroll {
        overflow: scroll
    }

    .sm-overflow-auto {
        overflow: auto
    }

    .sm-left {
        float: left
    }

    .sm-right {
        float: right
    }
}

@media (min-width:50.625em) {

    .md-inline {
        display: inline
    }

    .md-block {
        display: block
    }

    .md-inline-block {
        display: inline-block
    }

    .md-table {
        display: table
    }

    .md-table-cell {
        display: table-cell
    }

    .md-overflow-hidden {
        overflow: hidden
    }

    .md-overflow-scroll {
        overflow: scroll
    }

    .md-overflow-auto {
        overflow: auto
    }

    .md-left {
        float: left
    }

    .md-right {
        float: right
    }
}

@media (min-width:71.875rem) {

    .lg-inline {
        display: inline
    }

    .lg-block {
        display: block
    }

    .lg-inline-block {
        display: inline-block
    }

    .lg-table {
        display: table
    }

    .lg-table-cell {
        display: table-cell
    }

    .lg-overflow-hidden {
        overflow: hidden
    }

    .lg-overflow-scroll {
        overflow: scroll
    }

    .lg-overflow-auto {
        overflow: auto
    }

    .lg-left {
        float: left
    }

    .lg-right {
        float: right
    }
}

/* Basscss Responsive Position */

@media (min-width:40em) {
    .sm-relative {
        position: relative
    }

    .sm-absolute {
        position: absolute
    }

    .sm-fixed {
        position: fixed
    }

    .sm-top-0 {
        top: 0
    }

    .sm-right-0 {
        right: 0
    }

    .sm-bottom-0 {
        bottom: 0
    }

    .sm-left-0 {
        left: 0
    }
}

@media (min-width:50.625em) {
    .md-relative {
        position: relative
    }

    .md-absolute {
        position: absolute
    }

    .md-fixed {
        position: fixed
    }

    .md-top-0 {
        top: 0
    }

    .md-right-0 {
        right: 0
    }

    .md-bottom-0 {
        bottom: 0
    }

    .md-left-0 {
        left: 0
    }
}

@media (min-width:71.875rem) {
    .lg-relative {
        position: relative
    }

    .lg-absolute {
        position: absolute
    }

    .lg-fixed {
        position: fixed
    }

    .lg-top-0 {
        top: 0
    }

    .lg-right-0 {
        right: 0
    }

    .lg-bottom-0 {
        bottom: 0
    }

    .lg-left-0 {
        left: 0
    }
}

/* Basscss Responsive Typography */

@media (min-width:40em) {
    .sm-left-align {
        text-align: left
    }

    .sm-center {
        text-align: center
    }

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

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

@media (min-width:50.625em) {
    .md-left-align {
        text-align: left
    }

    .md-center {
        text-align: center
    }

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

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

@media (min-width:71.875rem) {
    .lg-left-align {
        text-align: left
    }

    .lg-center {
        text-align: center
    }

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

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

/* Basscss Responsive Type Scale */

@media (min-width:40em) {
    .sm-h00 {
        font-size: 8.06736rem
    }

    .sm-h0 {
        font-size: 5.7624rem
    }

    .sm-h1 {
        font-size: 4.116rem
    }

    .sm-h2 {
        font-size: 2.94rem
    }

    .sm-h3 {
        font-size: 2.1rem
    }

    .sm-h4 {
        font-size: 22px
    }

    .sm-h5 {
        font-size: 16px
    }

    .sm-h6 {
        font-size: 12px
    }
}

@media (min-width:50.625em) {
    .md-h00 {
        font-size: 8.06736rem
    }

    .md-h0 {
        font-size: 5.7624rem
    }

    .md-h1 {
        font-size: 4.116rem
    }

    .md-h2 {
        font-size: 2.94rem
    }

    .md-h3 {
        font-size: 2.1rem
    }

    .md-h4 {
        font-size: 22px
    }

    .md-h5 {
        font-size: 16px
    }

    .md-h6 {
        font-size: 12px
    }
}

@media (min-width:71.875rem) {
    .lg-h00 {
        font-size: 8.06736rem
    }

    .lg-h0 {
        font-size: 5.7624rem
    }

    .lg-h1 {
        font-size: 4.116rem
    }

    .lg-h2 {
        font-size: 2.94rem
    }

    .lg-h3 {
        font-size: 2.1rem
    }

    .lg-h4 {
        font-size: 22px
    }

    .lg-h5 {
        font-size: 16px
    }

    .lg-h6 {
        font-size: 12px
    }
}

/* Basscss Colors */

/* 

   VARIABLES

   - Cool
   - Warm
   - Gray Scale

*/

.gray {
    color: #ededed
}

.silver {
    color: #ddd
}

.aqua {
    color: #7fdbff
}

.blue {
    color: #00aeef
}

.navy {
    color: #001f3f
}

.teal {
    color: #1d9892
}

.green {
    color: #2ecc40
}

.olive {
    color: #3d9970
}

.lime {
    color: #01ff70
}

.yellow {
    color: #fcb42c
}

.red {
    color: #b31f2d
}

.fuchsia {
    color: #f012be
}

.purple {
    color: #b10dc9
}

.maroon {
    color: #af2d26
}

.muted {
    opacity: .5
}

/* Basscss Background Colors */

.bg-gray {
    background-color: #ededed
}

.bg-silver {
    background-color: #ddd
}

.bg-aqua {
    background-color: #7fdbff
}

.bg-blue {
    background-color: #00aeef
}

.bg-navy {
    background-color: #001f3f
}

.bg-teal {
    background-color: #1d9892
}

.bg-green {
    background-color: #2ecc40
}

.bg-olive {
    background-color: #3d9970
}

.bg-lime {
    background-color: #01ff70
}

.bg-yellow {
    background-color: #fcb42c
}

.bg-red {
    background-color: #b31f2d
}

.bg-fuchsia {
    background-color: #f012be
}

.bg-purple {
    background-color: #b10dc9
}

.bg-maroon {
    background-color: #af2d26
}

/* Basscss Border Colors */

.border-gray {
    border-color: #ededed
}

.border-silver {
    border-color: #ddd
}

.border-aqua {
    border-color: #7fdbff
}

.border-blue {
    border-color: #00aeef
}

.border-navy {
    border-color: #001f3f
}

.border-teal {
    border-color: #1d9892
}

.border-green {
    border-color: #2ecc40
}

.border-olive {
    border-color: #3d9970
}

.border-lime {
    border-color: #01ff70
}

.border-yellow {
    border-color: #fcb42c
}

.border-red {
    border-color: #b31f2d
}

.border-fuchsia {
    border-color: #f012be
}

.border-purple {
    border-color: #b10dc9
}

.border-maroon {
    border-color: #af2d26
}

/* Basscss Darken */

.bg-darken-1 {
    background-color: rgba(0, 0, 0, .03)
}

.bg-darken-2 {
    background-color: rgba(0, 0, 0, .1)
}

.bg-darken-3 {
    background-color: rgba(0, 0, 0, .25)
}

.bg-darken-4 {
    background-color: rgba(0, 0, 0, .5)
}

/* Basscss Lighten */

.bg-lighten-1 {
    background-color: hsla(0, 0%, 100%, .0625)
}

.bg-lighten-2 {
    background-color: hsla(0, 0%, 100%, .125)
}

.bg-lighten-3 {
    background-color: hsla(0, 0%, 100%, .25)
}

.bg-lighten-4 {
    background-color: hsla(0, 0%, 100%, .5)
}

/* Basscss Background Images */

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.bg-center {
    background-position: 50%
}

.bg-top {
    background-position: top
}

.bg-right {
    background-position: 100%
}

.bg-bottom {
    background-position: bottom
}

.bg-left {
    background-position: 0
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-repeat-x {
    background-repeat: repeat-x
}

.bg-repeat-y {
    background-repeat: repeat-y
}

/* Fix BassCSS invalid negative margin declarations */

@media (min-width:40em) {
    .sm-mxn1 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .sm-mxn2 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .sm-mxn3 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .sm-mxn4 {
        margin-left: -4rem;
        margin-right: -4rem
    }
}

@media (min-width:50.625em) {
    .md-mxn1 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .md-mxn2 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .md-mxn3 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .md-mxn4 {
        margin-left: -4rem;
        margin-right: -4rem
    }
}

@media (min-width:71.875rem) {
    .lg-mxn1 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .lg-mxn2 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .lg-mxn3 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .lg-mxn4 {
        margin-left: -4rem;
        margin-right: -4rem
    }
}

/*! montale-extra.css | (c) Pino Ceniccola | MIT License */

/*
 *	MOTION
 */

.transition {
    transition: all .25s cubic-bezier(.455, .03, .515, .955);
}

.transition-fast {
    transition: all .1s cubic-bezier(.455, .03, .515, .955);
}

.transition-slow {
    transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

/*
 *	TYPOGRAPHY
 */

/* http://kennethormandy.com/journal/normalize-opentype-css */

body, html, table {
    -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;
}

abbr {
    text-transform: uppercase;
    -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1;
}

/* font-weight utilities */

.weight-100 {
    font-weight: 100
}

.weight-200 {
    font-weight: 200
}

.weight-300 {
    font-weight: 300
}

.weight-400 {
    font-weight: 400
}

.weight-500 {
    font-weight: 500
}

.weight-600 {
    font-weight: 600
}

.weight-700 {
    font-weight: 700
}

.weight-800 {
    font-weight: 800
}

.weight-900 {
    font-weight: 900
}

.uppercase {
    text-transform: uppercase;
}

.serif {
    font-family: serif;
}

.monospace {
    font-family: SF Mono,Menlo,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;
}

/*
 *	COLORS
 */

.primary {
    color: #1c1c1a;
}

.bg-primary {
    background-color: #1c1c1a;
}

.border-primary {
    border-color: #1c1c1a;
}

.orange {
    color: #ff4500;
}

.white {
    color: #fff;
}

.black {
    color: #1c1c1a;
}

.bg-orange {
    background-color: #ff4500;
}

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #1c1c1a;
}

.border-orange {
    border-color: #ff4500;
}

.border-white {
    border-color: #fff;
}

.border-black {
    border-color: #1c1c1a;
}

.gray-1 {
    color: #f6f7f8;
}

.gray-2 {
    color: #e9e9e8;
}

.gray-3 {
    color: #a7a9ac;
}

.gray-4 {
    color: #58585a;
}

.bg-gray-1 {
    background-color: #f6f7f8;
}

.bg-gray-2 {
    background-color: #e9e9e8;
}

.bg-gray-3 {
    background-color: #a7a9ac;
}

.bg-gray-4 {
    background-color: #58585a;
}

.border-gray-1 {
    border-color: #f6f7f8;
}

.border-gray-2 {
    border-color: #e9e9e8;
}

.border-gray-3 {
    border-color: #a7a9ac;
}

.border-gray-4 {
    border-color: #58585a;
}

/* extra color utils */

.color-inherit {
    color: inherit;
}

.current-color {
    color: currentColor;
}

/*
 *  Layout
 */

.sticky {
    position: -webkit-sticky;
    position: sticky;
}

@media (min-width:71.875rem) {
    .lg-sticky {
        position: -webkit-sticky;
        position: sticky;
    }
}

/* Dropdown navigation */

.dropdown-nav {
    position: relative;
}

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

    .dropdown-nav li {
        position: relative;
    }

    /* > first level */

    .dropdown-nav > ul > li {
        display: inline-block;
        position: relative;
    }

        .dropdown-nav > ul > li > a {
            display: inline-block;
            vertical-align: middle;
        }

    /* > second level */

    .dropdown-nav li ul {
        /*display: none;*/
        position: absolute;
        top: 100%;
        z-index: 1;
        min-width: 100%;
        transition: all .25s cubic-bezier(.455, .03, .515, .955);
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(5px) translateX(-50%);
        transform: translateY(5px) translateX(-50%);
        left: 50%;
    }

    /*
.dropdown-nav li:last-child > ul {
	right:0;
}
*/

    .dropdown-nav li:hover > ul {
        /*display: block;*/
        -webkit-transform: translateY(0) translateX(-50%);
        transform: translateY(0) translateX(-50%);
        opacity: 1;
        pointer-events: auto;
    }

    .dropdown-nav li ul a {
        display: block;
        vertical-align: middle;
        white-space: nowrap;
    }

    /* Third level */

    .dropdown-nav li ul ul {
        display: none;
        bottom: auto;
        left: 100%;
        top: 0;
    }

    .dropdown-nav li ul li:hover ul {
        display: block;
    }

/* WP Styles */

/*
.dropdown-nav a:hover, .dropdown-nav a:focus {
    color:inherit;
    text-decoration: none;
}

.dropdown-nav > ul > li.menu-item-has-children:hover > a {
    background-color:var(--black);
}

.dropdown-nav > ul > li.current_page_parent, .dropdown-nav > ul > li.current-menu-item, .dropdown-nav > ul > li.current-page-ancestor {
    background-color:var(--darken-3);
}

.no-touch .dropdown-nav li ul a:hover {
    background-color:var(--darken-3);
}

.dropdown-nav li ul li.current-menu-item a {
    background-color:var(--darken-3);
}
*/

/* Slider */

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list, .slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

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

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:after, .slick-track:before {
        display: table;
        content: "";
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/* theme */

/* Arrows */

.slick-next:before, .slick-prev:before {
    display: none;
}

@media only screen and (min-width:1024px) {
    .slick-next:before, .slick-prev:before {
        display: block;
    }
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    border: none;
}

    .slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
        color: transparent;
        outline: none;
        background: transparent;
    }

        .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
            opacity: 1;
        }

        .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
            opacity: 0;
            cursor: default;
        }

        .slick-next:before, .slick-prev:before {
            /*
    font-family: "Ionicons";
    font-size: var(--h00);
    line-height: 1;

    opacity: .75;
    color: var(--orange);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    */
            background-size: cover;
            width: 32px;
            height: 45px;
        }

.slick-prev {
    left: -35px;
}

    .slick-prev:before {
        content: "";
        background-image: url(/files/arrow-left.svg);
    }

.slick-next {
    right: -35px;
}

    .slick-next:before {
        content: "";
        background-image: url(/files/arrow-right.svg);
    }

/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0 5px;
        padding: 0;
    }

        .slick-dots li, .slick-dots li button {
            width: 20px;
            height: 20px;
            cursor: pointer;
        }

            .slick-dots li button {
                font-size: 0;
                line-height: 0;
                display: block;
                padding: 5px;
                color: transparent;
                border: 0;
                outline: none;
                background: transparent;
            }

                .slick-dots li button:focus, .slick-dots li button:hover {
                    outline: none;
                }

                    .slick-dots li button:focus:before, .slick-dots li button:hover:before {
                        opacity: 1;
                    }

                .slick-dots li button:before {
                    font-size: 2.94rem;
                    line-height: 20px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 20px;
                    height: 20px;
                    content: "•";
                    text-align: center;
                    opacity: .25;
                    color: #000;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }

            .slick-dots li.slick-active button:before {
                opacity: .75;
                color: #1c1c1a;
            }

/*
 *   MUG extends
 */

/* layout */

body, html {
    height: 100%;
}

.overflow-y {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.abs-center-y {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* logo */

.logo {
    width: 100px;
}

@media (min-width:50.625em) {
    .logo {
        width: auto;
    }
}

.post-header:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background: url(/images/header-alpha.png) 50%;
    pointer-events: none;
}

/* links */

.btn:focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
}

.btn-rounded {
    border-top-left-radius: 32px;
    border-bottom-right-radius: 32px;
}

.no-underline a, .no-underline a:focus, .no-underline a:hover, a.no-underline:focus, a.no-underline:hover {
    text-decoration: none !important;
}

/* menu */

.main-nav {
    height: 40px;
    width: 714px;
    background: url(/images/menu-alpha.png) 50% no-repeat;
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.dropdown-nav a, .dropdown-nav a:focus, .dropdown-nav a:hover {
    color: inherit;
    text-decoration: none;
    padding: .5rem 1rem;
    background-color: #fff;
}

.dropdown-nav .sub-menu a {
    font-size: 12px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

/* gestione label colorate in base alla pagina corrente */

body.be-mug-item a.be-mug-item {
    color:#b31f2d;
}

body.join-mug-item a.join-mug-item {
    color:#00aeef;
}

body.make-mug-item li.make-mug-item {
    color:#fcb42c;
}

body.advisory-board a.be-mug-item, body.advisory-board li.advisory-board {
    color:#b31f2d;
}

body.partner a.join-mug-item, body.partner li.partner {
    color:#00aeef;
}

/* !gestione label colorate in base alla pagina corrente */

.menu-item:first-child.current-menu-ancestor > a, .menu-item:first-child.current-menu-item > a, .menu-item:first-child .current-menu-item > a {
    color: #b31f2d;
}
.menu-item:nth-child(2).current-menu-ancestor > a, .menu-item:nth-child(2).current-menu-item > a, .menu-item:nth-child(2) .current-menu-item > a {
    color: #00aeef;
}

.menu-item:nth-child(3).current-menu-ancestor > a, .menu-item:nth-child(3).current-menu-item > a, .menu-item:nth-child(3) .current-menu-item > a {
    color: #fcb42c;
}

/* mobile menu */

.mobile-menu > ul {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0;
}

    .mobile-menu > ul > li {
        width: 50%;
        padding: 1rem;
    }

        .mobile-menu > ul > li:nth-child(odd) {
            border-right: 2px solid #e9e9e8;
        }

        .mobile-menu > ul > li:first-child, .mobile-menu > ul > li:nth-child(2) {
            border-bottom: 2px solid #e9e9e8;
        }

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

.mobile-menu li li a {
    font-size: 12px;
}

/* iframes */

iframe {
    width: 100%;
    max-width: 100%;
    border: 0;
}

.iframe-pages {
    height: 150px;
}

@media (min-width:40em) {
    .iframe-pages {
        height: 250px;
    }
}

@media (min-width:50.625em) {
    .iframe-pages {
        height: 485px;
    }
}

/* forms */

input, select, textarea {
    border-radius: 0;
    border-bottom-right-radius: 32px;
    border-width: 2px;
}

label.label {
    border-top-left-radius: 32px;
    background-color: #58585a;
    font-size: 12px;
    padding: .5rem 2rem;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
}

@media (min-width:40em) {
    label.label {
        font-size: 16px;
    }

    .newsletter label.label {
        max-width: 150px;
    }
}

@media (min-width:50.625em) {
    input {
        max-width: 360px;
    }
}

input.dark {
    border-color: #fff;
    color: #fff;
}

button:focus, input:focus, select:focus, textarea:focus {
    outline: none;
}

/* title */

.page-title {
    border-top: 4px solid #1c1c1a;
    border-bottom: 4px solid #1c1c1a;
    font-weight: 400;
}

/* custom colors */

.bg-darkred {
    background-color: #4e0722;
}

.border-darkred {
    border-color: #4e0722;
}

.bg-darkblue {
    background-color: #044e82;
}

.border-darkblue {
    border-color: #044e82;
}

.bg-darkyellow {
    background-color: #815d08;
}

.border-darkyellow {
    border-color: #815d08;
}

.bg-darkteal {
    background-color: #054845;
}

.border-darkteal {
    border-color: #054845;
}

/* custom corners */

.rounded-top {
    border-top-right-radius: 32px;
    border-top-left-radius: 32px;
}

.rounded-bottom {
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
}

/* Card flip */

.cardContainer {
    transition: all .3s ease;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.card {
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


/* Workaround for IE/no preserve-3d support */
@media screen\0 {
    .cardContainer:hover .card .front {
        visibility: hidden;
    }

    .cardContainer:hover .card .back {
        -ms-backface-visibility: visible;
    }

    /* 
	  La seguente riga toglie in toto l'animazione per IE, per me la 
	  soluzione migliore. Commentandola, l'animazione resta ma è un po'
	  "scattosa".
	
	.cardContainer .card {transition:none;}*/
}

.cardContainer:hover .card {
    -webkit-transform: rotateY( 180deg);
    transform: rotateY( 180deg);
}

.card .front {
    /*background-color: var(--red)*/
}


.card .back, .card .front {
    display: block;
    height: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-width: 10px;
    overflow-y: auto;
}

.card .back, .card .front {
    width: 100%;
    text-align: center;
}

.card .back {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*background-color: var(--red);
	color: var(--white);*/
    -webkit-transform: rotateY( 180deg);
    transform: rotateY( 180deg);
}

/* effetto grayscale immagini */

.presume-mouse .effect-grayscale img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .25s cubic-bezier(.455, .03, .515, .955);
}

    .presume-mouse .effect-grayscale img:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }

/* popup */

.popup {
    transition: all .25s cubic-bezier(.455, .03, .515, .955),-webkit-transform .5s cubic-bezier(.455, .03, .515, .955);
    transition: all .25s cubic-bezier(.455, .03, .515, .955),transform .5s cubic-bezier(.455, .03, .515, .955);
    transition: all .25s cubic-bezier(.455, .03, .515, .955),transform .5s cubic-bezier(.455, .03, .515, .955),-webkit-transform .5s cubic-bezier(.455, .03, .515, .955);
    overflow: hidden;
    max-height: 0;
    height: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

    .popup.open {
        height: 100vh;
        max-height: 100vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .popup:before {
        content: "";
        width: 100%;
        display: block;
        border-bottom: 40px solid #e9e9e8;
        border-bottom-right-radius: 32px;
    }

/* other utils */

.box-shadow {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .55);
}

@media (min-width:50.625em) {
    .md-rounded-top-right {
        border-top-right-radius: 32px;
    }
}

/* montale-defaults.css | (c) Pino Ceniccola | MIT License */

/*
@custom-media --breakpoint-sm (min-width: 40em);
@custom-media --breakpoint-md (min-width: 50em);
@custom-media --breakpoint-lg (min-width: 64em);
*/


.card .back .description {
    padding: 7px 10px;
}
