/* CSS Document */

/*HEAD*/
/*container*/
body>div>div:nth-of-type(2){width:100%; height:525px; overflow:hidden; position:relative; text-align:center; background-color:black;}
/*gif box*/
body>div>div:nth-of-type(2)>div:nth-of-type(1){width:100%; height:100%; text-align:center;}
/*video box*/
body>div>div:nth-of-type(2)>div:nth-of-type(1)>video{width:100%; margin:auto;}
/*logo box*/
body>div>div:nth-of-type(2)>div:nth-of-type(2){width:270px; height:290px; margin:auto; position:absolute; left:50%; top:220px; margin-left:-135px;}
/*logo img*/
body>div>div:nth-of-type(2)>div:nth-of-type(2)>img{width:100%; height:auto;}

/*INTRO*/
/*container*/
body>div>div:nth-of-type(3){width:100%; height:560px; background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(43,43,43,1) 15%, rgba(74,74,74,1) 31%, rgba(117,117,117,1) 47%, rgba(154,154,154,1) 64%, rgba(204,204,204,1) 85%, rgba(230,230,230,1) 100%); padding-right: 5%; padding-left:5%; padding-top:85px; box-sizing: border-box;}
/*box h1*/
body>div>div:nth-of-type(3)>div:nth-of-type(1){width:100%; height:130px; text-align:center;}
/*box h2*/
body>div>div:nth-of-type(3)>div:nth-of-type(2){width:100%; height:180px; text-align:center; margin:auto; margin-bottom:52px; padding-left:6.8%; padding-right:6.8%; box-sizing:border-box}
/*h2*/
body>div>div:nth-of-type(3)>div:nth-of-type(2)>h2{font-style:italic; margin-bottom:60px;}
/*box button*/
body>div>div:nth-of-type(3)>div:nth-of-type(3){width:400px; height:auto; text-align:center; margin:auto;}
/*box button up*/
body>div>div:nth-of-type(3)>div:nth-of-type(3)>ul{width:auto; height:37px; text-align: center; margin:auto; display:inline-block;}
/*box button up div dentro*/
body>div>div:nth-of-type(3)>div:nth-of-type(3)>ul>li
{width:auto; padding-right:13px; padding-left:13px; text-align:center; float:left; display:inline-block;}
/*box button up div dentro h5*/
body>div>div:nth-of-type(3)>div:nth-of-type(3)>ul>li>h5
{text-transform:uppercase;}
/*box button down*/
body>div>div:nth-of-type(3)>div:nth-of-type(3)>div {width:100%; height:auto; background-color:yellow; padding:10px; box-sizing:border-box; border-radius:8px; box-shadow: 0px 0px 20px #565656; display:none;}
/*button p*/
body>div>div:nth-of-type(3)>div:nth-of-type(3)>div>p{font-size:0.75em; color:black; letter-spacing: 2px; font-weight:600;}

/*LATEST PROJECTS*/
/*container*/
body>div>div:nth-of-type(4){width:100%; height:1150px; background-color:#eeeeee; padding-top:75px; padding-left:5%; padding-right:5%; padding-bottom:50px; box-sizing:border-box; text-align:center;}
/*h2*/
body>div>div:nth-of-type(4)>h2{color:black; margin-bottom:75px; text-shadow: 0px 0px 22px #8A8A8A;}
/*box articoli*/
body>div>div:nth-of-type(4)>div{width:31%; height:280px; margin-right:3.5%; float:left; overflow:hidden; margin-bottom: 30px; background-size: cover; background-position: center; position:relative;}
body>div>div:nth-of-type(4)>div>img{display:none;}
/*no margin*/
body>div>div:nth-of-type(4)>div:nth-of-type(3),
body>div>div:nth-of-type(4)>div:nth-of-type(6),
body>div>div:nth-of-type(4)>div:nth-of-type(9),
body>div>div:nth-of-type(4)>div:nth-of-type(12) {margin-right:0%;}
/*box dentro*/
body>div>div:nth-of-type(4)>div>div{width:100%; height:100%;}
/*box nero*/
body>div>div:nth-of-type(4)>div>div>div:nth-of-type(1){opacity:.0; background-color:black; width:100%; height:100%; transition-duration: 0.6s;}
/*box testo*/
body>div>div:nth-of-type(4)>div>div>div:nth-of-type(2){width:100%; height:auto; position:absolute; top:40%; left:0%; text-align:left; padding-left:5%; padding-right:5%; box-sizing:border-box; opacity:.0; transition-duration: 0.6s;}
/*box testo p*/
body>div>div:nth-of-type(4)>div>div>div:nth-of-type(2)>p{font-size:1em; font-weight:500; color:yellow; letter-spacing:2px; text-transform:uppercase; text-shadow: 0px 0px 1px black; line-height:23px; margin-top:8px;}
/*box dentro hover*/
body>div>div:nth-of-type(4)>div>div:hover>div:nth-of-type(1){opacity:.8;}
body>div>div:nth-of-type(4)>div>div:hover>div:nth-of-type(2){opacity:1;}