/* Theme Name: Mstudio 2016 */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700);
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
textarea{resize : none;}
a:active, a:link, a:visited { outline: none !important;}
a:focus, a:link, a:visited {-moz-outline-style: none !important;}
a, a:hover {text-decoration : none !important;}
table {border-collapse: collapse; border-spacing: 0;}
body, a, input, textarea, label {
    font-family:  'Source Sans Pro', Arial, Helvetica, sans-serif; 
    color : #58595b;
    line-height : 110%;
	font-size:14px;
	font-weight:300;	
}
img, fieldset, input, textarea {border : 0px;}
a *{cursor : pointer !important;}
*	{-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; }
* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.biginvisible{ display:none !important;}
h1,h2,h3,h4,h5{display : block; font-weight : normal;}
.clearer{
    display:block !important;
    height: 0px !important;
    width: 0px !important;
    clear: both !important;
    float: none !important;
}
.left{float: left;}
.right{float: right;}
strong {font-weight:700;}
/* = Main Rules */
header{position:fixed; width:100%; z-index:20; background-color:#FFF;}
header{ padding-top:20px;
		 min-height:110px;  
		 height:110px; 
		-webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
header.smaller{padding-top:0px; min-height:85px; height:85px; }
.container{
    margin: 0px auto;
    max-width: 1232px;
    padding: 0px 0px 0px 20px;
    position: relative;
}
.logo{height: 32px; margin-top: 10px; float: left;}
.logoWrap{width: 100%;}
/* = Menu Principale */
#navigation{min-height: 32px;margin-top:53px; float:right; margin-right:10px }
.menu li{float: left; border-right: 1px solid #BCBEC0; }
.menu a{padding: 6px 10px; display: block;color: #BCBEC0; font-weight:400;}
.menu a.active{ color:#58595b;font-weight:400;}
.menu li:first-child a{padding-left: 5px;font-weight:400;}
.menu li.last{border: 0px;}
.menu a:hover{color:  #58595b;font-weight:400;}
.menu a.active:hover{color:#58595b;font-weight:400;}
/*.menu li.contact{ padding-right:10px;}*/
.menu li.ico{
    width:30px;
	height:32px;
	text-align:center;
	cursor:pointer;margin-right:15px;
}
.menu a.social svg{
	display:block;
	float:left;
	margin-top:-10px;
	margin-right:15px;
	 	
}

	 /* hp */
#home .boxes .container{ max-width: 100% !important;}
#sectionContent{background: #fff;padding: 80px 0px 55px 0px;}
#sectionDescription{background: #fff;padding: 80px 0px 55px 0px;}
#sectionArchive{background: #fff;padding: 70px 0px 55px 0px;}
#sectionProject {padding: 0px !important;}
#sectionProject .boxes{ margin-top:34px !important;}

/* = Disposizione a blocchi */
.boxes{margin-top:60px;}
.box{width:290px; /*24%*/
		height:192px; 
		margin-right:16px;
		margin-bottom:16px;
		float: left;
		display:block;
		overflow:hidden;
}
.box-title{display:none;}
.box-title{
	width:100%;
	height:193px;
	padding: 10px 0px 6px 10px;
    background-color:rgba(190,30,45,0.8);
    color: #fff;
	z-index:10;	
	position: relative;
	top:-193px;	
}
.box-title span{padding: 0px 10px;display: block;z-index:11; font-weight:400;}
.box-title span a{color: #fff;}
.box-title span a:hover{color: #000;}
.box img{width: 100%; display: block;z-index:9;}
.box:hover span.box-title {
    display: block;
}
span.box-title span {
	position:absolute;
	bottom:20px;
}
/* About us*/
p.bigest{ font-size:30px; line-height:40px; color:#BE1E2D;}
h3.service{ font-size:14px; line-height:28px; color:#BE1E2D; border-bottom:1px solid #58595b; font-weight:700;}
.boxettino{ font-size:14px; line-height:18px;}
.boxettino{ float:left; width:24%; margin-right:1%; padding-top:10px}
.boxettino a:hover{ color:#BE1E2D;}
p.contact{ font-size:18px; line-height:26px;}
p.contact a{ font-size:18px; line-height:26px;}
p.contact a:hover{color:#BE1E2D;}
.red{color:#BE1E2D;}
/* = Pagina contenuti */

.work{width:48.8%; 
		height:auto;
		margin-right:16px;
		margin-bottom:10px;
		float: left;
		display:block;
}
.work.unterzo{width:32.2%;}
.work.ter{display: inline !important; max-height:802px; overflow:hidden;}
.work.quater{display: inline !important; margin-top:4px;}
.work.for{display: inline !important; width:23.8%;}
.work img,.workbig img,.work-little img{width: 100%; display: block;}
.workbig{width:99%; 
		height:auto; 
		margin-bottom:16px;
		float: left;
		display:block;
}
.work.last{margin-right:0px !important;}
.work-little{width:23.7%; 
		height:auto;
		margin-right:16px;
		margin-bottom:10px;
		float: left;
		display:block;
}
.work-little.last{margin-right:0px !important;}
.work h2{border:1px solid #58595b;
border-left:none;
border-right:none;
		color:#BE1E2D;
		font-weight:bold;
		padding:6px 0px;
		line-height:120%;}
.work h2 a{
		color:#BE1E2D;
		font-weight:bold;
		line-height:120%;
		}	
.work h2 span{
	display:block;
		font-weight:normal;}


#sectionProject p{
    padding: 14px 0 18px 0;
	line-height:135%;
	border-bottom:1px solid #58595b;
}
.goto{
    padding:0;
	font-weight:700;
	color: #818285;
	
}
.goto a{
	font-weight:700;
	color: #818285;
	
}
.goto a:hover{
	color: #BE1E2D;	
}
.archive .container {
    max-width: 100% !important;
	padding-right:10px;
}
.archive h2{ width:100%;
border-top:1px solid #58595b;
    padding: 10px 0 15px 0;
	font-weight:normal;
	color: #231f20;
	text-transform:uppercase;}
.archive.sub{position:absolute; bottom:0px;width: 100% !important;}
.expand-menu{ display:none} 
.expand-menu{ width:25px; height:25px; text-indent:-99999px; float:right; clear:right;
margin-top:18px; margin-right:20px; background: url(../images/menu.gif) no-repeat top right; cursor:pointer}
/* footer copy */
.copy{ font-size:90%; padding:8px 0;} 
/* list */
#list{margin-top:60px;}
#basic-accordian{width:100%;}
#basic-accordian a{
	display: block;
	color: #666666;
	background-color:#CCC;
}
#basic-accordian span{
	display: block;
	color: #666666;
	padding: 2px 0 2px 5px ; 
	border-bottom: 1px solid #666666;
}
#basic-accordian  a:hover
{	background-color:#BE1E2D;
	color:#FFF;
}
.accordion_headings{	
	margin:0 0 0 0;
	padding:0;
}
.accordion_child{background:transparent;}
#basic-accordian ul{list-style-type: none;}
#basic-accordian li{line-height: 16px;}
#pager {
	display:inline;
	font-size:10px;	
}
.link{ 
	background:url(../images/link-grey.svg) 0 3px no-repeat;
	background-size:14px 14px;
	padding-left:20px; 
	margin-top:15px;
}
.link:hover{
	color:#BE1E2D; 
	background-image:url(../images/link-red.svg)
}