/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
html {overflow: -moz-scrollbars-vertical;overflow: scroll;}
.wrapper {max-width:1280px;margin:10px auto 0 auto;position:relative;overflow:hidden;}

.col_left{width:965px;min-height:1000px;padding:0 20px 100px 40px;margin: 0 310px 0 0;float:right;background: white url(img/shadowreverse.png) no-repeat top left;background-size:20px 100%;overflow:hidden;position:relative;}

.col_right{width:315px;height:100%;background:url(img/shadow.png) no-repeat top left;background-size:20px 100%;position:absolute;padding-left:20px;overflow:auto;top:0 ;right:0;}

.col_left main{margin:0 10px;}

.header{margin: 0 10px;}
header h1 br{display:none;}

.sidebar {}
.footer {clear:both;}

.contacts{margin:10px 0;}
 
.social{list-style-type:none;margin:0;padding:0;width:100%;overflow:auto;}
.social li{float:left;width:32px;height:32px;margin:5px;}
.social li img{width:32px;height:32px;}

.man{position:absolute;bottom:0; left:-100px;opacity:1;width:300px;height:auto;}

.nav {margin: 0 5px;}
.nav ul{list-style-type:none;padding:0;margin:4px auto 0 auto;overflow:auto;}
.nav ul li{float:left;padding:0 10px;text-transform:uppercase;font-size:16px;border-right:1px solid black;font-weight:700}
.nav ul li:last-child{padding-right:0;border:0;}
.nav ul li:first-child{padding-left:0;}

header .circle{width:200px;height:200px;overflow:hidden;position:relative;float:left;margin: 0 0 0 20px;}
.circle img{height:100%; width:auto;float:left;} 
.circle_overlay{background:transparent url(img/circle.png) no-repeat center center;position:absolute;top:0;left:0;width:100%;height:100%; background-size: 100% 100%;}
header .info{float:left;width:640px; overflow:auto;margin:0 0 10px 0 ;padding:0;} 
header .info p {text-align:right;padding:0;margin:2px 0;font-size:13px;font-weight:400;}
header .info p  br{display:none;}

.disturbi{list-style-type:none;width:100%;overflow:hidden;margin:15px 0 20px 20px;padding:0;}
.disturbi li{float:left;position:relative;width:180px;height:220px;margin:0 16px 4px 16px;text-align:center;}
.disturbi li .circle{position:relative;float:left;margin:0 10px 10px 10px;overflow:auto;width:150px;height:150px;}
.disturbi li .circle_overlay{background:transparent url(img/circleblu.png) no-repeat center center;position:absolute;top:0;left:0;width:150px;height:150px; background-size: 100% 100%;z-index:200;}



.affiliations{overflow:auto;position:absolute; bottom:0; left:0;margin-left:60px;width:880px;}
.affiliations ul{margin:20px 0;width:100%;list-style-type:none;overflow:hidden;padding:0;}
.affiliations li{float:left;margin:0 5px;width:auto !Important;}
.affiliations img{height:50px;width:auto !important;border:0 !important;padding:0 4px;}

.dotted{border:0;border-bottom:3px dashed #ddd;clear:both;float:right;width:98%;margin:0 2%;} 
header .dotted{width:640px;float:right;clear:none;}


article{position:relative;overflow:auto;margin:20px 0;}
article .circle{position:relative;float:left;margin-right:25px;}
article .circle img{width:120px;height:120px;float:none;} 
article .circle_overlay{background:transparent url(img/circleblu.png) no-repeat center center;position:absolute;top:0;right:0;width:120px;height:120px; background-size:100% 100%; z-index:200;}

.single article .circle{width:150px;height:150px;}
.single article .circle img{width:150px;height:150px;padding:0;margin:0;}
.single article .circle_overlay{width:150px;height:150px;}

article ul{font-size:16px;padding:0 30px;}
article ul li{text-align:left;font-weight:400;} 
article ul li a{color:#000;}
 
#result article{padding:10px 0;}3

.single article, .page article{margin:0;} 
.ngg-gallery-thumbnail-box{float:left !important;}

iframe{width:100% !important;}
.ngg-galleryoverview br{display:none;}
.ngg-gallery-thumbnail img{border:none !important;width:135px;height:100px;padding:6px !important;}
.responsivemenu{background:#532259 url(./img/menu.png) no-repeat center left; display:none;width:100%;height:48px;float:left;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-position:10px 10px; margin:0 0 10px 0;}

div.ssba{float:right;margin-top:-40px;margin-right:20px;}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
body *{font-family: 'Open Sans', sans-serif;}

.home header h1{color:#532259;font-weight:700;font-size:72.8px;line-height:85px;padding:0;margin:0;}
header h1{color:#532259;font-weight:700;font-size:72px;line-height:80px;padding:0;margin:0;text-align:left;letter-spacing:2.6px;}
header h2{color:#888;font-weight:400;font-style:italic;font-size:35px;line-height:40px;padding:0;margin:0;text-align:right;}
.single header h1{font-size:40px;line-height:60px;padding:10px 0 0 0;text-transform:none;}
.disturbi h3{text-transform:uppercase;font-weight:600;font-size:15px;padding:0;clear:both;margin:0 0 5px 0; }
article h3 {text-align:left;}
article h2{font-size:20px;color:#532259;text-align:left;padding:0;margin:0;padding:0;font-weight:600;font-style:normal;line-hright:20px;}
article header h2{font-size:20px;color:#532259;text-align:left;margin:0;padding:0;font-weight:600;font-style:normal;line-height:24px;}
article h4{margin:0;padding:0;}
article h4 span{font-size:16px !important;color:#532259;text-transform:uppercase;}
article h3{color:#888;font-style:italic;margin:0;padding:0;}
p{font-weight:400;margin:4px 0 8px 0;} 
.page main p{font-size:15px;color:black;text-align:left;font-weight:400;}
article p{font-size:15px;color:#000;text-align:justify;}
.col_right p{font-size:18px;margin:0;padding:0;font-weight:400;}

a{font-weight:600;color:#532259}

strong{color:#532259;font-weight:600}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}


@media only screen and (min-width:1140px) {


}
@media only screen and (max-width:1279px) {
.wrapper{width:1020px;}
.col_left{width:700px;padding-left:20px;padding-bottom:180px;background:none;}
.home header h1{font-size:51.5px;}
 header h2{font-size:30px;line-height:40px;}
header .info{width:420px;}
header .info p{font-size:12px;letter-spacing:-0.5px;}
header .circle{margin: 0;width:200px;height:200px;}
header .dotted{width:450px;}
.disturbi{margin:20px 0 0 0;}
.affiliations{width:100%;margin-left:0;}
.affiliations ul{text-align:center;}
.affiliations  ul li{ display: inline-block;margin: 0 0 10px 0; }
.affiliations  ul li img{height:50px;}
.nav{margin:0 0 0 -5px;}
.nav ul li:first-child{padding-left:9px;}
}


@media only screen and (max-width:1024px) {
.wrapper{width:700px;}
.col_left{margin-right:0;width:700px;padding-bottom:0;}
.col_right{width:660px;position:relative;background:none;border-top:3px dashed #ddd;padding:10px 0;margin:0 20px;}
header{width:100%;oveflow:auto;}
.man{display:none;} 
.home header h1{font-size:55.5px;letter-spacing:1.5px;} 
header .info{width:450px;}
.disturbi{width:700px;}
.disturbi li{margin: 8px 20px;}
.affiliations {width:670px;position:relative;margin:20px 0 0 0;}
.affiliations  ul li img{ height:50.5px;}
.social{float:right;width:280px;}
.dotted{width:100%;}
.nav ul li{font-size:17px;padding:0 8px;}

}	

@media only screen and (max-width:800px) {
.wrapper{width:360px;padding:5px;}
header{width:100%;margin:0;padding:0;}
.header{margin:0;padding:0;}
.col_left{margin:0;width:100%;padding:0;padding-bottom:0;position:relative;}
.col_right{width:100%;position:relative;background:none;border-top:3px dashed #ddd;padding:10px 0;margin:0;}
.affiliations{width:380px;}
.affiliations ul{margin-bottom:10px;}
header .info{width:100%;text-align:center;margin:0;padding:0 0 20px 0;} 
.home header h1{font-size:40px;line-height:45px;z-index:200;text-align:center;padding-bottom:10px;}
.disturbi{float:right;width:100%;}
.disturbi li{margin:8px 5px; width:150px;height:200px;}
.disturbi li .circle,.disturbi li .circle_overlay{width:130px; height:130px;}

.social{float:left; width:100%;}
header .dotted{width:100%;} 

header .circle{margin:0 auto;float:none;}
.info h2{text-align:center;font-size:28px}
header .info p{font-size:12px;text-align:center;}
header h1 br{display:initial;}
.responsivemenu{display:initial;cursor:pointer;}
.responsivemenu p{text-align:right;color:white;padding-right:10px;font-size:24px;line-height:40px;}
nav{padding-bottom:20px;}
nav ul{text-align:center;width:100%;color:#000;display:none;border-bottom:4px solid #532259}
nav ul li{float:none;border:none;width:100%;}
.nav ul li{border:none;border-bottom:1px solid #ddd;padding:2px 0;}
nav ul li a{font-size:20px;}  
.single header h1{font-size:30px;line-height:36px;margin:0 0 0 10px ;}
div.ssba{float:none;margin:10px 0 0 0 ;float:left;}
.affiliations ul li img{height:50px;}
header h1{font-size:45px;letter-spacing:auto;}
}	   
 

 



}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

} 

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


.disturbi li:hover img{
    filter: none;
    -webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
    cursor: pointer;
}
.disturbi img {
    filter:         url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: gray; 
}

.iubenda-ibadge {z-index: 99999;}
.man {z-index: -1;}
.col_right {z-index: 0;}
.contacts {z-index: 2;}