@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: '';
    content: none
}

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

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

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

[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
}

.slick-arrow.slick-hidden {
    display: none
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0);
    src: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/fontawesome/fontawesome-webfont.eot#iefix&v=4.7.0) format("embedded-opentype"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before,.fa-remove:before,.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before,.fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before,.fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before,.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before,.fa-photo:before,.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before,.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before,.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before,.fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-cogs:before,.fa-gears:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before,.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before,.fa-users:before {
    content: ""
}

.fa-chain:before,.fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before,.fa-scissors:before {
    content: ""
}

.fa-copy:before,.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before,.fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before,.fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before,.fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before,.fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,.fa-undo:before {
    content: ""
}

.fa-gavel:before,.fa-legal:before {
    content: ""
}

.fa-dashboard:before,.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before,.fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before,.fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before,.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before,.fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-caret-square-o-down:before,.fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before,.fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before,.fa-toggle-right:before {
    content: ""
}

.fa-eur:before,.fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,.fa-usd:before {
    content: ""
}

.fa-inr:before,.fa-rupee:before {
    content: ""
}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before {
    content: ""
}

.fa-rouble:before,.fa-rub:before,.fa-ruble:before {
    content: ""
}

.fa-krw:before,.fa-won:before {
    content: ""
}

.fa-bitcoin:before,.fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before,.fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before,.fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before,.fa-institution:before,.fa-university:before {
    content: ""
}

.fa-graduation-cap:before,.fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before,.fa-car:before {
    content: ""
}

.fa-cab:before,.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before,.fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before,.fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before,.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before,.fa-rebel:before,.fa-resistance:before {
    content: ""
}

.fa-empire:before,.fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,.fa-weixin:before {
    content: ""
}

.fa-paper-plane:before,.fa-send:before {
    content: ""
}

.fa-paper-plane-o:before,.fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before,.fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before,.fa-shekel:before,.fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before,.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before,.fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before,.fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before {
    content: ""
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before,.fa-battery-half:before {
    content: ""
}

.fa-battery-1:before,.fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before,.fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before,.fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before,.fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before,.fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before,.fa-google-plus-official:before {
    content: ""
}

.fa-fa:before,.fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-address-card:before,.fa-vcard:before {
    content: ""
}

.fa-address-card-o:before,.fa-vcard-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before,.fa-id-card:before {
    content: ""
}

.fa-drivers-license-o:before,.fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before {
    content: ""
}

.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before,.fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before,.fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-0:before,.fa-thermometer-empty:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-bath:before,.fa-bathtub:before,.fa-s15:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-times-rectangle:before,.fa-window-close:before {
    content: ""
}

.fa-times-rectangle-o:before,.fa-window-close-o:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-eercast:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

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

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

@font-face {
    font-family: 'Px Grotesk';
    src: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Bold.eot);
    src: local("☺"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Light.woff) format("woff"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Light.ttf) format("truetype"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Light.svg) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Px Grotesk';
    src: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Light-Italic.eot);
    src: local("☺"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Light-Italic.woff) format("woff"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Light-Italic.ttf) format("truetype"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Light-Italic.svg) format("svg");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Px Grotesk';
    src: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Bold.eot);
    src: local("☺"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Regular.woff) format("woff"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Regular.ttf) format("truetype"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Px Grotesk';
    src: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Regular-Italic.eot);
    src: local("☺"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Regular-Italic.woff) format("woff"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Regular-Italic.ttf) format("truetype"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Regular-Italic.svg) format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Px Grotesk';
    src: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Bold.eot);
    src: local("☺"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Bold.woff) format("woff"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Bold.ttf) format("truetype"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Bold.svg) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Px Grotesk';
    src: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Bold-Italic.eot);
    src: local("☺"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Bold-Italic.woff) format("woff"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Bold-Italic.ttf) format("truetype"),url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/fonts/px-grotesk/Px-Grotesk-Bold-Italic.svg) format("svg");
    font-weight: 700;
    font-style: italic
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    90% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    90% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

.grid {
    width: 100%;
    position: relative;
    margin: 0 auto;
    max-width: 980px
}

.grid--full {
    max-width: 100%
}

.row {
    width: 100%;
    max-width: inherit;
    position: relative;
    font-size: 0;
    text-align: left!important;
    padding: 0 10px
}

.row:before {
    display: inline-block;
    width: 0;
    height: 100%;
    content: '';
    vertical-align: top
}

.row--full {
    padding-right: 0;
    padding-left: 0
}

.row--rtl {
    direction: rtl
}

.row--center {
    text-align: center!important
}

.row--right {
    text-align: right!important
}

.col {
    display: inline-block;
    width: 100%;
    position: relative;
    vertical-align: top;
    font-size: 14px;
    text-align: left;
    direction: ltr!important;
    padding: 0 10px
}

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

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

@media (min-width: 768px) {
    .col-s--center {
        text-align:center
    }
}

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

@media (min-width: 768px) {
    .col-s--left {
        text-align:left
    }
}

@media (min-width: 1024px) {
    .col-m--center {
        text-align:center
    }
}

@media (min-width: 1024px) {
    .col-m--right {
        text-align:right
    }
}

@media (min-width: 1024px) {
    .col-m--left {
        text-align:left
    }
}

@media (min-width: 1280px) {
    .col-l--center {
        text-align:center
    }
}

@media (min-width: 1280px) {
    .col-l--right {
        text-align:right
    }
}

@media (min-width: 1280px) {
    .col-l--left {
        text-align:left
    }
}

@media (min-width: 1440px) {
    .col-xl--center {
        text-align:center
    }
}

@media (min-width: 1440px) {
    .col-xl--right {
        text-align:right
    }
}

@media (min-width: 1440px) {
    .col-xl--left {
        text-align:left
    }
}

@media (min-width: 1920px) {
    .col-xxl--center {
        text-align:center
    }
}

@media (min-width: 1920px) {
    .col-xxl--right {
        text-align:right
    }
}

@media (min-width: 1920px) {
    .col-xxl--left {
        text-align:left
    }
}

.row--middle:before {
    vertical-align: middle
}

.row--middle .col {
    vertical-align: middle
}

.row--bottom:before {
    vertical-align: bottom
}

.row--bottom .col {
    vertical-align: bottom
}

.col--no-gutter {
    padding: 0
}

.gap--half {
    margin-left: 4.16667%
}

.col--1 {
    width: 8.33333%
}

.gap--1 {
    margin-left: 8.33333%
}

.gap--1-half {
    margin-left: 12.5%
}

.col--2 {
    width: 16.66667%
}

.gap--2 {
    margin-left: 16.66667%
}

.gap--2-half {
    margin-left: 20.83333%
}

.col--3 {
    width: 25%
}

.gap--3 {
    margin-left: 25%
}

.gap--3-half {
    margin-left: 29.16667%
}

.col--4 {
    width: 33.33333%
}

.gap--4 {
    margin-left: 33.33333%
}

.gap--4-half {
    margin-left: 37.5%
}

.col--5 {
    width: 41.66667%
}

.gap--5 {
    margin-left: 41.66667%
}

.gap--5-half {
    margin-left: 45.83333%
}

.col--6 {
    width: 50%
}

.gap--6 {
    margin-left: 50%
}

.gap--6-half {
    margin-left: 54.16667%
}

.col--7 {
    width: 58.33333%
}

.gap--7 {
    margin-left: 58.33333%
}

.gap--7-half {
    margin-left: 62.5%
}

.col--8 {
    width: 66.66667%
}

.gap--8 {
    margin-left: 66.66667%
}

.gap--8-half {
    margin-left: 70.83333%
}

.col--9 {
    width: 75%
}

.gap--9 {
    margin-left: 75%
}

.gap--9-half {
    margin-left: 79.16667%
}

.col--10 {
    width: 83.33333%
}

.gap--10 {
    margin-left: 83.33333%
}

.gap--10-half {
    margin-left: 87.5%
}

.col--11 {
    width: 91.66667%
}

.gap--11 {
    margin-left: 91.66667%
}

.gap--11-half {
    margin-left: 95.83333%
}

.col--12 {
    width: 100%
}

.gap--12 {
    margin-left: 100%
}

.gap--12-half {
    margin-left: 104.16667%
}

@media (min-width: 768px) {
    .grid-s--full {
        max-width:100%
    }
}

@media (min-width: 768px) {
    .row-s--full {
        padding:0
    }
}

@media (min-width: 768px) {
    .row-s--ltr {
        direction:ltr
    }
}

@media (min-width: 768px) {
    .row-s--rtl {
        direction:rtl
    }
}

@media (min-width: 768px) {
    .row-s--right {
        text-align:right!important
    }
}

@media (min-width: 768px) {
    .row-s--left {
        text-align:left!important
    }
}

@media (min-width: 768px) {
    .col-s--no-gutter {
        padding:0
    }
}

@media (min-width: 768px) {
    .gap-s--half {
        margin-left:4.16667%
    }
}

@media (min-width: 768px) {
    .col-s--1 {
        width:8.33333%
    }
}

@media (min-width: 768px) {
    .gap-s--1 {
        margin-left:8.33333%
    }
}

@media (min-width: 768px) {
    .gap-s--1-half {
        margin-left:12.5%
    }
}

@media (min-width: 768px) {
    .col-s--2 {
        width:16.66667%
    }
}

@media (min-width: 768px) {
    .gap-s--2 {
        margin-left:16.66667%
    }
}

@media (min-width: 768px) {
    .gap-s--2-half {
        margin-left:20.83333%
    }
}

@media (min-width: 768px) {
    .col-s--3 {
        width:25%
    }
}

@media (min-width: 768px) {
    .gap-s--3 {
        margin-left:25%
    }
}

@media (min-width: 768px) {
    .gap-s--3-half {
        margin-left:29.16667%
    }
}

@media (min-width: 768px) {
    .col-s--4 {
        width:33.33333%
    }
}

@media (min-width: 768px) {
    .gap-s--4 {
        margin-left:33.33333%
    }
}

@media (min-width: 768px) {
    .gap-s--4-half {
        margin-left:37.5%
    }
}

@media (min-width: 768px) {
    .col-s--5 {
        width:41.66667%
    }
}

@media (min-width: 768px) {
    .gap-s--5 {
        margin-left:41.66667%
    }
}

@media (min-width: 768px) {
    .gap-s--5-half {
        margin-left:45.83333%
    }
}

@media (min-width: 768px) {
    .col-s--6 {
        width:50%
    }
}

@media (min-width: 768px) {
    .gap-s--6 {
        margin-left:50%
    }
}

@media (min-width: 768px) {
    .gap-s--6-half {
        margin-left:54.16667%
    }
}

@media (min-width: 768px) {
    .col-s--7 {
        width:58.33333%
    }
}

@media (min-width: 768px) {
    .gap-s--7 {
        margin-left:58.33333%
    }
}

@media (min-width: 768px) {
    .gap-s--7-half {
        margin-left:62.5%
    }
}

@media (min-width: 768px) {
    .col-s--8 {
        width:66.66667%
    }
}

@media (min-width: 768px) {
    .gap-s--8 {
        margin-left:66.66667%
    }
}

@media (min-width: 768px) {
    .gap-s--8-half {
        margin-left:70.83333%
    }
}

@media (min-width: 768px) {
    .col-s--9 {
        width:75%
    }
}

@media (min-width: 768px) {
    .gap-s--9 {
        margin-left:75%
    }
}

@media (min-width: 768px) {
    .gap-s--9-half {
        margin-left:79.16667%
    }
}

@media (min-width: 768px) {
    .col-s--10 {
        width:83.33333%
    }
}

@media (min-width: 768px) {
    .gap-s--10 {
        margin-left:83.33333%
    }
}

@media (min-width: 768px) {
    .gap-s--10-half {
        margin-left:87.5%
    }
}

@media (min-width: 768px) {
    .col-s--11 {
        width:91.66667%
    }
}

@media (min-width: 768px) {
    .gap-s--11 {
        margin-left:91.66667%
    }
}

@media (min-width: 768px) {
    .gap-s--11-half {
        margin-left:95.83333%
    }
}

@media (min-width: 768px) {
    .col-s--12 {
        width:100%
    }
}

@media (min-width: 768px) {
    .gap-s--12 {
        margin-left:100%
    }
}

@media (min-width: 768px) {
    .gap-s--12-half {
        margin-left:104.16667%
    }
}

@media (min-width: 768px) {
    .gap-s--0 {
        margin-left:0
    }
}

@media (min-width: 1024px) {
    .grid-m--full {
        max-width:100%
    }
}

@media (min-width: 1024px) {
    .row-m--full {
        padding:0
    }
}

@media (min-width: 1024px) {
    .row-m--ltr {
        direction:ltr
    }
}

@media (min-width: 1024px) {
    .row-m--rtl {
        direction:rtl
    }
}

@media (min-width: 1024px) {
    .row-m--right {
        text-align:right!important
    }
}

@media (min-width: 1024px) {
    .row-m--left {
        text-align:left!important
    }
}

@media (min-width: 1024px) {
    .col-m--no-gutter {
        padding:0
    }
}

@media (min-width: 1024px) {
    .gap-m--half {
        margin-left:4.16667%
    }
}

@media (min-width: 1024px) {
    .col-m--1 {
        width:8.33333%
    }
}

@media (min-width: 1024px) {
    .gap-m--1 {
        margin-left:8.33333%
    }
}

@media (min-width: 1024px) {
    .gap-m--1-half {
        margin-left:12.5%
    }
}

@media (min-width: 1024px) {
    .col-m--2 {
        width:16.66667%
    }
}

@media (min-width: 1024px) {
    .gap-m--2 {
        margin-left:16.66667%
    }
}

@media (min-width: 1024px) {
    .gap-m--2-half {
        margin-left:20.83333%
    }
}

@media (min-width: 1024px) {
    .col-m--3 {
        width:25%
    }
}

@media (min-width: 1024px) {
    .gap-m--3 {
        margin-left:25%
    }
}

@media (min-width: 1024px) {
    .gap-m--3-half {
        margin-left:29.16667%
    }
}

@media (min-width: 1024px) {
    .col-m--4 {
        width:33.33333%
    }
}

@media (min-width: 1024px) {
    .gap-m--4 {
        margin-left:33.33333%
    }
}

@media (min-width: 1024px) {
    .gap-m--4-half {
        margin-left:37.5%
    }
}

@media (min-width: 1024px) {
    .col-m--5 {
        width:41.66667%
    }
}

@media (min-width: 1024px) {
    .gap-m--5 {
        margin-left:41.66667%
    }
}

@media (min-width: 1024px) {
    .gap-m--5-half {
        margin-left:45.83333%
    }
}

@media (min-width: 1024px) {
    .col-m--6 {
        width:50%
    }
}

@media (min-width: 1024px) {
    .gap-m--6 {
        margin-left:50%
    }
}

@media (min-width: 1024px) {
    .gap-m--6-half {
        margin-left:54.16667%
    }
}

@media (min-width: 1024px) {
    .col-m--7 {
        width:58.33333%
    }
}

@media (min-width: 1024px) {
    .gap-m--7 {
        margin-left:58.33333%
    }
}

@media (min-width: 1024px) {
    .gap-m--7-half {
        margin-left:62.5%
    }
}

@media (min-width: 1024px) {
    .col-m--8 {
        width:66.66667%
    }
}

@media (min-width: 1024px) {
    .gap-m--8 {
        margin-left:66.66667%
    }
}

@media (min-width: 1024px) {
    .gap-m--8-half {
        margin-left:70.83333%
    }
}

@media (min-width: 1024px) {
    .col-m--9 {
        width:75%
    }
}

@media (min-width: 1024px) {
    .gap-m--9 {
        margin-left:75%
    }
}

@media (min-width: 1024px) {
    .gap-m--9-half {
        margin-left:79.16667%
    }
}

@media (min-width: 1024px) {
    .col-m--10 {
        width:83.33333%
    }
}

@media (min-width: 1024px) {
    .gap-m--10 {
        margin-left:83.33333%
    }
}

@media (min-width: 1024px) {
    .gap-m--10-half {
        margin-left:87.5%
    }
}

@media (min-width: 1024px) {
    .col-m--11 {
        width:91.66667%
    }
}

@media (min-width: 1024px) {
    .gap-m--11 {
        margin-left:91.66667%
    }
}

@media (min-width: 1024px) {
    .gap-m--11-half {
        margin-left:95.83333%
    }
}

@media (min-width: 1024px) {
    .col-m--12 {
        width:100%
    }
}

@media (min-width: 1024px) {
    .gap-m--12 {
        margin-left:100%
    }
}

@media (min-width: 1024px) {
    .gap-m--12-half {
        margin-left:104.16667%
    }
}

@media (min-width: 1024px) {
    .gap-m--0 {
        margin-left:0
    }
}

@media (min-width: 1280px) {
    .grid-l--full {
        max-width:100%
    }
}

@media (min-width: 1280px) {
    .row-l--full {
        padding:0
    }
}

@media (min-width: 1280px) {
    .row-l--ltr {
        direction:ltr
    }
}

@media (min-width: 1280px) {
    .row-l--rtl {
        direction:rtl
    }
}

@media (min-width: 1280px) {
    .row-l--right {
        text-align:right!important
    }
}

@media (min-width: 1280px) {
    .row-l--left {
        text-align:left!important
    }
}

@media (min-width: 1280px) {
    .col-l--no-gutter {
        padding:0
    }
}

@media (min-width: 1280px) {
    .gap-l--half {
        margin-left:4.16667%
    }
}

@media (min-width: 1280px) {
    .col-l--1 {
        width:8.33333%
    }
}

@media (min-width: 1280px) {
    .gap-l--1 {
        margin-left:8.33333%
    }
}

@media (min-width: 1280px) {
    .gap-l--1-half {
        margin-left:12.5%
    }
}

@media (min-width: 1280px) {
    .col-l--2 {
        width:16.66667%
    }
}

@media (min-width: 1280px) {
    .gap-l--2 {
        margin-left:16.66667%
    }
}

@media (min-width: 1280px) {
    .gap-l--2-half {
        margin-left:20.83333%
    }
}

@media (min-width: 1280px) {
    .col-l--3 {
        width:25%
    }
}

@media (min-width: 1280px) {
    .gap-l--3 {
        margin-left:25%
    }
}

@media (min-width: 1280px) {
    .gap-l--3-half {
        margin-left:29.16667%
    }
}

@media (min-width: 1280px) {
    .col-l--4 {
        width:33.33333%
    }
}

@media (min-width: 1280px) {
    .gap-l--4 {
        margin-left:33.33333%
    }
}

@media (min-width: 1280px) {
    .gap-l--4-half {
        margin-left:37.5%
    }
}

@media (min-width: 1280px) {
    .col-l--5 {
        width:41.66667%
    }
}

@media (min-width: 1280px) {
    .gap-l--5 {
        margin-left:41.66667%
    }
}

@media (min-width: 1280px) {
    .gap-l--5-half {
        margin-left:45.83333%
    }
}

@media (min-width: 1280px) {
    .col-l--6 {
        width:50%
    }
}

@media (min-width: 1280px) {
    .gap-l--6 {
        margin-left:50%
    }
}

@media (min-width: 1280px) {
    .gap-l--6-half {
        margin-left:54.16667%
    }
}

@media (min-width: 1280px) {
    .col-l--7 {
        width:58.33333%
    }
}

@media (min-width: 1280px) {
    .gap-l--7 {
        margin-left:58.33333%
    }
}

@media (min-width: 1280px) {
    .gap-l--7-half {
        margin-left:62.5%
    }
}

@media (min-width: 1280px) {
    .col-l--8 {
        width:66.66667%
    }
}

@media (min-width: 1280px) {
    .gap-l--8 {
        margin-left:66.66667%
    }
}

@media (min-width: 1280px) {
    .gap-l--8-half {
        margin-left:70.83333%
    }
}

@media (min-width: 1280px) {
    .col-l--9 {
        width:75%
    }
}

@media (min-width: 1280px) {
    .gap-l--9 {
        margin-left:75%
    }
}

@media (min-width: 1280px) {
    .gap-l--9-half {
        margin-left:79.16667%
    }
}

@media (min-width: 1280px) {
    .col-l--10 {
        width:83.33333%
    }
}

@media (min-width: 1280px) {
    .gap-l--10 {
        margin-left:83.33333%
    }
}

@media (min-width: 1280px) {
    .gap-l--10-half {
        margin-left:87.5%
    }
}

@media (min-width: 1280px) {
    .col-l--11 {
        width:91.66667%
    }
}

@media (min-width: 1280px) {
    .gap-l--11 {
        margin-left:91.66667%
    }
}

@media (min-width: 1280px) {
    .gap-l--11-half {
        margin-left:95.83333%
    }
}

@media (min-width: 1280px) {
    .col-l--12 {
        width:100%
    }
}

@media (min-width: 1280px) {
    .gap-l--12 {
        margin-left:100%
    }
}

@media (min-width: 1280px) {
    .gap-l--12-half {
        margin-left:104.16667%
    }
}

@media (min-width: 1280px) {
    .gap-l--0 {
        margin-left:0
    }
}

@media (min-width: 1440px) {
    .grid-xl--full {
        max-width:100%
    }
}

@media (min-width: 1440px) {
    .row-xl--full {
        padding:0
    }
}

@media (min-width: 1440px) {
    .row-xl--ltr {
        direction:ltr
    }
}

@media (min-width: 1440px) {
    .row-xl--rtl {
        direction:rtl
    }
}

@media (min-width: 1440px) {
    .row-xl--right {
        text-align:right!important
    }
}

@media (min-width: 1440px) {
    .row-xl--left {
        text-align:left!important
    }
}

@media (min-width: 1440px) {
    .col-xl--no-gutter {
        padding:0
    }
}

@media (min-width: 1440px) {
    .gap-xl--half {
        margin-left:4.16667%
    }
}

@media (min-width: 1440px) {
    .col-xl--1 {
        width:8.33333%
    }
}

@media (min-width: 1440px) {
    .gap-xl--1 {
        margin-left:8.33333%
    }
}

@media (min-width: 1440px) {
    .gap-xl--1-half {
        margin-left:12.5%
    }
}

@media (min-width: 1440px) {
    .col-xl--2 {
        width:16.66667%
    }
}

@media (min-width: 1440px) {
    .gap-xl--2 {
        margin-left:16.66667%
    }
}

@media (min-width: 1440px) {
    .gap-xl--2-half {
        margin-left:20.83333%
    }
}

@media (min-width: 1440px) {
    .col-xl--3 {
        width:25%
    }
}

@media (min-width: 1440px) {
    .gap-xl--3 {
        margin-left:25%
    }
}

@media (min-width: 1440px) {
    .gap-xl--3-half {
        margin-left:29.16667%
    }
}

@media (min-width: 1440px) {
    .col-xl--4 {
        width:33.33333%
    }
}

@media (min-width: 1440px) {
    .gap-xl--4 {
        margin-left:33.33333%
    }
}

@media (min-width: 1440px) {
    .gap-xl--4-half {
        margin-left:37.5%
    }
}

@media (min-width: 1440px) {
    .col-xl--5 {
        width:41.66667%
    }
}

@media (min-width: 1440px) {
    .gap-xl--5 {
        margin-left:41.66667%
    }
}

@media (min-width: 1440px) {
    .gap-xl--5-half {
        margin-left:45.83333%
    }
}

@media (min-width: 1440px) {
    .col-xl--6 {
        width:50%
    }
}

@media (min-width: 1440px) {
    .gap-xl--6 {
        margin-left:50%
    }
}

@media (min-width: 1440px) {
    .gap-xl--6-half {
        margin-left:54.16667%
    }
}

@media (min-width: 1440px) {
    .col-xl--7 {
        width:58.33333%
    }
}

@media (min-width: 1440px) {
    .gap-xl--7 {
        margin-left:58.33333%
    }
}

@media (min-width: 1440px) {
    .gap-xl--7-half {
        margin-left:62.5%
    }
}

@media (min-width: 1440px) {
    .col-xl--8 {
        width:66.66667%
    }
}

@media (min-width: 1440px) {
    .gap-xl--8 {
        margin-left:66.66667%
    }
}

@media (min-width: 1440px) {
    .gap-xl--8-half {
        margin-left:70.83333%
    }
}

@media (min-width: 1440px) {
    .col-xl--9 {
        width:75%
    }
}

@media (min-width: 1440px) {
    .gap-xl--9 {
        margin-left:75%
    }
}

@media (min-width: 1440px) {
    .gap-xl--9-half {
        margin-left:79.16667%
    }
}

@media (min-width: 1440px) {
    .col-xl--10 {
        width:83.33333%
    }
}

@media (min-width: 1440px) {
    .gap-xl--10 {
        margin-left:83.33333%
    }
}

@media (min-width: 1440px) {
    .gap-xl--10-half {
        margin-left:87.5%
    }
}

@media (min-width: 1440px) {
    .col-xl--11 {
        width:91.66667%
    }
}

@media (min-width: 1440px) {
    .gap-xl--11 {
        margin-left:91.66667%
    }
}

@media (min-width: 1440px) {
    .gap-xl--11-half {
        margin-left:95.83333%
    }
}

@media (min-width: 1440px) {
    .col-xl--12 {
        width:100%
    }
}

@media (min-width: 1440px) {
    .gap-xl--12 {
        margin-left:100%
    }
}

@media (min-width: 1440px) {
    .gap-xl--12-half {
        margin-left:104.16667%
    }
}

@media (min-width: 1440px) {
    .gap-xl--0 {
        margin-left:0
    }
}

@media (min-width: 1920px) {
    .grid-xxl--full {
        max-width:100%
    }
}

@media (min-width: 1920px) {
    .row-xxl--full {
        padding:0
    }
}

@media (min-width: 1920px) {
    .row-xxl--ltr {
        direction:ltr
    }
}

@media (min-width: 1920px) {
    .row-xxl--rtl {
        direction:rtl
    }
}

@media (min-width: 1920px) {
    .row-xxl--right {
        text-align:right!important
    }
}

@media (min-width: 1920px) {
    .row-xxl--left {
        text-align:left!important
    }
}

@media (min-width: 1920px) {
    .col-xxl--no-gutter {
        padding:0
    }
}

@media (min-width: 1920px) {
    .gap-xxl--half {
        margin-left:4.16667%
    }
}

@media (min-width: 1920px) {
    .col-xxl--1 {
        width:8.33333%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--1 {
        margin-left:8.33333%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--1-half {
        margin-left:12.5%
    }
}

@media (min-width: 1920px) {
    .col-xxl--2 {
        width:16.66667%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--2 {
        margin-left:16.66667%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--2-half {
        margin-left:20.83333%
    }
}

@media (min-width: 1920px) {
    .col-xxl--3 {
        width:25%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--3 {
        margin-left:25%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--3-half {
        margin-left:29.16667%
    }
}

@media (min-width: 1920px) {
    .col-xxl--4 {
        width:33.33333%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--4 {
        margin-left:33.33333%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--4-half {
        margin-left:37.5%
    }
}

@media (min-width: 1920px) {
    .col-xxl--5 {
        width:41.66667%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--5 {
        margin-left:41.66667%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--5-half {
        margin-left:45.83333%
    }
}

@media (min-width: 1920px) {
    .col-xxl--6 {
        width:50%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--6 {
        margin-left:50%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--6-half {
        margin-left:54.16667%
    }
}

@media (min-width: 1920px) {
    .col-xxl--7 {
        width:58.33333%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--7 {
        margin-left:58.33333%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--7-half {
        margin-left:62.5%
    }
}

@media (min-width: 1920px) {
    .col-xxl--8 {
        width:66.66667%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--8 {
        margin-left:66.66667%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--8-half {
        margin-left:70.83333%
    }
}

@media (min-width: 1920px) {
    .col-xxl--9 {
        width:75%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--9 {
        margin-left:75%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--9-half {
        margin-left:79.16667%
    }
}

@media (min-width: 1920px) {
    .col-xxl--10 {
        width:83.33333%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--10 {
        margin-left:83.33333%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--10-half {
        margin-left:87.5%
    }
}

@media (min-width: 1920px) {
    .col-xxl--11 {
        width:91.66667%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--11 {
        margin-left:91.66667%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--11-half {
        margin-left:95.83333%
    }
}

@media (min-width: 1920px) {
    .col-xxl--12 {
        width:100%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--12 {
        margin-left:100%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--12-half {
        margin-left:104.16667%
    }
}

@media (min-width: 1920px) {
    .gap-xxl--0 {
        margin-left:0
    }
}

#fake-grid {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 998;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(255,255,255,.2);
    pointer-events: none!important
}

#fake-grid.is-visible {
    display: block
}

#fake-grid .row {
    height: 100%
}

#fake-grid .col {
    height: 100%;
    border-left: solid 1px rgba(255,255,255,.1)
}

#fake-grid .col:before {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    position: relative;
    z-index: 1;
    background-color: rgba(255,255,255,.1)
}

#fake-grid .col:last-child {
    border-right: solid 1px rgba(255,255,255,.1)
}

.off--default {
    display: none!important
}

@media (min-width: 768px) {
    .on--s {
        display:block!important
    }

    .on--s[data-display=inline-block] {
        display: inline-block!important
    }

    .on--s[data-display=inline] {
        display: inline!important
    }
}

@media (min-width: 768px) {
    .off--s {
        display:none!important
    }
}

@media (min-width: 1024px) {
    .on--m {
        display:block!important
    }

    .on--m[data-display=inline-block] {
        display: inline-block!important
    }

    .on--m[data-display=inline] {
        display: inline!important
    }
}

@media (min-width: 1024px) {
    .off--m {
        display:none!important
    }
}

@media (min-width: 1280px) {
    .on--l {
        display:block!important
    }

    .on--l[data-display=inline-block] {
        display: inline-block!important
    }

    .on--l[data-display=inline] {
        display: inline!important
    }
}

@media (min-width: 1280px) {
    .off--l {
        display:none!important
    }
}

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

    .on--xl[data-display=inline-block] {
        display: inline-block!important
    }

    .on--xl[data-display=inline] {
        display: inline!important
    }
}

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

@media (min-width: 1920px) {
    .on--xxl {
        display:block!important
    }

    .on--xxl[data-display=inline-block] {
        display: inline-block!important
    }

    .on--xxl[data-display=inline] {
        display: inline!important
    }
}

@media (min-width: 1920px) {
    .off--xxl {
        display:none!important
    }
}

.on--landscape {
    display: none!important
}

@media (orientation: landscape) {
    .on--landscape {
        display:block!important
    }

    .on--landscape[data-display=inline-block] {
        display: inline-block!important
    }

    .on--landscape[data-display=inline] {
        display: inline!important
    }
}

@media (orientation: landscape) {
    .off--landscape {
        display:none!important
    }
}

.on--portrait {
    display: none!important
}

@media (orientation: portrait) {
    .on--portrait {
        display:block!important
    }

    .on--portrait[data-display=inline-block] {
        display: inline-block!important
    }

    .on--portrait[data-display=inline] {
        display: inline!important
    }
}

@media (orientation: portrait) {
    .off--portrait {
        display:none!important
    }
}

.on--touch {
    display: none!important
}

.touch .on--touch {
    display: block!important
}

.touch .on--touch[data-display=inline-block] {
    display: inline-block!important
}

.touch .on--touch[data-display=inline] {
    display: inline!important
}

.touch .off--touch {
    display: none!important
}

.on--no-touch {
    display: none!important
}

.no-touch .on--no-touch {
    display: block!important
}

.no-touch .on--no-touch[data-display=inline-block] {
    display: inline-block!important
}

.no-touch .on--no-touch[data-display=inline] {
    display: inline!important
}

.no-touch .off--no-touch {
    display: none!important
}

* {
    outline: 0!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

body,html,main.content {
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

main.content {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    will-change: opacity
}

.safari main.content,.touch main.content {
    position: fixed;
    top: 0;
    left: 0
}

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

.container {
    width: 100%;
    max-width: 980px;
    padding: 0 10px;
    position: relative;
    margin: 0 auto
}

.container--full {
    padding: 0
}

.container--left {
    margin: 0 auto 0 0
}

.container--right {
    margin: 0 0 0 auto
}

.container--middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.background {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.background img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: .2
}

body {
    font-family: "Px Grotesk",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

ol,ul {
    list-style: none;
    padding: 0
}

a,a:active,a:visited {
    text-decoration: none;
    color: inherit
}

.title {
    display: inline-block;
    position: relative;
    font-size: 40px;
    font-weight: 700;
    text-align: left;
    text-shadow: 0 10px 15px rgba(32,34,83,.5)
}

@media (min-width: 768px) {
    .title {
        font-size:60px
    }
}

@media (min-width: 1280px) {
    .title {
        font-size:80px
    }
}

.subtitle {
    position: relative
}

.paragraph {
    display: block;
    position: relative;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: left
}

.user-info .paragraph {
    text-align: center
}

.paragraph--big {
    font-size: 30px
}

.label {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-family: "Px Grotesk",sans-serif;
    font-size: 100%
}

.link {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer
}

.no-touch .link {
    opacity: .5;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

.no-touch .link.is-active,.no-touch .link:hover {
    opacity: 1
}

.word {
    display: block;
    position: relative;
    line-height: .9;
    text-align: left
}

.word:last-child:after {
    width: 110px;
    height: 2px;
    content: '';
    position: absolute;
    background-color: currentColor;
    border-radius: 1px
}

@media (min-width: 768px) {
    .word:last-child:after {
        width:140px
    }
}

::-webkit-input-placeholder {
    color: #fff
}

::-moz-placeholder {
    color: #fff
}

:-ms-input-placeholder {
    color: #fff
}

:-moz-placeholder {
    color: #fff
}

:-webkit-autofill,:-webkit-autofill:active,:-webkit-autofill:focus,:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 100vh #4648b9 inset!important;
    box-shadow: 0 0 0 100vh #4648b9 inset!important;
    -webkit-text-fill-color: #fff!important
}

.dg.ac {
    z-index: 3!important
}

.icon {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.icon:not(.fa) {
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent
}

.icon:not(.fa):before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 100%
}

.icon--event {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/event.svg)
}

.icon--talkAround {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/talkAround.svg)
}

.icon--pointOfInterest {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/pointOfInterest.svg)
}

.icon--promoAndNews {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/promoAndNews.svg)
}

.icon--socialWall {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/socialWall.svg)
}

.icon--close {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/close.svg)
}

.icon--play {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/play.svg)
}

.icon--fullscreen-off {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/fullscreen-off.svg)
}

.icon--fullscreen-on {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/fullscreen-on.svg)
}

.icon--exchange {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/exchange.svg)
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    background: 0 0;
    border: none;
    line-height: 0;
    cursor: pointer
}

.button {
    display: inline-block;
    min-width: 140px;
    padding: 10px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    background-color: #fff;
    border: solid 2px #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 10px 15px 0 rgba(32,34,83,.5);
    box-shadow: 0 10px 15px 0 rgba(32,34,83,.5);
    line-height: inherit;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none
}

.button+.button {
    margin-left: 10px
}

.user-info .button {
    margin-top: 15px
}

[data-color-scheme=default] .button {
    color: #4648b9
}

[data-color-scheme=event] .button {
    color: #4648b9
}

[data-color-scheme=pointOfInterest] .button {
    color: #72aafc
}

[data-color-scheme=talkAround] .button {
    color: #ca6edd
}

[data-color-scheme=promoAndNews] .button {
    color: #817ffe
}

[data-color-scheme=socialWall] .button {
    color: #5ec2d4
}

.button--small {
    padding: 6px;
    border-radius: 15px
}

.button--blank {
    min-width: 0;
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button--noshadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.button--fullwidth {
    width: 100%
}

.button--empty {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button--opacity {
    background-color: transparent;
    border-color: rgba(255,255,255,.5);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[data-color-scheme=default] .button--opacity {
    color: rgba(255,255,255,.5)
}

[data-color-scheme=event] .button--opacity {
    color: rgba(255,255,255,.5)
}

[data-color-scheme=pointOfInterest] .button--opacity {
    color: rgba(255,255,255,.5)
}

[data-color-scheme=talkAround] .button--opacity {
    color: rgba(255,255,255,.5)
}

[data-color-scheme=promoAndNews] .button--opacity {
    color: rgba(255,255,255,.5)
}

[data-color-scheme=socialWall] .button--opacity {
    color: rgba(255,255,255,.5)
}

.button--opacity:hover {
    border-color: #fff;
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.button--circle {
    width: 40px;
    height: 40px;
    min-width: 0;
    padding: 0
}

.button--circle.button--small {
    width: 30px;
    height: 30px
}

.button--expandable {
    width: 30px;
    height: 30px;
    min-width: 0;
    -webkit-transition: width .4s ease 0s;
    transition: width .4s ease 0s
}

.no-touch .button--expandable:hover {
    width: 300px
}

.button--no-border {
    border: 0
}

.button .icon,.button .label {
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    -webkit-transition: color .4s ease 0s;
    transition: color .4s ease 0s
}

.button--circle .icon,.button--circle .label {
    width: 100%;
    padding: 0;
    line-height: 36px
}

.button--circle.button--small .icon,.button--circle.button--small .label {
    line-height: 26px
}

.button--expandable .label {
    padding: 0;
    position: relative;
    z-index: 1;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0
}

.no-touch .button--expandable:hover .label {
    opacity: 1
}

.button--blank .label,.button--empty .label {
    color: #fff
}

.button .label--small {
    font-size: 12px;
    line-height: 14px
}

.button--expandable .icon {
    width: 100%;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.no-touch .button--expandable:hover .icon {
    opacity: 0
}

.hamburger {
    display: inline-block;
    width: 24px;
    height: 16px;
    position: relative;
    vertical-align: middle
}

.hamburger__line {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background-color: #fff
}

.hamburger__line:first-child,.hamburger__line:last-child {
    position: absolute;
    left: 0
}

.hamburger__line:first-child {
    top: 0;
    -webkit-transition: top .2s ease .2s,-webkit-transform .2s ease 0s;
    transition: top .2s ease .2s,-webkit-transform .2s ease 0s;
    transition: top .2s ease .2s,transform .2s ease 0s;
    transition: top .2s ease .2s,transform .2s ease 0s,-webkit-transform .2s ease 0s
}

.has-open-menu .hamburger__line:first-child,.is-active>.hamburger__line:first-child {
    -webkit-transition: top .2s ease 0s,-webkit-transform .2s ease .2s;
    transition: top .2s ease 0s,-webkit-transform .2s ease .2s;
    transition: top .2s ease 0s,transform .2s ease .2s;
    transition: top .2s ease 0s,transform .2s ease .2s,-webkit-transform .2s ease .2s;
    top: calc(50% - 1px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger__line:nth-child(2) {
    width: 75%;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: opacity 0s ease .2s,-webkit-transform .2s ease .2s;
    transition: opacity 0s ease .2s,-webkit-transform .2s ease .2s;
    transition: transform .2s ease .2s,opacity 0s ease .2s;
    transition: transform .2s ease .2s,opacity 0s ease .2s,-webkit-transform .2s ease .2s
}

.has-open-menu .hamburger__line:nth-child(2),.is-active>.hamburger__line:nth-child(2) {
    -webkit-transition-duration: 0s,.2s;
    transition-duration: 0s,.2s;
    -webkit-transition-delay: .2s,0s;
    transition-delay: .2s,0s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    opacity: 0
}

.hamburger__line:last-child {
    bottom: 0;
    -webkit-transition: bottom .2s ease .2s,-webkit-transform .2s ease 0s;
    transition: bottom .2s ease .2s,-webkit-transform .2s ease 0s;
    transition: bottom .2s ease .2s,transform .2s ease 0s;
    transition: bottom .2s ease .2s,transform .2s ease 0s,-webkit-transform .2s ease 0s
}

.has-open-menu .hamburger__line:last-child,.is-active>.hamburger__line:last-child {
    -webkit-transition: bottom .2s ease 0s,-webkit-transform .2s ease .2s;
    transition: bottom .2s ease 0s,-webkit-transform .2s ease .2s;
    transition: bottom .2s ease 0s,transform .2s ease .2s;
    transition: bottom .2s ease 0s,transform .2s ease .2s,-webkit-transform .2s ease .2s;
    bottom: calc(50% - 1px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header {
    width: 100%;
    padding: 0 20px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

@media (min-width: 1280px) {
    .header {
        padding:0 40px
    }
}

[class^=header__] {
    display: inline-block;
    height: 56px;
    position: relative;
    z-index: 3;
    vertical-align: middle
}

@media (min-width: 1280px) {
    [class^=header__] {
        height:60px
    }
}

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

@media (min-width: 1280px) {
    .header__gradient {
        opacity:0;
        -webkit-transition: opacity .4s ease 0s;
        transition: opacity .4s ease 0s
    }

    .header.is-sticky .header__gradient {
        opacity: 1
    }

    .header__gradient:before {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/pattern.svg);
        background-size: 100% auto;
        background-position: 50% 50%;
        background-repeat: repeat;
        opacity: .1
    }
}

@media (min-width: 1280px) and (min-width:1280px) {
    .header__gradient:before {
        background-size:50% auto
    }
}

[data-color-scheme=default] .header__gradient {
    background: #4648b9
}

@media (min-width: 1280px) {
    [data-color-scheme=default] .header__gradient {
        background:#2930c1;
        background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
    }
}

[data-color-scheme=event] .header__gradient {
    background: #4648b9
}

@media (min-width: 1280px) {
    [data-color-scheme=event] .header__gradient {
        background:#2930c1;
        background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
    }
}

[data-color-scheme=pointOfInterest] .header__gradient {
    background: #72aafc
}

@media (min-width: 1280px) {
    [data-color-scheme=pointOfInterest] .header__gradient {
        background:#746dfb;
        background: linear-gradient(45deg,#746dfb 0,#72aafc 100%)
    }
}

[data-color-scheme=talkAround] .header__gradient {
    background: #ca6edd
}

@media (min-width: 1280px) {
    [data-color-scheme=talkAround] .header__gradient {
        background:#7853bb;
        background: linear-gradient(45deg,#7853bb 0,#ca6edd 100%)
    }
}

[data-color-scheme=promoAndNews] .header__gradient {
    background: #817ffe
}

@media (min-width: 1280px) {
    [data-color-scheme=promoAndNews] .header__gradient {
        background:#4e49b7;
        background: linear-gradient(45deg,#4e49b7 0,#817ffe 100%)
    }
}

[data-color-scheme=socialWall] .header__gradient {
    background: #5ec2d4
}

@media (min-width: 1280px) {
    [data-color-scheme=socialWall] .header__gradient {
        background:#2c7ea4;
        background: linear-gradient(45deg,#2c7ea4 0,#5ec2d4 100%)
    }
}

.header__logo {
    -webkit-transition-property: opacity,visibility;
    transition-property: opacity,visibility;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (min-width: 768px) {
    .header__logo {
        -webkit-transition:none;
        transition: none
    }
}

@media (min-width: 1280px) {
    .header__logo {
        width:248px
    }
}

@media (min-width: 1920px) {
    .header__logo {
        width:328px
    }
}

@media (max-width: 767px) {
    .has-open-menu .header__logo {
        opacity:0;
        visibility: hidden
    }
}

.header__logo img {
    display: inline-block;
    height: 100%;
    padding: 13px 0;
    vertical-align: middle
}

@media (min-width: 1280px) {
    .header__logo img {
        padding:15px 0
    }
}

@media (min-width: 1920px) {
    .header__logo img {
        padding:10px 0
    }
}

.header__logo__meta {
    display: none;
    height: auto
}

@media (min-width: 1280px) {
    .header__logo__meta {
        display:inline-block;
        width: 165px;
        margin-left: 4px
    }
}

@media (min-width: 1920px) {
    .header__logo__meta {
        width:220px
    }
}

.header__logo__meta:before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 18.18182%
}

.header__logo__meta:before {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/idd-meta.svg);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent
}

.header__menu {
    display: block;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-box-shadow: 0 5px 10px 0 rgba(32,34,83,.5);
    box-shadow: 0 5px 10px 0 rgba(32,34,83,.5);
    -webkit-transition: -webkit-transform .4s ease 0s;
    transition: -webkit-transform .4s ease 0s;
    transition: transform .4s ease 0s;
    transition: transform .4s ease 0s,-webkit-transform .4s ease 0s
}

@media (min-width: 1280px) {
    .header__menu {
        display:inline-block;
        width: calc(100% - 496px);
        padding: 0;
        position: relative;
        top: auto;
        left: auto;
        z-index: 3;
        -webkit-transform: none;
        transform: none;
        background: 0 0!important;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: center;
        -webkit-transition: none;
        transition: none
    }
}

@media (min-width: 1920px) {
    .header__menu {
        width:calc(100% - 576px)
    }
}

[data-color-scheme=default] .header__menu {
    background: #4648b9
}

@media (min-width: 1280px) {
    [data-color-scheme=default] .header__menu {
        background:#2930c1;
        background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
    }
}

[data-color-scheme=event] .header__menu {
    background: #4648b9
}

@media (min-width: 1280px) {
    [data-color-scheme=event] .header__menu {
        background:#2930c1;
        background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
    }
}

[data-color-scheme=pointOfInterest] .header__menu {
    background: #72aafc
}

@media (min-width: 1280px) {
    [data-color-scheme=pointOfInterest] .header__menu {
        background:#746dfb;
        background: linear-gradient(45deg,#746dfb 0,#72aafc 100%)
    }
}

[data-color-scheme=talkAround] .header__menu {
    background: #ca6edd
}

@media (min-width: 1280px) {
    [data-color-scheme=talkAround] .header__menu {
        background:#7853bb;
        background: linear-gradient(45deg,#7853bb 0,#ca6edd 100%)
    }
}

[data-color-scheme=promoAndNews] .header__menu {
    background: #817ffe
}

@media (min-width: 1280px) {
    [data-color-scheme=promoAndNews] .header__menu {
        background:#4e49b7;
        background: linear-gradient(45deg,#4e49b7 0,#817ffe 100%)
    }
}

[data-color-scheme=socialWall] .header__menu {
    background: #5ec2d4
}

@media (min-width: 1280px) {
    [data-color-scheme=socialWall] .header__menu {
        background:#2c7ea4;
        background: linear-gradient(45deg,#2c7ea4 0,#5ec2d4 100%)
    }
}

.touch .header__menu {
    -webkit-overflow-scrolling: touch
}

.has-open-menu .header__menu {
    -webkit-transform: none;
    transform: none
}

.header .hamburger {
    z-index: 3;
    margin-right: 20px
}

@media (min-width: 1280px) {
    .header .hamburger {
        display:none
    }
}

.header .menu {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    white-space: nowrap;
    text-align: center
}

@media (min-width: 1280px) {
    .header .menu {
        width:auto;
        text-align: left
    }
}

.header .menu__item {
    height: 100%;
    vertical-align: middle;
    margin-left: 20px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .header .menu__item {
        margin-left:40px
    }
}

@media (min-width: 1280px) {
    .header .menu__item {
        margin-left:30px
    }
}

.header .menu__item:last-child {
    margin-right: 20px
}

@media (min-width: 768px) {
    .header .menu__item:last-child {
        margin-right:40px
    }
}

@media (min-width: 1280px) {
    .header .menu__item:last-child {
        margin-right:30px
    }
}

.header .menu__item.is-current {
    opacity: 1
}

.header .menu__item.is-current:after {
    width: 100%;
    height: 5px;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.header .menu__item:before {
    display: inline-block;
    width: 0;
    height: 100%;
    content: '';
    vertical-align: middle
}

.header .user-panel {
    width: calc(100% - 70px);
    height: 56px;
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 3;
    direction: rtl;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity,visibility;
    transition-property: opacity,visibility;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (max-width: 767px) {
    .header .user-panel {
        font-size:0
    }
}

@media (min-width: 768px) {
    .header .user-panel {
        width:auto
    }
}

@media (min-width: 1024px) {
    .header .user-panel {
        -webkit-transition:none;
        transition: none;
        opacity: 1;
        visibility: visible
    }
}

@media (min-width: 1280px) {
    .header .user-panel {
        width:248px;
        height: 60px;
        right: 40px;
        text-align: right;
        direction: ltr
    }
}

.header .user-panel>* {
    direction: ltr
}

@media (max-width: 1279px) {
    .header.has-open-menu .user-panel {
        opacity:1;
        visibility: visible
    }
}

.header .language-selector {
    margin-right: 20px;
    margin-left: 0
}

@media (max-width: 767px) {
    .header .language-selector {
        position:absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0
    }
}

@media (min-width: 1280px) {
    .header .language-selector {
        margin-right:0;
        margin-left: 15px
    }
}

@media (max-width: 767px) {
    .header .user-panel .button {
        margin:0
    }
}

.menu__item {
    display: inline-block;
    position: relative;
    text-align: center
}

.no-touch .menu__item {
    opacity: .5;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

.no-touch .menu__item:hover {
    opacity: 1
}

.avatar {
    display: inline-block;
    width: 36px;
    height: 36px;
    padding: 3px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    border-radius: 50%
}

.avatar__gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 50%
}

[data-color-scheme=default] .avatar__gradient {
    background: #2930c1;
    background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
}

[data-color-scheme=event] .avatar__gradient {
    background: #2930c1;
    background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
}

[data-color-scheme=pointOfInterest] .avatar__gradient {
    background: #746dfb;
    background: linear-gradient(45deg,#746dfb 0,#72aafc 100%)
}

[data-color-scheme=talkAround] .avatar__gradient {
    background: #7853bb;
    background: linear-gradient(45deg,#7853bb 0,#ca6edd 100%)
}

[data-color-scheme=promoAndNews] .avatar__gradient {
    background: #4e49b7;
    background: linear-gradient(45deg,#4e49b7 0,#817ffe 100%)
}

[data-color-scheme=socialWall] .avatar__gradient {
    background: #2c7ea4;
    background: linear-gradient(45deg,#2c7ea4 0,#5ec2d4 100%)
}

.avatar__image {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/placeholder-user.png);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%
}

.user-panel {
    display: inline-block
}

.user-panel:before {
    display: inline-block;
    width: 0;
    height: 100%;
    content: '';
    vertical-align: middle
}

.user-panel a {
    display: inline-block;
    vertical-align: middle
}

.user-panel__name {
    font-size: 14px;
    font-weight: 700
}

.user-panel__avatar {
    margin-left: 10px
}

@media (max-width: 767px) {
    .user-panel .button {
        min-width:0
    }
}

.no-touch .user-panel .button {
    opacity: .5;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

.no-touch .user-panel .button:hover {
    opacity: 1
}

.language-selector {
    display: inline-block;
    margin-left: 15px
}

.language-selector__item {
    display: inline-block;
    margin-left: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.partner-logo {
    display: inline-block
}

.partner-logo img {
    width: auto;
    height: 100%
}

.apps-list {
    display: inline-block;
    vertical-align: middle
}

.apps-list__item {
    display: inline-block;
    height: 30px;
    vertical-align: middle
}

.apps-list__item:nth-child(n+2) {
    margin-left: 10px
}

.apps-list__item img {
    width: auto;
    height: 100%
}

.socials-list {
    display: inline-block;
    vertical-align: middle
}

.socials-list__item {
    display: inline-block;
    height: 30px;
    vertical-align: middle
}

.socials-list__item:nth-child(n+2) {
    margin-left: 10px
}

.newsletter {
    width: 100%;
    position: relative;
    text-align: left
}

@media (min-width: 768px) {
    .newsletter {
        text-align:center
    }
}

@media (min-width: 1280px) {
    .newsletter {
        text-align:right
    }
}

.newsletter:after,.newsletter:before {
    content: '';
    position: absolute;
    z-index: -999
}

.newsletter:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    border-radius: 18px;
    opacity: 0;
    -webkit-transition: opacity .6s ease 0s;
    transition: opacity .6s ease 0s
}

.newsletter:after {
    width: 20px;
    height: 20px;
    top: 5px;
    left: calc(50% - 10px);
    -webkit-transform: scale(0);
    transform: scale(0);
    border: solid 3px #fff;
    border-radius: 50%
}

.newsletter.is-submitting:after,.newsletter.is-submitting:before {
    opacity: 1
}

.newsletter.is-submitting:before {
    z-index: 1
}

.newsletter.is-submitting:after {
    z-index: 2;
    -webkit-animation: spinner 1s ease-out 0s infinite;
    animation: spinner 1s ease-out 0s infinite
}

.newsletter__input {
    display: inline-block;
    width: 100%;
    height: 36px;
    vertical-align: middle;
    margin-top: 10px;
    background-color: rgba(255,255,255,.05);
    border-radius: 18px;
    font-size: 0;
    text-align: left
}

@media (min-width: 768px) {
    .newsletter__input {
        width:440px;
        margin-top: 0;
        margin-left: 60px
    }
}

@media (min-width: 1280px) {
    .newsletter__input {
        width:auto;
        margin-left: 20px
    }
}

.newsletter__input input {
    all: unset;
    display: inline-block;
    width: calc(100% - 54px);
    padding: 10px 0;
    margin-left: 18px;
    vertical-align: middle;
    background-color: transparent;
    border: none;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #fff
}

.newsletter__input button {
    display: inline-block;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    font-size: 12px;
    line-height: 36px;
    text-align: center;
    color: #fff
}

.newsletter .label {
    font-size: 14px!important;
    text-transform: none!important;
    text-indent: 18px;
    color: #bbcaff
}

@media (min-width: 768px) {
    .newsletter .label {
        display:inline-block!important;
        text-indent: 0
    }
}

.footer {
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: rgba(32,34,83,.5)
}

[class^=footer__] {
    padding-top: 15px;
    padding-bottom: 15px
}

.footer__credits {
    display: inline-block;
    padding-top: 22px;
    padding-bottom: 22px;
    text-align: left
}

.footer__marketing {
    display: inline-block;
    text-align: left
}

@media (min-width: 768px) and (max-width:1279px) {
    .footer__marketing {
        width:auto;
        float: right
    }
}

@media (min-width: 1280px) {
    .footer__marketing {
        text-align:right
    }
}

.footer__menu {
    font-weight: 700;
    text-align: center
}

.footer__menu--primary {
    font-size: 18px
}

@media (min-width: 768px) {
    .footer__menu--primary {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media (min-width: 1280px) {
    .footer__menu--primary {
        text-align:left
    }
}

.footer__menu--secondary {
    font-size: 12px
}

@media (min-width: 768px) {
    .footer__menu--secondary {
        font-size:14px
    }
}

@media (min-width: 1280px) {
    .footer__menu--secondary {
        padding-top:23px;
        padding-bottom: 23px;
        text-align: right
    }
}

@media (min-width: 1280px) {
    .footer__newsletter {
        padding-top:12px;
        padding-bottom: 12px;
        text-align: right
    }
}

.footer__copyright {
    text-align: center
}

@media (max-width: 1279px) {
    .footer__copyright {
        padding-bottom:0
    }
}

@media (min-width: 1280px) {
    .footer__copyright {
        padding-top:17px;
        padding-bottom: 17px;
        text-align: left
    }
}

.footer__copyright img {
    display: inline-block;
    height: 26px;
    vertical-align: middle
}

.footer__credits .partner-logo {
    height: 14px
}

@media (min-width: 768px) {
    .footer__credits .partner-logo {
        height:16px
    }
}

@media (min-width: 1280px) {
    .footer__credits .partner-logo {
        margin-left:15px
    }
}

@media (max-width: 1279px) {
    .footer__credits .partner-logo:nth-of-type(n+2) {
        margin-left:20px
    }
}

.footer__marketing .socials-list {
    margin-left: 20px
}

@media (min-width: 1280px) {
    .footer__marketing .apps-list {
        margin-left:20px
    }
}

.footer__marketing .apps-list__item {
    height: 26px
}

@media (min-width: 768px) {
    .footer__marketing .apps-list__item {
        height:30px
    }
}

.footer__menu--secondary .menu {
    display: inline-block
}

.footer__menu--primary .menu__item {
    display: block;
    margin-top: 20px
}

@media (min-width: 768px) {
    .footer__menu--primary .menu__item {
        display:inline-block;
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .footer__menu--primary .menu__item:nth-child(n+2) {
        margin-left:80px
    }
}

@media (min-width: 1280px) {
    .footer__menu--primary .menu__item:nth-child(n+2) {
        margin-left:20px
    }
}

.footer__menu--secondary .menu__item:nth-child(n+2) {
    margin-left: 10px
}

@media (min-width: 1280px) {
    .footer__menu--secondary .menu__item:nth-child(n+2) {
        margin-left:30px
    }
}

.footer .row:nth-child(n+2) {
    border-top: solid 1px rgba(255,255,255,.5)
}

@media (min-width: 768px) {
    .breadcrumb+.footer .row:first-child {
        border-top:solid 1px rgba(255,255,255,.5)
    }
}

@media (min-width: 1280px) {
    .footer .container {
        padding:0
    }
}

.footer .label {
    display: block;
    font-size: 12px;
    text-transform: uppercase
}

@media (min-width: 1280px) {
    .footer .label {
        display:inline-block
    }
}

.footer__credits .label,.footer__marketing .label {
    margin-bottom: 10px
}

@media (min-width: 1280px) {
    .footer__credits .label,.footer__marketing .label {
        margin-bottom:0
    }
}

.footer__copyright .label {
    margin-top: 15px;
    text-transform: none
}

@media (min-width: 1280px) {
    .footer__copyright .label {
        margin-top:0;
        margin-left: 15px
    }
}

.footer__marketing .icon {
    font-size: 16px
}

.footer .language-selector {
    display: none
}

@media (min-width: 1280px) {
    .footer .language-selector {
        display:inline-block
    }
}

.breadcrumb {
    display: none;
    width: 100%;
    padding: 20px 0;
    position: relative;
    z-index: 1;
    background-color: rgba(32,34,83,.5);
    font-size: 0
}

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

.breadcrumb__item {
    display: inline-block;
    vertical-align: middle;
    color: #bbcaff
}

.breadcrumb__item:first-child {
    color: #fff
}

.breadcrumb__separator {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    font-size: 14px;
    line-height: 20px;
    color: #bbcaff
}

.breadcrumb .container {
    padding: 0 calc(2 * 10px)
}

@media (min-width: 1280px) {
    .breadcrumb .container {
        padding:0 10px
    }
}

.breadcrumb__item .label,.breadcrumb__item .link {
    font-size: 14px;
    line-height: 20px
}

.cookies-banner {
    width: 100%;
    padding: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background-color: #2930c1;
    text-align: center;
    opacity: 0;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

@media (min-width: 1280px) {
    .cookies-banner {
        padding:20px 40px
    }
}

.cookies-banner.is-visible {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.cookies-banner .paragraph {
    font-size: 12px;
    line-height: 16px
}

@media (min-width: 768px) {
    .cookies-banner .paragraph {
        padding-right:90px
    }
}

.cookies-banner .button {
    margin-top: 20px
}

@media (min-width: 768px) {
    .cookies-banner .button {
        position:absolute;
        top: calc(50% - 15px);
        right: 40px;
        margin-top: 0
    }
}

.form {
    position: relative
}

.form input[type=password],.form input[type=text],.gfield input[type=password],.gfield input[type=text] {
    border-radius: 0;
    border: 0;
    background-color: transparent;
    width: 100%;
    border-bottom: 1px solid #fff;
    text-align: center;
    padding: 15px;
    font-size: 28px;
    color: #fff
}

.form input[type=password]:focus,.form input[type=text]:focus,.gfield input[type=password]:focus,.gfield input[type=text]:focus {
    border-bottom-color: #97ffee
}

.form input[type=password]::-webkit-input-placeholder,.form input[type=text]::-webkit-input-placeholder,.gfield input[type=password]::-webkit-input-placeholder,.gfield input[type=text]::-webkit-input-placeholder {
    font-size: 14px;
    opacity: .7
}

.form input[type=password]:-ms-input-placeholder,.form input[type=text]:-ms-input-placeholder,.gfield input[type=password]:-ms-input-placeholder,.gfield input[type=text]:-ms-input-placeholder {
    font-size: 14px;
    opacity: .7
}

.form input[type=password]::-ms-input-placeholder,.form input[type=text]::-ms-input-placeholder,.gfield input[type=password]::-ms-input-placeholder,.gfield input[type=text]::-ms-input-placeholder {
    font-size: 14px;
    opacity: .7
}

.form input[type=password]::placeholder,.form input[type=text]::placeholder,.gfield input[type=password]::placeholder,.gfield input[type=text]::placeholder {
    font-size: 14px;
    opacity: .7
}

.form input[type=password]::-ms-input-placeholder,.form input[type=text]::-ms-input-placeholder,.gfield input[type=password]::-ms-input-placeholder,.gfield input[type=text]::-ms-input-placeholder {
    font-size: 14px;
    opacity: .7
}

.validation_message {
    color: #fa5454;
    margin-top: 5px
}

.form--login .validation_message {
    text-align: center
}

.activation-message {
    text-align: center;
    margin-bottom: 20px
}

.gform_wrapper {
    width: 100%;
    padding: 0 15px;
    position: relative
}

@media (min-width: 1024px) {
    .gform_wrapper {
        padding:0
    }
}

.gform_body:after,.gform_footer:after {
    content: '';
    display: block;
    clear: both
}

@media (min-width: 1024px) {
    .gform__presubmit,.gform_fields {
        width:50%;
        float: left
    }
}

@media (min-width: 1024px) {
    .gform_fields:first-child {
        padding-right:45px
    }

    .gform_fields:last-child {
        padding-left: 45px
    }
}

.gfield_label {
    display: none
}

.gfield {
    margin-bottom: 35px
}

.gform_fields:first-child .gfield {
    margin-bottom: 15px
}

.ginput_container_password span:first-child input {
    margin-bottom: 15px
}

.ginput_container_password label {
    display: none
}

.gform__preview {
    width: 110px;
    height: 110px;
    display: block;
    margin: 30px auto;
    position: relative;
    background: -webkit-gradient(linear,left top,right top,from(#746dfb),to(#5bc9fc));
    background: linear-gradient(to right,#746dfb 0,#5bc9fc 100%);
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 15px 0 rgba(32,34,83,.5);
    box-shadow: 0 10px 15px 0 rgba(32,34,83,.5)
}

@media (min-width: 1024px) {
    .gform__preview {
        margin-top:0;
        margin-bottom: 0;
        display: inline-block
    }

    .user-info .gform__preview {
        margin-top: 60px;
        margin-bottom: 15px
    }
}

.gform__preview+.gfield {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

@media (min-width: 1024px) {
    .gform__preview+.gfield {
        width:calc(100% - 110px);
        margin-top: 40px
    }
}

.form--login .gform__preview {
    display: block
}

.gform__previewimage {
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100px;
    height: 100px;
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/placeholder-user.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.gfield_checkbox {
    position: relative
}

.gfield_checkbox label {
    padding-left: 35px;
    display: inline-block;
    cursor: pointer;
    line-height: 18px
}

.gfield_checkbox label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 4px;
    border: 2px solid #979797
}

.gfield_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.gfield_checkbox input:checked+label:before {
    border: 0;
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icon-checked.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #97ffee
}

.gform__presubmit {
    color: #bbcaff;
    text-align: center
}

.gform__presubmit a {
    text-decoration: underline;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.gform__presubmit a:hover {
    color: #fff;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media (min-width: 1024px) {
    .gform__presubmit {
        margin:5px 45px 0 0;
        text-align: left
    }
}

.gform_footer {
    text-align: center
}

@media (min-width: 1024px) {
    .gform_footer {
        text-align:left
    }
}

.gform_button {
    margin-bottom: 15px
}

@media (min-width: 1024px) {
    .gform_button {
        margin-bottom:0
    }
}

.gfield_error .ginput_container {
    position: relative
}

.gfield_error .ginput_container:after {
    position: absolute;
    bottom: 20px;
    right: 0;
    content: '';
    display: block;
    width: 17px;
    height: 15px;
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icon-warning.svg);
    background-repeat: no-repeat;
    background-size: 17px 15px
}

.gfield_error .ginput_container.ginput_container_fileupload:after {
    bottom: 10px;
    right: 10px
}

.validation_error {
    display: none
}

.gform__facilitator {
    display: inline-block;
    vertical-align: middle
}

.gform__facilitator a {
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-left: 15px;
    background-size: 30px 30px
}

.gform__facilitator-fb {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icon-facebook.svg)
}

.gform__facilitator-in {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icon-linkedin.svg)
}

.ginput_container_post_image {
    width: 100%;
    position: relative;
    text-align: center
}

@media (min-width: 1024px) {
    .ginput_container_post_image {
        text-align:left;
        width: auto;
        margin-left: 35px
    }
}

.ginput_container_post_image input[type=file] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    opacity: 0
}

.ginput_container_post_image:before {
    border: 2px solid rgba(255,255,255,.5);
    color: rgba(255,255,255,.5);
    content: 'CARICA FOTO';
    display: inline-block;
    min-width: 140px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 27px;
    cursor: pointer
}

@media (min-width: 1024px) {
    .ginput_container_post_image:before {
        width:100%;
        display: block;
        width: 220px
    }
}

body:lang(en-US) .ginput_container_post_image:before {
    content: 'LOAD PHOTO'
}

.page-template-edit-account .ginput_container_post_image:before {
    content: 'MODIFICA FOTO'
}

body:lang(en-US) .page-template-edit-account .ginput_container_post_image:before {
    content: 'EDIT PHOTO'
}

.ginput_container_post_image+.validation_message {
    text-align: center;
    padding-left: 35px
}

.ginput_preview {
    display: none
}

.gform_ajax_spinner {
    width: 35px;
    height: 35px;
    margin-left: 15px;
    position: relative;
    top: 15px
}

#input_1_13,#input_2_13 {
    display: none
}

.pagination {
    font-size: 0
}

.pagination__dot,.pagination__label {
    display: inline-block;
    vertical-align: middle
}

.pagination__label {
    font-size: 12px;
    font-weight: 700;
    line-height: 13px;
    opacity: .5;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

.pagination__label:first-child {
    margin-right: 4px;
    opacity: 1
}

.pagination__label:last-child {
    margin-left: 4px
}

.pagination__dot {
    width: 12px;
    height: 13px;
    position: relative
}

.pagination:not(.prevent-interactions) .pagination__dot {
    cursor: pointer
}

.pagination__dot:before {
    width: 100%;
    height: 1px;
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    background-color: #fff;
    opacity: .5;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

.pagination__dot.is-active:before {
    opacity: 1
}

.no-touch .pagination:not(.prevent-interactions) .pagination__dot:hover:before {
    opacity: 1
}

.explorer {
    width: 100%;
    padding-top: 50px;
    overflow: hidden
}

@media (min-width: 1280px) {
    .explorer {
        padding-top:110px
    }
}

@media (min-width: 768px) {
    .explorer:not(.has-carousel) {
        padding-top:0
    }
}

@media (min-width: 1280px) {
    .explorer:not(.has-carousel) {
        padding-top:110px
    }
}

.explorer__district-text {
    width: 960px;
    overflow: hidden;
    position: absolute;
    top: 65px;
    left: 0;
    opacity: .75;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 1280px) {
    .explorer__district-text {
        left:calc(50% - 480px)
    }
}

@media (min-width: 768px) {
    .explorer.has-carousel>.explorer__district-text {
        top:100px
    }
}

@media (min-width: 1280px) {
    .explorer.has-carousel>.explorer__district-text {
        top:40px
    }
}

@media (min-width: 768px) {
    .explorer:not(.has-carousel)>.explorer__district-text {
        top:110px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 1280px) {
    .explorer:not(.has-carousel)>.explorer__district-text {
        top:40px;
        -webkit-transform: none;
        transform: none
    }
}

.explorer__district-text text {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: "Px Grotesk",sans-serif;
    font-size: 149px;
    font-weight: 700;
    text-shadow: 0 10px 15px rgba(32,34,83,.5);
    text-anchor: left;
    alignment-baseline: central
}

.explorer__district-text stop {
    -webkit-transition: stop-color .4s ease 0s;
    transition: stop-color .4s ease 0s
}

[data-color-scheme=default] .explorer__district-text stop:first-child {
    stop-color: #4648b9
}

[data-color-scheme=event] .explorer__district-text stop:first-child {
    stop-color: #4648b9
}

[data-color-scheme=pointOfInterest] .explorer__district-text stop:first-child {
    stop-color: #72aafc
}

[data-color-scheme=talkAround] .explorer__district-text stop:first-child {
    stop-color: #ca6edd
}

[data-color-scheme=promoAndNews] .explorer__district-text stop:first-child {
    stop-color: #817ffe
}

[data-color-scheme=socialWall] .explorer__district-text stop:first-child {
    stop-color: #5ec2d4
}

[data-color-scheme=default] .explorer__district-text stop:last-child {
    stop-color: #2930c1
}

[data-color-scheme=event] .explorer__district-text stop:last-child {
    stop-color: #2930c1
}

[data-color-scheme=pointOfInterest] .explorer__district-text stop:last-child {
    stop-color: #746dfb
}

[data-color-scheme=talkAround] .explorer__district-text stop:last-child {
    stop-color: #7853bb
}

[data-color-scheme=promoAndNews] .explorer__district-text stop:last-child {
    stop-color: #4e49b7
}

[data-color-scheme=socialWall] .explorer__district-text stop:last-child {
    stop-color: #2c7ea4
}

.explorer__carousel {
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 1280px) {
    .explorer__carousel {
        -webkit-transform:translateX(300px);
        transform: translateX(300px);
        -webkit-transition: -webkit-transform .4s ease 0s;
        transition: -webkit-transform .4s ease 0s;
        transition: transform .4s ease 0s;
        transition: transform .4s ease 0s,-webkit-transform .4s ease 0s
    }

    .has-active-carousel .explorer__carousel {
        -webkit-transform: none;
        transform: none
    }
}

@media (min-width: 1280px) {
    .explorer__carousel__list {
        display:inline-block;
        padding: 0 30px 30px;
        white-space: nowrap;
        cursor: -webkit-grab
    }
}

.explorer__previews {
    position: relative
}

.explorer__preview {
    width: 100%;
    padding-bottom: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity,visibility,-webkit-transform;
    transition-property: opacity,visibility,-webkit-transform;
    transition-property: transform,opacity,visibility;
    transition-property: transform,opacity,visibility,-webkit-transform;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: transform,opacity
}

@media (min-width: 768px) {
    .explorer__preview {
        padding:90px 0
    }
}

@media (min-width: 1024px) {
    .explorer__preview {
        padding:15px 0
    }
}

.explorer__preview.is-active {
    position: relative;
    z-index: 1;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible
}

.explorer__related {
    padding-bottom: 40px;
    position: relative;
    margin-top: 50px
}

@media (min-width: 768px) {
    .explorer__related {
        padding-bottom:130px;
        margin-top: 0
    }
}

@media (min-width: 1280px) {
    .explorer__related {
        padding-bottom:90px
    }
}

.explorer__item {
    display: inline-block;
    overflow: visible;
    position: relative;
    border-radius: 8px;
    cursor: pointer
}

.explorer__carousel .explorer__item {
    width: 230px;
    height: 140px;
    opacity: .75;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

@media (min-width: 768px) {
    .explorer__carousel .explorer__item {
        width:300px;
        height: 200px
    }
}

@media (min-width: 1280px) {
    .explorer__carousel .explorer__item {
        height:120px
    }
}

.explorer__carousel .explorer__item.is-active:not(.is-hover-sibling) {
    opacity: 1
}

.no-touch .explorer__carousel .explorer__item:hover {
    opacity: 1
}

.explorer__related .explorer__item {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    -webkit-box-shadow: 0 5px 10px 0 rgba(32,34,83,.5);
    box-shadow: 0 5px 10px 0 rgba(32,34,83,.5);
    text-align: center;
    -webkit-transition-property: opacity,-webkit-box-shadow;
    transition-property: opacity,-webkit-box-shadow;
    transition-property: box-shadow,opacity;
    transition-property: box-shadow,opacity,-webkit-box-shadow;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (min-width: 768px) {
    .explorer__related .explorer__item {
        height:100px;
        vertical-align: middle
    }
}

.explorer__related .explorer__item[data-section=event] {
    background: #2930c1;
    background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
}

.explorer__related .explorer__item[data-section=talkAround] {
    background: #7853bb;
    background: linear-gradient(45deg,#7853bb 0,#ca6edd 100%)
}

.explorer__related .explorer__item[data-section=pointOfInterest] {
    background: #746dfb;
    background: linear-gradient(45deg,#746dfb 0,#72aafc 100%)
}

.explorer__related .explorer__item[data-section=promoAndNews] {
    background: #4e49b7;
    background: linear-gradient(45deg,#4e49b7 0,#817ffe 100%)
}

.explorer__related .explorer__item[data-section=socialWall] {
    background: #2c7ea4;
    background: linear-gradient(45deg,#2c7ea4 0,#5ec2d4 100%)
}

.no-touch .explorer__related .explorer__item:hover {
    -webkit-box-shadow: 0 15px 20px 0 rgba(32,34,83,.5);
    box-shadow: 0 15px 20px 0 rgba(32,34,83,.5)
}

.explorer__item__box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px;
    background-color: #4648b9;
    -webkit-box-shadow: 0 5px 10px 0 rgba(32,34,83,.5);
    box-shadow: 0 5px 10px 0 rgba(32,34,83,.5);
    -webkit-transform: scale(.86);
    transform: scale(.86);
    -webkit-transition-property: background-color,-webkit-transform,-webkit-box-shadow;
    transition-property: background-color,-webkit-transform,-webkit-box-shadow;
    transition-property: transform,background-color,box-shadow;
    transition-property: transform,background-color,box-shadow,-webkit-transform,-webkit-box-shadow;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: transform
}

[data-color-scheme=event] .explorer__item__box {
    background-color: #4648b9
}

[data-color-scheme=talkAround] .explorer__item__box {
    background-color: #ca6edd
}

[data-color-scheme=pointOfInterest] .explorer__item__box {
    background-color: #72aafc
}

[data-color-scheme=promoAndNews] .explorer__item__box {
    background-color: #817ffe
}

[data-color-scheme=socialWall] .explorer__item__box {
    background-color: #5ec2d4
}

.is-active:not(.is-hover-sibling)>.explorer__item__box {
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: 0 15px 20px 0 rgba(32,34,83,.5);
    box-shadow: 0 15px 20px 0 rgba(32,34,83,.5)
}

.no-touch .explorer__item:hover>.explorer__item__box {
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: 0 15px 20px 0 rgba(32,34,83,.5);
    box-shadow: 0 15px 20px 0 rgba(32,34,83,.5)
}

.explorer__item__gradient {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 0;
    border-radius: 8px;
    opacity: 0;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

[data-color-scheme=default] .explorer__item__gradient {
    background: #4648b9
}

@media (min-width: 1280px) {
    [data-color-scheme=default] .explorer__item__gradient {
        background:#2930c1;
        background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
    }
}

[data-color-scheme=event] .explorer__item__gradient {
    background: #4648b9
}

@media (min-width: 1280px) {
    [data-color-scheme=event] .explorer__item__gradient {
        background:#2930c1;
        background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
    }
}

[data-color-scheme=pointOfInterest] .explorer__item__gradient {
    background: #72aafc
}

@media (min-width: 1280px) {
    [data-color-scheme=pointOfInterest] .explorer__item__gradient {
        background:#746dfb;
        background: linear-gradient(45deg,#746dfb 0,#72aafc 100%)
    }
}

[data-color-scheme=talkAround] .explorer__item__gradient {
    background: #ca6edd
}

@media (min-width: 1280px) {
    [data-color-scheme=talkAround] .explorer__item__gradient {
        background:#7853bb;
        background: linear-gradient(45deg,#7853bb 0,#ca6edd 100%)
    }
}

[data-color-scheme=promoAndNews] .explorer__item__gradient {
    background: #817ffe
}

@media (min-width: 1280px) {
    [data-color-scheme=promoAndNews] .explorer__item__gradient {
        background:#4e49b7;
        background: linear-gradient(45deg,#4e49b7 0,#817ffe 100%)
    }
}

[data-color-scheme=socialWall] .explorer__item__gradient {
    background: #5ec2d4
}

@media (min-width: 1280px) {
    [data-color-scheme=socialWall] .explorer__item__gradient {
        background:#2c7ea4;
        background: linear-gradient(45deg,#2c7ea4 0,#5ec2d4 100%)
    }
}

.is-active:not(.is-hover-sibling) .explorer__item__gradient {
    opacity: 1
}

.no-touch .explorer__item:hover .explorer__item__gradient {
    opacity: 1
}

.explorer__item__content {
    width: 100%;
    height: 86%;
    overflow: hidden;
    position: relative;
    top: 7%
}

.explorer__pagination {
    display: none;
    padding: 0 30px;
    text-align: right
}

@media (min-width: 1280px) {
    .explorer__pagination {
        display:block
    }
}

.explorer__item__content .container {
    width: 100%;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    text-align: center;
    -webkit-transition: -webkit-transform .4s ease 0s;
    transition: -webkit-transform .4s ease 0s;
    transition: transform .4s ease 0s;
    transition: transform .4s ease 0s,-webkit-transform .4s ease 0s;
    will-change: transform
}

.explorer__item.is-active:not(.is-hover-sibling) .explorer__item__content .container {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.no-touch .explorer__item:hover .explorer__item__content .container {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.explorer__preview .content-preview {
    margin-bottom: 40px
}

@media (min-width: 1280px) {
    .explorer__preview .content-preview {
        margin-bottom:0
    }
}

@media (min-width: 768px) {
    .explorer__preview .date {
        width:100%
    }
}

@media (min-width: 768px) {
    .explorer__preview .date__day {
        font-size:80px
    }
}

@media (min-width: 768px) {
    .explorer__preview .date__month {
        font-size:15px
    }
}

.explorer__related .col:nth-child(n+2) {
    margin-top: 20px
}

@media (min-width: 768px) {
    .explorer__related .col:nth-child(n+2) {
        margin-top:0
    }
}

@media (min-width: 768px) {
    .explorer__related .col:nth-child(n+3) {
        margin-top:20px
    }
}

@media (min-width: 1280px) {
    .explorer__related .col:nth-child(n+3) {
        margin-top:0
    }
}

.explorer>.title {
    display: block;
    margin-right: 65px;
    font-size: 0;
    text-align: right
}

@media (min-width: 1280px) {
    .explorer.has-carousel>.title {
        position:absolute;
        top: 30px;
        left: 50px;
        margin: 0;
        -webkit-transition-property: opacity,-webkit-transform;
        transition-property: opacity,-webkit-transform;
        transition-property: transform,opacity;
        transition-property: transform,opacity,-webkit-transform;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
}

@media (min-width: 768px) {
    .explorer:not(.has-carousel)>.title {
        position:absolute;
        top: 0;
        left: 50px;
        margin: 0
    }
}

@media (min-width: 1280px) {
    .explorer:not(.has-carousel)>.title {
        top:30px
    }
}

@media (min-width: 1280px) {
    .explorer.has-active-carousel>.title {
        -webkit-transform:scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

.explorer .word {
    display: inline-block;
    font-size: 40px;
    letter-spacing: -1px;
    text-align: right
}

@media (min-width: 768px) {
    .explorer .word {
        font-size:80px
    }
}

.explorer .word:last-child:after {
    right: 0;
    bottom: -10px
}

@media (min-width: 768px) {
    .explorer .word:last-child:after {
        bottom:-20px;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@media (min-width: 1280px) {
    .explorer.has-carousel .word {
        display:block
    }
}

@media (min-width: 768px) {
    .explorer:not(.has-carousel) .word {
        display:block
    }
}

.explorer__item__content .icon {
    display: block;
    width: 30px;
    margin: 0 auto;
    opacity: .5;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

.explorer__item.is-active:not(.is-hover-sibling) .explorer__item__content .icon {
    opacity: 1
}

.no-touch .explorer__item:hover .explorer__item__content .icon {
    opacity: 1
}

.explorer__item__content .label {
    padding-bottom: 10px;
    position: relative;
    margin-top: 8px;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    opacity: 0;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.explorer__item.is-active:not(.is-hover-sibling) .explorer__item__content .label {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.no-touch .explorer__item:hover .explorer__item__content .label {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.explorer__item__content .label:after {
    width: 20px;
    height: 2px;
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 10px);
    background-color: currentColor;
    border-radius: 1px
}

.explorer__related .label {
    font-size: 20px;
    font-weight: 700
}

.explorer__carousel .slick-slide {
    padding: 50px 0
}

.explorer__preview .social-wall {
    padding-top: 0
}

.explorer__preview .social-wall__item:nth-child(2) {
    display: none
}

@media (min-width: 768px) {
    .explorer__preview .social-wall__item:nth-child(2) {
        display:block
    }
}

.explorer__preview .social-wall__item:nth-child(3) {
    display: none
}

@media (min-width: 1280px) {
    .explorer__preview .social-wall__item:nth-child(3) {
        display:block
    }
}

.date {
    display: inline-block;
    width: 84px;
    height: 84px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 10px 0 rgba(32,34,83,.5);
    box-shadow: 0 5px 10px 0 rgba(32,34,83,.5)
}

@media (min-width: 768px) {
    .date {
        width:auto;
        height: auto;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.date:after,.date:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    opacity: .5
}

@media (min-width: 768px) {
    .date:after,.date:before {
        display:none;
        content: none
    }
}

.date:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: #746dfb;
    background: linear-gradient(45deg,#746dfb 0,#72aafc 100%)
}

.date:after {
    width: 74px;
    height: 74px;
    top: 5px;
    left: 5px;
    z-index: 1;
    background: #2930c1;
    background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
}

.date>* {
    position: relative;
    z-index: 2
}

.date__day,.date__month {
    display: block;
    text-align: center
}

.date__day {
    margin-top: 22px;
    font-size: 28px;
    font-weight: 700
}

@media (min-width: 768px) {
    .date__day {
        margin-top:10px;
        font-size: 167px;
        text-shadow: 0 5px 10px rgba(32,34,83,.5);
        color: #bbcaff
    }
}

.date__month {
    font-size: 12px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .date__month {
        width:100%;
        padding-left: 9px;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 30px;
        letter-spacing: 9px
    }
}

.timeline {
    display: none;
    width: 84px;
    height: 100%;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .8s ease 0s;
    transition: opacity .8s ease 0s
}

@media (min-width: 768px) {
    .timeline {
        display:block;
        width: 100px
    }
}

.timeline:before {
    width: 2px;
    height: calc(100% - 8px);
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    background-color: #fff;
    border-radius: 1px
}

.timeline .fa {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 18px;
    text-align: center;
    color: #fff
}

.timeline.is-visible {
    opacity: 1
}

.content-preview {
    padding-left: 100px;
    position: relative;
    text-align: left
}

@media (min-width: 768px) {
    .content-preview {
        padding-left:180px
    }

    .content-preview:after {
        width: 50px;
        height: 1px;
        content: '';
        position: absolute;
        bottom: 12px;
        left: 160px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        background-color: #bbcaff
    }
}

.content-preview:nth-child(n+2) {
    margin-top: 40px
}

@media (min-width: 768px) {
    .content-preview:nth-child(n+2) {
        margin-top:60px
    }
}

.content-preview--poi {
    min-height: 130px;
    padding-left: 120px
}

@media (min-width: 768px) {
    .content-preview--poi {
        padding-left:80px
    }
}

@media (min-width: 768px) {
    .content-preview--poi:after {
        display:none
    }
}

.content-preview--news {
    padding-top: 27px
}

.content-preview--promo {
    padding-top: 22px
}

.content-preview__type {
    font-size: 16px;
    line-height: 19px;
    color: #bbcaff
}

.content-preview__title {
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    text-shadow: none
}

.content-preview__place {
    font-size: 16px;
    line-height: 18px;
    color: rgba(255,255,255,.5)
}

@media (min-width: 768px) {
    .content-preview__place {
        color:#bbcaff
    }
}

.content-preview__time {
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    color: rgba(255,255,255,.5)
}

@media (min-width: 768px) {
    .content-preview__time {
        position:absolute;
        top: 19px;
        left: 160px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        font-size: 18px;
        font-weight: 700;
        line-height: 21px;
        color: #fff
    }
}

@media (min-width: 768px) {
    .content-preview__time span {
        display:none
    }
}

.content-preview__address {
    color: #97ffee
}

.content-preview--poi .content-preview__address {
    color: #b4fbff
}

.content-preview__description,.content-preview__people {
    margin: 5px 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px
}

@media (min-width: 768px) {
    .content-preview__description,.content-preview__people {
        margin:10px 0
    }
}

.content-preview__footer {
    overflow: hidden
}

.content-preview__in-how-long {
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    color: #bbcaff
}

@media (min-width: 768px) {
    .content-preview__in-how-long {
        font-size:12px
    }
}

.content-preview__thumbnail {
    position: relative
}

.content-preview--news .content-preview__thumbnail {
    width: 100%
}

.content-preview--news .content-preview__thumbnail:before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 66.5%
}

.content-preview--promo .content-preview__thumbnail {
    width: 76%;
    margin-left: 12%
}

.content-preview--promo .content-preview__thumbnail:before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 100%
}

.content-preview__thumbnail__image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 15px 0 rgba(32,34,83,.5);
    box-shadow: 0 10px 15px 0 rgba(32,34,83,.5)
}

.content-preview--promo .content-preview__thumbnail__image {
    border-radius: 50%
}

.content-preview__thumbnail__frame {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border: solid 15px rgba(255,255,255,.1);
    -webkit-mask-image: -webkit-gradient(linear,left bottom,left top,from(black),to(transparent))
}

.content-preview--promo .content-preview__thumbnail__frame {
    width: calc(100% + 44px);
    height: calc(100% + 44px);
    top: -22px;
    left: -22px;
    border-radius: 50%
}

.content-preview__avatar {
    width: 100px;
    height: 100px
}

.content-preview--talk-around .content-preview__avatar {
    display: none
}

@media (min-width: 768px) {
    .content-preview--talk-around .content-preview__avatar {
        display:block
    }
}

.content-preview--poi .content-preview__avatar__gradient {
    background: #746dfb;
    background: linear-gradient(45deg,#746dfb 0,#72aafc 100%)
}

.content-preview--talk-around .content-preview__avatar__gradient {
    background: #7853bb;
    background: linear-gradient(45deg,#7853bb 0,#ca6edd 100%)
}

.content-preview__avatar__mask {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: hidden
}

.content-preview__avatar__image {
    position: absolute;
    width: 130%;
    height: 130%;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent
}

.content-preview__read-more {
    width: 84px;
    position: absolute;
    top: 10px;
    left: 0;
    text-align: center
}

@media (min-width: 768px) {
    .content-preview__read-more {
        width:100px;
        top: 15px
    }
}

.content-preview--poi .content-preview__read-more {
    width: 100px;
    top: 0
}

@media (min-width: 768px) {
    .content-preview--poi .content-preview__read-more {
        -webkit-transform:translateX(-50%);
        transform: translateX(-50%)
    }
}

.content-preview--news .content-preview__read-more,.content-preview--promo .content-preview__read-more {
    top: 0
}

@media (min-width: 768px) {
    .content-preview--news .content-preview__read-more,.content-preview--promo .content-preview__read-more {
        width:160px
    }
}

.content-preview--news .content-preview__read-more {
    top: 27px
}

.content-preview--promo .content-preview__read-more {
    top: 22px
}

.content-preview--talk-around .content-preview__read-more {
    top: 0
}

.content-preview .content-toolbar {
    float: right
}

.content-preview .label {
    display: block
}

.content-preview__footer .label {
    display: inline-block
}

@media (min-width: 768px) {
    .content-preview .date {
        display:none
    }
}

.content-preview:nth-child(n+2) .date {
    visibility: hidden
}

.content-preview__read-more .button {
    min-width: 30px;
    max-width: 100%
}

.content-preview__avatar+.button {
    display: none
}

@media (min-width: 768px) {
    .content-preview__avatar+.button {
        display:inline-block;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        z-index: 2
    }
}

.content-preview--poi .content-preview__avatar+.button {
    display: inline-block
}

@media (min-width: 768px) {
    .content-preview__avatar.is-active+.button {
        -webkit-transform:translate(0,0);
        transform: translate(0,0)
    }
}

.date~.button {
    z-index: 3;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 768px) {
    .date~.button {
        -webkit-transform:none;
        transform: none
    }
}

.content-preview__avatar~.button,.content-preview__thumbnail~.button {
    z-index: 3;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.content-preview .button--expandable .icon {
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transform: none;
    transform: none;
    pointer-events: none
}

.content-preview .button--expandable .icon:after {
    width: 100%;
    content: '+';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 700;
    text-align: center
}

.contacts-list {
    margin-bottom: 25px
}

@media (min-width: 1280px) {
    .contacts-list {
        left:initial;
        -webkit-transform: none;
        transform: none
    }
}

.contacts-list__item {
    width: 100%;
    margin-top: 20px
}

@media (min-width: 1280px) {
    .contacts-list__item a {
        margin-right:10px
    }
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s ease-in 0s;
    transition: all .4s ease-in 0s
}

.overlay.is-visible {
    visibility: visible;
    opacity: 1
}

.overlay--partners,.overlay--social-wall {
    padding-top: 100px;
    padding-bottom: 30px;
    height: auto
}

@media (min-width: 768px) {
    .overlay--partners,.overlay--social-wall {
        height:calc(100% - 322px)
    }
}

@media (min-width: 1280px) {
    .overlay--partners,.overlay--social-wall {
        height:calc(100% - 182px)
    }
}

.overlay--partners.is-visible,.overlay--social-wall.is-visible {
    position: relative
}

.overlay--partners {
    padding: 56px 0 0 0
}

@media (min-width: 1280px) {
    .overlay--partners {
        padding-top:60px
    }
}

.overlay--partners .overlay__content {
    width: 100%;
    height: 100%;
    padding-top: 40px;
    overflow: auto;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0
}

.overlay--partners .overlay__content.is-visible {
    visibility: visible;
    opacity: 1;
    position: relative
}

@media (min-width: 768px) {
    .overlay--partners .overlay__content.is-visible {
        position:relative
    }
}

@media (min-width: 768px) {
    .overlay--social-wall .overlay__content {
        position:absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%
    }
}

@media (min-width: 1280px) {
    .overlay--partners .page__description {
        margin-bottom:30px
    }
}

.overlay--partners .page__description+.button {
    width: 100%
}

@media (min-width: 1280px) {
    .overlay--partners .row:last-child {
        padding-top:30px;
        padding-bottom: 30px
    }
}

.overlay--social-wall .row {
    position: relative
}

.overlay--social-wall .row:first-child {
    margin-bottom: 45px
}

@media (min-width: 768px) {
    .overlay--social-wall .row:first-child .col:last-child {
        position:absolute;
        right: 0;
        bottom: 0
    }
}

.overlay .button--no-border {
    overflow: visible;
    position: relative;
    margin-top: 50px
}

@media (min-width: 768px) {
    .overlay .button--no-border {
        margin-top:0
    }
}

.overlay--social-wall .button--no-border {
    margin: 0
}

.button--left-line:before {
    content: '';
    width: 60px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: -60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.overlay--partners .partners__img {
    width: auto;
    display: block;
    margin: 0 auto 80px
}

@media (min-width: 768px) {
    .overlay--partners .partners__img {
        margin-bottom:0
    }
}

.overlay--partners .page__description {
    margin-bottom: 30px
}

.overlay--social-wall .has-text {
    margin-top: 20px
}

@media (min-width: 768px) {
    .overlay--social-wall .has-text {
        margin-top:0
    }
}

.loader-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 9999;
    visibility: hidden;
    opacity: 0
}

.loader-overlay.is-visible {
    visibility: visible;
    opacity: 1
}

.poi-locator {
    position: relative;
    height: auto
}

@media (min-width: 768px) {
    .poi-locator {
        height:calc(100vh - 56px);
        overflow: hidden
    }
}

@media (min-width: 1280px) {
    .poi-locator {
        height:calc(100vh - 60px)
    }
}

.poi-map {
    position: relative;
    width: 100%;
    height: calc(100vh - 56px)
}

.poi-map>.poi-map-marker {
    display: none
}

@media (min-width: 768px) {
    .poi-map {
        position:-webkit-sticky!important;
        position: sticky!important;
        top: 0;
        left: 0;
        width: 70%;
        height: 100%;
        float: left
    }
}

.poi-map-marker {
    width: 56px;
    height: 56px;
    overflow: visible;
    z-index: 1;
    position: relative;
    margin-bottom: 15px
}

.poi-map-marker:before {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    bottom: -10px;
    left: calc(50% - 9px);
    z-index: 0;
    border-top: solid 12px #fff;
    border-right: solid 9px transparent;
    border-bottom: none;
    border-left: solid 9px transparent
}

.poi-map-marker .avatar__gradient {
    background: #fff
}

.poi-map-marker.is-active .avatar__gradient,.poi-map-marker:hover .avatar__gradient {
    background-color: #72aafc
}

.poi-map-marker.is-active:before,.poi-map-marker:hover:before {
    border-top-color: #72aafc
}

.poi-map-marker__mask {
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: hidden
}

.poi-map-marker__mask__image {
    position: absolute;
    width: 130%;
    height: 130%;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent
}

.poi-map-aside {
    position: relative;
    width: 100%;
    height: auto;
    padding: 16px;
    z-index: 2
}

@media (min-width: 768px) {
    .poi-map-aside {
        width:calc(30% + 65px);
        height: 100%;
        float: left;
        margin-left: -65px;
        padding: 0 0 60px 65px;
        overflow-x: hidden;
        overflow-y: auto
    }
}

.ciffi-info-box {
    z-index: -999!important
}

.content-toolbar {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    font-size: 0
}

[class^=content-toolbar__] {
    display: inline-block;
    min-width: 25px;
    height: 25px;
    position: relative;
    vertical-align: middle;
    text-align: center
}

[class^=content-toolbar__]:nth-child(n+2) {
    margin-left: 25px
}

[class^=content-toolbar__]:after,[class^=content-toolbar__]:before {
    width: 25px;
    height: 25px;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

[class^=content-toolbar__]:after {
    opacity: 0
}

.content-toolbar__share:before {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/share.svg);
    opacity: .5
}

.content-toolbar__share:after {
    content: none
}

.content-toolbar__share:hover:before {
    opacity: 0
}

.content-toolbar__bookmark:before {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/bookmark-off.svg)
}

.content-toolbar__bookmark:after {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/bookmark-on.svg)
}

.content-toolbar__bookmark.is-active:before {
    opacity: 0!important
}

.content-toolbar__bookmark.is-active:after {
    opacity: 1!important
}

.content-toolbar__share .list {
    font-size: 0;
    opacity: 0;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

.content-toolbar__share:hover .list {
    opacity: 1
}

.content-toolbar__share .link {
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 20px;
    line-height: 25px
}

.content-toolbar__share .link:nth-child(n+2) {
    margin-left: 5px
}

.download-box {
    width: 100%;
    height: 120px;
    margin-bottom: 55px;
    position: relative;
    border-radius: 8px;
    background-color: #4c51ca;
    -webkit-box-shadow: 0 5px 10px 0 rgba(32,34,83,.5);
    box-shadow: 0 5px 10px 0 rgba(32,34,83,.5)
}

.download-box .button {
    position: absolute;
    left: 50%;
    bottom: -15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.download-box .paragraph {
    width: calc(100% - 70px);
    position: absolute;
    top: 50%;
    left: 70px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.download-box__img {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    opacity: 0;
    pointer-events: none
}

.modal.is-visible {
    opacity: 1;
    pointer-events: all
}

.modal__background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(111,111,111,.6)
}

.modal__panel {
    position: absolute;
    width: auto;
    min-width: 300px;
    height: auto;
    min-height: 130px;
    top: 50%;
    left: 50%;
    z-index: 2;
    padding: 20px;
    text-align: center;
    border-radius: 16px;
    color: #000;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff
}

.gallery {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative
}

@media (min-width: 768px) {
    .gallery {
        overflow:visible;
        position: absolute;
        width: 100vw;
        top: 0;
        left: 50%;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        z-index: 1
    }
}

.gallery__drag-handler {
    display: none;
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: 99;
    background-color: red;
    opacity: 0
}

@media (min-width: 768px) {
    .gallery__drag-handler {
        display:block
    }
}

.gallery__slider .slick-slide {
    width: calc(100vw - 40px);
    position: relative;
    margin: 0 auto;
    padding: 0 0 0 20px
}

@media (min-width: 768px) {
    .gallery__slider .slick-slide {
        width:40vw
    }
}

@media (min-width: 768px) {
    .gallery__slider .slick-list {
        overflow:visible
    }
}

.gallery__item {
    position: relative;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(32,34,83,.5);
    box-shadow: 0 5px 10px 0 rgba(32,34,83,.5);
    will-change: transform;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transform: scale(.98);
    transform: scale(.98);
    -webkit-transition: -webkit-transform .2s linear 0s,-webkit-box-shadow .2s linear 0s;
    transition: -webkit-transform .2s linear 0s,-webkit-box-shadow .2s linear 0s;
    transition: transform .2s linear 0s,box-shadow .2s linear 0s;
    transition: transform .2s linear 0s,box-shadow .2s linear 0s,-webkit-transform .2s linear 0s,-webkit-box-shadow .2s linear 0s
}

.gallery__item:before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 56.25%
}

.slick-current .gallery__item {
    -webkit-box-shadow: 0 15px 20px 0 rgba(32,34,83,.5);
    box-shadow: 0 15px 20px 0 rgba(32,34,83,.5);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.gallery__image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #000
}

.gallery__image--video-preview {
    z-index: 2
}

.is-playing .gallery__image--video-preview {
    opacity: 0;
    background-image: none!important
}

.is-playing.is-paused .gallery__image--video-preview {
    opacity: 1
}

.gallery__video__play {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 10;
    cursor: pointer;
    background-color: rgba(255,255,255,.5);
    border-radius: 50%;
    overflow: hidden
}

.gallery__video__play:before {
    content: '';
    display: block;
    position: absolute;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    pointer-events: none;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1
}

.gallery__video__play .icon {
    width: 30%;
    position: relative;
    z-index: 2;
    margin-left: 5px
}

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

.gallery__video>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.gallery__caption {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
    padding: 0 16px
}

.gallery__caption__text {
    position: absolute;
    top: 0;
    left: 16px;
    will-change: opacity;
    -webkit-transition: opacity .3s linear 0s,-webkit-transform .3s linear 0s;
    transition: opacity .3s linear 0s,-webkit-transform .3s linear 0s;
    transition: transform .3s linear 0s,opacity .3s linear 0s;
    transition: transform .3s linear 0s,opacity .3s linear 0s,-webkit-transform .3s linear 0s;
    opacity: 0;
    -webkit-transform: translate(0,16px);
    transform: translate(0,16px)
}

.gallery__caption__text.is-visible {
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.gallery__pagination {
    padding: 0 16px
}

.gallery__fullscreen-handler {
    position: absolute;
    display: block;
    bottom: 20px;
    right: 20px;
    z-index: 9;
    cursor: pointer
}

.gallery__fullscreen-handler .icon {
    width: 30px;
    opacity: .6;
    -webkit-transition: opacity .2s linear 0s;
    transition: opacity .2s linear 0s
}

.no-touch .gallery__item:hover .gallery__fullscreen-handler .icon {
    opacity: 1
}

.gallery__fullscreen-handler .icon--fullscreen-on {
    display: block
}

.gallery__fullscreen-handler .icon--fullscreen-off {
    display: none
}

.fullscreen-slider {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
    will-change: opacity;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: opacity .4s linear 0s;
    transition: opacity .4s linear 0s
}

.fullscreen-slider.is-visible {
    opacity: 1;
    pointer-events: all
}

.fullscreen-slider .icon--fullscreen-on {
    display: none
}

.fullscreen-slider .icon--fullscreen-off {
    display: block
}

.fullscreen-slider__background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5)
}

.fullscreen-slider__carousel {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.fullscreen-slider__closer {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 10px;
    right: 10px;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    z-index: 10;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden
}

.fullscreen-slider__closer .icon {
    width: 40%;
    position: relative;
    z-index: 2
}

@media (min-width: 768px) {
    .fullscreen-slider__closer {
        top:20px;
        right: 20px
    }
}

@media (min-width: 1280px) {
    .fullscreen-slider__closer {
        top:40px;
        right: 40px
    }
}

.fullscreen-slider__captions {
    position: relative;
    width: calc(100vw - 20px);
    height: 20px;
    margin: 20px auto 0;
    padding-left: 0
}

@media (min-width: 1024px) {
    .fullscreen-slider__captions {
        width:60vw
    }
}

.fullscreen-slider .slick-slide {
    width: calc(100vw - 20px)!important;
    margin: 10px
}

@media (min-width: 768px) {
    .fullscreen-slider .slick-slide {
        width:calc(100vw - 40px)!important;
        margin: 20px
    }
}

@media (min-width: 1024px) {
    .fullscreen-slider .slick-slide {
        width:60vw!important;
        margin: 0 20px
    }
}

.fullscreen-slider .gallery__item {
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.fullscreen-slider .gallery__caption__text {
    left: 0
}

.blockquote {
    position: relative;
    color: #bbcaff
}

.blockquote__text {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px
}

.blockquote__text:before {
    content: '“'
}

.blockquote__text:after {
    content: '”'
}

.blockquote__author {
    display: block;
    padding-left: 80px;
    position: relative;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    line-height: 17px;
    color: #fff
}

.blockquote__author:after {
    content: '';
    width: 60px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    border-radius: 1px
}

.loader {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
    visibility: hidden;
    opacity: 0
}

.loader:after {
    content: '';
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-animation: loading 1s ease-out forwards infinite;
    animation: loading 1s ease-out forwards infinite
}

.trigger.is-loading+.loader {
    visibility: visible;
    opacity: 1
}

.loader-overlay.is-visible .loader {
    margin: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    visibility: visible;
    opacity: 1
}

@-webkit-keyframes loading {
    0% {
        border: 0 solid #fff
    }

    20% {
        border: 8px solid #fff;
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0)
    }

    80% {
        border: 8px solid #fff
    }

    100% {
        border: 0 solid #fff;
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1)
    }
}

@keyframes loading {
    0% {
        border: 0 solid #fff
    }

    20% {
        border: 8px solid #fff;
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0)
    }

    80% {
        border: 8px solid #fff
    }

    100% {
        border: 0 solid #fff;
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1)
    }
}

.wysiwyg-content ul {
    list-style: decimal;
    padding-left: 15px;
    margin: 10px 0
}

.wysiwyg-content ol {
    list-style: upper-alpha;
    padding-left: 15px;
    margin: 10px 0
}

.wysiwyg-content a {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer
}

.no-touch .wysiwyg-content a {
    opacity: .5;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

.no-touch .wysiwyg-content a.is-active,.no-touch .wysiwyg-content a:hover {
    opacity: 1
}

.wysiwyg-content img {
    width: auto!important;
    height: auto!important;
    max-width: 100%;
    margin: 10px 0
}

.wysiwyg-content blockquote {
    position: relative;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #bbcaff
}

.wysiwyg-content blockquote:before {
    content: '“'
}

.wysiwyg-content blockquote:after {
    content: '”'
}

.wysiwyg-content blockquote>p {
    display: inline
}

.page[data-color-scheme=default] {
    background: #4648b9
}

@media (min-width: 1280px) {
    .page[data-color-scheme=default] {
        background:#2930c1;
        background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
    }
}

.page[data-color-scheme=event] {
    background: #4648b9
}

@media (min-width: 1280px) {
    .page[data-color-scheme=event] {
        background:#2930c1;
        background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
    }
}

.page[data-color-scheme=pointOfInterest] {
    background: #72aafc
}

@media (min-width: 1280px) {
    .page[data-color-scheme=pointOfInterest] {
        background:#746dfb;
        background: linear-gradient(45deg,#746dfb 0,#72aafc 100%)
    }
}

.page[data-color-scheme=talkAround] {
    background: #ca6edd
}

@media (min-width: 1280px) {
    .page[data-color-scheme=talkAround] {
        background:#7853bb;
        background: linear-gradient(45deg,#7853bb 0,#ca6edd 100%)
    }
}

.page[data-color-scheme=promoAndNews] {
    background: #817ffe
}

@media (min-width: 1280px) {
    .page[data-color-scheme=promoAndNews] {
        background:#4e49b7;
        background: linear-gradient(45deg,#4e49b7 0,#817ffe 100%)
    }
}

.page[data-color-scheme=socialWall] {
    background: #5ec2d4
}

@media (min-width: 1280px) {
    .page[data-color-scheme=socialWall] {
        background:#2c7ea4;
        background: linear-gradient(45deg,#2c7ea4 0,#5ec2d4 100%)
    }
}

.page:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/pattern.svg);
    background-size: 100% auto;
    background-position: 50% 50%;
    background-repeat: repeat;
    opacity: .1
}

@media (min-width: 1280px) {
    .page:before {
        background-size:50% auto
    }
}

.page__wrapper {
    min-height: 100%;
    padding-top: 56px;
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .page__wrapper {
        padding-bottom:60px
    }
}

@media (min-width: 1280px) {
    .page__wrapper {
        padding-top:60px
    }
}

.page__hero {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.page__wrapper .page__hero {
    height: auto;
    min-height: 95px;
    overflow: visible;
    margin-top: 80px
}

@media (min-width: 768px) {
    .page__wrapper .page__hero {
        min-height:150px;
        margin-top: 180px
    }
}

@media (min-width: 1280px) {
    .page__wrapper .page__hero {
        min-height:180px;
        margin-top: 150px
    }
}

.page__hero__footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    text-align: center
}

.page__scroller {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    pointer-events: none
}

.page__scroller__handle {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(32,34,83,.5);
    box-shadow: 0 2px 4px 0 rgba(32,34,83,.5);
    pointer-events: all;
    cursor: pointer;
    background: #4e49b7;
    background: linear-gradient(45deg,#4e49b7 0,#817ffe 100%)
}

.page__scroller__handle:after,.page__scroller__handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%
}

.page__scroller__handle:before {
    width: 16px;
    height: 16px;
    z-index: 1;
    background: #817ffe;
    background: linear-gradient(45deg,#817ffe 0,#4e49b7 100%)
}

.page__scroller__handle:after {
    width: 6px;
    height: 6px;
    z-index: 2;
    background-color: #bbcaff
}

.page__scroller__item {
    height: 18px;
    line-height: 18px;
    pointer-events: all;
    cursor: pointer
}

.page__scroller__item:not(:first-child):not(:last-child) {
    position: relative
}

.page__scroller__item:not(:first-child):not(:last-child):before {
    width: 3px;
    height: 3px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(32,34,83,.5);
    box-shadow: 0 2px 4px 0 rgba(32,34,83,.5)
}

.page__scroller__item .fa {
    font-size: 16px;
    line-height: 18px;
    text-shadow: 0 2px 4px rgba(32,34,83,.5);
    color: #bbcaff;
    opacity: .5
}

.page__shape {
    width: 100%;
    max-width: 600px;
    position: absolute;
    top: -60px;
    left: 0;
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/blobs/default.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent
}

@media (min-width: 768px) {
    .page__shape {
        top:-80px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width: 1280px) {
    .page__shape {
        top:-50px;
        left: 0;
        -webkit-transform: none;
        transform: none
    }
}

.page__shape:before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 42.66667%
}

.page__shape canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 767px) {
    .page__wrapper .page__shape {
        top:-30px
    }
}

.page__content {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative
}

.page__content:not(.is-empty) {
    min-height: calc(100% - 56px)
}

@media (min-width: 1280px) {
    .page__content:not(.is-empty) {
        min-height:calc(100% - 60px)
    }
}

.page__content.is-empty {
    text-align: center
}

.page__wrapper .page__content {
    min-height: 0;
    margin-top: 50px
}

@media (min-width: 1280px) {
    .page__wrapper .page__content {
        margin-top:70px
    }
}

.page__related {
    overflow: hidden
}

@media (min-width: 768px) {
    .page__related {
        padding-top:90px
    }
}

@media (min-width: 1024px) {
    .page__related {
        padding-top:60px
    }
}

@media (min-width: 1280px) {
    .page__related {
        padding-top:20px
    }
}

.page__no-results {
    padding: 40px 0 20px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center
}

.page__hero .container--middle {
    top: calc(50% + (56px / 2))
}

@media (min-width: 1280px) {
    .page__hero .container--middle {
        top:50%
    }
}

.page__title .title {
    font-size: 60px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .page__title .title {
        font-size:100px
    }
}

.col .page__title .title {
    display: block;
    text-align: left
}

.page__hero__footer .paragraph {
    display: none;
    max-width: 300px;
    padding-left: 7px;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 7px;
    text-transform: uppercase;
    text-align: center
}

@media (min-width: 768px) {
    .page__hero__footer .paragraph {
        display:block
    }
}

.page__scroller .list {
    width: 100%;
    padding: 6px 0;
    text-align: center
}

.page__no-results+.button {
    min-width: 300px;
    max-width: 100%;
    margin: 20px auto 20px
}

@media (min-width: 768px) {
    .page__no-results+.button {
        margin-top:10px
    }
}

@media (min-width: 1280px) {
    .page__no-results+.button {
        margin-top:20px
    }
}

button.js-scroll-to-content {
    display: inline-block;
    padding: 20px
}

button.js-scroll-to-content img {
    width: 20px;
    -webkit-animation: scroll 4s ease 0s infinite;
    animation: scroll 4s ease 0s infinite
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: none;
        transform: none
    }

    10% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    20% {
        -webkit-transform: none;
        transform: none
    }

    30% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100%,40% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: none;
        transform: none
    }

    10% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    20% {
        -webkit-transform: none;
        transform: none
    }

    30% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100%,40% {
        -webkit-transform: none;
        transform: none
    }
}

.homepage[data-color-scheme=default] {
    background: #2930c1
}

.homepage[data-color-scheme=event] {
    background: #2930c1
}

.homepage[data-color-scheme=pointOfInterest] {
    background: #746dfb
}

.homepage[data-color-scheme=talkAround] {
    background: #7853bb
}

.homepage[data-color-scheme=promoAndNews] {
    background: #4e49b7
}

.homepage[data-color-scheme=socialWall] {
    background: #2c7ea4
}

.homepage:before {
    display: none;
    content: none
}

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

.homepage__content {
    width: 100%;
    position: relative;
    margin: 0 auto
}

[data-color-scheme=default] .homepage__content {
    background: #4648b9
}

@media (min-width: 1280px) {
    [data-color-scheme=default] .homepage__content {
        background:#2930c1;
        background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
    }
}

[data-color-scheme=event] .homepage__content {
    background: #4648b9
}

@media (min-width: 1280px) {
    [data-color-scheme=event] .homepage__content {
        background:#2930c1;
        background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
    }
}

[data-color-scheme=pointOfInterest] .homepage__content {
    background: #72aafc
}

@media (min-width: 1280px) {
    [data-color-scheme=pointOfInterest] .homepage__content {
        background:#746dfb;
        background: linear-gradient(45deg,#746dfb 0,#72aafc 100%)
    }
}

[data-color-scheme=talkAround] .homepage__content {
    background: #ca6edd
}

@media (min-width: 1280px) {
    [data-color-scheme=talkAround] .homepage__content {
        background:#7853bb;
        background: linear-gradient(45deg,#7853bb 0,#ca6edd 100%)
    }
}

[data-color-scheme=promoAndNews] .homepage__content {
    background: #817ffe
}

@media (min-width: 1280px) {
    [data-color-scheme=promoAndNews] .homepage__content {
        background:#4e49b7;
        background: linear-gradient(45deg,#4e49b7 0,#817ffe 100%)
    }
}

[data-color-scheme=socialWall] .homepage__content {
    background: #5ec2d4
}

@media (min-width: 1280px) {
    [data-color-scheme=socialWall] .homepage__content {
        background:#2c7ea4;
        background: linear-gradient(45deg,#2c7ea4 0,#5ec2d4 100%)
    }
}

@media (min-width: 1280px) {
    .homepage__content {
        max-width:1000px
    }
}

.homepage__content:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/pattern.svg);
    background-size: 100% auto;
    background-position: 50% 50%;
    background-repeat: repeat;
    opacity: .1
}

@media (min-width: 1280px) {
    .homepage__content:before {
        background-size:50% auto
    }
}

.homepage__app-promo {
    padding-top: 90px;
    padding-bottom: 40px;
    position: relative
}

@media (min-width: 768px) {
    .homepage__app-promo {
        padding-top:75px;
        padding-bottom: 90px
    }
}

@media (min-width: 1280px) {
    .homepage__app-promo {
        padding-top:30px;
        padding-bottom: 120px
    }
}

.homepage__app-promo>img {
    display: block;
    width: calc(100% - 20px);
    max-width: 480px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .homepage__app-promo>img {
        max-width:300px;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 1024px) {
    .homepage__app-promo>img {
        max-width:400px
    }
}

@media (min-width: 1280px) {
    .homepage__app-promo>img {
        max-width:500px;
        top: 30px;
        -webkit-transform: none;
        transform: none
    }
}

.homepage .page__title {
    text-align: center
}

.homepage .page__description {
    margin-top: 20px;
    text-align: center
}

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

@media (min-width: 1280px) {
    .homepage .page__content {
        padding-top:90px
    }
}

.homepage .page__hero .title {
    font-size: 40px;
    letter-spacing: -1px
}

@media (min-width: 768px) {
    .homepage .page__hero .title {
        font-size:85px;
        letter-spacing: -2px
    }
}

.homepage .page__hero .word:first-child {
    text-indent: 55px
}

@media (min-width: 768px) {
    .homepage .page__hero .word:first-child {
        text-indent:100px
    }
}

.homepage .page__hero .word:nth-child(2) {
    text-indent: 40px
}

@media (min-width: 768px) {
    .homepage .page__hero .word:nth-child(2) {
        text-indent:70px
    }
}

.homepage .page__hero .word:last-child {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 4px
}

@media (min-width: 768px) {
    .homepage .page__hero .word:last-child {
        font-size:35px;
        letter-spacing: 7px
    }
}

.homepage .page__hero .word:last-child:after {
    top: calc(50% - 1px);
    right: 0
}

@media (min-width: 768px) {
    .homepage .page__hero .word:last-child:after {
        right:50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@media (min-width: 768px) {
    .homepage__app-promo .word {
        font-size:80px
    }
}

.homepage__app-promo .word:first-child {
    display: inline-block
}

.homepage__app-promo .word:nth-child(2) {
    display: inline-block;
    margin-left: 10px
}

@media (min-width: 768px) {
    .homepage__app-promo .word:nth-child(2) {
        margin-left:15px
    }
}

.homepage__app-promo .word:last-child {
    margin-bottom: 12px;
    text-indent: 50px
}

@media (min-width: 768px) {
    .homepage__app-promo .word:last-child {
        margin-bottom:22px;
        text-indent: 100px
    }
}

.homepage__app-promo .word:last-child:after {
    bottom: -10px;
    right: 0
}

@media (min-width: 768px) {
    .homepage__app-promo .word:last-child:after {
        bottom:-20px
    }
}

.homepage__app-promo .grid {
    margin-top: 40px
}

@media (min-width: 768px) {
    .homepage__app-promo .grid {
        margin-top:0
    }
}

.homepage .page__description .paragraph {
    display: inline-block;
    width: 260px
}

@media (min-width: 768px) {
    .homepage .page__description .paragraph {
        width:400px
    }
}

.homepage__app-promo .paragraph {
    margin-top: 30px
}

@media (min-width: 768px) {
    .homepage__app-promo .paragraph {
        margin-top:40px
    }
}

.homepage__app-promo .apps-list {
    margin-top: 30px
}

@media (min-width: 768px) {
    .homepage__app-promo .apps-list {
        margin-top:40px
    }
}

.homepage button.js-scroll-to-content {
    position: absolute;
    top: 0;
    left: calc(50% - 30px)
}

button.js-homepage-scroll-to-app {
    display: inline-block;
    padding: 20px;
    float: right
}

button.js-homepage-scroll-to-app img {
    width: 20px
}

.events__archive-link {
    display: block;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    background-color: #817ffe;
    text-align: center;
    -webkit-transition-property: padding,opacity,-webkit-transform;
    transition-property: padding,opacity,-webkit-transform;
    transition-property: padding,transform,opacity;
    transition-property: padding,transform,opacity,-webkit-transform;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    will-change: transform
}

@media (min-width: 768px) {
    .events__archive-link {
        padding-top:30px;
        padding-bottom: 30px;
        background-color: transparent;
        text-align: left
    }
}

@media (min-width: 980px) {
    .events__archive-link {
        left:calc(50% - (980px / 2))
    }
}

.events__archive-link.is-sticky {
    padding-top: 19px;
    position: fixed;
    top: 56px
}

@media (min-width: 768px) {
    .events__archive-link.is-sticky {
        padding-top:30px
    }
}

@media (min-width: 1280px) {
    .events__archive-link.is-sticky {
        top:60px
    }
}

.events__archive-link.unstickyfied {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none
}

.events__dates {
    display: none;
    height: calc(100vh - 60px);
    padding: 0;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 768px) {
    .events__dates {
        display:inline-block
    }
}

.events__dates.unstickyfied {
    top: auto;
    bottom: 0
}

.events__dates.is-sticky:not(.unstickyfied)>.events__date {
    width: 236px;
    position: fixed;
    top: 56px
}

@media (min-width: 768px) {
    .events__dates.is-sticky:not(.unstickyfied)>.events__date {
        width:33.33333%
    }
}

@media (min-width: 1024px) {
    .events__dates.is-sticky:not(.unstickyfied)>.events__date {
        width:326.66px;
        top: 60px;
        left: calc(50% - 490px)
    }
}

.events__date {
    width: 100%;
    height: calc(100vh - 60px);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity .8s ease 0s;
    transition: opacity .8s ease 0s
}

@media (min-width: 1280px) {
    .events__date {
        text-align:center
    }
}

.events__date.is-current {
    opacity: 1
}

.events__group-wrapper {
    padding: 90px 0;
    font-size: 0
}

@media (min-width: 768px) {
    .events__group-wrapper {
        min-height:calc(100vh - 56px)
    }

    .events__group-wrapper:before {
        display: inline-block;
        width: 0;
        height: 100%;
        content: '';
        vertical-align: middle;
        min-height: calc(100vh - 60px - 180px)
    }
}

.events__group {
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

.events__archive-hint {
    text-align: center
}

@media (min-width: 768px) {
    .events__list .content-preview {
        opacity:0;
        -webkit-transition: opacity .4s ease 0s;
        transition: opacity .4s ease 0s
    }

    .events__list .content-preview.is-visible {
        opacity: 1
    }
}

.events .page__hero .word:after {
    top: calc(100% + 10px);
    right: 0
}

@media (min-width: 768px) {
    .events .page__hero .word:after {
        top:calc(50% - 1px)
    }
}

.events .page__description .paragraph {
    margin-top: 30px
}

@media (min-width: 768px) {
    .events .page__description .paragraph {
        margin-top:140px
    }
}

@media (min-width: 1280px) {
    .events .page__description .paragraph {
        margin-top:35px
    }
}

.events__archive-hint .paragraph {
    padding: 40px 0 20px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center
}

@media (min-width: 768px) {
    .events__archive-hint .paragraph {
        padding-top:85px
    }
}

.events__archive-link .link {
    text-align: center
}

.events__archive-link .icon {
    width: 30px
}

.events__archive-link .label {
    margin-left: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.events__date .date {
    width: 100%;
    position: absolute;
    top: calc(50% + 10px);
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.events__archive-hint .button {
    min-width: 300px;
    max-width: 100%;
    margin: 20px auto 20px
}

@media (min-width: 768px) {
    .events__archive-hint .button {
        margin-top:10px
    }
}

@media (min-width: 1280px) {
    .events__archive-hint .button {
        margin-top:20px
    }
}

.single[data-color-scheme=default] {
    background: #4648b9
}

@media (min-width: 1280px) {
    .single[data-color-scheme=default] {
        background:#2930c1;
        background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
    }
}

.single[data-color-scheme=event] {
    background: #4648b9
}

@media (min-width: 1280px) {
    .single[data-color-scheme=event] {
        background:#2930c1;
        background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
    }
}

.single[data-color-scheme=pointOfInterest] {
    background: #72aafc
}

@media (min-width: 1280px) {
    .single[data-color-scheme=pointOfInterest] {
        background:#746dfb;
        background: linear-gradient(45deg,#746dfb 0,#72aafc 100%)
    }
}

.single[data-color-scheme=talkAround] {
    background: #ca6edd
}

@media (min-width: 1280px) {
    .single[data-color-scheme=talkAround] {
        background:#7853bb;
        background: linear-gradient(45deg,#7853bb 0,#ca6edd 100%)
    }
}

.single[data-color-scheme=promoAndNews] {
    background: #817ffe
}

@media (min-width: 1280px) {
    .single[data-color-scheme=promoAndNews] {
        background:#4e49b7;
        background: linear-gradient(45deg,#4e49b7 0,#817ffe 100%)
    }
}

.single[data-color-scheme=socialWall] {
    background: #5ec2d4
}

@media (min-width: 1280px) {
    .single[data-color-scheme=socialWall] {
        background:#2c7ea4;
        background: linear-gradient(45deg,#2c7ea4 0,#5ec2d4 100%)
    }
}

.single:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/pattern.svg);
    background-size: 100% auto;
    background-position: 50% 50%;
    background-repeat: repeat;
    opacity: .1
}

@media (min-width: 1280px) {
    .single:before {
        background-size:50% auto
    }
}

.single__hero {
    padding-top: calc(56px + 50px)
}

@media (min-width: 768px) {
    .single__hero {
        padding-top:calc(56px + 40px)
    }
}

@media (min-width: 1280px) {
    .single__hero {
        padding-top:calc(60px + 95px)
    }
}

.single__type {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #bbcaff
}

.single__title {
    margin-top: 10px
}

.single__date,.single__place {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #bbcaff
}

.single__date {
    margin-top: 20px;
    text-decoration: underline
}

.single__place {
    margin-top: 20px
}

.single__date+.single__place {
    margin-top: 0
}

.single__meta {
    padding-right: 65px;
    position: relative;
    margin-top: 30px;
    text-align: right
}

@media (min-width: 768px) {
    .single__meta {
        padding-right:126px;
        margin-top: 20px
    }
}

@media (min-width: 1280px) {
    .single__meta {
        padding-right:160px
    }
}

.single__meta:after {
    width: 45px;
    height: 2px;
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    background-color: currentColor;
    border-radius: 1px
}

@media (min-width: 768px) {
    .single__meta:after {
        width:106px
    }
}

@media (min-width: 1280px) {
    .single__meta:after {
        width:140px
    }
}

.single__adv {
    width: calc(100% - 20px);
    overflow: hidden;
    position: relative;
    margin: 40px auto 0;
    background-color: #000;
    -webkit-box-shadow: 0 10px 15px 0 rgba(32,34,83,.5);
    box-shadow: 0 10px 15px 0 rgba(32,34,83,.5)
}

@media (min-width: 768px) {
    .single__adv {
        width:100%;
        margin: 0 0 50px
    }
}

@media (min-width: 1280px) {
    .single__adv {
        margin-bottom:90px
    }
}

.single__adv:before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 83.33333%
}

.single__adv>* {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.single__excerpt {
    padding-bottom: 40px;
    position: relative;
    margin-top: 80px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left
}

@media (min-width: 768px) {
    .single__excerpt {
        margin-top:-75px
    }
}

@media (min-width: 1280px) {
    .single__excerpt {
        margin-top:-70px
    }
}

.single__excerpt:after {
    width: 60px;
    height: 2px;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-radius: 1px
}

.single__content {
    position: relative;
    margin-top: 40px
}

@media (min-width: 768px) {
    .single__content {
        margin-top:55px
    }
}

@media (min-width: 1280px) {
    .single__content {
        margin-top:50px
    }
}

.single__footer {
    padding: 80px 0 40px
}

@media (min-width: 375px) {
    .single__footer {
        padding-right:10px;
        padding-left: 10px
    }
}

@media (min-width: 1280px) {
    .single__footer {
        padding:100px 0 40px
    }
}

.single__back-to-archive {
    padding-left: 70px;
    margin: 4px 0;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.single__back-to-archive:before {
    width: 50px;
    height: 2px;
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    background-color: currentColor;
    border-radius: 1px
}

.single__footer .content-toolbar {
    float: right
}

.single__title .title {
    display: block;
    text-align: right
}

.single__content .blockquote {
    margin-top: 80px
}

@media (min-width: 768px) {
    .single__content .blockquote {
        margin-top:-75px
    }
}

@media (min-width: 1280px) {
    .single__content .blockquote {
        margin-top:-70px
    }
}

.single__hero .label {
    display: block;
    text-align: right
}

.single__meta .label {
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    color: #bbcaff
}

.single__content .button {
    display: block;
    width: calc(100% - 20px);
    margin: 40px auto 0
}

@media (min-width: 768px) {
    .single__content .button {
        width:100%;
        margin: 30px 0 0
    }
}

@media (min-width: 1280px) {
    .single__content .button {
        margin-top:40px
    }
}

.event__subscribers {
    display: inline-block;
    float: left;
    cursor: pointer
}

@media (min-width: 768px) {
    .event__subscribers {
        float:none
    }
}

.event__subscribers strong {
    padding-left: 40px;
    vertical-align: middle;
    margin-right: 4px;
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/icons/subscribers.svg);
    background-size: 30px 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    font-size: 18px;
    line-height: 16px;
    color: #fff
}

.event__people {
    margin-top: 80px;
    text-align: left
}

@media (min-width: 768px) {
    .event__people {
        margin-top:-75px
    }
}

@media (min-width: 1280px) {
    .event__people {
        margin-top:-70px
    }
}

.event__person {
    padding-right: 20px;
    position: relative;
    margin-top: 20px
}

.event__person:after {
    width: 10px;
    height: 10px;
    content: '\f054';
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    font-family: FontAwesome;
    font-size: 10px;
    line-height: 10px;
    color: currentColor
}

.no-touch .event__person:after {
    opacity: .5;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

.no-touch .event__person:hover:after {
    opacity: 1
}

.event__person__name {
    display: block;
    font-size: 20px;
    font-weight: 300;
    line-height: 22px
}

@media (min-width: 768px) {
    .event__person__name {
        font-weight:700;
        line-height: 24px
    }
}

.event__person__job-title {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    font-style: italic;
    color: #bbcaff
}

.event__map {
    position: relative;
    margin-top: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 15px 0 rgba(32,34,83,.5);
    box-shadow: 0 10px 15px 0 rgba(32,34,83,.5)
}

.event__map:before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 55.55556%
}

@media (min-width: 768px) {
    .event__map:before {
        display:block;
        content: '';
        width: 100%;
        padding-bottom: 39.0625%
    }
}

@media (min-width: 1280px) {
    .event__map {
        margin-top:100px
    }

    .event__map:before {
        display: block;
        content: '';
        width: 100%;
        padding-bottom: 34.72222%
    }
}

.event__map #map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.event__map__infobox {
    width: 190px;
    padding: 20px 30px 20px 10px;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 15px rgba(32,34,83,.5);
    box-shadow: 0 5px 15px rgba(32,34,83,.5)
}

@media (min-width: 768px) {
    .event__map__infobox {
        width:260px;
        padding: 30px 40px 30px 20px;
        left: 50%;
        -webkit-transform: translate(-100%,-50%);
        transform: translate(-100%,-50%)
    }
}

.event__map__infobox:after {
    width: 48px;
    height: 48px;
    content: '';
    position: absolute;
    top: calc(50% - 24px);
    right: -24px;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/direction.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent
}

.event__partners {
    padding-top: 40px
}

@media (min-width: 1280px) {
    .event__partners {
        padding-top:60px
    }
}

.event__partner {
    display: inline-block;
    vertical-align: middle;
    margin: 20px 20px 0
}

@media (min-width: 768px) {
    .event__partner {
        margin:20px 0 0
    }
}

@media (min-width: 768px) {
    .event__partner:nth-child(n+2) {
        margin-left:60px
    }
}

@media (min-width: 1280px) {
    .event__partner:nth-child(n+2) {
        margin-left:100px
    }
}

.event__partner img {
    width: auto;
    height: auto;
    max-height: 40px
}

@media (max-width: 767px) {
    .event .single__meta {
        padding-right:0
    }

    .event .single__meta:after {
        display: none;
        content: none
    }
}

.event__partners .list {
    font-size: 0
}

.event__people .label {
    font-size: 14px;
    line-height: 16px;
    color: #bbcaff
}

.event__people .label:nth-of-type(2) {
    margin-top: 30px
}

.event__partners .label {
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #bbcaff
}

@media (min-width: 375px) {
    .event__partners .label {
        padding-left:10px
    }
}

@media (min-width: 1280px) {
    .event__partners .label {
        padding-left:0
    }
}

.event__map__infobox .label {
    display: block;
    font-size: 16px;
    line-height: 18px
}

.event__map__infobox .label:first-child {
    font-weight: 700;
    color: #707bfa
}

.event__map__infobox .label:last-child {
    font-weight: 300;
    color: #979797
}

@media (max-width: 767px) {
    .event__people .button {
        margin-top:80px
    }
}

.manifest .page__content {
    font-family: "Px Grotesk",sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.57
}

@media (max-width: 767px) {
    .manifest .page__title .title {
        font-size:50px
    }
}

.manifest .page__description .paragraph {
    margin-top: 15px
}

@media (min-width: 768px) {
    .manifest .page__description .paragraph {
        margin-top:35px
    }
}

@media (min-width: 1280px) {
    .manifest .page__description .paragraph {
        margin-top:25px
    }
}

.manifest .blockquote {
    margin-top: 50px;
    margin-bottom: 45px;
    color: #fff
}

@media (min-width: 768px) {
    .manifest .blockquote {
        margin-top:130px;
        margin-bottom: 50px
    }
}

.manifest .page__title .word {
    padding-bottom: 10px
}

.manifest .page__title .word:after {
    right: 0;
    bottom: 0
}

@media (min-width: 768px) {
    .manifest .page__title .word:after {
        display:none;
        content: none
    }
}

.privacy .title {
    font-size: 55px
}

@media (min-width: 768px) {
    .privacy .title {
        font-size:100px
    }
}

@media (min-width: 1280px) {
    .privacy .title {
        font-size:85px
    }
}

.privacy .word {
    text-align: left
}

@media (min-width: 1280px) {
    .privacy .word {
        text-align:right
    }
}

.privacy .word:last-child {
    font-weight: 300;
    text-align: right
}

.privacy .word:last-child:after {
    bottom: -10px;
    right: -20px
}

@media (min-width: 768px) {
    .privacy .word:last-child:after {
        bottom:initial;
        right: -80px;
        top: -40px
    }
}

@media (min-width: 1280px) {
    .privacy .word:last-child:after {
        top:-45px;
        right: initial;
        bottom: initial
    }
}

@media (min-width: 768px) {
    .privacy .page__hero .paragraph {
        margin-top:45px
    }
}

@media (min-width: 1280px) {
    .privacy .page__hero .paragraph {
        margin-top:30px
    }
}

.contacts .page__hero {
    min-height: 100%;
    height: auto
}

@media (min-width: 768px) {
    .contacts .page__hero {
        height:100%
    }
}

.contacts .container--middle {
    margin-top: 100px;
    margin-bottom: 50px;
    top: initial;
    -webkit-transform: none;
    transform: none
}

@media (min-width: 768px) {
    .contacts .container--middle {
        margin-top:0;
        margin-bottom: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.contacts .title {
    font-size: 55px
}

@media (min-width: 768px) {
    .contacts .title {
        font-size:100px
    }
}

@media (min-width: 1280px) {
    .contacts .title {
        font-size:95px
    }
}

.contacts .word {
    padding-bottom: 10px
}

@media (min-width: 768px) {
    .contacts .word {
        padding-bottom:0
    }
}

.contacts .word:after {
    bottom: 0;
    right: 0
}

@media (min-width: 768px) {
    .contacts .word:after {
        width:60px;
        top: calc(50% - 2px);
        bottom: auto
    }
}

@media (min-width: 768px) {
    .contacts .page__description {
        margin-top:100px
    }
}

@media (min-width: 1280px) {
    .contacts .page__description {
        margin-top:30px
    }
}

.contacts .page__hero__footer {
    position: relative
}

@media (min-width: 768px) {
    .contacts .page__hero__footer {
        position:absolute;
        min-height: 150px
    }
}

@media (min-width: 1024px) {
    .contacts .page__hero__footer {
        min-height:125px
    }
}

.partners .content.overlay-is-open .page__content,.partners .content.overlay-is-open .page__hero {
    display: none
}

.partners .page__hero .word {
    display: inline-block;
    font-weight: 300
}

.partners .page__hero .word:first-child {
    margin-right: 10px
}

@media (min-width: 768px) {
    .partners .page__hero .word:first-child {
        margin-right:20px
    }
}

.partners .page__hero .word:last-child {
    display: block;
    font-weight: 700;
    text-align: right;
    padding-bottom: 10px
}

@media (min-width: 1280px) {
    .partners .page__hero .word:last-child {
        padding-right:20px
    }
}

.partners .page__hero .word:last-child:after {
    width: 95px;
    bottom: 0;
    right: 0
}

@media (min-width: 768px) {
    .partners .page__hero .word:last-child:after {
        width:140px;
        top: -55px;
        right: -5px
    }
}

@media (min-width: 1280px) {
    .partners .page__hero .word:last-child:after {
        width:100px
    }
}

.partners .page__content .word {
    text-align: right;
    font-size: 40px
}

@media (min-width: 768px) {
    .partners .page__content .word {
        font-size:45px
    }
}

@media (min-width: 1280px) {
    .partners .page__content .word {
        font-size:60px
    }
}

.partners .page__content .word:last-child {
    padding-bottom: 10px
}

.partners .page__content .word:last-child:after {
    width: 60px;
    bottom: 0;
    right: 0
}

.partners .page__content .title {
    width: 100%;
    margin-bottom: 27px;
    direction: rtl
}

.partners .page__content .row {
    margin-bottom: 80px
}

@media (min-width: 1280px) {
    .partners .page__content .row {
        margin-bottom:85px
    }
}

.partners .page__content .col:first-child {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .partners .page__content .col:first-child {
        margin-bottom:0
    }
}

.partners .page__content .col:last-child {
    text-align: center
}

@media (min-width: 768px) {
    .partners .page__content .col:last-child {
        text-align:left
    }
}

.partners__link {
    display: block;
    margin-bottom: 40px
}

@media (min-width: 1280px) {
    .partners__link {
        display:inline-block;
        margin: 20px 40px 20px 0
    }
}

.partners__link:last-child {
    margin-bottom: 0
}

.press .page__content .row {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .press .page__content .row {
        margin-bottom:50px
    }
}

.press .page__content .row:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .press .page__content .row:last-child .col:nth-child(2n+1) {
        margin-left:8.33333%
    }
}

@media (min-width: 1280px) {
    .press .page__content .row:last-child .col:nth-child(2n+1) {
        margin-left:0
    }
}

.press .page__description .paragraph {
    margin-top: 15px
}

@media (min-width: 768px) {
    .press .page__description .paragraph {
        margin-top:35px
    }
}

.press .page__hero .word {
    display: inline-block
}

.press .page__hero .word:first-child {
    margin-right: 10px
}

@media (min-width: 768px) {
    .press .page__hero .word:first-child {
        margin-right:20px
    }
}

.press .page__hero .word:last-child {
    display: block;
    font-weight: 300;
    text-align: right;
    padding-bottom: 10px
}

@media (min-width: 1024px) {
    .press .page__hero .word:last-child {
        padding-right:170px
    }
}

@media (min-width: 1280px) {
    .press .page__hero .word:last-child {
        padding-right:0
    }
}

.press .page__hero .word:last-child:after {
    width: 95px;
    bottom: 0;
    right: 0
}

@media (min-width: 768px) {
    .press .page__hero .word:last-child:after {
        width:140px;
        top: -55px;
        right: -5px
    }
}

@media (min-width: 1280px) {
    .press .page__hero .word:last-child:after {
        right:-80px
    }
}

.profile__bookmarks {
    margin-top: 40px
}

@media (min-width: 768px) {
    .profile__bookmarks {
        margin-top:60px
    }
}

.profile .page__content {
    padding-top: 80px;
    padding-bottom: 60px
}

.profile .user-info {
    text-align: center
}

.profile .gform__preview {
    width: 150px;
    height: 150px
}

.profile .gform__previewimage {
    width: 140px;
    height: 140px
}

.profile .user-info+.title {
    display: none;
    margin-top: 70px
}

@media (min-width: 768px) {
    .profile .user-info+.title {
        display:block
    }
}

.profile .paragraph:not(.paragraph--big) {
    font-size: 16px;
    line-height: 22px;
    color: #bbcaff
}

.profile .paragraph--big {
    font-size: 28px;
    line-height: 37px
}

.profile .word {
    display: block;
    padding-right: 80px;
    text-align: right
}

.profile .word:last-child {
    padding-bottom: 15px
}

.profile .word:last-child:after {
    right: 0;
    bottom: 0
}

.profile .user-info .button {
    display: block;
    width: 220px;
    max-width: 100%;
    margin: 15px auto 0
}

.points-of-interest .page__shape {
    max-width: 524px;
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/blobs/pointsOfInterest.png)
}

.points-of-interest .page__shape:before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 73.28244%
}

.points-of-interest .page__description .paragraph {
    margin-top: 15px
}

@media (min-width: 768px) {
    .points-of-interest .page__description .paragraph {
        margin-top:35px
    }
}

@media (min-width: 1280px) {
    .points-of-interest .page__description .paragraph {
        margin-top:40px
    }
}

.points-of-interest .page__title .word {
    letter-spacing: -1px
}

@media (max-width: 767px) {
    .points-of-interest .page__title .word {
        font-size:55px
    }
}

.points-of-interest .page__title .word:first-child {
    display: inline-block
}

.points-of-interest .page__title .word:nth-child(2) {
    display: inline-block;
    margin: 8px 0 0 10px;
    vertical-align: top;
    font-weight: 300;
    font-size: 35px
}

@media (min-width: 768px) {
    .points-of-interest .page__title .word:nth-child(2) {
        margin:7px 0 0 20px;
        font-size: 70px
    }
}

.points-of-interest .page__title .word:last-child {
    display: block;
    padding-bottom: 10px;
    font-weight: 300;
    text-align: right
}

@media (min-width: 768px) {
    .points-of-interest .page__title .word:last-child {
        padding-bottom:0
    }
}

@media (min-width: 1024px) {
    .points-of-interest .page__title .word:last-child {
        padding-right:100px
    }
}

@media (min-width: 1280px) {
    .points-of-interest .page__title .word:last-child {
        padding-right:0
    }
}

.points-of-interest .page__title .word:last-child:after {
    right: 0;
    bottom: 0
}

@media (min-width: 768px) {
    .points-of-interest .page__title .word:last-child:after {
        top:-50px;
        bottom: auto
    }
}

@media (min-width: 1024px) {
    .points-of-interest .page__title .word:last-child:after {
        right:100px
    }
}

@media (min-width: 1280px) {
    .points-of-interest .page__title .word:last-child:after {
        right:0
    }
}

.points-of-interest .content-preview--poi:first-child {
    margin-top: 40px
}

@media (min-width: 768px) {
    .points-of-interest .content-preview--poi:first-child {
        margin-top:60px
    }
}

.points-of-interest .content-preview--poi .content-preview__avatar {
    -webkit-transition: -webkit-transform .4s ease 0s;
    transition: -webkit-transform .4s ease 0s;
    transition: transform .4s ease 0s;
    transition: transform .4s ease 0s,-webkit-transform .4s ease 0s
}

.no-touch .points-of-interest .content-preview--poi .content-preview__avatar.is-active {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

[data-color-scheme=default] .points-of-interest .content-preview--poi .content-preview__avatar.is-active .avatar__gradient {
    background: #2930c1;
    background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
}

[data-color-scheme=event] .points-of-interest .content-preview--poi .content-preview__avatar.is-active .avatar__gradient {
    background: #2930c1;
    background: linear-gradient(45deg,#2930c1 0,#4648b9 100%)
}

[data-color-scheme=pointOfInterest] .points-of-interest .content-preview--poi .content-preview__avatar.is-active .avatar__gradient {
    background: #746dfb;
    background: linear-gradient(45deg,#746dfb 0,#72aafc 100%)
}

[data-color-scheme=talkAround] .points-of-interest .content-preview--poi .content-preview__avatar.is-active .avatar__gradient {
    background: #7853bb;
    background: linear-gradient(45deg,#7853bb 0,#ca6edd 100%)
}

[data-color-scheme=promoAndNews] .points-of-interest .content-preview--poi .content-preview__avatar.is-active .avatar__gradient {
    background: #4e49b7;
    background: linear-gradient(45deg,#4e49b7 0,#817ffe 100%)
}

[data-color-scheme=socialWall] .points-of-interest .content-preview--poi .content-preview__avatar.is-active .avatar__gradient {
    background: #2c7ea4;
    background: linear-gradient(45deg,#2c7ea4 0,#5ec2d4 100%)
}

.no-touch .points-of-interest .content-preview--poi:hover .content-preview__avatar {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.no-touch .points-of-interest .content-preview--poi .content-preview__avatar__gradient {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: -webkit-transform .4s ease 0s;
    transition: -webkit-transform .4s ease 0s;
    transition: transform .4s ease 0s;
    transition: transform .4s ease 0s,-webkit-transform .4s ease 0s
}

.no-touch .points-of-interest .content-preview--poi:hover .content-preview__avatar__gradient {
    -webkit-transform: none;
    transform: none
}

.no-touch .points-of-interest .content-preview--poi .content-preview__avatar__mask {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .4s ease 0s;
    transition: -webkit-transform .4s ease 0s;
    transition: transform .4s ease 0s;
    transition: transform .4s ease 0s,-webkit-transform .4s ease 0s
}

.no-touch .points-of-interest .content-preview--poi .content-preview__avatar__mask:after {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: transparent;
    border: solid 5px rgba(255,255,255,.5);
    border-radius: 50%;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s
}

.no-touch .points-of-interest .content-preview--poi:hover .content-preview__avatar__mask {
    -webkit-transform: translate(-50%,-50%) scale(.9);
    transform: translate(-50%,-50%) scale(.9)
}

.no-touch .points-of-interest .content-preview--poi:hover .content-preview__avatar__mask:after {
    opacity: 0
}

.no-touch .points-of-interest .content-preview--poi .content-preview__read-more .button {
    -webkit-transition-property: width,-webkit-transform;
    transition-property: width,-webkit-transform;
    transition-property: width,transform;
    transition-property: width,transform,-webkit-transform
}

.no-touch .points-of-interest .content-preview--poi:hover .content-preview__read-more .button {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.point-of-interest .single__excerpt {
    color: #b4fbff
}

.promo-and-news .page__shape {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/blobs/promoAndNews.png)
}

@media (min-width: 1280px) {
    .promo-and-news .page__shape {
        top:-70px
    }
}

.promo-and-news .page__shape:before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 60.33333%
}

.promo-and-news .page__content {
    padding-bottom: 90px
}

@media (min-width: 1280px) {
    .promo-and-news .page__content {
        padding-top:156px
    }
}

.promo-and-news .content-preview {
    margin-top: 40px
}

@media (min-width: 768px) {
    .promo-and-news .content-preview {
        margin-top:50px
    }
}

@media (min-width: 1280px) {
    .promo-and-news .page__content .col:nth-child(even) {
        margin-top:-106px
    }
}

@media (max-width: 767px) {
    .promo-and-news .page__title .title {
        font-size:48px
    }
}

.promo-and-news .page__description .paragraph {
    margin-top: 15px
}

@media (min-width: 768px) {
    .promo-and-news .page__description .paragraph {
        margin-top:30px
    }
}

.promo-and-news .page__hero .word {
    display: inline-block;
    vertical-align: top;
    font-weight: 300
}

.promo-and-news .page__hero .word:first-child {
    display: block;
    font-weight: 700
}

.promo-and-news .page__hero .word:nth-child(2) {
    margin-top: 2px;
    margin-left: 0;
    font-size: 70%;
    text-indent: 40px
}

@media (min-width: 768px) {
    .promo-and-news .page__hero .word:nth-child(2) {
        margin-top:3px;
        text-indent: 60px
    }
}

@media (min-width: 768px) {
    .promo-and-news .page__hero .word:nth-child(2) {
        text-indent:100px
    }
}

.promo-and-news .page__hero .word:last-child {
    padding-right: 25px;
    margin-left: 5px
}

@media (min-width: 768px) {
    .promo-and-news .page__hero .word:last-child {
        padding-right:40px;
        margin-left: 15px
    }
}

@media (min-width: 1280px) {
    .promo-and-news .page__hero .word:last-child {
        padding-right:25px
    }
}

.promo-and-news .page__hero .word:last-child:after {
    width: 100px;
    top: -27px;
    right: 0
}

@media (min-width: 768px) {
    .promo-and-news .page__hero .word:last-child:after {
        width:220px;
        top: -50px
    }
}

.talks-around .page__shape {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/blobs/talksAround.png)
}

.talks-around .page__shape:before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 60%
}

@media (max-width: 767px) {
    .talks-around .page__title .title {
        font-size:48px
    }
}

.talks-around .page__description .paragraph {
    margin-top: 15px
}

@media (min-width: 768px) {
    .talks-around .page__description .paragraph {
        margin-top:30px
    }
}

.talks-around .page__hero .word {
    display: inline-block;
    vertical-align: top;
    font-weight: 300
}

.talks-around .page__hero .word:first-child {
    display: block;
    font-weight: 700
}

.talks-around .page__hero .word:last-child {
    padding-right: 25px;
    text-indent: 40px
}

@media (min-width: 768px) {
    .talks-around .page__hero .word:last-child {
        padding-right:80px;
        text-indent: 60px
    }
}

@media (min-width: 1280px) {
    .talks-around .page__hero .word:last-child {
        padding-right:40px
    }
}

.talks-around .page__hero .word:last-child:after {
    width: 100px;
    top: -27px;
    right: 0
}

@media (min-width: 768px) {
    .talks-around .page__hero .word:last-child:after {
        width:220px;
        top: -50px
    }
}

@media (min-width: 768px) {
    .talks-around .date__day {
        color:#e2c0ff
    }
}

.social-wall {
    padding-top: 30px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

@media (min-width: 768px) {
    .social-wall {
        padding-top:60px
    }
}

.social-wall .content.overlay-is-open .page__content,.social-wall .content.overlay-is-open .page__hero {
    display: none
}

.social-wall .page__shape {
    background-image: url(/web/20190219071924im_/https://www.innovationdesigndistrict.it/app/themes/idd/assets/images/blobs/socialWall.png)
}

@media (min-width: 1280px) {
    .social-wall .page__shape {
        top:-70px
    }
}

.social-wall .page__shape:before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 80.66667%
}

.social-wall .page__content {
    overflow: visible
}

.social-wall__item {
    width: 100%;
    margin-bottom: 55px;
    padding: 0 20px;
    float: left;
    font-size: 14px;
    font-family: "Px Grotesk",sans-serif;
    font-weight: 400;
    position: relative
}

@media (min-width: 768px) {
    .social-wall__item {
        width:50%;
        margin-bottom: 55px
    }
}

@media (min-width: 1280px) {
    .social-wall__item {
        width:33.33333%;
        padding: 0 10px;
        margin-bottom: 55px
    }
}

@media (min-width: 1280px) {
    .social-wall__item:first-child,.social-wall__item:nth-child(3) {
        padding-top:115px
    }
}

@media (min-width: 1280px) {
    .social-wall__item:first-child.has-text .social-wall__user,.social-wall__item:nth-child(3).has-text .social-wall__user {
        padding-top:115px
    }
}

.social-wall__content {
    margin-bottom: 20px
}

.has-text .social-wall__content {
    padding-top: 30px
}

.overlay--social-wall .social-wall__content {
    padding-bottom: 20px;
    border-bottom: 1px solid #fff
}

.social-wall__content__img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 5px 10px 0 rgba(32,34,83,.5);
    box-shadow: 0 5px 10px 0 rgba(32,34,83,.5)
}

@media (min-width: 1280px) {
    .social-wall__content__img {
        cursor:pointer
    }
}

.overlay--social-wall .social-wall__content__img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto
}

@media (min-width: 768px) {
    .overlay--social-wall .social-wall__content__img {
        max-height:365px
    }
}

.social-wall__content__text {
    padding-left: 40px;
    line-height: 22px;
    word-break: break-word
}

.social-wall__content__text span {
    display: block;
    color: #97ffee
}

.social-wall__user {
    height: 30px
}

.has-text .social-wall__user {
    position: absolute;
    top: 0
}

.social-wall__user__img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    float: left;
    border: 2px solid #5ec2d4;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 10px 0 rgba(32,34,83,.5);
    box-shadow: 0 5px 10px 0 rgba(32,34,83,.5)
}

.social-wall__user__img img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.social-wall__user__name {
    width: auto;
    float: left;
    line-height: 30px
}

.social-wall__date {
    padding-left: 40px;
    font-weight: 700
}

.overlay--social-wall .social-wall__date {
    margin-top: 10px
}

.social-wall__post-info__item {
    text-align: center;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .social-wall__post-info__item {
        width:50%;
        margin-bottom: 0;
        text-align: left;
        float: left
    }
}

.social-wall__post-info__item .button,.social-wall__post-info__item .label {
    padding: 0
}

.social-wall .trigger {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0
}

@media (min-width: 768px) {
    .social-wall .page__hero .container--middle {
        -webkit-transform:translateY(-75%);
        transform: translateY(-75%)
    }
}

.social-wall .page__description .paragraph {
    margin-top: 15px
}

@media (min-width: 768px) {
    .social-wall .page__description .paragraph {
        margin-top:35px
    }
}

@media (min-width: 1280px) {
    .social-wall .page__description .paragraph {
        margin-top:120px
    }
}

.social-wall .page__title .word {
    display: block
}

.social-wall .page__title .word:first-child {
    font-weight: 300
}

.social-wall .page__title .word:last-child {
    padding-bottom: 10px;
    font-weight: 300;
    text-align: right
}

@media (min-width: 768px) {
    .social-wall .page__title .word:last-child {
        padding-bottom:0;
        text-align: left;
        text-indent: 90px
    }
}

.social-wall .page__title .word:last-child:after {
    right: 0;
    bottom: 0
}

@media (min-width: 768px) {
    .social-wall .page__title .word:last-child:after {
        top:-50px;
        bottom: auto
    }
}

@media (min-width: 1024px) {
    .social-wall .page__title .word:last-child:after {
        right:100px
    }
}

@media (min-width: 1280px) {
    .social-wall .page__title .word:last-child:after {
        right:0
    }
}

.registration .content {
    padding-top: 56px
}

@media (min-width: 1280px) {
    .registration .content {
        padding-top:60px
    }
}

.registration .content:after,.registration .content:before {
    content: '';
    position: fixed;
    z-index: -999
}

@media (min-width: 1024px) {
    .registration .content:after,.registration .content:before {
        position:absolute
    }
}

.registration .content:before {
    width: 100%;
    height: calc(100% - 56px);
    top: 56px;
    left: 0;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    -webkit-transition: opacity .6s ease 0s;
    transition: opacity .6s ease 0s
}

@media (min-width: 1280px) {
    .registration .content:before {
        height:calc(100% - 60px);
        top: 60px
    }
}

.registration .content:after {
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    -webkit-transform: scale(0);
    transform: scale(0);
    border: solid 5px #fff;
    border-radius: 50%
}

.is-submitting .registration .content:after,.is-submitting .registration .content:before {
    opacity: 1
}

.is-submitting .registration .content:before {
    z-index: 1
}

.is-submitting .registration .content:after {
    z-index: 2;
    -webkit-animation: spinner 1s ease-out 0s infinite;
    animation: spinner 1s ease-out 0s infinite
}

.registration .gform_wrapper {
    max-width: 860px;
    padding-top: 35px;
    padding-bottom: 35px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .registration .gform_wrapper {
        padding-top:70px
    }
}

@media (min-width: 1024px) {
    .registration .gform_wrapper {
        min-height:calc(100% - 182px)
    }
}

.thank-you .content {
    padding-top: 56px
}

@media (min-width: 1280px) {
    .thank-you .content {
        padding-top:60px
    }
}

.thank-you .content:after,.thank-you .content:before {
    content: '';
    position: fixed;
    z-index: -999
}

@media (min-width: 1024px) {
    .thank-you .content:after,.thank-you .content:before {
        position:absolute
    }
}

.thank-you .content:before {
    width: 100%;
    height: calc(100% - 56px);
    top: 56px;
    left: 0;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    -webkit-transition: opacity .6s ease 0s;
    transition: opacity .6s ease 0s
}

@media (min-width: 1280px) {
    .thank-you .content:before {
        height:calc(100% - 60px);
        top: 60px
    }
}

.thank-you .content:after {
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    -webkit-transform: scale(0);
    transform: scale(0);
    border: solid 5px #fff;
    border-radius: 50%
}

.is-submitting .thank-you .content:after,.is-submitting .thank-you .content:before {
    opacity: 1
}

.is-submitting .thank-you .content:before {
    z-index: 1
}

.is-submitting .thank-you .content:after {
    z-index: 2;
    -webkit-animation: spinner 1s ease-out 0s infinite;
    animation: spinner 1s ease-out 0s infinite
}

.thank-you .form {
    max-width: 370px;
    padding-top: 70px;
    padding-bottom: 70px;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 1024px) {
    .thank-you .form {
        min-height:calc(100% - 182px)
    }
}

.thank-you .form p {
    margin: 6px 0 30px 0;
    color: rgba(255,255,255,.5)
}

@media (min-width: 1024px) {
    .thank-you fieldset {
        width:100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.login .content {
    padding-top: 56px
}

@media (min-width: 1280px) {
    .login .content {
        padding-top:60px
    }
}

.login .content:after,.login .content:before {
    content: '';
    position: fixed;
    z-index: -999
}

@media (min-width: 1024px) {
    .login .content:after,.login .content:before {
        position:absolute
    }
}

.login .content:before {
    width: 100%;
    height: calc(100% - 56px);
    top: 56px;
    left: 0;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    -webkit-transition: opacity .6s ease 0s;
    transition: opacity .6s ease 0s
}

@media (min-width: 1280px) {
    .login .content:before {
        height:calc(100% - 60px);
        top: 60px
    }
}

.login .content:after {
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    -webkit-transform: scale(0);
    transform: scale(0);
    border: solid 5px #fff;
    border-radius: 50%
}

.is-submitting .login .content:after,.is-submitting .login .content:before {
    opacity: 1
}

.is-submitting .login .content:before {
    z-index: 1
}

.is-submitting .login .content:after {
    z-index: 2;
    -webkit-animation: spinner 1s ease-out 0s infinite;
    animation: spinner 1s ease-out 0s infinite
}

.login .form {
    max-width: 490px;
    padding: 35px 15px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .login .form {
        padding-top:70px
    }
}

@media (min-width: 1024px) {
    .login .form {
        min-height:calc(100% - 182px)
    }
}

.login .form p {
    margin-top: 10px
}

.login-submit {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 60px
}

.login-remember {
    padding-top: 15px;
    text-align: center
}

@media (min-width: 1024px) {
    .login-remember {
        text-align:left
    }
}

.login-remember a {
    color: rgba(255,255,255,.5);
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    display: block;
    margin-bottom: 15px
}

.login-remember a:hover {
    color: #fff;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media (min-width: 1024px) {
    .login-remember a {
        display:inline-block;
        margin-bottom: 0
    }

    .login-remember a:first-child {
        float: left
    }

    .login-remember a:last-child {
        float: right
    }
}

.login-notyet {
    color: rgba(255,255,255,.5);
    text-align: center;
    font-size: 16px;
    padding-bottom: 40px
}

.login-notyet a {
    text-decoration: underline;
    color: rgba(255,255,255,.5);
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.login-notyet a:hover {
    color: #fff;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.lost-password .content {
    padding-top: 56px
}

@media (min-width: 1280px) {
    .lost-password .content {
        padding-top:60px
    }
}

.lost-password .content:after,.lost-password .content:before {
    content: '';
    position: fixed;
    z-index: -999
}

@media (min-width: 1024px) {
    .lost-password .content:after,.lost-password .content:before {
        position:absolute
    }
}

.lost-password .content:before {
    width: 100%;
    height: calc(100% - 56px);
    top: 56px;
    left: 0;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    -webkit-transition: opacity .6s ease 0s;
    transition: opacity .6s ease 0s
}

@media (min-width: 1280px) {
    .lost-password .content:before {
        height:calc(100% - 60px);
        top: 60px
    }
}

.lost-password .content:after {
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    -webkit-transform: scale(0);
    transform: scale(0);
    border: solid 5px #fff;
    border-radius: 50%
}

.is-submitting .lost-password .content:after,.is-submitting .lost-password .content:before {
    opacity: 1
}

.is-submitting .lost-password .content:before {
    z-index: 1
}

.is-submitting .lost-password .content:after {
    z-index: 2;
    -webkit-animation: spinner 1s ease-out 0s infinite;
    animation: spinner 1s ease-out 0s infinite
}

#password-lost-form-wrap,.form--lostpassword {
    max-width: 370px;
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 768px) {
    #password-lost-form-wrap,.form--lostpassword {
        padding-top:70px
    }
}

@media (min-width: 1024px) {
    #password-lost-form-wrap,.form--lostpassword {
        min-height:calc(100% - 182px)
    }
}

#password-lost-form-wrap legend,.form--lostpassword legend {
    font-size: 24px;
    font-weight: 700
}

#password-lost-form-wrap .extra-space,.form--lostpassword .extra-space {
    color: rgba(255,255,255,.5);
    margin-top: 6px
}

#password-lost-form-wrap .lostpassword-submit,.form--lostpassword .lostpassword-submit {
    margin-top: 35px
}

@media (min-width: 1024px) {
    .lost-password .form {
        width:100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.form-lostpassword__complete {
    padding-top: 50px;
    padding-bottom: 50px
}

.edit-account .content {
    padding-top: 56px
}

@media (min-width: 1280px) {
    .edit-account .content {
        padding-top:60px
    }
}

.edit-account .content:after,.edit-account .content:before {
    content: '';
    position: fixed;
    z-index: -999
}

@media (min-width: 1024px) {
    .edit-account .content:after,.edit-account .content:before {
        position:absolute
    }
}

.edit-account .content:before {
    width: 100%;
    height: calc(100% - 56px);
    top: 56px;
    left: 0;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    -webkit-transition: opacity .6s ease 0s;
    transition: opacity .6s ease 0s
}

@media (min-width: 1280px) {
    .edit-account .content:before {
        height:calc(100% - 60px);
        top: 60px
    }
}

.edit-account .content:after {
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    -webkit-transform: scale(0);
    transform: scale(0);
    border: solid 5px #fff;
    border-radius: 50%
}

.is-submitting .edit-account .content:after,.is-submitting .edit-account .content:before {
    opacity: 1
}

.is-submitting .edit-account .content:before {
    z-index: 1
}

.is-submitting .edit-account .content:after {
    z-index: 2;
    -webkit-animation: spinner 1s ease-out 0s infinite;
    animation: spinner 1s ease-out 0s infinite
}

.edit-account .gform_wrapper {
    max-width: 860px;
    padding-top: 35px;
    padding-bottom: 35px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .edit-account .gform_wrapper {
        padding-top:70px
    }
}

@media (min-width: 1024px) {
    .edit-account .gform_wrapper {
        min-height:calc(100% - 182px)
    }
}

.terms-and-conditions .title {
    font-size: 48px
}

@media (min-width: 768px) {
    .terms-and-conditions .title {
        font-size:100px
    }
}

@media (min-width: 1280px) {
    .terms-and-conditions .title {
        font-size:85px
    }
}

.terms-and-conditions .page__title .word {
    letter-spacing: -1px
}

@media (max-width: 767px) {
    .terms-and-conditions .page__title .word {
        font-size:55px
    }
}

.terms-and-conditions .page__title .word:first-child {
    display: inline-block
}

.terms-and-conditions .page__title .word:nth-child(2) {
    display: inline-block;
    margin: 8px 0 0 10px;
    vertical-align: top;
    font-weight: 300;
    font-size: 35px
}

@media (min-width: 768px) {
    .terms-and-conditions .page__title .word:nth-child(2) {
        margin:7px 0 0 20px;
        font-size: 70px
    }
}

.terms-and-conditions .page__title .word:last-child {
    display: block;
    padding-bottom: 10px;
    font-weight: 300;
    text-align: right
}

@media (min-width: 768px) {
    .terms-and-conditions .page__title .word:last-child {
        padding-bottom:0
    }
}

@media (min-width: 1024px) {
    .terms-and-conditions .page__title .word:last-child {
        padding-right:100px
    }
}

@media (min-width: 1280px) {
    .terms-and-conditions .page__title .word:last-child {
        padding-right:0
    }
}

.terms-and-conditions .page__title .word:last-child:after {
    right: 0;
    bottom: 0
}

@media (min-width: 768px) {
    .terms-and-conditions .page__title .word:last-child:after {
        top:-50px;
        bottom: auto
    }
}

@media (min-width: 1024px) {
    .terms-and-conditions .page__title .word:last-child:after {
        right:100px
    }
}

@media (min-width: 1280px) {
    .terms-and-conditions .page__title .word:last-child:after {
        right:0
    }
}

@media (min-width: 768px) {
    .terms-and-conditions .page__hero .paragraph {
        margin-top:35px
    }
}

@media (min-width: 1280px) {
    .terms-and-conditions .page__hero .paragraph {
        margin-top:25px
    }
}

.partner__logo {
    display: block;
    max-width: 100%;
    margin: 0 auto 40px
}

@media (min-width: 768px) {
    .partner__logo {
        margin:0
    }
}

.partner .single__content {
    padding-top: calc(56px + 40px);
    margin-top: 0
}

@media (min-width: 768px) {
    .partner .single__content {
        padding-top:calc(56px + 60px);
        min-height: calc(100vh - 465px)
    }
}

@media (min-width: 1280px) {
    .partner .single__content {
        min-height:calc(100vh - 327px);
        padding-top: calc(60px + 60px)
    }
}