/* RESET */
*,*:before,*:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0; 
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
}

h1,h2,h3,h4,p{
    display: block;
	font-size: inherit;
	list-style: none;
}

ul.list{
   margin-left:25px; 
}

p + ul.list{margin-top:-25px}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body{
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
	line-height: 25px;
	color:#777;
	font-weight:400;
}

/* ATOMS */
a{
    color: #0f2b5b;
    transition: .2s;
	outline: 0;
    cursor:pointer;
}

a:hover{
    color: #999;
}

img{
    max-width: 100%;
    height: auto;
    border: 0;
}

p{margin-bottom:25px}
p:last-child{margin-bottom:0}

h1{
	font-size:36px;
	line-height:50px;
	font-weight:300;
	letter-spacing:-1px;
	margin-top: 25px;
	margin-bottom: 25px;
	color:#0f2b5b;
}

h2{
	font-size : 24px;
	line-height: 25px;
	margin-top: 25px;
	margin-bottom: 12px;
	color:#333;
	font-weight:400;
}

h3{

}

/* HELPER */
.t-center{text-align:center}
.t-right{text-align:right}
.t-bold, b{font-weight:600}
.t-underline{text-decoration:underline}
.t-italic, i{font-style:italic}
.t-small{
    font-size:13px;
    line-height:18px;
}
.t-white{color:#fff !important}

.t-gray{color:#999 !important}
.bk-gray{background-color:#999 !important}

.t-black{color:#3C3C3B !important}
.bk-black{background-color:#3C3C3B !important}    

.hidden{display:none !important}
.m-top{margin-top:20px !important}
.m-top-10{margin-top:10px !important}
.relative{position:relative}

/* GRID */
.container {
	margin:auto;
	max-width: 1180px;
    padding:0 20px;
}

.row:before, .row:after,
.container:before, .container:after,
.clear {
	content: "";
	display: table;
	clear: both;
}

.row>*:not(script){
  display:block;
  float:left;
  min-height:1px;
}

.centered{margin:auto}
.right{float:right !important}
.nr{clear:left}

/* ELEMENTS */
header{
	height:400px;
	background:#aaa url('../img/galimberti.jpg?2') center center no-repeat;
	background-size:cover;
	padding-top:50px;
	border-bottom: 15px solid #0f2b5b;
}

div.topbar{
	background:#fff;
}

a.topbar__logo{
	width:277px;
	line-height:0;
}

div.topbar__menu{
	padding-top:22px;
}

div.topbar__menu a{
	text-decoration:none;
	margin-top:13px;
	padding:0 15px;
	border-right:1px solid #0f2b5b;
	font-size:14px;
}

div.topbar__menu a.menu__toggle{
	display:none;
	background:#0f2b5b;
	color:#fff;
}

div.topbar__menu a:last-child{
	padding-right:0;
	border-right:none;
}

div.topbar__menu a:hover{
	text-decoration:underline;
}

div.main__attivita{
	width:25%;
	margin-top:45px;
	background-color: #eee;
	padding:25px
}

div.main__attivita a{
	width:100%;
	margin-bottom:12px;
}

div.main__content{
	width:55%;
	padding:10px 25px 25px 50px
}
	
div.main__banner{
	width:20%;
	margin-top:25px;
	padding:10px 25px 25px 25px
}

.team__photo{
	width:200px;
	border:1px solid #ccc;
	line-height:0;
}

.team__data{
	padding:0 20px;
	width:calc(100% - 200px)
}

.team__data.full-width{
	padding:20px 0;
	width:100%;
}

.team__name{
	color:#222;
	font-size:20px;
	margin-bottom:10px;
}

footer{
	text-align:center;
	padding:50px 25px;
	background-color:#0f2b5b;
	color:#fff;
	margin-top:25px;
	font-size:14px;
}

footer .identity>*{
	display:inline-block;
	padding:0 10px 10px 10px;
}

footer a.ti-linkedin{
	display:inline-block;
	font-size:20px;
	text-decoration:none;
	background:#fff;
	padding:5px;
	border-radius:3px;
	margin:5px;
}

/*  MEDIA QUERIES */

/*  Schermi pił piccoli di 1023px */
@media (max-width: 769px) {
	
	header{
		padding-top:0;
		height:auto;
		min-height:200px;
	}
	
	div.topbar{
		height:auto;
	}	
	
	.topbar .container{
		padding:0;
	}	
	
	a.topbar__logo{
		float: none;
		margin:auto;
	}	
	
	div.topbar__menu{
		width:100%;
		border-top:1px solid #0f2b5b;
		padding-top:0;
	}	
	
	div.topbar__menu a{
		width:100%;
		border-right:none;
		border-bottom:1px solid #fff;
		text-align:center;
		margin:0;
		padding:7px 15px !important;
		background-color:#ccc;
		display:none;
	}
	
	div.topbar__menu a.menu__toggle{
		display:block;
	}
	
	div.main__attivita	{
		width:33.3333%;
		padding: 15px;
		margin-top: 50px;
	}
	
	div.main__content	{
		width:66.6667%;
		padding: 15px;
		padding-left:30px;
	}
	
	div.main__banner{
		width:calc(100% + 50px);
		margin-top:0;
		background-color:#eee;
		text-align:center;
		margin-left:-25px;
		margin-right:-25px;
		line-height: 0;
		padding: 15px
	}		
	div.main__banner a{
		display:inline-block;
		width: 33.3333%;
	}
	
	footer{
		margin-top:0;
	}

	.team__data{
		padding:20px 0;
		width:100%;
	}	
	
}

#map{
	border:7px solid #fff;
	height:400px;
}

@media (max-width: 600px){
	
	.container{padding:0}
	
	div.main__attivita{
		width:100%;
		text-align:center;
		padding-bottom:0;
		margin-top:0;
	}
	
	div.main__content	{
		width:100%;
		padding:0 25px 25px 25px;
	}	
}