3/* This work is licensed under a Creative Commons Attribution 4.0 International License
Theme: FablabTorino@Fabacademy2016 by Stefano Paradiso stefano.prds@gmail.com */

/*///////SET FONT style AND RESET MARGIN////*/
*{padding: 0px; margin:0px;}
#wrapper{
      min-height: 100%;
      height: auto !important;
      height: 100%;
      margin: 0 auto -155px}


 { font-family: Helvetica, Arial, sans-serif; }
p {font-family: pt_sansregular}
b {font-family: pt_sansregular}
h1 {font-family: pt_sansregular}
small {font-family: pt_sansregular}
title {font-family: pt_sansregular}
/*//////////HEADER style///////*/
header{
   width:100%;
   background-color: #ffffff
  }
#sec_0{
   max-width:900px;
   width:100%;
   height:120px;
   margin:0 auto;
   padding-top:15px;}

/*//////////NAME and NAV style////////*/
#name_box{
   margin:0 auto;
   float: center;
   width: 50%;
   padding-top:80px;
   padding-bottom:10px;
}
#name_box b{/* PALETTE #417793 #ffffff */
   color:#417793;
   font-size: 40px;
   background-color:#ffffff;
   padding-left:5px;
   padding-right:5px;}

   .huge{/* PALETTE #417793 #ffffff */
      color:#417793;
      font-size: 84px;
    }

   #name_box h1{
      color:#417793;
      font-size: 22px;
      background-color:#ffffff;
      text-align: center;
    margin-top: 5px;}

    #name_box h2{
       color:#417793;
       font-size: 16px;
       background-color:#ffffff;
       text-align: center;
     margin-top: 5px;}
#name_box ul{
   text-align: center;
   list-style: none;
 padding-bottom: 120px
}
#nav_box{
   clear: right;
   margin:0 auto;
   float: right;
   width: 25%;
   padding-top:10px;
   padding-bottom:10px;}
#nav_box b{/*#93b3ce #407793*/
   color:#ffffff;
   font-size: 18px;
   background-color:#93b3ce;
   margin-left: 10px;
   padding-left:5px;
   padding-right:5px;}
#nav_box b:hover{
   color :#ffffff;
   background-color:#407793;
   text-decoration : none;}
#nav_box ul{
   text-align: right;
   list-style: none;}
/*//////////BODY STYLE//////////*/
body{
  color: #19262d;
   width:100%;
   background:#ffffff;}

#sec_1{
   width:100%;
   margin: 0 auto;
   max-width:900px;
   padding-top:150px;
   padding-bottom:30px;}


/*/////FLOATING LEFT BOX STYLE/////*/
.box_1{
   float:left;
   clear:left;
   border-radius: 8px;
   width:48%;
   padding:2%;
   margin-bottom:28px;
   background-color:#dfebf4;}

.textleft{
  float:left;
  clear:left;
  width: 250px;
  }

/*////FLOATING RIGHT BOX STYLE///*/
.box_2{
   float:right;
   clear:right;
   border-radius: 8px;
   width:42%;
   padding:2%;
   margin-bottom: 24px;
   background-color:#dfebf4;}
.ul_ex{
   padding-left: 20px;
   list-style: none;}
   b{color: #26506c}

 /*////FLOATING left2 BOX STYLE///*/
.box_3{
   float:left;
   clear:left;
   border-radius: 8px;
   width:48%;
   padding:2%;
   margin-left: 50px;
   margin-bottom:30px;
   background-color:#dfebf4;}
   .ul_ex{
      padding-left: 20px;
      list-style: none;}
      b{color: #26506c}

/*//////////FULL SIZE BOX STYLE/////////*/
.box_full{
   float:left;
   border-radius: 8px;
   width:96%;
   padding:2%;
   margin-bottom:30px;
   background-color:#dfebf4;}
.box_full ul{
   padding-top:10px;
   padding-left:30px;}

  /*//////////FULL SIZE grey BOX STYLE/////////*/
.box_fullgrey{
    float:left;
    border-radius: 8px;
    width:96%;
    padding:2%;
    margin-bottom:30px;
    background-color:#efefef;}
.box_full ul{
    padding-top:10px;
    padding-left:30px;}

    /*//////////HALF SIZE BOX STYLE/////////*/
    .box_half{
       float:left;
       border-radius: 8px;
       width:48%;
       padding:2%;
       margin-bottom:30px;
       background-color:#dfebf4;}
    .box_half ul{
       padding-top:10px;
       padding-left:30px;}

      /*//////////HALF SIZE grey BOX STYLE/////////*/
    .box_halfgrey{
        float:left;
        border-radius: 8px;
        width:48%;
        padding:2%;
        margin-bottom:30px;
        background-color:#efefef;}
    .box_half ul{
        padding-top:10px;
        padding-left:30px;}

    /*//////////Weekly Project BOX STYLE/////////*/

    .alcentro{
      text-align: center;
    }

    .box_bio_l{
       float:left;
       clear:left;
       border-radius: 8px;
       width:100px;
       padding:2%;
       margin-right: 10px;
       margin-bottom: 24px;
       background-color:#efefef;
        }
      .ul_bio_l{
           padding-left: 20px;
           list-style: none;}
           b{color: #26506c}

        .box_bio_l a img{
          filter:saturate(15%);
          -webkit-filter: saturate(15%);
          -webkit-transition: all .6s ease;
        }

        .box_bio_l a img:hover {
          filter:saturate(100%);
          -webkit-filter: saturate(100%);
          filter: none;
        }

    .box_wp_r{
       float:right;
       clear:right;
       border-radius: 8px;
       width:150px;
       padding:2%;
       margin-bottom: 24px;
       background-color:#efefef;
        }
    .ul_ex_r{
       padding-right: 20px;
       list-style: none;}
       b{color: #26506c}

    .box_wp_r a img{
      filter:saturate(15%);
      -webkit-filter: saturate(15%);
      -webkit-transition: all .6s ease;
  }

    .box_wp_r a img:hover {
      filter:saturate(100%);
      -webkit-filter: saturate(100%);
      filter: none;
    }

    .box_wp_l{
       float:left;
       clear:left;
       border-radius: 8px;
       width:150px;
       padding:2%;
       margin-bottom: 24px;
       background-color:#efefef;
        }
    .ul_ex_l{
       padding-left: 20px;
       list-style: none;}
       b{color: #26506c}

    .box_wp_l a img{
      filter:saturate(15%);
      -webkit-filter: saturate(15%);
      -webkit-transition: all .6s ease;
  }

    .box_wp_l a img:hover {
      filter:saturate(100%);
      -webkit-filter: saturate(100%);
      filter: none;
    }


/*/////////////footer STYLE/////////*/
footer{
   width:100%;
   background-color: #ffffff
  }

footer span{
   color: #FFFFFF;}

#sec_2{
   width:100%;
   height:120px;
   margin:0 auto;
   max-width:900px;
   padding: 25px 0px 0px 25px;}
#sec_2 b{/*#F47A20 #F39C12*/
   color:#ffffff;
   font-size: 18px;
   background-color:#26506c;
   margin-left: 10px;
   padding-left:5px;
   padding-right:5px;}
#sec_2 ul{
   list-style: none;}

#con{
   color:#ffffff;
   font-size: 14px;
   background-color:#aaccea;
   margin-left: 10px;
   padding-left:5px;
   padding-right:5px;}
#con:hover{
   color :#ffffff;
   background-color:#407793;
   text-decoration : none;}

/*///////////////////////LINK STYLE///////////////*/
a:link{
 color: #417793;
 text-decoration:none;}
a:visited{
 color : #417793;
 text-decoration: none}
a:hover{
 color :#417793;
 text-decoration : none;}
a:active{
 color : #FFFFFF;
 text-decoration: none}

/*//////////////////////SOCIAL BUTTONS STYLE//////*/
.social_1{
   margin:0 auto;
   clear:both;
   float:right;}

.social_1 li{
   display:inline;}

.social_0 li{
   display:inline;}

.social_0{
   margin:0 auto;
   float:center;}

.sob{height:20px;opacity:1;}
.sob:hover{opacity:1;}

.sobdx{
  height:40px;
  width: 40px;
  opacity:1;
  margin-right:30px;
  margin-top:30px;
  float: right;
}

.sobdx:hover{opacity:1;}

/*//////////IMAGES STYLE/////////*/
.img_ex{
   width: 100%;}

.profile{
  float: left;
  padding: 10px;
}

/*//////////PROJECT IMAGES STYLE/////////*/
.img_ex{
   width: 100%;}

.profileproject{
  float: center;
  padding: 0px;
  border-radius: 9px;

}
/*//////////DOCU IMAGES STYLE/////////*/
.img_ex{
   width: 100%;}

.profileproject{
  float: center;
  padding: 0px;
  border-radius: 0px;

}
/*//////////FLOATING LEFT BOX STYLE/////////*/
.ex_a{
   float:left;
   width:30%;
   margin-bottom:30px;
   /*background-color:#EFEFEF;*/}

/*//////////FLOATING MIDDLE BOX STYLE/////////*/
.ex_b{
   float:left;
   clear:right;
   width:30%;
   margin-left:3.5%;
   margin-bottom: 30px;
   /*background-color:#EFEFEF;*/}

/*//////////FLOATING RIGHT BOX STYLE/////////*/
.ex_c{
   float:right;
   clear:right;
   width:30%;
   margin-bottom:30px;
   /*background-color:#EFEFEF;*/}


   /*//////////PIC GALLERY/////////*/
   .img {
       margin: 1px;
       float: inherit;;
       width: 170px;
       padding: inherit;
       filter:saturate(15%);
       -webkit-filter: saturate(15%);
       -webkit-transition: all .6s ease;
   }

   .img:hover {
     filter:saturate(100%);
     -webkit-filter: saturate(100%);
     filter: none;

   }

   .img img {
       width: 200;
       height: 200;
   }
   .imgrect {
       margin: 1px;
       float: inherit;;
       width: 170px;
       padding: inherit;
       filter:saturate(15%);
       -webkit-filter: saturate(15%);
       -webkit-transition: all .6s ease;
   }

   .imgrect:hover {
     filter:saturate(100%);
     -webkit-filter: saturate(100%);
     filter: none;
   }

   .imgrect img {
       width: 300px;
       height: 200px;
   }

   .desc {
      font-family: pt_sansregular;
      width: 200px;
      padding: 0px;
      text-align: center;
   }

   .descrect {
      font-family: pt_sansregular;
      width: 300px;
      margin-left: 0px;
      text-align: center;
   }




/*////////////////////////////////////////////////////////////////*/
/*MEDIAQUERY-MOBILE///////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////*/

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

   .box_query{
      display:block;
      width:90%;
      padding:1%;
      margin-right:5%;
      margin-left:5%;}
}