/* giuslavoristimilano.it - bolognesi.legal - Studio Legale Bolognesi Avvocati Giuslavoristi Milano */
/* Main CSS for home page */



@charset "UTF-8";

.if_bigger_than_640 { display:inline;}
.if_smaller_than_640 { display:none;}
@media screen and (max-width: 640px) {
	.if_bigger_than_640 { display:none;}
	.if_smaller_than_640 { display:inline;}
}
.if_bigger_than_320 { display:inline;}
.if_smaller_than_320 { display:none;}
@media screen and (max-width: 320px) {
	.if_bigger_than_320 { display:none;}
	.if_smaller_than_320 { display:inline;}
}
.if_bigger_than_400 { display:inline;}
.if_smaller_than_400 { display:none;}
@media screen and (max-width: 400px) {
	.if_bigger_than_400 { display:none;}
	.if_smaller_than_400 { display:inline;}
}



a[href^="tel"] {
  color: inherit;
  color: #000;
  text-decoration: none; /* Remove underline. */
}


ul {
		list-style:square outside;
		margin:.5em 0 .5em 0;
	}

html {
	height:100%;
	font-size:1em;
	font-family: "default-font",Arial,Helvetica,sans-serif,sans;
	
	text-transform: none;

	color:#333;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-align:justify;
	x-ms-format-detection:none;
}


html,body {
	margin:0;
	padding:0;
	position:relative;
	min-height:100%;
	background-color:#fff;
	/* background:#ddd; */
}
img {
	-ms-interpolation-mode: bicubic;
	interpolation-mode: bicubic;
	border: 0;
}


b,strong {color:#222;font-family:"default-font",Arial,Helvetica,sans-serif,sans;font-weight: bold;}

.clear {clear:both;}
.all {
	min-width:180px;
	margin:0 auto 0 auto;
	padding:0 0 100px 0;
	position:relative;
	/** /border-left:1px solid #ccc; /**/
	/** /border-right:1px solid #ccc; /**/
	/** /border-bottom:1px solid #ccc; /**/
	/** /box-shadow: 0 0 50px 50px #ccc;/**/
	background-color:#fff;
}

a {color:#777;}

.keepTogether {
	white-space:nowrap;
}


/* Logo */

.error {
	clear: both;
	padding: 300px 100px 100px 100px;
	text-align: center;
}

.header-cont {
	margin:0 0 0 0;
	z-index:1000;
	left:0;
	right:0;
	top:0;
	height:230px;
	margin:0 auto 0 auto;
	transition:all .5s ease-in;
	position:fixed;
}

.header {
	height:120px;
	margin:0 auto 0 auto;
	transition:all 2s ease-in;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here - hack hack hack! */
	.header {
		position:absolute;
	}
}

.header-cont.small {
	height:100px;
	box-shadow: 0 3px 10px rgba(0,0,0,.3);
	background:#fff;
	transition:all 0.5s ease-out;
}

.header.small {
	height:100px;
	transition:all 0.5s ease-out;
}




#logo {
	display:block;
	position:absolute;
	left:0;
	right:0;
	transition: all 1s ease-in-out,width 1s ease-in-out,margin 1s ease-in-out;
}
.header.small #logo img {
	transition: all 0.5s ease-out,width 0.5s ease-out,margin 0.5s ease-out;
}
#logo img {
	display:block;
	width:65%;
	margin:110px auto 0 auto;
	transition: all 1s ease-in-out,width 1s ease-in-out,margin 1s ease-in-out;
}

.header.small #logo img {
	width:auto;
	width:416px;
	margin:26px auto 0 auto;
	transition: all 0.5s ease-out,width 0.5s ease-out,margin 0.5s ease-out;
}

#languagechooser {
	float:left;
	text-transform:none;
	margin-left:24px;
	color:#ccc;
	margin-top:35px;
	line-height:24px;
	text-transform:uppercase;

	transition opacity 5s;
	opacity:1;
	position:relative;
	z-index:100;
	
	font-family: "title-font",Arial,Helvetica,sans-serif,sans;

	display:block;
	transition: margin-top 1s ease-in-out,margin-left 1s ease-in-out;
}

@media screen and (max-width:600px) {
	#logo {
		max-width:auto;
	}
	#logo img {
		max-width:100%;
		width:90%;
		margin:56px auto 0 auto;
	}
}
@media screen and (max-width:500px) {
	.header.small #logo {
	}
	.header.small #logo img {
		width:calc(100% - 90px);
	}
	/*.language-sep {display:none}*/
	.languageitem {}
	#languagechooser {margin:10px}
}


.header.small #languagechooser {
	opacity:0;
	display:none;
}

.languageitem {
	color:#000;
	text-decoration: none;;
}
.languageitem_sel {
	text-decoration:none;
	color:#777;
}
.language-sep {
	color:#777;
	margin:.5em;
}
/* Menu */

@media screen and (max-width: 640px) {
	#languagechooser {
		font-size:80%;
	}
}

.menu {
	/*
	font-family:menu-font,arial light,helvetica light,helvetica thin,helvetica neue light,helvetica neue thin,arial,helvetica,sans;
	font-weight:300;
	 */

	text-align:right;
	/** /border:1px solid blue; /**/
	line-height:1em;
	/* text-transform:uppercase; */ 
	
}
.menuicon img {
	height:20px;
	vertical-align:top;
}
.menuicon {
	line-height:0;
	float:right;
	display:block;
	text-decoration: none;
	color:#999;
	text-align:right;
	vertical-align: baseline;
	padding:24px;
	margin-top:14px;
	margin-right:0;

	position:relative;
	transition: all 1s ease-in-out;
	position:relative;
	right:-0px;
}
.menuicon.open {
	background:#ccc;
}
.menuicon:hover {
	background:#eee;
	background:rgba(230,230,230,.7);
}

.menulistcontainer {
	/** / background:#e6e0ed; /**/ /* = 25%, #cec1dc = 50%*/
	color:#999;
	position:relative;
}
.menulistcontainer2 {
	font-family:menu-font,arial light,helvetica light,helvetica thin,helvetica neue light,helvetica neue thin,arial,helvetica,sans;
	font-weight:normal;
	font-size: 75%;
	text-align:center;
	background:#ccc;
	text-align:center;
}

.header.small .menuicon {
}



.menulist {
	padding:10px;
	text-indent:0;
	margin:0 0 0 0;
	/** / display:none;	height:0; /**/
	/** /border:1px solid red; /**/
	background:#ddd;
	text-align:right;
	float:right;
	position:absolute;
	right:-0px;
	top:82px;
	z-index:100;
	transition: top 1s ease-in-out;
}

.header.small .menulist {
	top:82px;
}


@media screen and (max-width: 1040px) {
	.menuicon, header.small .menuicon {right:0;	padding:14px;margin-top:10px;}
	.menulist {
		top:72px;
	}

	.header.small .menulist {
		top:72px;
	}
	#languagechooser {
		margin-left:14px;
		margin-top:22px;
	}
}
@media screen and (max-width: 460px) {
	.menuicon, header.small .menuicon {margin-top:5px;}
	.menuicon. {
		right:0;
 	}
	.menuicon img {
		height:15px;
	}
	.menulist {
		top:67px;
	}

	.header.small .menulist {
		top:67px;
	}

	#languagechooser {
		margin-left:14px;
		margin-top:15px;
	}
	.header-cont.small {
		// height:80px;
	}
}



.menulist li {
	text-indent:0;
	display:inline;
	display:inline-block;
	text-align:left;
	vertical-align:middle;
	display:block;
}
.menulist2 {

	padding:4px;
	text-indent:0;
	margin:0 0 0 0;
	
}
.menulist2 li {
	text-indent:0;
	display:inline;
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}
.menulist2 li a,.menulist li a:visited{
	display:block;
	text-decoration: none;
	color:#555;
	padding:0 0 0 0;
	margin:0 5px;
}



.menulist li a,.menulist li a:visited{
	display:block;
	text-decoration: none;
	color:#000;
	padding:8px 0 10px 0;
	margin:0 10px;
	transition:color .2s,border-bottom 2s;
}
.menulist li a:hover{
}
.menulist li a.menuvoice_sel,.menulist li a.menuvoice_sel:visited {
	color:#000;
}

.menulist li a.active,.menulist li a.active:visited {
	color:#bbb;
}


.menulist:hover li a,.menulist:hover li a:visited{
	color:#aaa;
}
.menulist:hover li a:hover,.menulist:hover li a:visited:hover{
	color:#000;
}


	.menuicon {
		margin-right:0;
	}
	.menulist li {
	}
	.menulistcontainer {
	}
	.menulist li a:hover{
	}
	.menulist li a.menuvoice_sel,.menulist li a.menuvoice_sel:visited {
		color:#777;
	}
	
	
@media screen and (max-width: 1040px) {
	.menulist {right:0;}

}
@media screen and (max-width: 460px) {

	.menulist {
		position:absolute;
		right:0;
		z-index:100;
	}

	.header.small .menulist {
	}
	
}
@media screen and (max-width: 320px) {}

/* Carousel */




.pagecontent-body.content_cont .container-for-area-infos {
display: flex;
}

.pagecontent-body.content_cont .container-for-area-infos .area-info {
display: flex;
}


.page-splash-below {
	margin: 60px auto 0px auto;
}
.page-splash-below.content_cont {
	height:auto;
	/* margin-bottom:40px; */
}

.page-splash-below.is_home {
	height:500px;
}

.page-splash-below img {
}

.page-splash-below img.flip {
  float: right;
}




.page-splash {
	overflow:hidden;
	position:relative;
}
.page-splash.is_home {
	max-height:none;
}
.page-splash-below {
	margin: 60px auto 0px auto;
	max-width:90%;
	margin-top:50px;
}
.pagecontent.content_pro .page-splash-below {
	margin-top:-5px;
}



.page-splash-below.is_home {
	margin-top:0;
}
.page-splash-below.is_home {

}

.page-splash-image,.page-more-image {
	width:100%;
	display:block;
}
.page-more-image1 {
	vertical-align:bottom;
}


.pagecontent {
}

.pagecontentcontainer {
	margin: 60px auto;
	max-width:90%;
}

.pagecontent.is_home .pagecontentcontainer {
	margin: 0 auto;
	max-width:100%;
}


.pagecontentcontainer.content_areas {
	margin: 60px auto;
}

.pagecontentcontainer.content_cont {
	margin: 10px auto;
}

.pagecontentcontainer.content_pro {
	max-width:100%;
	margin: 20px auto;
}


.pagecontentcontainer.content_boxes {
	max-width:100%;
	margin: 20px auto;
}

.pagecontentcontainer.content_boxes .more-opener {
	margin:auto;
	display: block;
	width: 6em;
	background-color: #eee;
	border: 1px solid #ccc;
}


.pagecontent-title {
	margin: 0px 0 40px 0;
	color:#777;
	font-weight:normal;
	color:#000;
	float:none;
	box-sizing: border-box;
	padding:20px 40px;
	text-align: center;
	font-size:200%;
	text-transform:uppercase;
}
.pagecontent-title .main-title {
	color:#333; /*:#595959 */
	display:block;
	line-height:1em;
	font-weight:normal;
	text-justify: none;
}
.pagecontent-title .real-title {
	color:#333;
	display:inline;
	display:inline-block;
	line-height:1em;
	font-weight:normal;
	text-justify: none;
}
.pagecontent-title .only-title {
	// color:#333;
	display:inline;
	display:inline-block;
	line-height:1em;
	font-weight:normal;
	text-justify: none;
}
.pagecontent-title.is_home {
	display:none;
}
.pagecontent-title.content_pro {
	/* display:none; */
	margin-bottom: 0;
}
.pagecontent-body {
	box-sizing: border-box;
/*
	padding:0 20px;
*/
}
.pagecontent-body.content_pro {
	width:auto;
	float:none;
	border-left:none;
	padding-left:0;
}
/*
.pagecontent-title {
	margin: 0 0;
	padding:0 20px;
}
*/


@media screen and (max-width: 640px) {
	.pagecontent-title {
		font-size:150%;
	}
	.pagecontent-body {
		font-size:83.333%;
	}
}
@media screen and (max-width: 320px) {
.pagecontent-body.content_cont {
	text-justify: none;
}
	.pagecontent-title .main-title {
		font-size:120%;
	}
	.pagecontent-title .real-title {
		font-size:120%;
	}
	.pagecontent-title .only-title {
		font-size:120%;
	}
	.pagecontent-body {
		font-size:75%;
	}
}



.pagecontent-sons {margin-top:0;margin-bottom:0;text-align:center;}
.page-son-link {display:inline;display:inline-block;margin:0 40px;}
.page-son-link img{}
.page-son-title {}
.page-son-abstract {}





.pagecontent-sons-sep {
	margin-top:20px;
}

.pagecontent-end-sep {
	line-height:100px;
	min-height:100px;
	margin: 80px auto;
	
	margin-top:20px;
	margin-bottom:20px;
}
.pagecontent-end-sep.is_home {
	min-height:0px;
	display:none;
}

@media screen and (max-width: 640px) {

	.pagecontent-end-sep {
		line-height: 64px;
		min-height: 64px;

		margin-top: 10px;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 320px) {

	.pagecontent-end-sep {
		line-height: 14px; /*+footer padding*/
		min-height: 14px;

		margin-top: 0;
		margin-bottom: 0;
	}
}

.social-shares {
	margin-top:40px;
	margin-bottom:40px;
}

.social-facebook-link {

	display: inline;
	display:inline-block;
	vertical-align:middle;
	background:url(../img/social_icons_m.png);
	width:30px;
	height:30px;
	text-indent: -9999px;

	background-position:-0px -68px;
}



.social {
	display: inline;
	display:inline-block;
	vertical-align:middle;
	background:url(../img/social_icons_m.png);
	width:30px;
	height:30px;
	text-indent: -9999px;
}
.social-shares-right {
	float:right;
	text-transform:none;
}
@media screen and (max-width: 640px) {
	.social-shares {
		margin-top:0px;
	}
	.social-shares-right {
		float:none;
		text-align:center;
	}
}

.social-shares-block {white-space:nowrap;}

/* ALL SOCIALS */
.social-facebook {
	background-position:-0px -0px;
}
.social-linkedin {
	background-position:-34px -0px;
}
.social-twitter {
	background-position:-68px -0px;
}
.social-pinterest {
	background-position:-102px -0px;
}
.social-google-plus {
	background-position:-136px -0px;
}
.social-tumblr {
	background-position:-170px -0px;
}
.social-shares:hover .social-facebook {
	background-position:-0px -34px;
}
.social-shares:hover .social-linkedin {
	background-position:-34px -34px;
}
.social-shares:hover .social-twitter {
	background-position:-68px -34px;
}
.social-shares:hover .social-pinterest {
	background-position:-102px -34px;
}
.social-shares:hover .social-google-plus {
	background-position:-136px -34px;
}
.social-shares:hover .social-tumblr {
	background-position:-170px -34px;
}
.social-shares:hover .social-facebook:hover {
	background-position:-0px -68px;
}
.social-shares:hover .social-linkedin:hover {
	background-position:-34px -68px;
}
.social-shares:hover .social-twitter:hover {
	background-position:-68px -68px;
}
.social-shares:hover .social-pinterest:hover {
	background-position:-102px -68px;
}
.social-shares:hover .social-google-plus:hover {
	background-position:-136px -68px;
}
.social-shares:hover .social-tumblr:hover {
	background-position:-170px -68px;
}

/**/

.footer {
	font-family: menu-font,arial light,helvetica light,helvetica thin,helvetica neue light,helvetica neue thin,arial,helvetica,sans;
    font-weight: normal;
    font-size: 75%;
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* box-sizing: border-box; */
    margin: 0 auto 0 auto;
    padding: 0 0 33.333px 0;
    width: 90%;
    height: 33.333px;
    line-height: 16.666px;

}}
.footertitle {
	color:#000;
	padding-bottom:0;
	margin-bottom:2px;
}
.footerleft {
	width: 60%;
	float:left;
	text-align: left;
}
.footerright {
	width: 40%;
	float:right;
	text-align: right;
}
.footercenter {
	text-align: center;
}
.footer p {margin:0;}
@media screen and (max-width: 640px) {
	.footer {
		padding:40px 20px 40px 20px;
	}
	.all {
		padding-bottom:0px;
	}
}
@media screen and (max-width: 320px) {
	.footer {
		font-size: 66%;
		padding:20px 4px 20px 4px;
	}
}


@media screen and (max-width: 640px) {
	.footertitle {
		text-align:center;
	}

	.footer {position:relative;}
	.footerleft {float:none;width:auto;text-align: center;}
	.footerright {float:none;width:auto;text-align: center;}
	.footercenter {float:none;width:auto;text-align: center;}
}
@media screen and (max-width: 480px) {
	.footer {position:relative;}
	.footerleft {float:none;width:auto;text-align: center;}
	.footerright {float:none;width:auto;text-align: center;}
	.footercenter {float:none;width:auto;text-align: center;}
}




#masker {
	display:none;
	position:absolute;
	left:0;top:0;right:0;bottom:0;
	width:100%;height:100%;
	background-color:rgba(0,0,0,.5);
	z-index: 100;
}



.map-links-container {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color:#fff;
	background-color:rgba(255,255,255,.5);
}

.map-container {
	position:relative;
}
.map-image-link {
	display:block;
	border:none;
	text-decoration: none;
	color:#000;
}
.map-image-link img {
}

.map-link,.map-link:visited {
	padding:10px 0;
	display:block;
	margin-left:40px;
	margin-top:2px;
	float:left;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#000;
	transition:color 0.5s;
}

.map-links-container:hover .map-link {
	color:#777;
}

.map-links-container:hover .map-link:hover {
	color:#000;
}

@media screen and (max-width: 640px) {

	.map-link,.map-link:visited {
		padding:2px;		
		font-size:80%;
	}
}


@media screen and (max-width: 340px) {

	.map-link,.map-link:visited {
		font-size:50%;
	}
}


@media screen and (max-width: 540px) {
	#login_signup {
		position:static;
		margin-left:0;
		margin-top:0;
		margin-right:0;
		margin-bottom:0;
		width:100%;
	}
	.login_signup_part_left {
		float:none;
		width:auto;
	}
	.login_signup_part_right {
		float:none;
		width:auto;
	}
	.login_signup_part_inner_right {
		border-left:none;
		border-top:1px dashed #e55a00;
	}
	.login_field_container_dw {min-height:0;}
	.login_comments_right {min-height:0;}
	.login_signup_part_inner_left {margin-right:0;margin-bottom:40px;}
	.login_signup_part_inner_right {padding-left:0;padding-top:40px;}
}


	.offices {
		margin:-20px;
		margin-bottom:-40px;
		line-height:1.5em;
	}

	.office {
		box-sizing: border-box;
		display:block;
		float:left;
		padding:20px;
		padding-bottom:40px;
		width:auto;
		min-height:100px;
	}

	address img {
		display:block;
		width:25px;
		/* height:57px; */
		margin-top:10px;
		margin-left:-10px;
		margin-bottom:20px;

	}
	address a,address a:visited {
		text-decoration:none;
		color:#000;
		font-weight:bold;
	}
	.office a {
		display:block;
		text-decoration:none;
	}
	.office .street {
		display: block;
		font-weight:bold;
		color:#000;
	}
	.office .phone {clear:both;}
	

@media screen and (max-width: 620px) {
	address div {
		clear:both!important;
		width:auto!important;
		float:none!important;
	}
}

@media screen and (max-width: 320px) {
	.offices {
		margin-bottom:-40px;
		line-height:1.5em;
	}
}

.professionals-list {
	margin-top: 40px;
	padding-top: 40px;
	border-top:6px solid #ce2d2d;
}
.professionals-list li {
	float:left;
	width:25%;
	margin-top:1px;
	margin-bottom:1px;
	padding-top:5px;
	padding-bottom:5px;
}
.professionals-list li a,.professionals-list li a:visited {
	display:inline-block;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	font-size:100%;
	border-bottom:4px solid transparent;
	margin-bottom:2px;
	line-height:1em;
}
.professionals-list li.selected a,.professionals-list li.selected a:visited {
	color:#000;
	border-bottom:4px solid #ce2d2d;
}
.professionals-list .separator {
	clear:both;
	float:none;
	padding-top:1em;
	padding-bottom:.5em;
	color:#999;
	font-style:italic;
}
.lawyer-description-cv .lang {
	margin-top:1em;
	color:#000;
	font-style:italic;
}
.lawyer-description-cv strong.name {
	color:#000;
	font-size:110%;
	font-weight:bold;
}
.professional-image {
	width:auto;
	width:300px;
	max-width:100%;
	float:right;
	padding-left:40px;
	position:relative;
	top:.4em;
}
img.lawyer-photo {
	width:300px;
	max-width:100%;
}

img.lawyer-photo:hover {
	width:100%;
	display:block;
}


.lawyer-name {
	color:#000;
	font-weight:plain;
	/*text-transform:uppercase;*/
	margin:0 0 20px 0;
	font-size:133.3333333%;
	padding:5px;
}
.lawyer-description-cv {
	float: left;
	width:40%;
	width: calc(100% - 380px);
	/*max-height:200px;*/
	/*overflow:hidden;*/
	border-bottom:1px solid #aaa;
	padding-bottom:10px;
}
.lawyer-description-cv p:first-child {
	padding-top:0;
}
.layer-more-info {
	color:#ccc;
	font-style:italic;
	font-weight:normal;
}

/* ODD STUFF * /

.odd .lawyer-name {
	text-align: right;
}

.odd .lawyer-description-cv {
	float: right;
}

.odd .professional-image {
	float:left;
	padding-left:0;
	padding-right:40px;
}
/**/

/* ALL LEFT */

.lawyer-name {
	text-align: left;
	float:right;
	width:40%;
	width: calc(100% - 380px);
}

.lawyer-description-cv {
	float: right;
}

.professional-image {
	clear:both;
	float:left;
	padding-left:0;
	padding-right:40px;
}
/**/

.profmail {
	margin-top:2em;
	color:#000;
}


@media screen and (max-width: 800px) {
	.professional-image {
		padding-left:0;
		width:100%;
		float:none;
		max-height:400px;
		overflow:hidden;
		padding-right:0;
	}
	.professional-image img {
		width:100%;
	}
	.professionals-list li {
		width:auto;
		float:none;
	}
	.lawyer-description-cv {
		float: none;
		width:auto;
		border-right: none;
		padding: 0;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.lawyer-name {
		float: none;
		width:auto;
		margin-top: 30px;
	}
	
		
.pagecontent-body.content_cont .container-for-area-infos {
display: block;
}

.pagecontent-body.content_cont .container-for-area-infos .area-info {
display: block;
}

}



	.container-for-area-infos {
		background-color:#eee;
		padding:20px;
		box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, .1);
		border:1px solid white;
		max-width:1836px;
		margin:auto;
	}


	.area-info {
		float:left;
		box-sizing: border-box;
		padding: 20px 20px 20px 20px;
		
		width:50%;
	}

	.area-name {
		color:#A4292E;
		width:165px;
		display:table-cell;
		float:left;
		text-align:left;
		padding-right:20px;
		box-sizing: border-box;
		font-family: "title-font",Arial,Helvetica,sans-serif,sans;
	}

	.areas-list {
		float:left;
		padding-right: 20px;
		border-right:6px solid #ce2d2d;
		width:30%;
		box-sizing: border-box;
	}
	.areas-list li {
		margin-top:5px;
		margin-bottom:5px;
		padding-top:5px;
		padding-bottom:5px;
	}
	.areas-list li a,.areas-list li a:visited {
		display:inline-block;
		text-decoration:none;
		color:#000;
		font-size:100%;
		border-left:6px solid transparent;
		margin-left:-16px;
		padding-left:10px;
		line-height:1em;
	}
	.areas-list li.selected a,.areas-list li.selected a:visited {
		color:#aaa;
		border-left:6px solid #ce2d2d;
	}
	.areas-list .separator {
		clear:both;
		float:none;
		padding-top:1em;
		padding-bottom:.5em;
		color:#999;
		font-style:italic;
	}
	.areas-list .separator:first-child {
		padding-top:0;
		margin-top:-.5em;
	}
	.area-description .lang {
		margin-top:1em;
		color:#000;
		font-style:italic;
	}
	.area-description strong.name {
		color:#000;
		font-size:110%;
		font-weight:bold;
	}
	.area-description {
		width:70%;
		width:calc(100% - 165px);
		display:table-cell;
		padding-left:25px;
		padding-right:25px;
		border-left:1px solid #bbb;
		box-sizing: border-box;
	}
	.area-description p:first-child {
		margin-top:0;
		padding-top:0;
	}


.area-description ul {
	list-style-type: square;
	list-style-position: inside;
	padding-left:20px;
	text-indent:-20px;
}


.area-description ul>li>p:first-child {
	display:inline;
}

.pagecontent-body>ul {
	max-width:768px; 
	margin:auto;
}


@media screen and (max-width: 1100px) {
	.container-for-area-infos  {}
	.area-info {}
	.area-name {
		width:30%;
	}
	.area-description {
		width:70%;
	}

	.area-info {
		float:none;
		width:auto;
		padding-left:0;
		margin-bottom: 40px;
	}
	.areas-list {
		float:none;
		padding-right:0;
		border-right:none;
		padding-top: 40px;
		border-top:6px solid #ce2d2d;
		width:auto;
	}


}



.huge-title-content {
	width:50%;margin:auto;padding:40px;text-align:center;font-weight:plain;font-size:24pt;color:#000;
}


@media screen and (max-width: 640px) {
	.huge-title-content {
		width:75%;margin:auto;padding:20px;font-size:14pt;
	}


	.container-for-area-infos  {}
	.area-name {
		float:none;
		width:auto;
		display:block;
		margin:0;
		padding:0;
		border:none;
		margin-bottom:20px;
	}
	.area-description {
		float:none;
		width:auto;
		display:block;
		margin:0;
		padding:0;
		border:none;
		margin-bottom:20px;
	}

	.area-info {
		float:none;
		width:auto;
		padding-left:0;
		margin-bottom: 40px;
		display:block;
	}

	.areas-list {
		float:none;
		padding-right:0;
		border-right:none;
		padding-top: 40px;
		border-top:6px solid #ce2d2d;
		width:auto;
		display:block;
	}

	.pagecontentcontainer {
		max-width:90%;
	}
	.pagecontent-body > ul {
		max-width:90%; 
	}
	
	.pagecontent-title {
		margin:10px;
	}
}






	body#tynymce.ContentBody, body.mceContentBody,body.ContentBody td, body.ContentBody pre {color:#444; font-family:"default-font",Arial,Helvetica,"sans-serif";font-size:medium;text-transform:none !important;	letter-spacing:0.05em;background-color:#fff;}

	table.mceLayout, textarea.tinyMCE {
		width: 100% !important;
	}

	body#tynymce.ContentBody ul, body.mceContentBody ul,body.ContentBody ul {
		list-style:square outside;
		margin:.5em 0 .5em 0;
	}
	body#tynymce.ContentBody li, body.mceContentBody li,body.ContentBody li {
		margin:.5em 0 .5em 1em;
	}



.more-opener {
	-mox-border-radius: 40px;
	border-radius: 40px;
	background:#837b64;
	display:inline;
	display:inline-block;
	margin:10px 0;
	text-decoration: none;
	color:#fff;
	padding: 4px 12px;
	position:relative;
	left:-5px;
	background:#ccc;
	color:#000;
	font-size:90%;
}

.more-opener.opened {
	background:#eee;
	color:#000;
}
.more {
	display: block;
	overflow: hidden;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
ul.morelist {
	list-style:none outside;
	text-indent:0;
	margin:0;
	padding:0;
}
ul.morelist li {
	list-style:none outside;
	text-indent:0;
	margin:0;
	padding-left:20px;
	background:url(../img/icon-more2.png) no-repeat left 10px;
	cursor:pointer;
	margin-bottom:8px;
	line-height:1.5em;
}
ul.morelist li.open {
	background:url(../img/icon-less2.png) no-repeat left 10px;
	cursor:arrow;
}
.point-bullets {
	list-style-type: square;
	list-style-position: outside;
}
.point-bullets li {
	margin-left:2em;
	margin-top:1em;
}
.point-title {
	margin:2em 0 1em 0;
}


.bolognesi-text {
	font-family:logo-font;
	font-size:120%;
}

#lawyersGrid {}


#lawyerShow .professional-image {
	width:25%;
	float:left;
	display:block;
	top:0;
}

#lawyerShow .professional-image .lawyer-photo {
	width:100%;
	display:block;
}



#lawyerShow .lawyer-name {
	float:left;
	display:block;
}

#lawyerShow .lawyer-description-cv {
	display:block;
	float:left;
	display:block;
	border-bottom:none;
	width:calc(60%);
	width:calc(70% - 20px);
}

#lawyerShow .more-opener {
	display:none;
}

#lawyerShow .morepro {
	display:block;
}

#lawyerShow .closer {
	display:none;
	background:url(../img/bolognesi-giuslavoristi-chiudi-thin.svg) no-repeat center center;
	width:16px;
	height:16px;
	display:block;
	position:absolute;
	right:33px;
	top:33px;
}


#lawyerShow {
	position:fixed;
	left:50%;
	top:100px;
	width:80%;
	
	margin: 0 0 0 -40%;
	background-color:#fff;
	z-index:10001;
	overflow:auto;
	padding:20px;
	box-sizing: border-box;
	max-height:calc(100% - 100px);
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

#lawyerShowMask {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:#000;
	z-index:10000;
}

@media screen and (min-width: 960px) {
	#lawyerShow {
		width:800px;
		margin: 0 0 0 -400px;
	}
}

@media screen and (max-width: 800px) {
	#lawyerShow .lawyer-name {
		width:calc(100% - 10px);
	}
	#lawyerShow .lawyer-description-cv {
		width:calc(100% - 10px);
	}
}

@media screen and (max-width: 600px) {
	#lawyerShow .professional-image {
		width:50%;
	}
}

.empty-block {
	position:absolute;
	background-color:#ccc;
}

.lawyer-professional {
	cursor:pointer;
	display:block;
}

@media screen and (max-width: 600px) {
	.empty-block {
		display:none;
	}
	.professional-image {
		max-width:9999px!important;
		width:100%!important;
		display:block!important;
		position:static!important;
	}
	.lawyer-photo {
		max-width:9999px!important;
		width:100%!important;
		display:block!important;
		position:static!important;
	}
	.lawyer-professional {
		max-width:9999px!important;
		width:100%!important;
		display:block!important;
		position:relative!important;
		height:auto!important;
		top:0!important;
		left:0!important;
	}
	#lawyersGrid {
		height:auto!important;
	}
}

.boxes {
	text-align:center;
	box-sizing: border-box;
	margin: -20px auto 0 auto;
}
.boxout {
	box-sizing: border-box;

	max-width:100%;
	vertical-align:top;
	display:inline-block;
	width:400px;
	padding:20px;
}
.box {
	box-sizing: border-box;

	background-color:#eee;
	padding:20px;
	box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, .1);
	border:2px solid white;
}
.boxout.large {
	/* width:400px; */
}
.boxout.verylarge {
	/* width:600px; */
}
.boxout.huge {
	/* width:800px; */
}
.box-title {font-family: "title-font",Arial,Helvetica,sans-serif,sans;text-transform:uppercase;text-align:left;font-size:80%}
.box-abstract {text-align:left;}



.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}