@charset "UTF-8";
/* CSS Document */
* {
  box-sizing: border-box;
}

@font-face {
  font-family: 'BluuNext';
  src: url('00_Font/BluuNext-Bold.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('00_Font/BluuNext-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: white;
  font-family: BluuNext;;
}

/*Custom Scrollbars in WebKit*/

/* Let's get this party started */
::-webkit-scrollbar {
    height: 8px;
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,1); 
    -webkit-border-radius: 100px;
    width: 100px;
    border-radius: 100px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    border-radius: 10px;
    background: black; 
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255,0,0,0.4); 
}

/*GENERAL LINK*/

a{
  text-decoration: none;
  color: black;
}

a:visited {
  color: none;
}

.conteiner_open{
  width: 85%;
}

.title{
	font-size: 60px;
  margin-top: 200px;
	text-decoration: none;
	color: black;
  opacity: 0;
}

.FD{
  font-size: 30px;
}

#freccia{
  width: 50px;
  opacity: 0;
}

.box_open_img{
  margin-top: -450px;
}

.open_img{ 
  width: 100%;
}

.conteiner_open:hover .open_img{
opacity: 0;
}

.conteiner_open:hover .title{
  opacity: 1;
  text-decoration: none !important;
}

.conteiner_open:hover #freccia{
  opacity: 1;
}

/*CONTACT*/

.list_contact{
  padding-top: 40px;
  list-style-type: none;
  font-size: 20px;
  line-height: 1.3;
  margin-left: -45px;
  margin-top:20%;
  color: black;
}

.li_contact:hover{
  text-decoration: underline;
}

.box_bio{
  margin-top:50px;
  width: 700px;
}

.text_bio{
  font-size: 25px;
}

.profilo_img{
  margin-top: 50px;
  width: 400px;
}

/*ARTWORK*/

.chapter{
  width: 85%;
  font-size: 32px;
  box-sizing: content-box;
  border: 2.2px solid black;
  margin-top: 100px;
  margin-bottom: 25%;
}

.conteiner_paragraph{
 width: 60%;
 margin-bottom: 23%;
}

.conteiner_paragraph_end{
  margin-bottom: 0%; important!
}

.paragraph_img{
   width: 100%;
   opacity: 1;
   position: static;
   margin-top: -40%;
}

.paragraph_sketch_img{
  max-height: 80%;
  max-width: 80%;
  opacity: 1;
  position: static;
  margin-top: -40%;
}

.title_2{
  font-size: 35px;
  text-decoration: none;
  color: black;
  opacity: 1;
  text-decoration: underline;
}

.conteiner_paragraph:hover .paragraph_img{
  opacity: 0;
}

.conteiner_paragraph:hover .paragraph_sketch_img{
  opacity: 0;
}


.conteiner_paragraph:hover .title_2{
  opacity: 1;
}


/*///////////////// PIENOVUOTO_HTML /////////////////////*/

.pienovuoto_video{
  margin-top: 2%;
  width: 85%;
}

.frame_img{
  width: 100%;
  margin-top: 2%;
}

#id_freccia_2{
  width: 50px;
  margin-top: 1.2%;
}

/* GENERAL */

#id_container_mood, #id_container_silhouette, #id_container_shooting, #id_container_book{
  margin-top: 50px;
  padding-top: 8px;
}

#id_container_mood{
  margin-top: 6%;
}

.silhouette_title, .mood_title, .shooting_title, .book_title{
  width: 85%;
  box-sizing: content-box;
  border: 2.2px solid black;
  font-size: 32px;
}

.box_sil_img, .box_mood_img, .box_shoot_img, .box_book_img, .box_mood_img{
margin-top: 50px;
}


.sil_img{
  width: 250px;
}

.shoot_img{
  width: 60%;
}

/* MOOD */

.box_mood_img{
  width: 80%;
  margin-top: 0px;
}

.scrolling_mood_img {
  overflow: auto;
  overflow-y: hidden;
  -ms-overflow-y: hidden;
  white-space: nowrap;
  margin-bottom: 30px;
}

.single_box_mood {
  width: 80%;
  margin-left: -5%;
  margin-right: -5%;
  display: inline-block;
  }

.mood_img{
  width: 80%;
}

.divisor_box_mood {
  display: inline-block;
  }

.divisor{
  font-size: 3vw;
  transform: translateY(-460%);
}

.didascalia_moodboard{
font-size: 19px;
}


.artbook_link{
  color: black;
}

/* SILHOUETTE */

.aedi_link{
  font-size: 19px;
  margin-top:-20px;
}

/* BOOK */

.book_img:hover{
  opacity: 0.8;
}

.book_img{
  width: 27%;
}

.book_link{
  margin-top: 200px;
  padding-bottom: 50px;
}

/*///////////////// SKETCH_HTML /////////////////////*/

.sketch_title{
  width: 85%;
  box-sizing: content-box;
  border: 2.2px solid black;
  font-size: 32px;
  margin-top: 20px;
  margin-bottom: 50px;
}

.box_sketch_img_01, .box_sketch_img_02{
  width: 85%;
}

.sketch_img{
 width: 400px;
}

.sketch_img_03, .sketch_img_14{
  margin-bottom: 130px;
}

.sketch_img_25{
  margin-bottom: 70px;
}



.sketch_img_09{
 width: 400px;
}

.sketch_img_21, .sketch_img_20, .sketch_img_19{
width: 300px;
}


/* FOOTER */

.box_footer{
  width: 85%;
  margin-top: 100px;
  box-sizing: content-box;
  border: 2.2px solid black;
}

.text_name_footer, .text_contact_footer{
  font-size: 16px;
}

.box_text_contact_footer{
  margin-left: -30px;
}

.li_contact_footer{
  margin-right: 35px;
}

.li_contact_footer:hover{
  text-decoration: underline;
}

.text_fiscalcode_footer{
  font-size: 14px;
}

/*///////////  MODAL   /////////////////////////////////////////// */

.modal {
z-index:1;
display:none;
padding-top:2%;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background-color:rgba(0,0,0,0.6)
}

.modal-content{
  margin-top:20px;
  margin-left: 33%;
  width: 35%;
}
.modal-content_shooting{
  margin-top:20px;
  margin-left: 18%;
  width: 65%;
}


.modal-hover-opacity {
opacity:1;
filter:alpha(opacity=100);
-webkit-backface-visibility:hidden
}

.modal-hover-opacity:hover {
opacity:0.60;
filter:alpha(opacity=60);
-webkit-backface-visibility:hidden
}

.close{
  display: none;
}

.modal-content, #caption {   
  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
  font-size: 20%px;
}

/*********RESIZE***********************************************************************/
/*********RESIZE***********************************************************************/
/*********RESIZE***********************************************************************/
/*********RESIZE***********************************************************************/


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

.conteiner_open{
  width: 90%;
}

.title{
  font-size: 40px;
  margin-top: 30px;
  opacity: 1;
}

.FD{
  font-size: 20px;
}

#freccia{
transform: scale(0);
}

.box_open_img{
  margin-top: -30px;
}

.open_img{ 
  width: 100%;
}

.conteiner_open:hover .open_img{
opacity: 1;
}

/*CONTACT*/

.list_contact{
  padding-top: 0px;
  font-size: 20px;
  line-height: 1.5;
  margin-top:5%;
}

.box_bio{
  margin-top:30px;
  width: 90%;
}

.text_bio{
  font-size: 15px;
}

.profilo_img{
  margin-top: 30px;
  width: 50%;
}

/*ARTWORK*/

.chapter{
  width: 90%;
  font-size: 25px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.conteiner_paragraph{
 width: 90%;
 margin-top: 10px;
 margin-bottom: 50px;
}

.conteiner_paragraph_end{
  margin-bottom: 0%; important!
}

.paragraph_img{
   width: 100%;
   opacity: 1;
   position: static;
   margin-top: 0%;
}

.paragraph_sketch_img{
  max-height: 70%;
  max-width: 70%;
  opacity: 1;
  position: static;
  margin-top: 0%;
}

.title_2{
  font-size: 15px;
  text-decoration: none;
  color: black;
  opacity: 1;
  text-decoration: underline;
  margin-bottom: 15px;
}

/*///////////////// PIENOVUOTO_HTML /////////////////////*/

.pienovuoto_video{
  width: 95%;
}

#id_freccia_2{
  transform: scale(0);
}

/* GENERAL */

#id_container_silhouette, #id_container_shooting, #id_container_book{
  margin-top: 20px;
  padding-top: 0px;
}

#id_container_mood{
  margin-top: -30px;
}

.silhouette_title, .mood_title, .shooting_title, .book_title{
  width: 90%;
  font-size: 25px;
}

.box_sil_img, .box_mood_img, .box_shoot_img, .box_book_img, .box_mood_img{
margin-top: 20px;
}

.sil_img{
  margin-bottom: 15px;
}

.shoot_img{
  width: 90%;
}

/* MOOD */

.box_mood_img{
  width: 90%;
}

.single_box_mood {
  width: 90%;
  margin-left: -5%;
  margin-right: -5%;
  display: inline-block;
  }

.mood_img{
  width: 80%;
}

.divisor_box_mood {
  display: inline-block;
  }

.divisor{
  font-size: 3.8vw;
  transform: translateY(-460%);
}

.didascalia_moodboard{
font-size: 15px;
}


.artbook_link{
  color: black;
}

/* BOOK */

.book_img{
  width: 70%;
}

.book_link{
  margin-top: 200px;
  padding-bottom: 50px;
}

/*///////////////// SKETCH_HTML /////////////////////*/

.sketch_title{
  width: 90%;
  font-size: 25px;
  margin-bottom: 50px;
}

.box_sketch_img_01, .box_sketch_img_02{
  width: 90%;
}

.sketch_img{
  width: 100%;
}

.sketch_img_03{
  margin-bottom: 0px;
}

.sketch_img_09{
 width: 100%;;
}

/* FOOTER */

.box_footer{
  width: 90%;
  margin-top: 25px;
}

.text_name_footer, .text_contact_footer{
  font-size: 2vw;
}

.box_text_contact_footer{
  margin-left: -40px;
}

.li_contact_footer{
  margin-right: 2%;
}

.text_fiscalcode_footer{
  font-size: 1.5vw;
}


/*///////////  MODAL   /////////////////////////////////////////// */


.modal-content{
  margin-top:80px;
  margin-left: 10%;
  width: 80%;
}


.modal-content_shooting{
  margin-top:25%;
  margin-left: 10%;
  width: 80%;
}