/*   set REM unit   */
html{font-size:17px}
@media screen and (min-width: 320px){html{font-size:18px}}
@media screen and (min-width: 375px){html{font-size:19px}}
@media screen and (min-width: 425px){html{font-size:21px}}
@media screen and (min-width: 768px){html{font-size:20px}}
@media screen and (min-width: 1020px){html{font-size:19px}}

/*
@font-face {
    font-family: LemonMilk;
    src: url(../../fonts/LemonMilk/LemonMilk.otf);
}
*/

/*
@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/montserrat-regular.eot) format('embedded-opentype'),
        url(../../fonts/montserrat/montserrat-regular.woff) format('woff'),
        url(../../fonts/montserrat/montserrat-regular.woff2) format('woff2'),
        url(../../fonts/montserrat/montserrat-regular.ttf) format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/montserrat-light.eot) format('embedded-opentype'),
        url(../../fonts/montserrat/montserrat-light.woff) format('woff'),
        url(../../fonts/montserrat/montserrat-light.woff2) format('woff2'),
        url(../../fonts/montserrat/montserrat-light.ttf) format('truetype');
    font-weight: 100;
}
@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/montserrat-light.eot) format('embedded-opentype'),
        url(../../fonts/montserrat/montserrat-light.woff) format('woff'),
        url(../../fonts/montserrat/montserrat-light.woff2) format('woff2'),
        url(../../fonts/montserrat/montserrat-light.ttf) format('truetype');
    font-weight: 200;
}
@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/montserrat-regular.eot) format('embedded-opentype'),
        url(../../fonts/montserrat/montserrat-regular.woff) format('woff'),
        url(../../fonts/montserrat/montserrat-regular.woff2) format('woff2'),
        url(../../fonts/montserrat/montserrat-regular.ttf) format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/montserrat-regular.eot) format('embedded-opentype'),
        url(../../fonts/montserrat/montserrat-regular.woff) format('woff'),
        url(../../fonts/montserrat/montserrat-regular.woff2) format('woff2'),
        url(../../fonts/montserrat/montserrat-regular.ttf) format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/montserrat-regular.eot) format('embedded-opentype'),
        url(../../fonts/montserrat/montserrat-regular.woff) format('woff'),
        url(../../fonts/montserrat/montserrat-regular.woff2) format('woff2'),
        url(../../fonts/montserrat/montserrat-regular.ttf) format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/montserrat-bold.eot) format('embedded-opentype'),
        url(../../fonts/montserrat/montserrat-bold.woff) format('woff'),
        url(../../fonts/montserrat/montserrat-bold.woff2) format('woff2'),
        url(../../fonts/montserrat/montserrat-bold.ttf) format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/montserrat-bold.eot) format('embedded-opentype'),
        url(../../fonts/montserrat/montserrat-bold.woff) format('woff'),
        url(../../fonts/montserrat/montserrat-bold.woff2) format('woff2'),
        url(../../fonts/montserrat/montserrat-bold.ttf) format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/montserrat-bold.eot) format('embedded-opentype'),
        url(../../fonts/montserrat/montserrat-bold.woff) format('woff'),
        url(../../fonts/montserrat/montserrat-bold.woff2) format('woff2'),
        url(../../fonts/montserrat/montserrat-bold.ttf) format('truetype');
    font-weight: 800;
}
@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/montserrat-bold.eot) format('embedded-opentype'),
        url(../../fonts/montserrat/montserrat-bold.woff) format('woff'),
        url(../../fonts/montserrat/montserrat-bold.woff2) format('woff2'),
        url(../../fonts/montserrat/montserrat-bold.ttf) format('truetype');
    font-weight: 900;
}*/

@media only screen and (max-width: 1019px) and (min-width: 0px) {
    .__hideon-m {
        display: none!important;
    }
    ._m1{
        width: 8%;
    }
    ._m2{
        width: 16%;
    }
    ._m3{
        width: 24.5%;
    }
    ._m4{
        width: 33%;
    }
    ._m5{
        width: 41.3%;
    }
    ._m6{
        width: 49.6%;
    }
    ._m7{
        width: 58%;
    }
    ._m8{
        width: 66.1%;
    }
    ._m9{
        width: 74.1%;
    }
    ._m10{
        width: 82.9%;
    }
    ._m11{
        width: 91.2%;
    }
    ._m12{
        width: 99.5%;
    }
    iframe {
        display: none;
    }
    .introduzione img {
        display: none;
    }
}
@media only screen and (min-width: 1020px) {
    .__hideon-d {
        display: none!important;
    }
    ._d1{
        width: 8%;
    }
    ._d2{
        width: 16%;
    }
    ._d3{
        width: 24.5%;
    }
    ._d4{
        width: 33%;
    }
    ._d5{
        width: 41.3%;
    }
    ._d6{
        width: 49.6%;
    }
    ._d7{
        width: 58%;
    }
    ._d8{
        width: 66.3%;
    }
    ._d9{
        width: 74.6%;
    }
    ._d10{
        width: 82.9%;
    }
    ._d11{
        width: 91.2%;
    }
    ._d12{
        width: 99.5%;
    }
}

.left{
    float: left;
}
.right{
    float: left;
}

._autoWidthWrapper{
    display: table;
    table-layout: fixed;
    align-items: center;
}
._autoWidthWrapper>* {
    width: 100%;
    display: table-row;
}
._autoWidthWrapper>*>* {
    display: table-cell;
}

@supports (display: flex) {
    ._autoWidthWrapper{
        display: block;
    }
    ._autoWidthWrapper>* {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    ._autoWidthWrapper>*>* {
        display: block;
        list-style: none;
        flex-grow: 1;
        flex-shrink: 1;
        text-align: center;
        height: auto;
    }
    ._autoWidthWrapper>*>*.__awwFixed{
        flex-basis: 0;
    }
}

body{
    margin: 0;
    padding: 0;
    font-family: 'Raleway', sans-serif;
    /*font-family: LemonMilk !important;*/
    letter-spacing: 0;
}

.page_container{
    width: 100%;
    max-width: 53.7rem;
    margin: auto;
}
.grey-scale{
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}
.picker__close, .picker__today{
    color: #1C7CBF;
}
.picker__day.picker__day--today{
    color: #1C7CBF;
}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected{
    background-color: #1C7CBF;
}
.picker__date-display{
    background-color: #1C7CBF;
}
.picker__weekday-display{
    background-color: #0062a7;
}
.picker__close, .picker__today{
    padding: 0 0.5rem;
    color: #1C7CBF;
    font-size: 0.9rem;
}
.picker__day--infocus{
    padding: .35rem 0;
    margin: 0.2rem 0;
}
.fixed-button{
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    width: 3rem;
    height: 3rem;
    padding-top: .4rem;
    font-size: 3rem;
    background-color: #363c48;
}
.fixed-button:hover {
    background-color: #515a6d;
}

.picker__frame{
    width: 270px;
}

.picker__table{
    font-size: 0.75rem;
}
.picker__day-display{
    font-size: 2.5rem;
}

.picker__weekday-display{
    font-size: 0.9rem;
}

.picker__month-display{
    font-size: 1.5rem;
}

.picker__year-display{
    font-size: 1.2rem;
}

.btn-flat{
    padding: 0;
}

.gray-075{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.75;
}
#cboxOverlay{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    background: #000000;
    z-index: 9998;
}
#colorbox{
    z-index: 9999;
    padding: 1rem;
    background-color: white;
    border-radius: 0.2rem;
}
#cboxWrapper{
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    padding: 0.3rem;
    border: solid 1px #777777;
    border-radius: 0.3rem;
}
#cboxContent{
    max-width: 100%;
    max-height: 100%;
}
#cboxLoadedContent{
    height: 100%!important;
}
#colorbox iframe{
    width: 100%;
    height: 100%;
}
#cboxClose{
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background-color: rgb(28, 124, 191);
    border: none;
    outline: none;
    color: #ffffff;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
}
#cboxLoadedContent{
    overflow: hidden!important;
    max-width: 100%;
}
#cboxWrapper>div:nth-child(2){
    height: 100%;
}
#cboxLoadedContent>*{
    height: 100%;
    width: 100%;
    overflow: auto;
}
#cboxContent .accompagnatore_image{
    width: 30%;
    float: left;
}
#cboxContent .accompagnatore_image img{
    max-width: 100%;
    max-height: 100%;
}
#cboxContent .accompagnatore_text{
    width: 70%;
    float: left;
    padding: 1rem;
}
#cboxContent .accompagnatore_text h3{
    font-size: 2rem;
}
#cboxContent .accompagnatore_text_social, #cboxContent .accompagnatore_text_description{
    font-size: 0.8rem;
    font-weight: 500;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

#popup_home_cont{
    font-size:13px;
}

.btn-floating.material-icons.fixed-button.__hideon-d.noselect {
    margin-bottom: 1.5rem;
}