@charset "utf-8";
/* CSS Document */
/* Curious OnePage HTML Parallax Portfolio Template for agency, studio, personal use and for everyone*/

/* Curious OnePage HTML Parallax Portfolio Template*/
/* Stylesheet codes included for pages */
/* index_image.html */
/* index_video.html */
/* All codes rights reserved by Curious OnePage Portfolio Template */ 

/************************************************************************************** Body *************************************************************************************/
body{
	margin:0px;
	overflow-x:hidden;
}

p {text-align: justify;}
/************************************************************************************** Body *************************************************************************************/

/************************************************************************************ Loader *************************************************************************************/
#loader{
  width:100vw;
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  z-index:15;
  background:rgba(255,255,255,1);
  overflow: hidden;
}
#loader > .loading{
  width:100px;
  height:100px;
  position:relative;
  border-radius:50%;
  overflow:hidden;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
#loader > .loading:before{
  content:'';
  width:100px;
  height:100px;
  background:black;
  position:absolute;
  border-radius:50%;
  animation:sc 2s linear infinite;
}
#loader > .loading:after{
  content:'';
  width:100px;
  height:100px;
  background:orange;
  position:absolute;
  border-radius:50%;
  animation:sc 2s linear infinite 0.5s;
  opacity:0;
}
@keyframes sc{
  from{
    transform:scale(0);
    opacity:1;
  }
  to{
    transform:scale(1);
    opacity:0;
  }
}
/************************************************************************************ Loader *************************************************************************************/
/************************************************************************************ Header *************************************************************************************/
#header{
  width:100vw;
  height:90px;
  overflow:hidden;
  position:fixed;
  top:0;
  left:0;
  z-index:9;
  background:transparent;
}
#header > .wrapperMenu{
	width:90%;
	height:100%;
	margin:auto;
}
#header > .wrapperMenu > .logo{
	width:16%;
	overflow:hidden;
	float:left;
}
#header > .wrapperMenu > .logo > a{
	text-decoration:none;
}
#header > .wrapperMenu > .logo > a > img{
	width:100%;
	min-height:100%;
	position:relative;
	top:8px;
	left:-30px;
}
#header > .wrapperMenu > .menu{
	width:60%;
	height:100%;
	float:right;
	overflow:hidden;
}
#header > .wrapperMenu > .menu > ul{
	width:100%;
	height:100%;
	padding:25px 0px;
}
#header > .wrapperMenu > .menu > ul > li{
	list-style-type:none;
	padding:0px 19px;
	display:inline-block;
}
#header > .wrapperMenu > .menu > ul > li > a{
	font-family:"Raleway",sans-serif;
	font-size:15px;
	color:rgba(255,255,255,1);
	text-decoration:none;
	font-weight:600;
	letter-spacing:1px;
	text-transform: capitalize;
}
#header > .wrapperMenu > .menu > ul > li > a > i{
	color:rgba(241,207,29,1) /*rgba(255,255,25,1)*/;
}
#header > .wrapperMenu > .menu > ul > li > a.actv{
	color:rgba(241,207,29,1) /*rgba(255,255,25,1)*/;
}
/************************************************************************************ Header *************************************************************************************/

/******************************************************************************** Mobile Header **********************************************************************************/
#mobilemenu.mobile-menu-show {
	/*height: 100% !important;*/
	overflow: visibile;
}

#mobilemenu{
	width:100%;
	height:80px;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	background:transparent;
	z-index:9;
	display:none;
}
#mobilemenu > .mlogo{
	width:15%;
	height:100%;
	display:inline-block;
	overflow:hidden;
}
#mobilemenu > .mlogo > img{
	width:100%;
	min-height:100%;
}
#mobilemenu > .burgermenu{
	width:auto;
	height:100%;
	padding:10px;
	position:absolute;
	overflow:hidden;
	right:30px;
	top:10px;
}
#mobilemenu > .burgermenu > span{
	width:35px;
	height:2px;
	display:block;
	margin:10px 0px;
	background:rgba(250,250,250,0.95);
}
.menu_links{
	width:100%;
	height:100%;
	position:fixed;
	top:-100%;
	left:0;
	background:rgba(250,250,250,0.99);	
	text-align:center;
	transition:0.4s linear;
	overflow:hidden;
	z-index:10;
}
.menu_links > span{
	position:absolute;
	right:30px;
	top:20px;
	font-family:"Lato",sans-serif;
	color:rgba(16,16,16,1);
}
.menu_links > ul{
	margin:0px;
	width:100%;
	height:100%;
	padding:calc(100vh - 90vh) 0px;
}
.menu_links > ul > li{
	list-style-type:none;
	display:block;
	padding-top:calc(100vh - 95vh);
	font-family:"Raleway",sans-serif;
	font-size:18px;
	color:rgba(16,16,16,1);
	opacity:0;
	transition:opacity 2s ease;
}
/******************************************************************************** Mobile Header **********************************************************************************/

/************************************************************************************ Home ***************************************************************************************/
#home{
	width:100vw;
	height:100vh;
	overflow:hidden;
	position:relative;
	background-image: url('admin/images/img_sfondo.jpg');
        background-size: cover;
}
#home > img{
	width:100%;
	min-height:100%;
	opacity:0.7;
}
#home > .logo_sre{
	width:25%;
	height:auto;
	position:absolute;
	top:calc(100vh - 70%); /* Top 30% */
	left:calc(100% - 63%); /* Left 10% */
	padding-top: 60px;
	z-index:6;
        background-color:rgba(255,255,255,0.3);
}
#home > .logo_sre > h1{
	margin:0px;
	font-family:"Lato",sans-serif;
	font-size:72px;
	color:rgba(245,245,245,1);
	line-height:80px;
}
#home > .logo_sre > h1.yellow{
	color:rgba(241,207,29,1);
}

#home > .logo_sre > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .logo_sre > a{
	text-decoration:none;
	display:inline-block;
}
#home > .logo_sre > a > .readmore{
	display:inline-block;
	width:145px;
	height:53px;
	vertical-align:top;
	margin-left:5px;
	background:rgba(17,138,178,0.6);
	transition:0.5s ease;
}
#home > .logo_sre > a > .readmore:hover{
	background:rgba(17,138,178,0.8);
}
#home > .logo_sre > a > .readmore > span{
	display:block;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	color:rgba(245,245,245,1);
	text-align:center;
	line-height:55px;
}
#home > .logo_sre > a > .buynow{
	display:inline-block;
	width:145px;
	height:53px;
	margin-left:30px;
	background:rgba(255,22,84,0.6);
	vertical-align:top;
	transition:0.5s ease;
}
#home > .logo_sre > a > .buynow:hover{
	background:rgba(255,22,84,0.8);
}
#home > .logo_sre > a > .buynow > span{
	display:block;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	color:rgba(245,245,245,1);
	text-align:center;
	line-height:55px;
}
/************************************************************************************ Home ***************************************************************************************/

/********************************************************************************* Ricavi ***************************************************************************************/
.wrapperRicavi{
    background-color:#FFFFFF; 
    color:#000000; 
    padding-left:30px;
    padding-top: 1px;
    font-family:"Lato",sans-serif;
    width: 100%;
    height: auto;
    margin-top: 91px;
    position: relative;
    
}

/********************************************************************************* Footer ****************************************************************************************/
#footer{
	width:100vw;
	height:153px;
	background:rgba(32,32,32,1);
	overflow:hidden;
	position:relative;
	font-size:0;
	padding:20px 0px 0px 0px;
}
#footer > .footer_heading{
	width:96%;
	height:100%;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
}
#footer > .footer_heading > h1{
	margin:0px 0px 15px 0px;
	color:rgba(245,245,245,1);
	font-size:24px;
	font-family:"Lato",sans-serif;
	padding-left:33px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	background:rgba(255,235,59,1);
	border-radius:50%;
	display:inline-block;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	margin:0px;
	color:rgba(132,132,132,1);
	font-size:16px;
	font-family:"Lato",serif;
	line-height:24px;
	padding:0px 30px 0px 33px;
        width: 52%;
}
#footer > .footer_heading > p:nth-child(2){
	margin-bottom:10px;
}
#footer > .footer_heading > div{
	margin:0px;
	top:-104px;
        float: right;
	position: relative;
}
#footer > .copyright{
	width:100%;
	height:32px;
	overflow:hidden;
	background:rgba(38,38,38,1);
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	text-align:left;
        padding-left: 34px;
        padding-top: 14px;
}
#footer > .copyright > span{
	display:block;
	font-family:"Merriweather",serif;
	font-size:13px;
	color:rgba(122,122,122,1);
	padding-top:0px;
}
/********************************************************************************* Footer ****************************************************************************************/

/***************************************************************************** Footer Button *************************************************************************************/
#click_top{
	position:fixed;
	width:38px;
	height:38px;
	border-radius:50%;
	background:rgba(1,1,1,0.6);
	bottom:15px;
	right:15px;
	opacity:0;
	z-index:5;
	transition:0.4s ease;
	cursor:pointer;
}
#click_top > .fa{
	color:rgba(225,225,25,0.8);
	font-size:20px;
	text-align:center;
	display:block;
	line-height:38px;
	transition:0.5s ease;
}
#click_top > .fa:hover{
	color:rgba(225,225,25,1);
}
/***************************************************************************** Footer Button *************************************************************************************/