﻿@media screen and (min-width: 1024px)
{
/* oooooooooooooooo stile tablet oooooooooooooooo */




/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE PAGINA
		
OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


div.page-container
{
	width:900px;
	padding-left:15px;
	padding-right:15px;
}
div.wrpsmall
{
	width:70%;
	float:left;
	height:auto;
	margin:0 15%; 
}

div.wrpsmall2
{
	width:90%;
	float:left;
	height:auto;
	margin:0 5%; 
}


/*divisione pagina sidebar*/

div#page-center
{
	width:600px;
	margin:0 50px 0 0;
	margin-bottom:50px;
}


div#page-side
{
	width:250px;
	margin:0 0 0 0;
	margin-bottom:50px;
}



div.page-center2
{
	width:600px;
	margin:0 0px 0 0;
	margin-bottom:50px;
}


div.page-side2
{
	width:250px;
	margin:0 50px 0 0;
	margin-bottom:50px;
}




/*divisione pagina sidebar*/



















/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE GRIGLIA
		
OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


/* grid3 */

div.grid-3-1
{
	width:260px;
	margin-left:30px;
	margin-right:30px;
}
div.grid-3-2
{
	width:260px;
	margin-right:30px;
}
div.grid-3-3
{
	width:260px;
	margin-right:30px;
}
/* grid3 */


/* grid3 big */
div.grid-3
{
	height:auto;
	float:left;

	width:32%;
	margin-right:calc(2%/2);
	margin-bottom:0;
	margin-left:0%;
}
div.grid-3:last-child
{
	margin-right:0;
	margin-bottom:0;
}
/* grid3 big */





/* grid3 centrato */

div.grid-3-center
{
	width:280px;
	margin-right:10px;
	margin-left:10px;
}
/* grid3 centrato */


/* grid2 */

div.grid-2-1
{
	width:420px;
	margin-right:30px;
}
div.grid-2-2
{
	width:420px;
	margin-right:0px;
}
/* grid2 */




/* grid4 */

div.grid-4-1
{
	width:405px;
	margin-left:30px;
	margin-right:30px;
}
div.grid-4-2
{
	width:405px;
	margin-left:0px;
	margin-right:30px;
}
div.grid-4-3
{
	width:405px;
	margin-left:30px;
	margin-right:30px;
}
div.grid-4-4
{
	width:405px;
	margin-left:0px;
	margin-right:30px;
}



div.grid-4
{
	height:auto;
	float:left;
	width:24%;
	margin-right:calc(4%/3);
	margin-bottom:20px;
}
div.grid-4:last-child
{
	margin-right:0;
	margin-bottom:0px;
}

/* grid4 */




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */














/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE LOGO HOME
		
OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


#logo
{

	width:30%;
	text-align:left;
}

#logo img
{

	margin-left:30px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */






/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE MENU
		
OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


div#menu ul li 
{
    margin: 0 20px 0 0 ;
}

div#menu
{
	width:70%;
	height:auto;
	float:left;
	z-index:100;
	display:block;
}
div.menu-mobile-wrp
{
	width:70%;
	height:auto;
	float:left;
	z-index:100;
	display:block;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */






/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE PAGINA CONTAINER
		
OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

h3.title-slider 
{
	color:#fff;
	font-size:30px;
}
p.desc-slider 
{
	color:#fff;
	font-size: 20px;
	font-family: 'EB Garamond', serif;

}
hr.lineslider
{
	color:#fff;
}

hr.lineslider-res
{
	float:right;
	width:20%;
	margin-left:80%;	
}
hr.lineslider-inv
{
	float:left;
	width:20%;
	margin-right:80%;	
}


div.line-tl
{
	background-image:url('../images/sfondi/line-tl.png');
	width:100px;
	height:100px;
}
div.line-tr
{
	background-image:url('../images/sfondi/line-tr.png');
	width:100px;
	height:100px;
}
div.line-bl
{
	background-image:url('../images/sfondi/line-tl.png');
	width:100px;
	height:100px;
	bottom:-100px;
}
div.line-br
{
	background-image:url('../images/sfondi/line-tr.png');
	width:100px;
	height:100px;
	bottom:-100px;
}

div.parallax-bg 
{
background-attachment: fixed!important;
background-size:cover!important;
background-position:center
}


div.parallax-home 
{
margin-bottom:100px;
height:100%;
background:url('https://www.igravity.net/images/foto_home_page_igravity2019.jpg');
background-position:center;
}

div.parallax-advisory 
{
height:auto;
padding:200px 0;
background:url('https://www.igravity.net/images/sfondi/img_advisory2.jpg');
background-position:center;
}





/*home*/
div.logoanimationhome
{
	position:absolute;
	left:50%;
	top:50%;
	height:400px;
	width:400px;
	margin-left:-200px;
	margin-top:-200px;
}


div.logoanimationhome img
{
	width:100%;
	float:left
}




div.desc-page-home
{
	position:absolute;
	right:10%;
	bottom:5%;
	width:20%;
	margin-left:-200px;
	margin-top:-200px;
}

div.desc-page-home p
{
	width:100%;
	float:left;
	text-align:left;
	color:white;
	font-family: 'EB Garamond', serif;

}

div.desc-page-home p span
{
	font-size:35px;
	letter-spacing:15px;
}

div.desc-page-home p span.sottotilone
{
	font-size:20px;
	letter-spacing:0px;
	font-family:txt	
}



/*home */




div.desc-page-research
{
margin: 0;
position: absolute;
width: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}

div.desc-page-research .title-slider
{
 text-align:right
}
div.desc-page-research .desc-slider
{
 text-align:left
}


div.cerchio-extrapagewrp
{
	width:60%;
	padding-left:20%;
	padding-right:20%;
	float:left;
	height:auto;	
}




div.universe-item-img
{
	width:16%;
	margin-right:calc(4%/5);
}
div.universe-item-img:nth-child(2n + 0)
{
	margin-right:calc(4%/5);
}
div.universe-item-img:nth-child(6n + 0)
{
	margin-right:0;
	
}


div.desc-page-impact
{
margin: 0;
position: absolute;
width: 30%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}


div.desc-page-investmentsolution
{
margin: 0;
position: absolute;
width: 30%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}



p.title-investment
{
	width:70%;
	margin:40px 15% 10px 15%;
	font-size:23px;	
	letter-spacing:2px;
	padding-bottom:10px;
	border-bottom: 1px white solid;
}
p.desc-investment
{
	width:70%;
	margin:20px 15% 40px 15%;
	color:#fff;
	font-size:23px;	
}

.investment-info  p.title-investment
{
	width:70%;
	margin:40px 15% 10px 15%;
	text-transform:uppercase;
	font-size:23px;	
	letter-spacing:2px;
	padding-bottom:10px;
	border-bottom: 1px #585857 solid;
}
.investment-info p.desc-investment
{
	color:#585857;
	font-size:18px;	
}


div.desc-page-journal
{
margin: 0;
position: absolute;
width: 30%;
top: 25%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}






/* stile team cartella */




div.journalposts 
{
 width: 30%;
 margin-right:5%;
 float:left;
-webkit-box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
}

div.journalposts:nth-child(3n + 1) 
{
 margin-right:0%;
  		
}
div.journalposts2 
{
 width: 23.5%;
 margin-right:2%;
 float:left;
-webkit-box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
}

div.journalposts2:nth-child(4n + 1) 
{
 margin-right:0%;
  		
}

div.journalposts3
{
 width: 22.8%;
 margin-right:1%;
 margin-left:1%;
 float:left;
 overflow:hidden;
-webkit-box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
}



div.cerchio-home-txt
{
height:160px;
line-height: 16px;
}

p.titolo-cerchio-home-txt
{
border-bottom:1px #585857 solid;
padding-bottom:5px;
margin-bottom:5px
}

div.cerchio-home-txt p span
{
	font-size:20px;
	line-height:20px
}
div.cerchio-extrapage-txt p span
{
	font-size:20px;
	line-height:20px
}





div.side_int 
{
	width:40%;
	float:left;
	height:auto 
}

div.center_int
{
	width:60%;
	float:left;
	height:auto
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */







/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE FOOTER
		
OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */








/* oooooooooooooooo fine stile tablet oooooooooooooooo */	
}
