@media screen and (max-height: 480px) {}

@media screen and (max-width: 767px) {
  .itemid-1608 #main-content div.col-xs-5>div>div>div {
    line-height: 1em;
  }
  .itemid-1608 #main-content div.col-xs-5>div>div>div p {
    display: none;
  }

  #form-row-regolamento .gcore-display-table, #fin-custom1 {
    width: 100% !important;
    padding: 4%;
    background-color: #f5f5f5;
    margin-left: 0;
    ;
  }

  .row.categories .img, .row.images .img {
    padding-bottom: unset !important;
  }

  .row.categories .img>div, .row.images .img>div {
    position: relative !important;
  }

  .row.display-flex>.col-xs-10 {
    flex-basis: 100%;
  }

  #main-content .progetti-default a {
    color: #FFF;
  }

  .progetti-home .item .content, .vertigo-news .item .content, .vertigo-opencalls .item .content, .idee-dalla-community .item .content, .idee-dalla-community .image {
    background-image: none !important;
  }

  #vt-progetti .block {
    margin-bottom: 30px;
  }

  #vt-progetti .block a {
    color: #FFF;
  }

  #vt-progetti .block .progetti-default {
    top: 15px;
    left: 15px;
  }

  #vt-progetti .block img {
    position: relative !important;
    height: auto !important;
    float: none !important;
  }

  #header-row-2 #brand {
    background-image: url('../images/animazione-logoMt19-sito.gif');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 100px;
  }

  form.row>div>div.row>div.col-md-10 {
    background-clip: padding-box;
    background-color: transparent;
  }

  #header-row-4 {
    height: 240px;
  }

  #header-row-4 img {
    object-fit: cover;
  }

  .community .image {
    background-size: cover;
    background-position: center center;
  }

  .view-search .searchwordmain {
    padding: 0 15px;
  }

  .view-search .searchwordmain div {
    background-color: #f5f5f5;
    padding: 14px 15px !important;
    height: 100%;
  }

  .ordering #ordering, .limitbox #limit {
    line-height: 60px;
    width: 100% !important;
    font-size: 17px;
    margin-top: 20px;
  }

  .stellar {
    background-position-x: center !important;
  }

  form.row>div>div.row>div.col-md-5>div {
    min-height: 60px;
  }

  .block .content {
    height: 100% !important;
    background-position: center center;
    background-size: cover !important;
    position: relative;
    top: 0;
    width: 100%;
    background-repeat: no-repeat;
  }

  .block .content>div {
    position: absolute;
    bottom: 15px;
  }

  .carousel-inner, .carousel-inner .progetti-home {
    padding-top: 0;
  }

  header {
    z-index: 10000;
  }

  #brand, .brand * {
    line-height: 60px;
  }

  #brand img {
    display: inline-block;
  }

  .left-column>div.row>div {
    margin-bottom: 15px;
  }

  .slogan {
    text-align: center !important;
    color: #FFF;
    font-size: 16px;
    font-weight: bolder;
    padding: 30px;
    margin-bottom: 30px;
  }

  #header-row-5 {
    line-height: inherit;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #header-row-5 div.mod_mailup {
    float: none;
    width: 100%;
    padding: 0;
    height: auto;
  }

  #header-row-5 div.mod_mailup * {
    float: none;
  }

  #header-row-5 div.mod_mailup input {
    width: calc(100% - 36px);
  }

  #mobilebuttons2 {
    display: block !important;
    opacity: 1 !important;
  }

  #mobilebuttons2, #header-row-3, #header-row-3.sticky {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 1001;
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
    font-size: 17px;
    display: none;
  }

  #mobilemenu {
    -webkit-transition: right 1s, opacity 0.5s;
    transition: right 1s, opacity 0.5s;
    /*display: block !important;*/
    position: fixed;
    right: 100%;
    top: 0;
    width: 100%;
    background-color: #FFF;
    height: 100vh;
    opacity: 1;
    padding: 15px 15px 60px 15px;
    z-index: 100;
    display: none;
  }

  #mobilemenu.opened {
    -webkit-transition: right 1s, opacity 0.5s;
    transition: right 1s, opacity 0.5s;
    display: block !important;
    position: fixed;
    width: 100%;
    right: 0;
    opacity: 1;
    z-index: 1000;
  }
  div#map {
    left:0;
  }

  #mobilemenu nav {
    width: 100%;
    height: 100%;
    overflow: auto;
  }

  #mobilemenu ul {
    background-color: #fff;
    list-style: none;
    padding: 0;
  }

  div.mod-languages {
    margin-bottom: 0;
  }

  div.mod-languages li {
    margin-right: 0 !important;
  }

  #mobilemenu li span, #mobilemenu li a {
    height: 60px;
    display: block;
    background-color: #f5f5f5;
    margin-bottom: 10px;
    line-height: 60px;
    padding: 0 15px;
    font-weight: 600;
    color: #1d1d1b;
    font-size: 17px;
  }

  #mobilemenu li li span, #mobilemenu li li a {
    padding-left: 45px;
    font-weight: normal;
    color: #1d1d1b;
  }

  div.mod-languages ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  div.mod-languages ul>li, div.mod-languages ul li a {
    padding: 0;
    margin: 0;
    display: inline-block !important;
    background-color: transparent !important;
    height: auto !important;
  }

  div.mod-languages ul>li:after {
    content: '/';
  }

  div.mod-languages ul>li:last-child:after {
    content: '';
  }

  div.mod-languages ul>li>a {
    color: #878787;
    font-weight: normal;
  }

  div.mod-languages ul>li.lang-active>a {
    font-weight: 600;
  }

  /*#mobilemenu ul li ul {
     list-style: none;
     padding: 0 0 15px;
     z-index: 100;
     }
     #mobilemenu nav {
     text-align: center;
     }
     #mobilemenu nav > div.mod-languages {
     margin: 30px 0 30px;;
     }
     #mobilemenu nav > ul > li {
     border-top: 1px solid #999;
     }*/
  body.sticky #main-content {
    /*margin-top: 60px;*/
  }

  body {
    padding-bottom: 75px;
  }

  .home #main-content .block, .home #main-content .block a, .home #main-content .block h3 {
    color: #FFF;
    line-height: normal;
  }

  #main-content .block.first {
    margin-top: 0;
  }

  .carousel-header {
    position: absolute;
    top: 15px;
    z-index: 15;
    padding: 0 15px;
  }

  .carousel-header h2 {
    padding: 0;
    margin: 0;
  }

  /*.carousel-inner, .carousel-inner .progetti-home {
     padding-top: 45px;
     }*/
  .progetti-home .carousel-inner {
    padding-top: 0;
  }

  .bk-purple .imagefull {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    height: 100%;
    text-align: center;
  }

  .home .bk-purple .block {
    height: 280px;
  }

  #main-content .block .content h3 {
    margin: 0 0 10px;
  }

  .home .block {
    height: 200px;
  }

  .home .carousel-header {
    position: absolute;
  }

  .home .carousel-inner, .home .carousel-inner .item, .home .carousel-inner .item>div {
    height: 100%;
  }

  .home .idee-dalla-community, .home .idee-dalla-community .image {
    height: 100%;
  }

  .home .idee-dalla-community .blocco2content {
    display: none;
  }

  .home .idee-dalla-community .image {
    padding: 15px;
  }

  .home .block-image.block-image2, .home .block-image.block-image3, .home .block-image.block-image4 {
    display: none;
  }

  .home .galleries .carousel-header {
    position: relative;
    padding: 0;
    top: 0;
  }

  .home .galleries .carousel-indicators li, .home .galleries .carousel-indicators .active {
    border-color: #000;
  }

  .home .galleries .carousel-indicators .active {
    background-color: #000;
  }

  .home .galleries .carousel-inner {
    padding-top: 0;
  }

  .home .link {
    text-align: left;
  }

  .mod-languages {
    text-align: center;
  }

  .gbs3 iframe {
    width: 100% !important;
  }

  .gb3 label, .gbs3 input, .gbs3 A {
    width: 100% !important;
  }

  #header-row-1 {
    font-size: 15px;
  }

  #istituzionale {
    text-align: center;
  }

  #istituzionale img {
    height: 90px !important;
  }

  /*#istituzionale a:last-child {
     margin-left: 0 !important;
     }*/
  /*#istituzionale a:last-child img {
     display: block;
     }*/
  #brand, #header-row-2 .socials {
    text-align: center;
  }

  .container {
    width: auto;
  }

  #header-row-2 {
    z-index: 20000;
  }

  #header-row-2 .socials ul>li {
    margin-left: 4px;
    margin-right: 4px;
  }

  #main-content .block .content {
    padding: 15px;
  }

  .menubutton {
    display: inline-block;
    position: absolute;
    left: 15px;
  }

  .searchbutton {
    display: inline-block;
    position: absolute;
    right: 15px;
  }

  .searchbutton button {
    background-color: transparent;
    border: 0;
    outline: transparent;
  }

  .socialbutton {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .socialbutton button {
    background-color: transparent;
    border: 0;
    outline: transparent;
  }

  /*#header-row-3 {
     position: fixed;
     bottom: 0;
     width: 100%;
     left: 0;
     height: 60px;
     z-index: 100;
     -webkit-box-shadow: 0px -5px 10px 5px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px -5px 10px 5px rgba(0,0,0,0.75);
     box-shadow: 0px -5px 10px 5px rgba(0,0,0,0.75);
     }*/
  #mobilesearch {
    -webkit-transition: left 1s, opacity 0.5s;
    transition: left 1s, opacity 0.5s;
    /*display: block !important;*/
    position: fixed;
    left: 100%;
    top: 0;
    width: 100%;
    background-color: #FFF;
    height: 100vh;
    opacity: 1;
    padding: 15px;
    padding-top: 60px;
    z-index: 1000;
    display: none;
  }

  #mobilesearch.opened {
    -webkit-transition: left 1s, opacity 0.5s;
    transition: left 1s, opacity 0.5s;
    display: block !important;
    position: fixed;
    width: 100%;
    left: 0;
    opacity: 1;
  }

  #mobilesearch form {
    left: 0;
  }

  #mobilesearch .inputbox {
    border-width: 0 0 2px 0;
    border-color: #000;
    border-style: solid;
    width: 70% !important;
  }

  #mobilesearch .button {
    border-width: 0;
    text-indent: -10000em;
    background: transparent url(../images/arrow-right.png) center center no-repeat;
    width: 31px;
    height: 31px;
  }

  #mobilesocial {
    -webkit-transition: top 1s, opacity 0.5s;
    transition: top 1s, opacity 0.5s;
    display: block !important;
    position: fixed;
    z-index: 10;
    bottom: 100%;
    width: 100%;
    background-color: #FFF;
    height: 100vh;
    opacity: 1;
    padding: 15px;
  }

  #mobilesocial.opened {
    -webkit-transition: top 1s, opacity 0.5s;
    transition: top 1s, opacity 0.5s;
    display: block !important;
    position: fixed;
    width: 100%;
    bottom: 0;
    opacity: 1;
    z-index: 1000;
  }

  #header-row-3 {
    z-index: 1000;
  }

  #header-row-3 ul>li {
    display: block;
    margin-right: 0;
    height: 30px;
    line-height: 30px;
  }

  #mobilesocial {
    text-align: center;
    width: 100%;
    padding-top: 60px;
    z-index: 1000;
    display: none;
  }

  #mobilesocial ul {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    list-style: none;
    display: inline-block;
  }

  #mobilesocial ul li {
    display: inline-block;
  }

  #mobilesearch form {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(0, -50%);
  }

  .progetti-default {
    margin-right: 30px;
  }

  .progetti-default a {
    font-size: 30px;
  }

  .progetti-default small a {
    font-size: 24px;
  }

  #progettiscroll>div {
    position: relative !important;
    left: 0 !important;
    margin-bottom: 30px;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #progettiscroll>div:last-child {
    margin-bottom: 0;
  }

  .mostre>div:first-child {
    margin-bottom: 30px;
    padding: 0;
  }

  .mostre>div:last-child {
    padding: 0;
  }

  .idea, .ods {
    padding: 0;
  }

  .idea {
    margin-bottom: 30px;
  }

  .idea>div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .ods>div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .f6 img {
    display: block;
    margin: auto;
  }

  .gcore-input.gcore-display-table {
    min-height: 36px;
  }

  p {
    word-wrap: break-word;
  }

  .layout-vertigoblog4 .blogitem {
    border-bottom: 1px solid #000;
  }

  .layout-vertigoblog4 .blogitem:last-child {
    border-bottom: 0;
  }

  .layout-vertigoblog4 div.blog4>div {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .pagination .counter {
    float: none !important;
  }

  .areastampa .bk-green .colore1 {
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    background-color: #65b22e;
    height: 74px;
    width: 74px;
    position: absolute;
  }

  .areastampa .bk-green .colore2 {
    bottom: auto;
    top: 0;
    right: 0;
    left: auto;
    background-color: #c7d300;
    height: 54px;
    width: 54px;
    position: absolute;
  }

  .areastampa .bk-magenta .colore1 {
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    background-color: #b40e7d;
    height: 74px;
    width: 74px;
    position: absolute;
  }

  .areastampa .bk-magenta .colore2 {
    bottom: 20px;
    top: auto;
    right: 74px;
    left: auto;
    background-color: #3d195b;
    height: 54px;
    width: 54px;
    position: absolute;
  }

  .areastampa .bk-blu .colore1 {
    bottom: auto;
    top: 0;
    right: 0;
    left: auto;
    background-color: #55c1e4;
    height: 74px;
    width: 74px;
    position: absolute;
  }

  .areastampa .bk-blu .colore2 {
    bottom: auto;
    top: 74px;
    right: 0;
    left: auto;
    background-color: #0098d4;
    height: 54px;
    width: 54px;
    position: absolute;
  }

  .areastampa .bk-red .colore1 {
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    background-color: #ee7d00;
    height: 74px;
    width: 74px;
    position: absolute;
  }

  .areastampa .bk-red .colore2 {
    bottom: 74px;
    top: auto;
    right: 0;
    left: auto;
    background-color: #e74e0f;
    height: 54px;
    width: 54px;
    position: absolute;
  }

  .areastampa .block {
    height: 282px;
  }

  #main-content .block .progetti-default-p p {
    color: #FFF;
    padding: 15px;
  }
}

@media screen and (max-width: 480px) {
  #header-row-4 {
    height: 200px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #form-row-regolamento .gcore-display-table, #fin-custom1 {
    width: 100% !important;
    padding: 4%;
    background-color: #f5f5f5;
    margin-left: 0;
    ;
  }

  .com_phocagallery .blog4 .img {
    height: 345px !important;
  }

  .com_phocagallery .blog4 .img>div, .com_phocagallery .blog4 .img>div>a {
    display: block;
    height: 100%;
    width: 100%;
  }

  p.right-big {
    text-align: right;
  }

  p.center-big {
    text-align: center;
  }

  .progetti-default {
    font-size: 28px;
  }

  .row.display-flex>.col-sm-3 {
    flex-basis: 30%;
  }

  #main-content .block, .blocco2content {
    height: 282px;
    overflow: hidden;
  }

  .progetti-default-p {
    position: absolute;
    bottom: 20px;
    left: 30px;
    color: #FFF;
    height: auto;
    width: 55%;
    font-size: 12px;
  }

  #main-content .block .image {
    height: 100%;
    width: 30%;
  }

  #main-content .block a {
    color: #FFF;
  }

  #main-content .block.odd .image {
    position: absolute;
    right: 15px;
    width: 282px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center center;
  }

  #header-row-2 .socials ul>li {
    margin-left: 0;
  }

  #header-row-3 ul>li {
    margin-right: 20px;

  }
#header-row-3 ul > li > a, #header-row-3 ul > li > .separator {
      font-size: 1em;
}
  #main-content .block.odd .carousel .image {
    position: absolute;
    right: 0;
    height: 100%;
    width: auto;
    width: 282px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center center;
  }

  #main-content .block.odd .carousel .image img {
    height: 100%;
    width: auto;
  }

  #main-content .block.even .image {
    position: absolute;
    left: 15px;
  }

  #main-content .block.even .carousel .image {
    position: absolute;
    left: 0;
    height: 100%;
    width: auto;
    width: 282px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center center;
  }

  #main-content .block.even .carousel .image img {
    height: 100%;
    width: auto;
  }

  #main-content .block .content .description {
    position: absolute;
    bottom: 25px;
    /*width: 65%;*/
  }

  #main-content .block .content {
    height: 100%;
    height: 282px;
    display: inline-block;
    padding: 25px 25px 0;
    width: calc(70% - 100px);
    position: relative;
  }

  #main-content .block.even .content {
    padding: 25px 25px 0 20px;
  }

  #main-content .block .idee-dalla-community .content {
    width: calc(70% - 8px);
  }

  #main-content .block .carousel-header {
    /*height: 100%;*/
    display: inline-block;
    padding: 25px 25px 0;
    width: 100%;
    position: absolute;
    z-index: 100;
  }

  .carousel-inner {
    height: 100%;
  }

  .carousel-inner>.item {
    height: 100%;
  }

  #main-content .block .content h2, #main-content .carousel h2 {
    padding: 0;
    font-size: 24px;
    font-weight: 200;
    margin: 0;
    color: #FFF;
    text-transform: lowercase;
  }

  #main-content .block .content h3 {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
  }

  #main-content .block .image h3 {
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-weight: 200;
    text-transform: lowercase;
    text-align: left;
    padding: 25px 120px 15px 25px;
  }

  #main-content .block .image p {
    color: #FFF;
    text-align: left;
    padding: 15px 15px 15px 25px;
  }

  #main-content .block .progetti-home .content h3 {
    font-weight: 200;
    font-size: 30px;
    font-family: 'Korpus Grotesk A', sans-serif;
  }

  .progetti-home p {
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    font-family: 'Korpus Grotesk C', sans-serif;
  }

  #main-content .block.even .content {
    margin-left: 291px;
  }

  #main-content .block.even .carousel h2 {
    margin-left: 282px;
  }

  #header-row-2 #brand {
    background-image: url('../images/animazione-logoMt19-sito.gif');
    background-repeat: no-repeat;
    height: 60px;
    padding-left: 100px;
  }

  #header-row-2 #brand img {
    margin-top: 5px;
    height: 50px;
  }

  #header-row-4 {
    height: 240px;
  }

  #header-row-4 img {
    object-fit: cover;
  }

  /* #header-row-2:before{
     background-image:url('../images/animazione-logoMt19-sito.gif');
     width:98px;
     height:60px;
     float:left;
     } */
  .block .content {
    background-image: none !important;
  }

  .community .image {
    background-image: none !important;
  }

  .block .community .content {
    background-image: url('/images/2019/community/community_scont.jpg') !important;
  }

  body.sticky {
    padding-top: 120px;
  }

  #row2a {
    background-color: #FFF;
  }

  .sticky #row2a {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
  }

  .sticky #header-row-3 {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 60px;
  }

  #header-row-1, #header-row-1 a, #header-row-3 a, #footer-row-1 a {
    font-size: 16px;
  }

  footer, footer a {
    font-size: 14px;
  }

  #footer-row-1 nav {
    display: inline-block;
  }

  footer #footer-row-1 div:nth-child(3) nav:first-child>ul>li {
    margin-right: 15px;
  }

  footer #footer-row-1 div:nth-child(3)>nav:last-child {
    float: right;
  }

  footer #footer-row-1 div:nth-child(3) nav:last-child>ul>li {
    margin-left: 15px;
  }

  .slogan {
    text-align: center !important;
    color: #FFF;
    font-size: 24px;
    font-weight: bolder;
    padding: 30px;
    margin-bottom: 30px;
  }

  #header-row-3 ul>li>a {
    white-space: nowrap
  }

  #header-row-3 ul>li>ul {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #FFF;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #f5f5f5;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 40px;
    min-width: 100%;
    display: none;
    list-style: none;
    z-index: 10;
  }

  #header-row-3 ul>li:hover>ul {
    display: block;
  }

  #header-row-3 ul>li>ul>li {
    margin: 0;
    padding: 0 15px;
  }

  #main-content .block, .blocco2content {
    height: 282px;
    overflow: hidden;
  }

  #main-content .block .image {
    height: 100%;
    width: 30%;
  }

  #main-content .block a {
    color: #FFF;
  }

  #main-content .block.odd .image {
    position: absolute;
    right: 15px;
    width: 282px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center center;
  }

  #main-content .block.odd .carousel .image {
    position: absolute;
    right: 0;
    height: 100%;
    width: auto;
    width: 282px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center center;
  }

  #main-content .block.odd .carousel .image img {
    height: 100%;
    width: auto;
  }

  #main-content .block.even .image {
    position: absolute;
    left: 15px;
    width: 282px;
  }

  #main-content .block.even .carousel .image {
    position: absolute;
    left: 0;
    height: 100%;
    width: auto;
    width: 282px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center center;
  }

  #main-content .block.even .carousel .image img {
    height: 100%;
    width: auto;
  }

  #main-content .block .content .description {
    position: absolute;
    bottom: 25px;
    /*width: 65%;*/
  }

  #main-content .block .content {
    height: 100%;
    height: 282px;
    display: inline-block;
    padding: 25px 25px 0;
    width: calc(70% - 100px);
    position: relative;
  }

  #main-content .block.even .content {
    padding: 25px 25px 0 20px;
  }

  #main-content .block .idee-dalla-community .content {
    width: calc(70% - 8px);
  }

  #main-content .block .carousel-header {
    /*height: 100%;*/
    display: inline-block;
    padding: 25px 25px 0;
    width: 100%;
    position: absolute;
    z-index: 100;
  }

  .carousel-inner {
    height: 100%;
  }

  .carousel-inner>.item {
    height: 100%;
  }

  #main-content .block .content h2, #main-content .carousel h2 {
    padding: 0;
    font-size: 24px;
    font-weight: 200;
    margin: 0;
    color: #FFF;
    text-transform: lowercase;
  }

  #main-content .block .content h3 {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
  }

  #main-content .block .image h3 {
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-weight: 200;
    text-transform: lowercase;
    text-align: left;
    padding: 25px 120px 15px 25px;
  }

  #main-content .block .image p {
    color: #FFF;
    text-align: left;
    padding: 15px 15px 15px 25px;
  }

  #main-content .block .progetti-home .content h3 {
    font-weight: 200;
    font-size: 30px;
    font-family: 'Korpus Grotesk A', sans-serif;
  }

  .progetti-home p {
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    font-family: 'Korpus Grotesk C', sans-serif;
  }

  #main-content .block.even .content {
    margin-left: 282px;
  }

  .idee-dalla-community {
    overflow: hidden;
  }

  #main-content .block.even .carousel h2 {
    margin-left: 282px;
  }

  #main-content #progettiscroll.block {
    height: auto;
  }

  #main-content #progettiscroll.block>div, #progettiscroll>div {
    position: relative !important;
    left: 0 !important;
    margin-bottom: 30px;
    height: 282px;
    background-position: center bottom;
  }

  #progettiscroll>div:last-child {
    margin-bottom: 0;
  }

  .mostre>div:first-child {
    margin-bottom: 30px;
    padding: 0;
  }

  .mostre>div:last-child {
    padding: 0;
  }

  .idea, .ods {
    padding: 0;
  }

  .idea {
    margin-bottom: 30px;
  }

  .idea>div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .ods>div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  #main-content .block.mostre {
    height: auto;
    margin-top: 0;
  }

  #main-content .block.mostre>div {
    height: 282px;
    margin-top: 30px;
  }

  .left-column .col-sm-10 {
    margin-bottom: 30px;
  }

  .home .galleries, .galleries .carousel-inner>.item {
    height: 480px;
    overflow: hidden;
  }

  .home #main-content .galleries .carousel h2 {
    color: #000 !important;
  }

  .home .block-image {
    background-repeat: no-repeat;
  }

  .home .block-image.block-image1 {
    width: 480px;
    height: 480px;
    position: absolute;
    background-size: cover;
  }

  .home .block-image.block-image2 {
    width: 240px;
    height: 240px;
    left: 480px;
    position: absolute;
    background-size: cover;
  }

  .home .gallery .block-color1 {
    width: calc(480px + 15px);
    height: 240px;
    left: calc(480px);
    top: 240px;
    position: absolute;
    background-color: #ea5a0b;
  }

  .home .block-image.block-image3, .home .block-image.block-image4 {
    display: none;
  }

  .home .galleries .carousel-header {
    position: relative;
    padding: 0;
    top: 0;
  }

  .home .galleries .carousel-indicators li, .home .galleries .carousel-indicators .active {
    border-color: #000;
  }

  .home .galleries .carousel-indicators .active {
    background-color: #000;
  }

  .home .galleries .carousel-inner {
    padding-top: 0;
  }

  .idea, .ods {
    margin-top: 0 !important;
  }

  .mostre>div:first-child {
    margin-bottom: 0;
  }

  /*#istituzionale a:last-child img {
     margin-left: auto !important;
     margin-right: auto !important;
     display: block;
     }*/
  .areastampa .bk-green .colore1 {
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    background-color: #65b22e;
    height: 74px;
    width: 74px;
    position: absolute;
  }

  .areastampa .bk-green .colore2 {
    bottom: auto;
    top: 0;
    right: 0;
    left: auto;
    background-color: #c7d300;
    height: 54px;
    width: 54px;
    position: absolute;
  }

  .areastampa .bk-magenta .colore1 {
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    background-color: #b40e7d;
    height: 74px;
    width: 74px;
    position: absolute;
  }

  .areastampa .bk-magenta .colore2 {
    bottom: 20px;
    top: auto;
    right: 74px;
    left: auto;
    background-color: #3d195b;
    height: 54px;
    width: 54px;
    position: absolute;
  }

  .areastampa .bk-blu .colore1 {
    bottom: auto;
    top: 0;
    right: 0;
    left: auto;
    background-color: #55c1e4;
    height: 74px;
    width: 74px;
    position: absolute;
  }

  .areastampa .bk-blu .colore2 {
    bottom: auto;
    top: 74px;
    right: 0;
    left: auto;
    background-color: #0098d4;
    height: 54px;
    width: 54px;
    position: absolute;
  }

  .areastampa .bk-red .colore1 {
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    background-color: #ee7d00;
    height: 74px;
    width: 74px;
    position: absolute;
  }

  .areastampa .bk-red .colore2 {
    bottom: 74px;
    top: auto;
    right: 0;
    left: auto;
    background-color: #e74e0f;
    height: 54px;
    width: 54px;
    position: absolute;
  }
}

@media screen and (min-width: 992px) {
  .com_phocagallery .blog4 .img {
    height: 164px !important;
  }

  .com_phocagallery .blog4 .img>div, .com_phocagallery .blog4 .img>div>a {
    display: block;
    height: 100%;
    width: 100%;
  }

  p.right-big {
    text-align: right;
  }

  p.center-big {
    text-align: center;
  }

  .row.display-flex>.col-md-2 {
    flex-basis: 20%;
  }

  #header-row-2 #brand {
    background-image: url('../images/animazione-logoMt19-sito.gif');
    background-repeat: no-repeat;
    padding-left: 100px;
    float: left;
  }

  #header-row-4 {
    height: 288px;
  }

  #header-row-4 img {
    object-fit: cover;
  }

  .block .content {
    background-image: none !important;
  }

  .community .image {
    background-image: none !important;
  }

  .block .community .content {
    background-image: url('/images/2019/community/community_scont.jpg') !important;
  }

  body.sticky {
    padding-top: 120px;
  }

  #row2a {
    background-color: #FFF;
  }

  .sticky #row2a {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
  }

  .sticky #header-row-3 {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 60px;
  }

  footer #footer-row-1 div:nth-child(2) {
    text-align: right;
  }

  footer #footer-row-1 div:nth-child(1) ul>li {
    margin-right: 30px;
  }

  footer #footer-row-1 div:nth-child(2) ul>li {
    margin-left: 30px;
  }

  #header-row-3 ul>li>a {
    white-space: nowrap
  }

  #header-row-3 ul>li>ul {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #FFF;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #f5f5f5;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 40px;
    min-width: 100%;
    display: none;
    top: 60px;
  }

  #header-row-3 ul>li:hover>ul {
    display: block;
    z-index: 100;
  }

  #header-row-3 ul>li>ul>li {
    margin: 0;
    padding: 0 15px;
  }

  .slogan {
    text-align: center !important;
    color: #FFF;
    font-size: 24px;
    font-weight: bolder;
    padding: 30px;
    margin-bottom: 30px;
  }

  .gbs3 .gcore-label-top, .gbs3 .gcore-label-left {
    display: inline-block !important;
    width: 45% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 1.75em;
  }

  .gbs3 .A, .gbs3 .gcore-input, .gbs3 .gcore-input-wide, .gbs3 input[type=text], .gbs3 textarea, .gbs3 select {
    width: 100% !important;
  }

  .gbs3 .gcore-display-table {
    display: inline-block !important;
    width: 50% !important;
    margin-left: 4%;
    position: relative;
    width: 50% !important;
  }

  #form-row-regolamento .gcore-display-table, #fin-custom1, #form-row-custom3 .gcore-display-table {
    width: 100% !important;
    padding: 4%;
    background-color: #f5f5f5;
    margin-left: 0;
    ;
  }

  #fin-custom1 {
    width: 100% !important;
    margin-left: 0;
  }

  .left-column .col-md-10 {
    margin-bottom: 30px;
  }

  .left-column img.img-responsive {
    width: 100%;
  }

  #main-content .block, .blocco2content {
    height: 282px;
    overflow: hidden;
  }

  #main-content .block .image {
    height: 100%;
    width: 30%;
  }

  #main-content .block a {
    color: #FFF;
  }

  #main-content .block.odd .image {
    position: absolute;
    right: 15px;
    width: 282px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center center;
  }

  #main-content .block.odd .carousel .image {
    position: absolute;
    right: 0;
    height: 100%;
    width: auto;
    width: 282px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center center;
  }

  #main-content .block.odd .carousel .image img {
    height: 100%;
    width: auto;
  }

  #main-content .block.even .image {
    position: absolute;
    left: 15px;
  }

  #main-content .block.even .carousel .image {
    position: absolute;
    left: 0;
    height: 100%;
    width: auto;
    width: 282px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center center;
  }

  #main-content .block.even .carousel .image img {
    height: 100%;
    width: auto;
  }

  #main-content .block .content .description {
    position: absolute;
    bottom: 25px;
    /*width: 65%;*/
  }

  #main-content .block .content {
    height: 100%;
    height: 282px;
    display: inline-block;
    padding: 25px 25px 0;
    width: calc(70% - 100px);
    position: relative;
  }

  #main-content .block.even .content {
    padding: 25px 25px 0 20px;
  }

  #main-content .block .idee-dalla-community .content {
    width: calc(70% - 8px);
  }

  #main-content .block .carousel-header {
    /*height: 100%;*/
    display: inline-block;
    padding: 25px 25px 0;
    width: 100%;
    position: absolute;
    z-index: 100;
  }

  .carousel-inner {
    height: 100%;
  }

  .carousel-inner>.item {
    height: 100%;
  }

  #main-content .block .content h2, #main-content .carousel h2 {
    padding: 0;
    font-size: 24px;
    font-weight: 200;
    margin: 0;
    color: #FFF;
    text-transform: lowercase;
  }

  #main-content .block .content h3 {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
  }

  #main-content .block .image h3 {
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-weight: 200;
    text-transform: lowercase;
    text-align: left;
    padding: 25px 120px 15px 25px;
  }

  #main-content .block .image p {
    color: #FFF;
    text-align: left;
    padding: 15px 15px 15px 25px;
  }

  #main-content .block .progetti-home .content h3 {
    font-weight: 200;
    font-size: 30px;
    font-family: 'Korpus Grotesk A', sans-serif;
  }

  .progetti-home p {
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    font-family: 'Korpus Grotesk C', sans-serif;
  }

  .progetti-default-p {
    position: absolute;
    bottom: 20px;
    left: 30px;
    color: #FFF;
    height: auto;
    width: 65%;
    font-size: 15px;
  }

  #main-content .block.even .content {
    margin-left: 291px;
  }

  #main-content .block.even .carousel h2 {
    margin-left: 282px;
  }

  .even .vertigo-news.bk-cyan .colore1 {
    height: 94px;
    width: 94px;
    position: absolute;
    top: 0;
    background-color: #005c8a;
    left: calc(282px - 94px);
  }

  .even .vertigo-news.bk-cyan .colore2 {
    height: 69px;
    width: 69px;
    position: absolute;
    top: 94px;
    background-color: #0093d2;
    left: calc(282px - 69px);
  }

  .even .vertigo-news.bk-cyan .colore3 {
    position: absolute;
    right: 0;
    top: 0;
    height: 282px;
    width: 100px;
    background-image: url('../images/pattern-blu-3.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
  }

    .odd .vertigo-news.bk-cyan .colore1 {
      height: 94px;
      width: 94px;
      position: absolute;
      top: 0;
      background-color: #005c8a;
      right: calc(282px - 94px);
    }

    .odd .vertigo-news.bk-cyan .colore2 {
      height: 69px;
      width: 69px;
      position: absolute;
      top: 94px;
      background-color: #0093d2;
      right: calc(282px - 69px);
    }

    .odd .vertigo-news.bk-cyan .colore3 {
      position: absolute;
      left: 0;
      top: 0;
      height: 282px;
      width: 100px;
      background-image: url('../images/pattern-blu-3.png');
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      display: none;
    }
  .even .bk-green .colore1 {
    height: 94px;
    width: 94px;
    position: absolute;
    top: 0;
    background-color: #007e32;
    right: calc(282px);
  }

.even .bk-green .colore2 {
    height: 69px;
    width: 69px;
    position: absolute;
    top: 0;
    background-color: #c7d300;
    right: calc(282px - 69px);
  }

.even   .bk-green .colore3 {
    display: none;
  }

.odd  .bk-green .colore1 {
    height: 94px;
    width: 94px;
    position: absolute;
    top: 0;
    background-color: #007e32;
    right: calc(282px);
    right: calc(344px - 144px + 15px);
  }

.odd  .bk-green .colore2 {
    height: 69px;
    width: 69px;
    position: absolute;
    top: 0;
    background-color: #c7d300;
    right: calc(282px - 69px);
  }

.odd  .bk-green .colore3 {
    display: none;
  }

  .odd .bk-orange .colore1 {
    height: 94px;
    width: 94px;
    position: absolute;
    top: 0;
    background-color: #fbb900;
    right: calc(344px - 144px + 15px);
  }

  .even .bk-orange .colore2 {
    height: 69px;
    width: 69px;
    position: absolute;
    top: 106px;
    background-color: #f18700;
    left: calc(291px + 15px);
  }

  .even .bk-orange .colore1 {
    height: 94px;
    width: 94px;
    position: absolute;
    top: 0;
    background-color: #fbb900;
    left: calc(282px - 85px + 15px);
  }

  .odd .bk-orange .colore2 {
    height: 69px;
    width: 69px;
    position: absolute;
    top: 134px;
    background-color: #f18700;
    right: calc(282px + 15px);
  }

  .bk-orange .image {
    background-color: #ea5a0b !important;
  }

  .bk-orange .colore3 {
    display: none;
  }

  .even .bk-magenta .colore1 {
    height: 94px;
    width: 94px;
    position: absolute;
    top: 0;
    background-color: #e5007d;
    left: calc(351px + 15px - 94px);
  }

  .even .bk-magenta .colore2 {
    height: 69px;
    width: 69px;
    position: absolute;
    top: 94px;
    background-color: #f4a7b2;
    left: calc(351px + 15px - 69px);
  }

  .odd .bk-magenta .colore1 {
    height: 94px;
    width: 94px;
    position: absolute;
    top: 0;
    background-color: #e5007d;
    right: 0px;
    /*calc(351px + 15px - 94px)*/
    ;
  }

  .odd .bk-magenta .colore2 {
    height: 69px;
    width: 69px;
    position: absolute;
    top: 94px;
    background-color: #f4a7b2;
    right: 0px;
    /*calc(351px + 15px - 69px)*/
    ;
  }

  .bk-magenta .colore3 {
    display: none;
  }

  .bk-futuro-remoto, .bk-ancient-future {
    background-color: #e52322;
  }

  .bk-futuro-remoto .colore1, .bk-ancient-future .colore1 {
    background-color: #f18700;
    height: 94px;
    width: 94px;
    position: absolute;
    top: 0;
    right: 0px;
  }

  .bk-futuro-remoto .colore2, .bk-ancient-future .colore2 {
    height: 69px;
    width: 69px;
    position: absolute;
    top: 94px;
    /* background-color: #f4a7b2; */
    right: 0px;
  }

  .bk-continuita-e-rotture, .bk-continuity-and-disruptions {
    background-color: #e5007d;
  }

  .bk-continuita-e-rotture .colore1, .bk-continuity-and-disruptions .colore1 {
    background-color: #b47792;
    height: 94px;
    width: 94px;
    position: absolute;
    top: 0;
    right: 0px;
  }

  .bk-continuita-e-rotture .colore2, .bk-continuity-and-disruptions .colore2 {
    background-color: #f4a7b2;
    height: 69px;
    width: 69px;
    position: absolute;
    top: 94px;
    right: 0px;
  }

  .bk-riflessioni-e-connessioni, .bk-reflections-and-connections {
    background-color: #006533;
  }

  .bk-riflessioni-e-connessioni .colore1, .bk-reflections-and-connections .colore1 {
    background-color: #76b72a;
    height: 94px;
    width: 94px;
    position: absolute;
    top: 0;
    right: 0px;
  }

  .bk-riflessioni-e-connessioni .colore2, .bk-reflections-and-connections .colore2 {
    background-color: #2ea836;
    height: 69px;
    width: 69px;
    position: absolute;
    top: 94px;
    right: 0px;
  }

  .bk-utopie-e-distopie, .bk-utopias-and-dystopias {
    background-color: #005c8a;
  }

  .bk-utopie-e-distopie .colore1, .bk-utopias-and-dystopias .colore1 {
    background-color: #0093d2;
    height: 94px;
    width: 94px;
    position: absolute;
    top: 0;
    right: 0px;
  }

  .bk-utopie-e-distopie .colore2, .bk-utopias-and-dystopias .colore2 {
    background-color: #55c2e4;
    height: 69px;
    width: 69px;
    position: absolute;
    top: 94px;
    right: 0px;
  }

  .bk-radici-e-percorsi, .bk-roots-and-routes {
    background-color: #4d2d77;
  }

  .bk-radici-e-percorsi .colore1, .bk-roots-and-routes .colore1 {
    background-color: #95358b;
    height: 94px;
    width: 94px;
    position: absolute;
    top: 0;
    right: 0px;
  }

  .bk-radici-e-percorsi .colore2, .bk-roots-and-routes .colore2 {
    background-color: #d02084;
    height: 69px;
    width: 69px;
    position: absolute;
    top: 94px;
    right: 0px;
  }

  #progettiscroll>div {
    position: absolute;
    top: 0;
    width: 798px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .mostre>div:first-child {
    padding-left: 0;
  }

  .mostre>div:last-child {
    padding-right: 0;
  }

  .idea>div {
    margin-left: -15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .ods>div {
    margin-right: -15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .areastampa .bk-green .colore1 {
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    background-color: #65b22e;
    height: 94px;
    width: 94px;
    position: absolute;
  }

  .areastampa .bk-green .colore2 {
    bottom: auto;
    top: 0;
    right: 0;
    left: auto;
    background-color: #c7d300;
    height: 69px;
    width: 69px;
    position: absolute;
  }

  .areastampa .bk-magenta .colore1 {
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    background-color: #b40e7d;
    height: 94px;
    width: 94px;
    position: absolute;
  }

  .areastampa .bk-magenta .colore2 {
    bottom: 25px;
    top: auto;
    right: 94px;
    left: auto;
    background-color: #3d195b;
    height: 69px;
    width: 69px;
    position: absolute;
  }

  .areastampa .bk-blu .colore1 {
    bottom: auto;
    top: 0;
    right: 0;
    left: auto;
    background-color: #55c1e4;
    height: 94px;
    width: 94px;
    position: absolute;
  }

  .areastampa .bk-blu .colore2 {
    bottom: auto;
    top: 94px;
    right: 0;
    left: auto;
    background-color: #0098d4;
    height: 69px;
    width: 69px;
    position: absolute;
  }

  .areastampa .bk-red .colore1 {
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    background-color: #ee7d00;
    height: 94px;
    width: 94px;
    position: absolute;
  }

  .areastampa .bk-red .colore2 {
    bottom: 94px;
    top: auto;
    right: 0;
    left: auto;
    background-color: #e74e0f;
    height: 69px;
    width: 69px;
    position: absolute;
  }

  .prenotazione_eventi, .prenotazione_eventi2 {
    border-spacing: 5px;
    border-collapse: separate;
    width: 100%;
  }

  .prenotazione_eventi tr {
    margin-bottom: 5px;
    font-weight: bolder;
  }

  .prenotazione_eventi tr td:nth-child(1) {
    text-align: right;
    padding: 5px;
    height: 36px;
  }

  .prenotazione_eventi tr td:nth-child(2) {
    text-align: right;
    padding: 5px;
    height: 36px;
    width: 36px;
    margin: 0 5px;
    color: #FFF;
  }

  .prenotazione_eventi tr td:nth-child(3) {
    padding: 5px;
    height: 36px;
    color: #FFF;
  }

  .prenotazione_eventi tr td.eventi_green {
    background: #99d420;
  }

  .prenotazione_eventi tr td.eventi_purple {
    background: #6f2090;
  }

  .prenotazione_eventi tr td.eventi_magenta {
    background: #ec008c;
  }

  .prenotazione_eventi2 tr td small {
    font-size: 14px !important;
  }

  .prenotazione_eventi2 tr td:nth-child(1) {
    text-align: right;
    padding: 5px;
    height: 101px;
    width: 101px;
    vertical-align: top;
    color: #FFF;
    font-weight: bolder;
    font-size: 150%;
    line-height: 26px;
  }

  .prenotazione_eventi2 {
    width: 100%;
  }

  .prenotazione_eventi2 td {
    vertical-align: top;
    font-size: 14px;
  }

  .prenotazione_eventi2 tr td.eventi_green2 {
    background: #158f3a;
  }

  .prenotazione_eventi2 tr td.eventi_cyan {
    background: #00adef;
  }

  .prenotazione_eventi2 tr td.eventi_orange {
    background: #f57c14;
  }

  .prenotazione_eventi2 tr td.eventi_blu {
    background: #2a3e92;
  }

  .prenotazione_eventi2 tr td.eventi_red {
    background: #ee242d;
  }
}

@media screen and (min-width: 1200px) {
  .com_phocagallery .blog4 .img {
    height: 204px !important;
  }

  #main-content .block, .blocco2content {
    height: 352px;
    overflow: hidden;
  }

  #main-content .block .image {
    height: 100%;
    width: 30%;
  }

  #main-content .block a {
    color: #FFF;
  }

  #main-content .block.odd .image {
    position: absolute;
    right: 15px;
    width: 352px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center center;
  }

  #main-content .block.odd .carousel .image {
    position: absolute;
    right: 0;
    height: 100%;
    width: auto;
    width: 352px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center center;
  }

  #main-content .block.odd .carousel .image img {
    height: 100%;
    width: auto;
  }

  #main-content .block.even .image {
    position: absolute;
    left: 15px;
  }

  #main-content .block.even .carousel .image {
    position: absolute;
    left: 0;
    height: 100%;
    width: auto;
    width: 352px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center center;
  }

  #main-content .block.even .carousel .image img {
    height: 100%;
    width: auto;
  }

  #main-content .block .content .description {
    position: absolute;
    bottom: 30px;
    /*width: 65%;*/
  }

  #main-content .block .content {
    height: 100%;
    height: 352px;
    display: inline-block;
    padding: 30px 30px 0;
    width: calc(70% - 100px);
    position: relative;
  }

  #main-content .block.even .content {
    padding: 30px 30px 0;
  }

  #main-content .block .idee-dalla-community .content {
    width: calc(70% - 10px);
  }

  #main-content .block .carousel-header {
    /*height: 100%;*/
    display: inline-block;
    padding: 30px 30px 0;
    width: 100%;
    position: absolute;
    z-index: 100;
  }

  .carousel-inner {
    height: 100%;
  }

  .carousel-inner>.item {
    height: 100%;
  }

  #main-content .block .content h2, #main-content .carousel h2 {
    padding: 0;
    font-size: 30px;
    font-weight: 200;
    margin: 0;
    color: #FFF;
    text-transform: lowercase;
  }

  #main-content .block .content h3 {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
  }

  #main-content .block .image h3 {
    padding: 0;
    margin: 0;
    font-size: 30px;
    font-weight: 200;
    text-transform: lowercase;
    text-align: left;
    padding: 35px 120px 30px 35px;
  }

  #main-content .block .image p {
    color: #FFF;
    text-align: left;
    padding: 30px 30px 30px 35px;
  }

  #main-content .block .progetti-home .content h3 {
    font-weight: 200;
    font-size: 38px;
    font-family: 'Korpus Grotesk A', sans-serif;
  }

  .progetti-default-p {
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 30px;
    color: #FFF;
    width: 65%;
    font-size: 18px;
  }

  .progetti-home p {
    font-weight: 600;
    font-size: 38px;
    line-height: 42px;
    font-family: 'Korpus Grotesk C', sans-serif;
  }

  #main-content .block.even .content {
    margin-left: 352px;
  }

  #main-content .block.even .carousel h2 {
    margin-left: 367px;
  }

.even  .vertigo-news.bk-cyan .colore1 {
    height: 114px;
    width: 114px;
    position: absolute;
    top: 0;
    background-color: #005c8a;
    left: calc(352px - 114px);
  }

.even  .vertigo-news.bk-cyan .colore2 {
    height: 84px;
    width: 84px;
    position: absolute;
    top: 114px;
    background-color: #0093d2;
    left: calc(352px - 84px);
  }

.even  .vertigo-news.bk-cyan .colore3 {
    position: absolute;
    right: 0;
    top: 0;
    height: 352px;
    width: 100px;
    background-image: url('../images/pattern-blu-3.png');
    background-position: top center;
    background-repeat: none;
    background-size: cover;
  }

.odd    .vertigo-news.bk-cyan .colore1 {
      height: 114px;
      width: 114px;
      position: absolute;
      top: 0;
      background-color: #005c8a;
      right: calc(352px - 114px);
    }

.odd    .vertigo-news.bk-cyan .colore2 {
      height: 84px;
      width: 84px;
      position: absolute;
      top: 114px;
      background-color: #0093d2;
      right: calc(352px - 84px);
    }

.odd    .vertigo-news.bk-cyan .colore3 {
      position: absolute;
      left: 0;
      top: 0;
      height: 352px;
      width: 100px;
      background-image: url('../images/pattern-blu-3.png');
      background-position: top center;
      background-repeat: none;
      background-size: cover;
    }
  .bk-green .colore1 {
    height: 114px;
    width: 114px;
    position: absolute;
    top: 0;
    background-color: #007e32;
    right: calc(352px);
  }

  .bk-green .colore2 {
    height: 84px;
    width: 84px;
    position: absolute;
    top: 0;
    background-color: #c7d300;
    right: calc(352px - 84px);
  }

  .bk-green .colore3 {
    display: none;
  }

  .odd .bk-orange .colore1 {
    height: 114px;
    width: 114px;
    position: absolute;
    top: 0;
    background-color: #fbb900;
    right: calc(344px - 144px + 15px);
  }

  .even .bk-orange .colore2 {
    height: 84px;
    width: 84px;
    position: absolute;
    top: 134px;
    background-color: #f18700;
    left: calc(352px + 15px);
  }

  .even .bk-orange .colore1 {
    height: 114px;
    width: 114px;
    position: absolute;
    top: 0;
    background-color: #fbb900;
    left: calc(352px - 114px + 15px);
  }

  .odd .bk-orange .colore2 {
    height: 84px;
    width: 84px;
    position: absolute;
    top: 134px;
    background-color: #f18700;
    right: calc(352px + 15px);
  }

  .bk-orange .image {
    background-color: #ea5a0b !important;
  }

  .bk-orange .colore3 {
    display: none;
  }

  .even .bk-magenta .colore1 {
    height: 114px;
    width: 114px;
    position: absolute;
    top: 0;
    background-color: #e5007d;
    left: calc(351px + 15px - 114px);
  }

  .even .bk-magenta .colore2 {
    height: 84px;
    width: 84px;
    position: absolute;
    top: 114px;
    background-color: #f4a7b2;
    left: calc(351px + 15px - 84px);
  }

  .odd .bk-magenta .colore1 {
    height: 114px;
    width: 114px;
    position: absolute;
    top: 0;
    background-color: #e5007d;
    right: 0px;
    /*calc(351px + 15px - 114px)*/
    ;
  }

  .odd .bk-magenta .colore2 {
    height: 84px;
    width: 84px;
    position: absolute;
    top: 114px;
    background-color: #f4a7b2;
    right: 0px;
    /*calc(351px + 15px - 84px)*/
    ;
  }

  .bk-magenta .colore3 {
    display: none;
  }

  .bk-futuro-remoto, .bk-ancient-future {
    background-color: #e52322;
  }

  .bk-futuro-remoto .colore1, .bk-ancient-future .colore1 {
    background-color: #f18700;
    height: 114px;
    width: 114px;
    position: absolute;
    top: 0;
    right: 0px
  }

  .bk-futuro-remoto .colore2, .bk-ancient-future .colore2 {
    background-color: #ae1615;
    height: 84px;
    width: 84px;
    position: absolute;
    top: 114px;
    right: 0px;
  }

  .bk-continuita-e-rotture, .bk-continuity-and-disruptions {
    background-color: #e5007d;
  }

  .bk-continuita-e-rotture .colore1, .bk-continuity-and-disruptions .colore1 {
    background-color: #b47792;
    height: 114px;
    width: 114px;
    position: absolute;
    top: 0;
    right: 0px
  }

  .bk-continuita-e-rotture .colore2, .bk-continuity-and-disruptions .colore2 {
    background-color: #f4a7b2;
    height: 84px;
    width: 84px;
    position: absolute;
    top: 114px;
    right: 0px;
  }

  .bk-riflessioni-e-connessioni, .bk-reflections-and-connections {
    background-color: #006533;
  }

  .odd .bk-riflessioni-e-connessioni .colore1, .bk-reflections-and-connections .colore1 {
    background-color: #76b72a;
    height: 114px;
    width: 114px;
    position: absolute;
    top: 0;
    right: 0px
  }

  .odd .bk-riflessioni-e-connessioni .colore2, .bk-reflections-and-connections .colore2 {
    background-color: #2ea836;
    height: 84px;
    width: 84px;
    position: absolute;
    top: 114px;
    right: 0px;
  }
  .even .bk-riflessioni-e-connessioni .colore1, .bk-reflections-and-connections .colore1 {
    background-color: #76b72a;
    height: 114px;
    width: 114px;
    position: absolute;
    top: 0;
    right: 0px
  }

  .even .bk-riflessioni-e-connessioni .colore2, .bk-reflections-and-connections .colore2 {
    background-color: #2ea836;
    height: 84px;
    width: 84px;
    position: absolute;
    top: 114px;
    right: 0px;
  }
.bk-utopie-e-distopie, .bk-utopias-and-dystopias {
    background-color: #005c8a;
  }

  .bk-utopie-e-distopie .colore1, .bk-utopias-and-dystopias .colore1 {
    background-color: #0093d2;
    height: 114px;
    width: 114px;
    position: absolute;
    top: 0;
    right: 0px
  }

  .bk-utopie-e-distopie .colore2, .bk-utopias-and-dystopias .colore2 {
    background-color: #55c2e4;
    height: 84px;
    width: 84px;
    position: absolute;
    top: 114px;
    right: 0px;
  }

  .bk-radici-e-percorsi, .bk-roots-and-routes {
    background-color: #4d2d77;
  }

  .bk-radici-e-percorsi .colore1, .bk-roots-and-routes .colore1 {
    background-color: #95358b;
    height: 114px;
    width: 114px;
    position: absolute;
    top: 0;
    right: 0px
  }

  .bk-radici-e-percorsi .colore2, .bk-roots-and-routes .colore2 {
    background-color: #d02084;
    height: 84px;
    width: 84px;
    position: absolute;
    top: 114px;
    right: 0px;
  }

  .areastampa .bk-green .colore1 {
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    background-color: #65b22e;
    height: 114px;
    width: 114px;
    position: absolute;
  }

  .areastampa .bk-green .colore2 {
    bottom: auto;
    top: 0;
    right: 0;
    left: auto;
    background-color: #c7d300;
    height: 84px;
    width: 84px;
    position: absolute;
  }

  .areastampa .bk-magenta .colore1 {
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    background-color: #b40e7d;
    height: 114px;
    width: 114px;
    position: absolute;
  }

  .areastampa .bk-magenta .colore2 {
    bottom: 30px;
    top: auto;
    right: 114px;
    left: auto;
    background-color: #3d195b;
    height: 84px;
    width: 84px;
    position: absolute;
  }

  .areastampa .bk-blu .colore1 {
    bottom: auto;
    top: 0;
    right: 0;
    left: auto;
    background-color: #55c1e4;
    height: 114px;
    width: 114px;
    position: absolute;
  }

  .areastampa .bk-blu .colore2 {
    bottom: auto;
    top: 114px;
    right: 0;
    left: auto;
    background-color: #0098d4;
    height: 84px;
    width: 84px;
    position: absolute;
  }

  .areastampa .bk-red .colore1 {
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    background-color: #ee7d00;
    height: 114px;
    width: 114px;
    position: absolute;
  }

  .areastampa .bk-red .colore2 {
    bottom: 114px;
    top: auto;
    right: 0;
    left: auto;
    background-color: #e74e0f;
    height: 84px;
    width: 84px;
    position: absolute;
  }

  .prenotazione_eventi, .prenotazione_eventi2 {
    border-spacing: 5px;
    border-collapse: separate;
    width: 100%;
  }

  .prenotazione_eventi tr {
    margin-bottom: 5px;
    font-weight: bolder;
  }

  .prenotazione_eventi tr td:nth-child(1) {
    text-align: right;
    padding: 5px;
    height: 48px;
  }

  .prenotazione_eventi tr td:nth-child(2) {
    text-align: right;
    padding: 5px;
    height: 48px;
    width: 48px;
    margin: 0 5px;
    color: #FFF;
  }

  .prenotazione_eventi tr td:nth-child(3) {
    padding: 5px;
    height: 48px;
    color: #FFF;
  }

  .prenotazione_eventi tr td.eventi_green {
    background: #99d420;
  }

  .prenotazione_eventi tr td.eventi_purple {
    background: #6f2090;
  }

  .prenotazione_eventi tr td.eventi_magenta {
    background: #ec008c;
  }

  .prenotazione_eventi2 tr td small {
    font-size: 14px !important;
  }

  .prenotazione_eventi2 tr td:nth-child(1) {
    text-align: right;
    padding: 5px;
    height: 101px;
    width: 101px;
    vertical-align: top;
    color: #FFF;
    font-weight: bolder;
    font-size: 150%;
    line-height: 26px;
  }

  .prenotazione_eventi2 {
    width: 100%;
  }

  .prenotazione_eventi2 td {
    vertical-align: top;
    font-size: 14px;
  }

  .prenotazione_eventi2 tr td.eventi_green2 {
    background: #158f3a;
  }

  .prenotazione_eventi2 tr td.eventi_cyan {
    background: #00adef;
  }

  .prenotazione_eventi2 tr td.eventi_orange {
    background: #f57c14;
  }

  .prenotazione_eventi2 tr td.eventi_blu {
    background: #2a3e92;
  }

  .prenotazione_eventi2 tr td.eventi_red {
    background: #ee242d;
  }

  .blog4 .col-md-2 .unveil {
    height: 204px;
  }
}

@media screen and (min-width: 1920px) {
  #header-row-4 img {
    object-fit: contain;
  }
}