/*
INIZIO LISTA MEMBRI E STARTUP
*/
.custom_lista_cons {
  margin-bottom: 80px;
}

.topix-item {
  float: left;
  text-align: center;
  width: 18%;
  margin: 1%;
  padding-bottom: 18%;
  position: relative;
}

.topix-item .image {
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
  margin-top: 6%;
}

.topix-item .title {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 10%;
  background-color: #fff;
  text-align: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: visible;
  opacity: 0.3;
  transition: opacity 0.5s linear;
  padding: 3%;
  line-height: 1.250em;
}

.topix-item:hover .title {
  visibility: visible;
  opacity: 0.9;
}

.topix-item .title h6 {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.topix-item .image img {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  max-width: 100%;
  height: auto;
  width: auto;
  max-height: 100%;
}

.topix-item {
  opacity: 0.5;
  transition: all 0.5s ease-out 0s;
}

.topix-item:hover {
  opacity: 1;
}

.topix-item figure {
  background-color: #FFF;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  padding: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
  .custom_lista_cons {
    padding-left: 2%!important;
  }
}
/*
 END INIZIO LISTA MEMBRI E STARTUP
*/

/*
INIZIO QUADRATONI
*/

div[class*="activities_colonna"] {
  margin: 0 -15px;
  float: right;
}

div[class*="activities_colonna"] a.sf-button {
  padding: 25px 15px;
  height: 150px!important;
  width: 95%!important;
  border-radius: 0px 0px 0px 0px;
  margin: 0 10px 7px 0;
  text-align: left;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .spb_button_element a.sf-button {
    height: 120px!important;
  }
}
@media screen and (min-width: 54px) and (max-width: 767px) and (min-height: 450px) {
  .spb_button_element a.sf-button {
    height: 120px!important;
  }
}

.div[class*="activities_colonna"] a.sf-button:hover{
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
div[class*="activities_colonna"] .spb_button_element {
  text-align: -webkit-auto!important;
}

div[class*="activities_colonna"] a.sf-button span.text {
  font-size: 14px;
}
@media only screen and (max-width: 992px) {
  div[class*="activities_colonna"] {
    width: 20.667%;
  }
}

.sf-button.accent {
  background-color: #de3b4b!important;
}

/*
Sfondo home buttons
*/
.button_home_dp a.sf-button, .button_home_dp a.sf-button:hover,
.button_home_cloud a.sf-button,.button_home_cloud a.sf-button:hover,
.button_home_ix a.sf-button,.button_home_ix a.sf-button:hover {
  background: url('../cardinal-child/images/icon_back-03.png');
  background-position: bottom 10% right 90%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .button_home_dp a.sf-button ,
  .button_home_ix a.sf-button ,
  .button_home_cloud a.sf-button {
    background-position: bottom 5% right 97%;
  }
  .topix-item .title {
    visibility: hidden;
  }

  /* Fix mobile dimensione quadrati */
  .clients-items.row.clearfix { margin:0!important; }
  .topix-item {width:23%!important;   padding-bottom:23%!important;}
  .topix-item:nth-child(4n+1){clear:both!important}


}

/* Fix uniforma il padding su mobile e desktop */
.topix-item figure{ padding:10%!important; }



/*
Colori quadrati
*/
.activities_dp a.sf-button {
  background-color: #393333!important;
}
.activities_dp a.sf-button:hover, .activiies_dp .active a.sf-button {
  background-color: #1e1e1e!important;
}
.activities_cloud a.sf-button {
  background-color: #222e3b!important;
}
.activities_cloud a.sf-button:hover, .activities_cloud .active a.sf-button {
  background-color: #0c1d25!important;
}
.activities_ix a.sf-button {
  background-color: #c13e4b!important;
}
.activities_ix a.sf-button:hover, .activities_ix .active a.sf-button {
  background-color: #4f0303!important;
}


/*
  Gestione Background per quadrati con solo una immagine di sfondo
*/
.button_startup a.sf-button:hover, .button_startup .active a.sf-button,
.button_education a.sf-button:hover, .button_education .active a.sf-button,
.button_corporate_innovation a.sf-button:hover, .button_corporate_innovation .active a.sf-button,
.button_social_Innovation a.sf-button:hover, .button_social_Innovation .active a.sf-button,
.button_public_policy a.sf-button:hover, .button_public_policy .active a.sf-button,
.button_platform a.sf-button:hover,.button_piattaforma .active a.sf-button,
.button_support a.sf-button:hover, .button_guasti .active a.sf-button,
.button_service_fees a.sf-button:hover, .button_adesione_fees .active a.sf-button,
.button_quality_statements a.sf-button:hover, .button_quality_statement .active a.sf-button,
.button_connected_networks a.sf-button:hover, .button_connected_network .active a.sf-button,
.button_node_map a.sf-button:hover,.button_mappa_nodi .active a.sf-button,
.button_traffic_summary a.sf-button:hover, .button_traffic_summary .active a.sf-button,
.button_cloud a.sf-button:hover, .button_cloud .active a.sf-button,
.button_streaming a.sf-button:hover,.button_streaming .active a.sf-button  {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


/*
Sfondi per quadrati con solo una immagine di sfondo
*/

/*
.button_startup a.sf-button:hover, .button_startup .active a.sf-button {
  background-image: url('../cardinal-child/images/DP_icon_startup.png');
}

.button_education a.sf-button:hover, .button_education .active a.sf-button {
  background-image: url('../cardinal-child/images/DP_icon_education.png');
}

.button_corporate_innovation a.sf-button:hover, .button_corporate_innovation .active a.sf-button {
  background-image: url('../cardinal-child/images/DP_icon_corporateinn.png');
}
.button_social_Innovation a.sf-button:hover, .button_social_Innovation .active a.sf-button {
  background-image: url('../cardinal-child/images/DP_icon_socialinn.png');
}
.button_public_policy a.sf-button:hover, .button_public_policy .active a.sf-button {
  background-image: url('../cardinal-child/images/DP_icon_publicpolicy.png');
}

.button_platform a.sf-button:hover,.button_piattaforma .active a.sf-button {
  background-image: url('../cardinal-child/images/IX_icon1_piattaforma-1.png');
}

.button_support a.sf-button:hover, .button_guasti .active a.sf-button {
  background-image: url('../cardinal-child/images/IX_icon2_supporto-1.png');
}

.button_service_fees a.sf-button:hover, .button_adesione_fees .active a.sf-button {
  background-image: url('../cardinal-child/images/IX_icon3_adesione-1.png');
}

.button_quality_statements a.sf-button:hover, .button_quality_statement .active a.sf-button {
  background-image: url('../cardinal-child/images/IX_icon4_quality-1.png');
}

.button_marketplace a.sf-button:hover, .button_marketplace .active a.sf-button {
  background-image: url('../cardinal-child/images/IX_icon9_marketplace.png');
}

.button_connected_networks a.sf-button:hover, .button_connected_network .active a.sf-button {
  background-image: url('../cardinal-child/images/IX_icon5_network-1.png');
}

.button_node_map a.sf-button:hover,.button_mappa_nodi .active a.sf-button {
  background-image: url('../cardinal-child/images/IX_icon6_mappanodi-1.png');
}

.button_traffic_summary a.sf-button:hover, .button_traffic_summary .active a.sf-button {
  background-image: url('../cardinal-child/images/IX_icon7_stats-1.png');
}

.button_cloud a.sf-button:hover, .button_cloud .active a.sf-button {
  background-image: url('../cardinal-child/images/icone_cloud.png');
}*/

/* Sfondo quadrati con link */

.button_big_dive a.sf-button,
.bottone_hackademy a.sf-button,
.button_members_area a.sf-button  {
  background: url('../cardinal-child/images/link-icon-02.png');
  background-position: bottom 10% right 10%;
  background-repeat: no-repeat;
}

/*
Gestione sfondo con quadrato e immagine di sfondo
*/

.button_big_dive a.sf-button:hover, .button_big_dive .active a.sf-button,
.bottone_hackademy a.sf-button:hover, .bottone_hackademy .active a.sf-button,
.button_members_area a.sf-button:hover, .button_area_membri .active a.sf-button  {
  background-position: bottom 10% right 10%, center;
  background-repeat: no-repeat;
}

/*
Sfondi per quadrati con immagine e link
*/
.button_big_dive a.sf-button:hover, .button_big_dive .active a.sf-button {
  background-image: url('../cardinal-child/images/link-icon-02.png'), url('../cardinal-child/images/DP_icon_bigdive.png');
}


.bottone_hackademy a.sf-button:hover, .bottone_hackademy .active a.sf-button {
  background-image: url('../cardinal-child/images/link-icon-02.png'), url('../cardinal-child/images/DP_icon_hackademy.png');
}

.button_members_area a.sf-button:hover, .button_area_membri .active a.sf-button {
  background-image: url('../cardinal-child/images/link-icon-02.png'), url('../cardinal-child/images/IX_icon8_areamembri-1.png');
}