@charset "UTF-8";
/* CSS Document */

/*INTRO*/
/*container*/
body>div>div:nth-of-type(2){width:100%; height:900px; position:relative; overflow:hidden; background-color:black;}
/*box title*/
body>div>div:nth-of-type(2)>div:nth-of-type(1){width:100%; height:525px; text-align:center; padding-top:250px; box-sizing:border-box; position:absolute; top:0px; left:0px; z-index:2;}
/*h1*/
body>div>div:nth-of-type(2)>div:nth-of-type(1)>h1{color:yellow; text-shadow:0px 0px 5px black;}
/*box paragrafo*/
body>div>div:nth-of-type(2)>div:nth-of-type(2){width:100%; height:auto; padding-right: 8%; padding-left:8%; padding-top:55px; box-sizing: border-box; text-align:center; position:absolute; top:525px; left:0px; z-index:3;}
/*box paragrafo*/
body>div>div:nth-of-type(2)>div:nth-of-type(2)>h2{font-size:1.45em; line-height: 30px;}
/*box icone*/
body>div>div:nth-of-type(2)>div:nth-of-type(3){width:100%; height:100px; text-align:center; padding-top:55px; position:absolute; bottom:60px; left:0px; z-index:3;}
/*ul*/
body>div>div:nth-of-type(2)>div:nth-of-type(3)>ul{width:786px; height:100%; text-align:center; padding:0px; display:inline-block;}
/*li icone*/
body>div>div:nth-of-type(2)>div:nth-of-type(3)>ul>a>li{width:100px; text-align:center; height:100%; float:left; padding-top:42px; box-sizing: border-box; margin-right:37px; background-image:url("/assets/img/iconequadrato.webp"); background-size:contain; background-position: center; background-repeat: no-repeat; transition-duration: 0.75s;}
body>div>div:nth-of-type(2)>div:nth-of-type(3)>ul>a:nth-of-type(1)>li{padding-top:21px;}
body>div>div:nth-of-type(2)>div:nth-of-type(3)>ul>a:nth-of-type(4)>li{padding-top:32px;}
body>div>div:nth-of-type(2)>div:nth-of-type(3)>ul>a:nth-of-type(6)>li{margin-right:0px;}
/*li icone hover*/
body>div>div:nth-of-type(2)>div:nth-of-type(3)>ul>a:hover>li{background-color:yellow; box-shadow: 0px 0px 30px 15px #ffff83; background-image:none; border-radius:15px;}
/*li icone h4*/
body>div>div:nth-of-type(2)>div:nth-of-type(3)>ul>a>li>h4{transition-duration: 0.5s; font-weight:700; text-transform: uppercase; color:grey; line-height:21px; padding:0 0.5em; cursor:pointer;}
/*li icone h4 hover*/
body>div>div:nth-of-type(2)>div:nth-of-type(3)>ul>a:hover>li>h4{color:black;}
/*box video*/
body>div>div:nth-of-type(2)>div:nth-of-type(4){width:100%; height:525px; position:absolute; right:0px;top:0px; z-index:1; overflow:hidden;}
/*video*/
body>div>div:nth-of-type(2)>div:nth-of-type(4)>video{width:100%;}

/*SERVIZI*/
/*container*/
body>div>div:nth-of-type(3){width:100%; height:3820px; box-sizing:border-box; overflow:hidden;}
/*service box*/
body>div>div:nth-of-type(3)>a>div{width:100%; height:650px; padding-top:100px; padding-left:5%; padding-right:5%; box-sizing:border-box;}
/*bg concept and strategy*/
body>div>div:nth-of-type(3)>a:nth-of-type(1)>div{background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(61,61,61,1) 16%, rgba(101,101,101,1) 32%, rgba(134,134,134,1) 50%, rgba(186,186,186,1) 68%, rgba(215,215,215,1) 84%, rgba(241,241,241,1) 100%);}
/*bg branding*/
body>div>div:nth-of-type(3)>a:nth-of-type(2)>div
{background-color:black;}
/*bg design*/
body>div>div:nth-of-type(3)>a:nth-of-type(3)>div{background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(61,61,61,1) 16%, rgba(101,101,101,1) 32%, rgba(134,134,134,1) 50%, rgba(186,186,186,1) 68%, rgba(215,215,215,1) 84%, rgba(241,241,241,1) 100%);}
/*bg eyewear design*/
body>div>div:nth-of-type(3)>a:nth-of-type(4)>div
{background-color:#f1f1f1;}
/*bg photography*/
body>div>div:nth-of-type(3)>a:nth-of-type(5)>div{background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(61,61,61,1) 16%, rgba(101,101,101,1) 32%, rgba(134,134,134,1) 50%, rgba(186,186,186,1) 68%, rgba(215,215,215,1) 84%, rgba(241,241,241,1) 100%);}
/*bg video*/
body>div>div:nth-of-type(3)>a:nth-of-type(6)>div
{background-color:black;}
/*text box*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(1){width:36%; height:100%; box-sizing:border-box;}
body>div>div:nth-of-type(3)>a:nth-of-type(odd)>div>div:nth-of-type(1)
{float:left; text-align:left; padding-left:50px;}
body>div>div:nth-of-type(3)>a:nth-of-type(even)>div>div:nth-of-type(1){float:right; text-align:right; padding-right:50px;}
/*title box*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(1)>div:nth-of-type(1)
{width:100%; height:57px; padding:0px;}
/*title box h2*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(1)>div:nth-of-type(1)>h2
{color:black; font-size:1.65em; letter-spacing:1px;}
body>div>div:nth-of-type(3)>a:nth-of-type(2)>div>div:nth-of-type(1)>div:nth-of-type(1)>h2, body>div>div:nth-of-type(3)>a:nth-of-type(6)>div>div:nth-of-type(1)>div:nth-of-type(1)>h2 {color:white;}
/*paragraph box*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(1)>div:nth-of-type(2)
{width:100%; height:auto; margin-bottom:25px;}
/*paragraph box p*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(1)>div:nth-of-type(2)>p
{font-size:0.9em; font-weight:500; color:black; line-height:19px; }
body>div>div:nth-of-type(3)>a:nth-of-type(2)>div>div:nth-of-type(1)>div:nth-of-type(2)>p, body>div>div:nth-of-type(3)>a:nth-of-type(6)>div>div:nth-of-type(1)>div:nth-of-type(2)>p {color:white;}
/*cit box*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(1)>div:nth-of-type(3)
{width:100%; height:auto;}
/*paragraph box p*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(1)>div:nth-of-type(3)>p
{font-size:1.1em; font-style:italic; font-weight:600; color:yellow; line-height:22px; text-shadow:0px 0px 14px black;}
/*slider box*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2){width:64%; height:100%; box-sizing:border-box; position:relative;}
body>div>div:nth-of-type(3)>a:nth-of-type(odd)>div>div:nth-of-type(2)
{float:right; padding-left:5%;}
body>div>div:nth-of-type(3)>a:nth-of-type(even)>div>div:nth-of-type(2)
{float:left; padding-right:5%;}
/*slider container with input*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div{width:100%; height:420px; overflow:hidden; margin:0px; position:relative; float:right;}
/*input*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>input[type=radio]{height: 1px; width: 1px; opacity: 0;}
/*label*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>label
{display: inline-block; cursor: default; margin-left:-5px; position:absolute; bottom:20px; z-index:888;}
/*span outer*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>label>span
{height: 14px; width: 14px; display: block; float: left; border: 1px solid grey; border-radius: 50%; cursor: pointer; transition: all 0.25s ease-in-out;}
/*span inner*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>label>span>span
{-webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; height:30px; width: 30px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: block; border-radius: 50%; background-color:yellow; opacity: 0; margin-left:-8px; margin-top:-8px; }
/*label hover*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>label:hover>span {border: 1px solid yellow;}
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>label:hover>span>span {-webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 1;}
/*solo slider container*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>div
{width:100%; height:100%; margin-top:-15px;}
/*all slides*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>div>div{height:100%; transition:all .7s ease;}
/*single slide*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>div>div>div{height:100%; float:left; overflow:hidden; text-align:center;}
/*single slide img*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>div>div>div>img{width:100%; height:100%; object-fit:cover;}
/*single slide video*/
body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>div>div>div>video{height:100%; margin:auto;}


/*--animation slide/label*/
#slider-inner1 {width:200%;} 
.slide1{width:50%;}
#first1:checked ~ #slider1 #slider-inner1 {margin-left:0px;}
#second1:checked ~ #slider1 #slider-inner1 {margin-left:-100%;}
#labelfirst1 {left:47%;}
#labelsecond1 {left:53%;}

#slider-inner2 {width:400%;} 
.slide2{width:25%;}
#first2:checked ~ #slider2 #slider-inner2 {margin-left:0px;}
#second2:checked ~ #slider2 #slider-inner2 {margin-left:-100%;}
#third2:checked ~ #slider2 #slider-inner2 {margin-left:-200%;}
#fourth2:checked ~ #slider2 #slider-inner2 {margin-left:-300%;}
#labelfirst2 {left:41%;}
#labelsecond2 {left:47%;}
#labelthird2 {left:53%;}
#labelfourth2 {left:59%;}

#slider-inner3 {width:500%;} 
.slide3{width:20%;}
#first3:checked ~ #slider3 #slider-inner3 {margin-left:0px;}
#second3:checked ~ #slider3 #slider-inner3 {margin-left:-100%;}
#third3:checked ~ #slider3 #slider-inner3 {margin-left:-200%;}
#fourth3:checked ~ #slider3 #slider-inner3 {margin-left:-300%;}
#fifth3:checked ~ #slider3 #slider-inner3 {margin-left:-400%;}
#labelfirst3 {left:38%;}
#labelsecond3 {left:44%;}
#labelthird3 {left:50%;}
#labelfourth3 {left:56%;}
#labelfifth3 {left:62%;}

#slider-inner4 {width:400%;} 
.slide4{width:25%;}
#first4:checked ~ #slider4 #slider-inner4 {margin-left:0px;}
#second4:checked ~ #slider4 #slider-inner4 {margin-left:-100%;}
#third4:checked ~ #slider4 #slider-inner4 {margin-left:-200%;}
#fourth4:checked ~ #slider4 #slider-inner4 {margin-left:-300%;}
#labelfirst4 {left:41%;}
#labelsecond4 {left:47%;}
#labelthird4 {left:53%;}
#labelfourth4 {left:59%;}

#slider-inner5 {width:500%;} 
.slide5{width:20%;}
#first5:checked ~ #slider5 #slider-inner5 {margin-left:0px;}
#second5:checked ~ #slider5 #slider-inner5 {margin-left:-100%;}
#third5:checked ~ #slider5 #slider-inner5 {margin-left:-200%;}
#fourth5:checked ~ #slider5 #slider-inner5 {margin-left:-300%;}
#fifth5:checked ~ #slider5 #slider-inner5 {margin-left:-400%;}
#labelfirst5 {left:38%;}
#labelsecond5 {left:44%;}
#labelthird5 {left:50%;}
#labelfourth5 {left:56%;}
#labelfifth5 {left:62%;}

#slider-inner6 {width:400%;} 
.slide6{width:25%;}
#first6:checked ~ #slider6 #slider-inner6 {margin-left:0px;}
#second6:checked ~ #slider6 #slider-inner6 {margin-left:-100%;}
#third6:checked ~ #slider6 #slider-inner6 {margin-left:-200%;}
#labelfirst6 {left:44%;}
#labelsecond6 {left:50%;}
#labelthird6 {left:56%;}

@media (max-width:600px){
        /*span outer*/
        body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>label>span
        {height: 19px; width: 19px; display: block; float: left; border: 1px solid grey; border-radius: 50%; cursor: pointer; transition: all 0.25s ease-in-out;}
        /*span inner*/
        body>div>div:nth-of-type(3)>a>div>div:nth-of-type(2)>div>label>span>span
        {-webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; height:35px; width: 35px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: block; border-radius: 50%; background-color:yellow; opacity: 0; margin-left:-8px; margin-top:-8px; }
}