@import url("/additional_static_content/font/bootstrap-social-gh-pages/assets/css/font-awesome.css");


/* Oggetti notifiche e widget */

.notifiche {
  width:200px;
  position:absolute;
  right:0px;
  top:10px;
}

.button-notifiche {
  margin-right:20px;
}

.welcome {
  
}

@media screen and (min-width: 0px) and (max-width: 400px) {
  .notifiche {
    right:0px;
  width:180px;
  }
  .welcome {}
}



.bbgold, .bbgreen, .bbazure, .bborange {clear:both; width:100%; max-height:15px;}
.big {width:100%!important; height:auto!important;}
.half {width:50%!important; height:auto!important;}
.mini {width:30%!important; height:auto!important;}
.left {float:left; margin:0 20px 0 0; width:50%!important;} 
.right {float:right; margin:0 0 0 20px;width:50%!important;}
.contpage {background:#fff; padding:40px ; margin-bottom: 30px; border-radius:5px;}

@media (max-width: 576px)
{
 .contpage {padding:20px ; margin-bottom: 20px}
}

.footer {clear:both;}
.cl {clear:left;}
.bwhite {background:#fff;} 
.bgrey {background:#404040;} 
.bgradient8 {background: rgba(255,255,255,0.8);}
.bgradient7 {background: rgba(255,255,255,0.7);}
.bgradient6 {background: rgba(255,255,255,0.6);}
.bgradient5 {background: rgba(255,255,255,0.5);}
.fz80 .content {font-size:80%;} 
.fz60 .content {font-size:60%;} 
.zi100 {position:relative; z-index:100;}

.bbgold, .bbgreen, .bbazure, .bborange {clear:both;}
.bt {border-top:1px solid #ccc;}
.bb {border-bottom:1px solid #ccc;}
.br5, .bdr5 {border-radius:5px;}
.m40 {margin:40px;}
.mlat5per {margin:0 25% 0 25%;}
.pb40 {padding-bottom:40px;}
.bbgreen, .bbgold, .bbazure, .bbred {clear:both;}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
  
/* Elementi comuni */
.cover_peso_home .section {} 
.cover_peso_home .title {}

 .pt20 {padding-top:20px} 
 .pt30 {padding-top:30px} 
 .mt-40 {margin-top:-40px;} 
 .pt40 {padding-top:40px;}
 .pt60 {padding-top:60px;}
 .pt80 {padding-top:80px;}
.ml80 {margin-left:80px;} 
.ml60 {margin-left:60px;}
.mr60 {margin-right:60px;}  
.ml30 {margin-left:30px} 

.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px;}
.mb15 {
    margin-bottom:15px;
  }
  .mt20{
    margin-top:20px
  }
  .mt30{
    margin-top:30px;
  }
  .mt40{
    margin-top:40px;
  }
.mt50{
    margin-top:50px;
  }
.mt60{
    margin-top:60px;
  }
.mt80{
    margin-top:80px;
  }
.mt100{
    margin-top:100px;
  }

.mt200 {margin-top:200px;}

  .mb5 {
    margin-bottom:5px;
  }
  .mb10 {
    margin-bottom:10px;
  }
  .mb15 {
    margin-bottom:15px;
  }
  .mb20 {
    margin-bottom:20px;
  }
  .mb30{
    margin-bottom:30px;
  }
  .mb40{
    margin-bottom:40px;
  }
  .mb60{margin-bottom:60px;}   .mb80{margin-bottom:80px;}
  .mb100{margin-bottom:100px;}
  .mb200{margin-bottom:200px;}
  
  .mv20{
    margin-top:20px;
    margin-bottom:20px;
  }
  .mv40 {
    margin-top:40px;
    margin-bottom:40px;
  }
  .mv80{
    margin-top:80px;
    margin-bottom:80px;
  }
  .pb15{
    padding-bottom:15px;
  }
  .pl15{
    padding-left:15px
  }
  .pr15{
    padding-right:15px
  }
  .p20{
    padding:20px
  }
  .pv20{
    padding-top:20px;
    padding-bottom:20px
  }
  .pv40 {padding-top:40px; padding-bottom: 40px}
  .p0{padding:0} .p5{padding:5px}

  .pll0{padding-left:0;padding-right:0}
 
  .pt0{padding-top:0;}

  .pll15{
    padding-left:15px;
    padding-right:15px;
  }
  .p40 {
    padding:40px
  }
  .pb0 {
    padding-bottom:0
  }

.pv80 {padding-top:80px; padding-bottom:80px;}

@media screen and (max-width:767px){

.pv80 {padding-top:20px; padding-bottom:20px;}

.mob {
   
   padding-right:0;   padding-left:0;
 
}
.mob5 {
   padding-top:5px;   padding-bottom:5px;
   padding-right:5px;   padding-left:5px;
   margin-top:5px;   margin-bottom:5px;
   margin-right:5px;   margin-left:5px;
}

.moby {
   padding-top:0;   padding-bottom:0;
   margin-top:0;   margin-bottom:0;
}

.mobx {
   padding-right:0;   padding-left:0;   
   margin-right:0;   margin-left:0;
}

.mt-40 {margin-top:0px;}
 .m40 {margin:10px;}


  .mt20 {margin-top:10px}
  .mb20 {margin-bottom:10px}

  .mt30{margin-top:15px;}
  .mb30{margin-bottom:15px;}

  .mt40{margin-top:20px;}
  .mb40{margin-bottom:20px;}

  .mt60{margin-top:20px;}
  .mb60{margin-bottom:20px;}

  .mt80{margin-top:20px;}
  .mb80{margin-bottom:20px;}
  .mb100{margin-bottom:20px;}

  .pt20 {padding-top:10px}
  .pb20, .pb30 {padding-bottom:10px}

  .pt30{padding-top:20px;}
  .pb30{padding-bottom:30px;}

  .pt40, .pt80, .pt60 {padding-top:20px;}

  .pb40{padding-bottom:20px;}

.ml80 {margin-left:30px;}  
.ml60 {margin-left:30px;}
  .mr60 {margin-right:30px;}  
  .ml30 {margin-left:15px}
   
  .mt40 {margin-top:20px;}
  .pv40 {padding-top:20px; padding-bottom: 20px}
  .mt80 {margin-top:40px;}
  .mv40 {margin-top:20px; margin-bottom: 20px;}
  .p40{padding: 20px}

.mt100, .nt200, .mt300 {margin-top:20px;}
.mb200, .mb300 {margin-bottom:20px;}
}


@media screen and (min-width: 0px) and (max-width: 768px) {
 .p5{padding:2px!important}
.half {width:100%!important; }
.right {width:100%!important; float:none;}
.mini {width:100%!important; height:auto!important;}

}


.info .body img {
  max-width:100%!important;
  height:auto!important;
}


/* Loghi sponsor CWS */

.business_partner1 .fbhome {width:40%!important; height:auto!important; }
.business_partner1 .tvn {width:60%!important; height:auto!important; }
.business_partner1 .aice {width:80%!important; height:auto!important; }
.business_partner1 .msn {width:60%!important; height:auto!important; }

.business_partner1 .pweb {width:80%!important; height:auto!important; }
.business_partner1 .bsi {width:80%!important; height:auto!important; }
.business_partner1 .nxv {width:40%!important; height:auto!important; }

.business_partner1 .worldz {width:70%!important; height:auto!important; }

.business_partner1 .netcomm {width:100%!important; height:auto!important; }
.business_partner1 .imginternet {width:100%!important; height:auto!important; }

.business_partner1 .logo_partner {
  background:#fff;
  display:table; width:100%; 
  border:1px solid #ccc; height: 12vh; min-height:120px;  
  text-align:center;
  border-radius:5px; margin:0;
} 

.business_partner1 .logo_partner a {display:table-cell; vertical-align:middle;}


@media screen and (min-width: 768px) {
  .pl0{padding-left:0}  .pr0 {padding-right:0}
}

@media screen and (min-width: 0px) and (max-width: 768px) {

.business_partner1 .col-xs-3 {padding:2px;}
  .business_partner1 .mbhide {display:none;}
  .business_partner1 .partner:first-child, .business_partner1 .partner:nth-child(2) {margin-bottom:15px;}
  .business_partner1 .logo_partner {height:15vh;}
  .business_partner1 .pweb {width:70%!important; height:auto!important; }

.business_partner1 .pweb {width:95%!important; height:auto!important; }
.business_partner1 .bsi {width:95%!important; height:auto!important; }
.business_partner1 .nxv {width:60%!important; height:auto!important; }

.business_partner1 .logo_partner {height: 15vh; min-height:75px;} 

}
/* Fine Loghi sponsor CWS */



/*PROFILO*/

.profile .myimage {
  width:100px; height:100px;
  -webkit-border-radius:  100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  overflow:hidden;
  margin:100px auto 10px;
  border: 4px solid #fff;
  box-shadow: inset 0 1.5px 3px 0 rgba(0,0,0,.15), 0 1.5px 3px 0 rgba(0,0,0,.15);
}

.profile .image {width:100%; height:auto;}

.profile .error{ 
  font-weight: 300;
  display: block;
  margin: -25px 0px 0px 300px;
  font-size: x-small;
  color: #9040aa; }

.profile{
  background:linear-gradient(to bottom,  #d2d2d2 180px, transparent 0);
  padding: 30px 0; margin-bottom:20px;
  border:1px solid #d2d2d2;
  border-radius:3px
}

.myprofile {
background:#fff;
}

.profile{
  text-align:center
}

.myprofile{
  text-align:left
}

.myprofile .form-control {
  padding-left:0;
  border:0; border-bottom:2px solid #ccc;
  font-weight:bold; color:#333;
  font-size:large;
  border-radius:0;
  -webkit-box-shadow:none;
}

.myprofile label {
  color:#ccc;
  font-weight:normal;}

.profile .dati{
  line-height:1.75em
}

/* ------------ Profilo Bootstrap 4 */


.mail_to_user{
  margin-top:20px;
}

.buttobn-wrap {
  display:block;
  margin-top:20px;
}
.name{

}
.dati > a, #add_as_friend{
      background-color: transparent;
    border: 0;
    border-radius: 2px;
    color: #044c7e;
 
    font-weight: 600;
    font-family: inherit;
    height: 40px;
    line-height: 40px;
    padding: 10px 25px;
    position: relative;
    transition-duration: 160ms;
    transition-property: background-color,box-shadow,color;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    vertical-align: middle;
    z-index: 0;
    box-shadow: inset 0 0 0 1px #044c7e, inset 0 0 0 2px transparent, inset 0 0 0 3px transparent;
}
.dati > a:hover,
#add_as_friend:hover{
  text-decoration:none;
      background-color: rgba(0,115,177,.25);
    color: #044c7e;
    box-shadow: inset 0 0 0 1px #044c7e, inset 0 0 0 2px #044c7e, inset 0 0 0 3px transparent;
}


#mail_pop_up_c{
      margin-top: 10px;
}
#mail_pop_up_c textarea{
  width:600px;
  max-width:100%;
  height:200px;
  padding:10px
}

.mydescr p{
  margin-bottom:0;
  color:rgba(0,0,0,.9);
  font-weight:400;
}

.mydescr p, .azienda, .address{
  font-size:large
}

#firstname, #lastname{
  font-weight:400;
  font-size:x-large;
  color:rgba(0,0,0,.9)
}

.address::before, .mydescr::before{
  content: '\2022';
  margin: 0 2px;
}

/*Lista amici*/

.network b {
  font-size:large; font-weight:bold;
  text-transform:capitalize;
  margin-left:10px;
}

.network {

  display:block;
  text-align:left;
  padding-top:20px;
}

.network .network-inner {
  padding:20px 0;
  min-height:100px;
  border-top:1px solid #ccc;
}

.network .network-inner:nth-child(2) {
  border:0;
}

.network .network-abs {
  min-height:60px;
  position:relative;
}

.network .network-name {
  position:absolute; bottom:0;
}

.network .col-sm-2 {
  max-width:85px;
}

.network-image {
  text-align:center;
  height:60px; overflow:hidden;
}

.network .network-img {
  border:1px solid #ccc; border-radius:5px;
  width:60px; height:auto;
  margin:0;
}

.network .name {
  font-weight:bold;
}

.network .company {
  display:block;
}

/*GRUPPI*/

.gruppi_bd {
  border:1px solid #ccc; padding:10px;
} 

.gruppi_bd .header {
  font-size:large;
  border:0; margin-bottom:20px;
}

.gruppi_bd ul {        
  margin: 10px 0 0 20px;
  font-weight : normal;
  padding: 0 0 0 0;          
  list-style-type:square;
}

.gruppi_bd ul li {
  margin-bottom:10px; font-size:medium;
}

/*RICERCA PROFILI*/

.ricerca_profili .img-cont:empty{
    display:none;
}

.ricerca_profili .col-sm-4 {padding:5px;}


.ricerca_profili .company {
  display:block;
  font-size:small; font-weight:bold; 
  line-height:120%;color:#5CB85C;
  margin-top:10px;
}


.ricerca_profili .myimage1 {
  overflow:hidden;
  width:100%; height:auto;
  max-width:80px; max-height:80px;
}

.ricerca_profili .image {width:100%; height:auto;}

.ricerca_profili .inner {
   border:1px solid #ccc; 
  margin: 0; padding: 5px; 
  width:100%; height:100%;
}

.fullname-container .name  {
  line-height:100%;
  font-weight:bold; display:block;
}

.ricerca_profili .categorie .label {
  color:#333; padding:0;
  font-size:small; margin-right:5px;
  font-weight:bold;
}

.ricerca_profili .categorie .tags {
  font-size:small; 
  line-height:110%; margin-bottom:5px;
}

/* ------------ Ricerca Profili Bootstrap 4 */

.ricerca_profili .numresult{
  width:100%
}

.ricerca_profili .inner-bt4 {
  border:1px solid #ccc;
  height:100%; border-radius:3px;
}
  
@media screen and (min-width: 0px) and (max-width: 730px) {

.ricerca_profili .item .inner {
  border:0; border-bottom:1px solid #ccc;
  min-height:0; display:inline-block;
  padding:0;
}
  
.ricerca_profili .myimage1 {
  max-width:60px; max-height:60px;
}
}

.content-flex .content{
    display:flex;
    width:100%;
    flex-wrap:wrap;
}

.b199233{display:none}

/* Gallery */
/*
.k-gallery .s1 .slick-slide {
  height:50vh;
}
*/
/*per centrare la slide*/
.k-gallery .s1 .slick-slide{
  display:flex!important;
  justify-content:center
}

.k-gallery .slick-slide{
  position:relative;
}
.k-gallery a, 
.k-gallery a:hover{
  color:#fff;
}
.k-gallery .slide-title{
  position:absolute;
  top:0;
  left:0;
  font-size: x-large;
  color:#fff;
  z-index:1;
  padding:15px;
  background:rgba(0,0,0,.25);
}
.k-gallery .slick-track{
  display: flex!important;
  align-items:center;
}
.k-gallery .s1 .slick-track{
  background:#000;
}
.k-gallery .s2{
  border-top:2px solid #fff;
  background:#333;
}
.k-gallery .slick-arrow {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  border: none;
  width:auto;
  height:auto;
}


.k-gallery .slick-arrow:first-child{
  left:5px!important;z-index:2;
}
.k-gallery .slick-arrow:last-child{
  right:5px!important;
}


.k-gallery .bottom-text{
  position:absolute;
  bottom:0;
  left:0;
  font-size: medium;
  color:#fff;
  z-index:1;
  padding:15px;
  background:rgba(0,0,0,.25);
  display:flex;
  justify-content:space-between;
  width:100%;
}

/* fine Gallery */

/*chat*/
.kchpop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}
#kchm {
    z-index: 6000;
    background-color: rgb(0,0,0);
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
#kchimg {
    z-index: 6001;
}
#kchimg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

/*fine chat*/

.kali {text-align:right; margin:20px 0 0px 0; width:100%;}

.kali a { color:#fff; font-size:80%; }
