@font-face { font-family: 'Titillium Web'; src: url('../font/TitilliumWeb-ExtraLight.eot'); src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'), url('../font/TitilliumWeb-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../font/TitilliumWeb-ExtraLight.woff2') format('woff2'), url('../font/TitilliumWeb-ExtraLight.woff') format('woff'), url('../font/TitilliumWeb-ExtraLight.ttf') format('truetype'), url('../font/TitilliumWeb-ExtraLight.svg#TitilliumWeb-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Titillium Web'; src: url('../font/TitilliumWeb-BoldItalic.eot'); src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'), url('../font/TitilliumWeb-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../font/TitilliumWeb-BoldItalic.woff2') format('woff2'), url('../font/TitilliumWeb-BoldItalic.woff') format('woff'), url('../font/TitilliumWeb-BoldItalic.ttf') format('truetype'), url('../font/TitilliumWeb-BoldItalic.svg#TitilliumWeb-BoldItalic') format('svg'); font-weight: bold; font-style: italic; font-display: swap; }
@font-face { font-family: 'Titillium Web'; src: url('../font/TitilliumWeb-Bold.eot'); src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url('../font/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'), url('../font/TitilliumWeb-Bold.woff2') format('woff2'), url('../font/TitilliumWeb-Bold.woff') format('woff'), url('../font/TitilliumWeb-Bold.ttf') format('truetype'), url('../font/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Titillium Web'; src: url('../font/TitilliumWeb-Regular.eot'); src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url('../font/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'), url('../font/TitilliumWeb-Regular.woff2') format('woff2'), url('../font/TitilliumWeb-Regular.woff') format('woff'), url('../font/TitilliumWeb-Regular.ttf') format('truetype'), url('../font/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Titillium Web'; src: url('../font/TitilliumWeb-Light.eot'); src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url('../font/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'), url('../font/TitilliumWeb-Light.woff2') format('woff2'), url('../font/TitilliumWeb-Light.woff') format('woff'), url('../font/TitilliumWeb-Light.ttf') format('truetype'), url('../font/TitilliumWeb-Light.svg#TitilliumWeb-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Titillium Web'; src: url('../font/TitilliumWeb-SemiBold.eot'); src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url('../font/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'), url('../font/TitilliumWeb-SemiBold.woff2') format('woff2'), url('../font/TitilliumWeb-SemiBold.woff') format('woff'), url('../font/TitilliumWeb-SemiBold.ttf') format('truetype'), url('../font/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Titillium Web'; src: url('../font/TitilliumWeb-ExtraLightItalic.eot'); src: local('Titillium Web ExtraLight Italic'), local('TitilliumWeb-ExtraLightItalic'), url('../font/TitilliumWeb-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../font/TitilliumWeb-ExtraLightItalic.woff2') format('woff2'), url('../font/TitilliumWeb-ExtraLightItalic.woff') format('woff'), url('../font/TitilliumWeb-ExtraLightItalic.ttf') format('truetype'), url('../font/TitilliumWeb-ExtraLightItalic.svg#TitilliumWeb-ExtraLightItalic') format('svg'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'Titillium Web'; src: url('../font/TitilliumWeb-LightItalic.eot'); src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'), url('../font/TitilliumWeb-LightItalic.eot?#iefix') format('embedded-opentype'), url('../font/TitilliumWeb-LightItalic.woff2') format('woff2'), url('../font/TitilliumWeb-LightItalic.woff') format('woff'), url('../font/TitilliumWeb-LightItalic.ttf') format('truetype'), url('../font/TitilliumWeb-LightItalic.svg#TitilliumWeb-LightItalic') format('svg'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Titillium Web'; src: url('../font/TitilliumWeb-Black.eot'); src: local('Titillium Web Black'), local('TitilliumWeb-Black'), url('../font/TitilliumWeb-Black.eot?#iefix') format('embedded-opentype'), url('../font/TitilliumWeb-Black.woff2') format('woff2'), url('../font/TitilliumWeb-Black.woff') format('woff'), url('../font/TitilliumWeb-Black.ttf') format('truetype'), url('../font/TitilliumWeb-Black.svg#TitilliumWeb-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Titillium Web'; src: url('../font/TitilliumWeb-Italic.eot'); src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url('../font/TitilliumWeb-Italic.eot?#iefix') format('embedded-opentype'), url('../font/TitilliumWeb-Italic.woff2') format('woff2'), url('../font/TitilliumWeb-Italic.woff') format('woff'), url('../font/TitilliumWeb-Italic.ttf') format('truetype'), url('../font/TitilliumWeb-Italic.svg#TitilliumWeb-Italic') format('svg'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'Titillium Web'; src: url('../font/TitilliumWeb-SemiBoldItalic.eot'); src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url('../font/TitilliumWeb-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../font/TitilliumWeb-SemiBoldItalic.woff2') format('woff2'), url('../font/TitilliumWeb-SemiBoldItalic.woff') format('woff'), url('../font/TitilliumWeb-SemiBoldItalic.ttf') format('truetype'), url('../font/TitilliumWeb-SemiBoldItalic.svg#TitilliumWeb-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; font-display: swap; }

div { font-family: 'Titillium Web', sans-serif; }
.fw-semibold { font-weight: 600!important; }
.mt-7 { margin-top: 5rem!important; }

.color-grey { color: #5B5A5A; }
.color-red { color: #1f5c99 }
.color-green { color: #0B9D1E }
.color-blu { color: #3441FD }
.color-azure { color: #3497FD }
.color-orange { color: #FD6B34 }

.bg-grey { background-color: #5B5A5A; }
.bg-red { background-color: #208a8a }
.bg-green { background-color: #0B9D1E }
.bg-blu { background-color: #3441FD }
.bg-azure { background-color: #3497FD }
.bg-orange { background-color: #FD6B34 }


/*MARQUEE*/
.marquee { margin: 0 auto; white-space: nowrap; overflow: hidden; position: absolute; width: 100vw; background-color: #fff }
.marquee .marquee-content { font-weight: 400; display: inline-block; padding-left: 100%; animation: marquee 40s linear infinite; /* text-transform: uppercase; */ font-size: 32px; color: white; }
/*.marquee-content .field-name-body { animation-delay: 2.5s; }*/
@keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }

@media(max-width: 992px){
    .position-fixed{
        position: relative !important;
    }
    .fermate.in-arrivo{
        padding-top: 0px!important
    }

    body > div:first-child > div.container .row.mt-5 .col-1 {
        margin-right: 40px !important;
    }
}

/* .row-fermata.rounded-qrcode.col-10 > div > div { */
    /* width: 100%; */
/* } */

.row-fermata.rounded-qrcode.col-10 > div > div > img {
    /*! transform: none !important; */
    /*! top: inherit; */
    /*! position: relative !important; */
    width: 118px;
}

.row-fermata.rounded-qrcode.col-10 > div > div.offset-md-3.col-10 {
    float: right;
    right: 0px;
    position: relative;
    text-align: left;
    padding-left: 150px;
}

@media(min-width: 500px) {
    .row-fermata.rounded-qrcode.col-10 > div > div, .row-fermata.rounded-qrcode.col-10 > div > div.offset-md-3.col-10 {
        width: 100% !important;
    }
}

@media(max-width: 500px){
    canvas {
        width: 118px;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        position: absolute;
        padding: .25rem;
        background-color: white;
        border: 1px solid #dee2e6;
        border-radius: .25rem;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }
}

@media (orientation: landscape) and (max-width: 992px) {
    canvas {
        width: 118px;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        position: absolute;
        padding: .25rem;
        background-color: white;
        border: 1px solid #dee2e6;
        border-radius: .25rem;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }
}


.row-fermata.rounded-qrcode.col-10 > div {
    width: 100% !important;
}
.row-fermata.rounded-qrcode.col-10 {
    width: 100%;
}

img{
    max-width: 100%;
}