/* colors



blue: #2f2f81;

middle-grey: #616170;

light-grey (form borders): #c4c4c4;

yellow-hover: #ffbe0f;

white: #ffffff;

black: #000000 ;

colors */



@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');



body{

	font-family: 'Source Sans Pro', sans-serif;

	font-weight: 400;

	font-size: 16px;

	overflow-x:hidden;

}



a{

	color:inherit;

}



a:hover{

	color:#000000;

}



a.borderedbutton{

	display: block;

	width: 100%;

	text-align: center;

	border:solid 1px #2f2f81;

	padding-top:10px;

	padding-bottom:10px;

	position: relative;

	text-transform: uppercase;

	color:#2f2f81;

	text-decoration: none;

	font-size: 0.9em;

	font-weight: 700;

}



	a.borderedbutton::after{

		font-family: "FontAwesome";

		content:"\f061";

		position: absolute;

		right:8px;

		top:50%;

		transform: translateY(-50%);

	}



a.borderedbutton:hover{

	background-color: #2f2f81;

	color:#fff;

}



.textright{

	text-align: right;

}



.textleft{

	text-align: left;

}



.textcenter{

	text-align: left;

}



img.alignright{

	float: right;

	margin-left:50px;

	margin-bottom:40px;

}



img.aligncenter{

	display: block;

	margin:auto;

	max-width: 100%;

	height:auto;

}



img.imgresponsive{

	max-width: 100%;

}



b, strong{

	font-weight: 700;

}



.hamburgerwrapper{

	position: absolute;

	top:0px;

	right: 0px;

	display: none;

	z-index: 99;

}



/* headers comuni*/

h1{font-size: 3.33em; margin-top:0;}

h2{font-size: 2.2em; margin-top:0;}

h3{font-size: 1.33em; margin-top:0;}

h4{font-size: 1.2em; margin-top:0;}



.topbar{

	background-color: #2f2f81;

	color:#FFF;

	font-size:0.80em;

}



	.topbar .topmenu{

		list-style: none;

		padding:0;

		margin:0;

	}



	.topbar .topmenu li{

		display: inline-block;

		border-right:solid 1px #FFF;

	}



	.topbar .topmenu li:last-child{

		border-right:none;

	}



	.topbar .topmenu li a{

		display: block;

		padding: 20px 10px;

		color:#FFF;

		text-decoration: none;

		text-transform: uppercase;

	}



	.topbar .topmenu li a:hover{

		color:#ffbe0f;

	}



	.topbar .topmenu li:first-child a{

		padding-left:0px;

	}





	.topbar .socialiconwrapper{

		display: inline-block;

		background-color: #FFF;

		color: #2f2f81;

		width: 24px;

		height: 24px;

		line-height: 24px;

		text-align: center;

		border-radius: 12px;

		position: relative;

		margin-top:16px;

	}



.header{}

	.header .logowrapper{

		padding-top:25px;

		padding-bottom:25px;

	}



	.header .searchwrapper{

		padding-top:65px;

	}



	.mainmenu{

		list-style: none;

		margin:20px 0 0 0;

		padding:0;

		text-align: right;

		width: 100%;

		color: #616170;

		font-size:0.8em;

	}



	.mainmenu > li{

		display: inline-block;

		border-right: solid 1px #616170;

		position: relative;

	}



	.mainmenu > li:last-child{

		border-right: none;

	}



	.mainmenu > li a{

		display: block;

		color: #616170;

		text-transform: uppercase;

		text-decoration: none;

		padding-left: 5px;

		padding-right: 10px;

	}



	.mainmenu > li a:hover{

		color: #2f2f81;

	}



	.mainmenu > li:last-child a{

		padding-right: 0px;

	}



	.mainmenu > li.menu-item-has-children > ul.sub-menu{

		position: absolute;

		background-color: #2f2f81;

		padding:12px;

		color:#FFF;

		top:20px;

		list-style: none;

		margin:0;

		display: none;

		z-index: 9;

		right:0;

	}



	.mainmenu > li.menu-item-has-children > ul.sub-menu > li{

		text-align: left;

		border-bottom: solid 1px #6e6ea7;

		white-space: nowrap;

	}



	.mainmenu > li.menu-item-has-children > ul.sub-menu > li:last-child{

		border-bottom: none;

	}



	.mainmenu > li.menu-item-has-children > ul.sub-menu > li > a{

		color:#FFF;

		padding-top:8px;

		padding-bottom:8px;

	}



	.mainmenu > li.menu-item-has-children > ul.sub-menu > li > a:hover{

		color:#ffbe0f;

	}



	/*

	.mainmenu > li.menu-item-has-children:hover ul.sub-menu{

		display: block;

	}

	*/







#searchform input[type="text"]{

	padding:7px;

	font-size:0.8em;

	border: solid 1px #c4c4c4;

	width: 80%;

	max-width: 400px;

}



#searchform button[type="submit"]{

	border:none;

	background: none;

	color: #2f2f81;

	width: 30px;

	cursor: pointer;

	outline: none;

}



.hero{

	position: relative;width: 100%;

	height: 0px;

	position: relative;

	padding-bottom: 16%;

	overflow: hidden;

}



body.home .hero{

	position: relative;width: 100%;

	height: 0px;

	position: relative;

	padding-bottom: 36%;

	overflow: hidden;

}



	.hero .slider{

		

	}



	.bx-wrapper {

	    -moz-box-shadow: none!important;

	    -webkit-box-shadow: none!important;

	    box-shadow: none!important;

	    border: none!important;

	    background: none;

	}



	.hero .slider img{

		width: 100%;

	}



	.overslide{

		position: absolute;

		top:0px;

		bottom: 0px;

		left:0px;

		right: 0px;

		width: 100%;

		height: 100%;

		z-index: 2;

		background-color: rgba(47,47,129,0.4);

	}



	.overslide .herotext{

		position: absolute;

		color:#FFF;

		font-size: 2.2em;

		top:50%;

		transform: translateY(-50%);

	}



	.overslide .herotext p{

		margin:0;

	}



	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {

	    bottom: 30px;

	    z-index: 9;

	}



	.bx-wrapper .bx-pager.bx-default-pager a {

	    background: #fff;

	    text-indent: -9999px;

	    display: block;

	    width: 10px;

	    height: 10px;

	    margin: 0 5px;

	    outline: 0;

	    -moz-border-radius: 5px;

	    -webkit-border-radius: 5px;

	    border-radius: 5px;

	    -webkit-box-shadow: 0px 3px 5px 0 rgba(0,0,0,7);

		box-shadow: 0px 3px 5px 0 rgba(0,0,0,7);

	}



	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {

	    background: #ffbe0f;

	}



.pagecontent{

	padding-top:40px;

	color: #2f2f81;

}



.pagecontent.postsingle{

	line-height: 1.5em;

}



	.pagecontent h2{

		color:#2f2f81;

		font-weight: 400;

		line-height: 1em;

	}



	.single .pagecontent h2{

		text-transform: uppercase;

	}



	.pagecontent h2 b, .pagecontent h2 strong{

		font-weight: 700;

	}



	.pagecontent h3{

		color:#2f2f81;

		margin-top:30px;

		font-size: 2.0em;

		font-weight: 400;



	}



	.pagecontent h4{

		font-size: 1.3em;

		padding-bottom: 5px;

		border-bottom: solid 1px #2f2f81;

		margin-top:20px;

		margin-bottom: 0;

	}



	.pagemenu{

	width: 100%;

	padding:20px;

	background-color: #616170;

	text-align: right;

	box-sizing:border-box;

}



	.pagemenu h3{

		color:#FFF;

		font-weight: 400;

		font-size:2.2em;

		margin:0 0 10px 0;

	}



	.pagemenu ul{

		list-style: none;

		padding:0;

		text-align: right;

		margin:0;

	}



	.pagemenu ul li{

		padding:10px 0 0 0;

		border-top:solid 1px #FFF;

		text-align: right;

		margin-bottom: 10px;

	}



	.pagemenu ul li.current_page_item a{

		font-weight: 700;

		font-style: italic;

	}



	.pagemenu ul li a{

		text-decoration: none;

		text-align: right;

		color:#FFF;

	}



	.pagemenu ul li a:hover{

		color:#ffbe0f;

	}



.rightborder{

	border-right: solid 1px #8282b3;

}



.homeblock{

	margin-bottom: 60px;

}



.newscolumn{

	height: 100%;

	position: relative;

}



.newscolumn .borderedbutton{

	position: absolute;

	bottom: 20px;

}



.homenews{

	margin-bottom: 20px;

	overflow: hidden;



}



	.newscolumn .homenews.firstnews{

		padding-bottom: 20px;

		border-bottom: solid 1px #d5d5d9;

	}



	.homenews a, .homenews a *{

		text-decoration: none!important;

		color:#2f2f81;

	}



	.homenews a:hover, .homenews a:hover *{

		text-decoration: none!important;

		color:#dda603;

	}



	.homenews figure{

		width: 100%;

		overflow: hidden;

		margin:0 0 10px 0;

		padding:0;

		border: solid 1px #2f2f81;

		box-sizing:border-box;

	}





	.newsarchive{

		margin-left:-10px;

		margin-right:-10px;

		display: flex;

		flex-wrap: wrap;

	}



	.newsarchive .homenews{

		padding-left:10px;

		padding-right:10px;

		width: 50%;

		float:left;

		box-sizing: border-box;

	}



	.newsarchive .homenews figure{

		width: 100%;

		overflow: hidden;

		margin:0 0 10px 0;

		padding:0 0 50% 0;

		height: 0px;

		border: solid 1px #2f2f81;

		box-sizing:border-box;

		position: relative;

	}



	.newsarchive .homenews .newstext{

		width: 100%;

		overflow: hidden;

		/*padding-left:20px;*/

		float:left;

	}



	.homenews figure img{

		max-width: 100%;

		height: auto;

	}



	.newsarchive .homenews figure img{

		max-width: none;

		width: 100%;

		height: auto;

		position: absolute;

		top:50%;

		left:50%;

		transform: translate(-50%,-50%);

	}



	.homenews h3.feature{

		font-size: 1.2em;

		font-weight: 700;

		margin-bottom: 10px;

		margin-top:0;

		text-transform: uppercase;

	}



	.homenews h3.list{

		font-size: 1.0em;

		font-weight: 600;

		margin-bottom: 10px;

		margin-top:0;

		text-transform: uppercase;

	}



	.homenews .newsdate{

		color:#616170;

		font-size:0.8em;

		text-transform: uppercase;

		font-weight: 600;

	}





	.pressarchive{

		margin-left:-10px;

		margin-right:-10px;

		display: flex;

		flex-wrap: wrap;

	}



	.pressarchive .press{

		padding-left:0px;

		padding-right:0px;

		width: 100%;

		float:none;

		box-sizing: border-box;

		margin-bottom: 20px;

	}



	.pressarchive .press figure{

		width: 25%;

		overflow: hidden;

		margin:0 0 10px 0;

		padding:0 0 15% 0;

		height: 0px;

		border: solid 1px #2f2f81;

		box-sizing:border-box;

		position: relative;

	}



	.pressarchive .press figure img{

		max-width: none;

	    width: 100%;

	    height: auto;

	    position: absolute;

	    top: 50%;

	    left: 50%;

	    transform: translate(-50%,-50%);

	}



	.pressarchive .press .presstext{

		width: 75%;

		overflow: hidden;

		/*padding-left:20px;*/

		float:left;

		box-sizing: border-box;

		padding-right: 20px;

	}



	.pressarchive .press .presstext h3{

		font-size: 1.2em;

	    font-weight: 700;

	    margin-bottom: 10px;

	    margin-top: 0;

	}







.servicescolumn{

	overflow: hidden;

	margin-left:-10px;

	margin-right:-10px;

	position: relative;

}



	.homeservice{

		width: 50%;

		float: left;

		padding-left:10px;

		padding-right:10px;

		box-sizing:border-box;

		margin-bottom: 20px;

	}



	.homeservice a {

	    display: block;

	    width: 100%;

	    position: relative;

	    padding-bottom: 63.9%;

	    height: 0px;

	}



	.homeservice a::after{

		display: block;

		position: absolute;

		bottom:5px;

		right:5px;

		color:#FFF;

		font-size: 1.5em;

		font-family: "FontAwesome";

    	content: "\f061";

    	-webkit-transform: rotate(45deg);

		-moz-transform: rotate(45deg);

		-o-transform: rotate(45deg);

		-ms-transform: rotate(45deg);

		transform: rotate(45deg);

	}



	.homeservice a figure{

		width: 100%;

		padding:0;

		margin:0;

	}



	.homeservice a figure img{

		width: 100%;

		height: auto;

		display: block;

	}



	.homeservice a .servicescreen{

		position: absolute;

		width: 100%;

		height: 100%;

		top:0px;

		left:0px;

		bottom:0px;

		right:0px;

		background-color: rgba(47,47,129,0.4);

		box-sizing:border-box;

		padding:30px;

		-webkit-transition: background 0.2s ease;

		-moz-transition: background 0.2s ease;

		-ms-transition: background 0.2s ease;

		-o-transition: background 0.2s ease;

		transition: background 0.2s ease;

	}



	.homeservice a:hover .servicescreen{

		background-color: rgba(47,47,129,0.8);

	}



	.homeservice a .servicescreen h3{

		display: block;

		position: absolute;

		font-size: 1.5em;

		color:#FFF;

		top:40%;

		left:10%;

		width: 80%;

		text-align: center;

		transform:translateY(-50%);

		text-transform: uppercase;

	}



.greybox{

	background-color:#616170;

	color:#FFF;

	padding:20px;

}



	.greybox h2{

		color:#FFF;

	}



	.greybox .textpart{

		position: relative;

		/*

		top:50%;

		transform:translateY(-50%);

		*/

		font-weight: 700;

		padding-right: 20px;

		box-sizing:border-box;

		font-size: 1.0em;

	}



	.greybox .textpart hr{

		width: 110%;

		height: 1px;

		border:none;

		border-top:solid 1px #FFF;

	}



	.greybox a {

		text-decoration: none!important;

	}



	.greybox a:hover .textpart, .greybox a:hover .textpart h2{

		color:#ffbe0f;

	}



	.greybox a:hover hr{

		border-top: solid 1px #ffbe0f;

	}



	.greybox .textpart span{

		font-weight: 400;

		font-size:1.4em;

	}



	.greybox figure{

		margin:0;

		padding:0;

		width: 100%;

		height: 0px;

		padding-top:100%;

		overflow: hidden;

		position: relative;

	}



	.greybox figure img{

		max-width: 100%;

		height: auto;

		position: absolute;

		top:0px;

		left:0px;

	}



.eventsarchive{overflow: hidden; margin-left:-10px; margin-right: -10px; position: relative;}



	.eventsarchive .event{

		overflow: hidden;

		width: 25%;

		float:left;

		padding-left:10px;

		padding-right:10px;

		box-sizing:border-box;

		position: relative;

		margin-bottom: 20px;

	}



	.eventsarchive .event .eventtext{

		width: 100%;

		float: left;

		text-align: center;

		font-weight: 700;

		border-bottom: solid 1px #2f2f81;

	}

	

	.eventsarchive .event .eventtext h3{

		margin-top:0px;

		margin-bottom: 5px;

		font-size: 1.1em;

		text-align: center;

	}



	.eventsarchive .event figure{

		width: 100%;

		float: left;

		height: 0px;

		padding-bottom: 100%;

		position: relative;

		margin:0 0 20px 0;

		overflow: hidden;

	}



	.eventsarchive .event figure img{

		position: absolute;

		top:50%;

		left:50%;

		transform: translate(-50%,-50%);

		width: 105%;

	}









.footer{

	background-color: #2f2f81;

	color:#FFF;

	padding-top:60px;

	padding-bottom:60px;

	line-height: 2em;

	font-size: 0.9em;

}



	.footer h3, .footer p{

		margin-top: 0;

		margin-bottom: 0;

	}



	.footer ul.footermenu{

		list-style: none;

		padding:0;

		margin:0;

		text-transform: uppercase;

	}



	.footer a {

		text-decoration: none;

	}



	.footer a:hover {

		color:#ffbe0f;

	}



	.lastcol h3{

		text-align: right;

	}



	.lastcol ul li{

		width: 100%;

		text-align: right;

	}







.pagination{

	text-align: center;

	clear:both;

	margin-top:30px;

}



.pagination span.screen-reader-text{display: none;}



.pagination a.page-numbers, .pagination .page-numbers.current{

	margin-left:2px;

	margin-right:2px;

	display: inline-block;

	border:solid 1px #dedede;

	padding:3px;

	width:20px;

	text-align: center;

	color:#2f2f81;

	font-weight: 700;

	text-decoration: none;

}



.pagination .page-numbers.current{

	background-color: #2f2f81;

	color:#FFF;

}



.page-numbers:after, .page-numbers:last-child:after {

    content: '';

    margin-left: 0px;

}



.page-numbers.next, .page-numbers.prev{

	text-indent: -9999px;

	width: 20px;

	position: relative;

	border:none!important;

}



.page-numbers.next{

	background: url(../img/pagination-next.png) center center no-repeat;

}



.page-numbers.prev{

	background: url(../img/pagination-prev.png) center center no-repeat;

}



.newsheader{

	text-transform: uppercase;

	margin-bottom:15px;

	padding-bottom:5px;

	border-bottom: solid 1px #2f2f81;

}



.newsheader a{

	text-decoration: none;

}



.newsimage{

	max-width: 100%;

	height: auto;

	display: block;

	margin-bottom: 20px;

	margin-left:auto;

	margin-right:auto;

}



.responsive{

	max-width: 100%;

}



.searchresult{

	text-decoration: none;

	margin-bottom: 20px;

	padding-bottom: 20px;

	border-bottom: solid 1px #2f2f81;

	display: block;

}



.searchresult .srtitle{

	border-bottom:none;

}



.rl-gallery .rl-gallery-link {

    display: block;

    width: 100%;

    height: 0;

    overflow: hidden;

    padding-bottom: 100%;

}



.rl-gallery-item img{

	height: 120%;

	max-width: none!important;

	width: auto;

	position: absolute;

	left:50%;

	transform: translateX(-50%);

}



@media (max-width: 1280px){



	.pagemenu h3 {

	    font-size: 1.6em;

	}

	.overslide .herotext {

	    font-size: 1.6em;

	}

	.header .searchwrapper {

	    padding-top: 45px;

	}



}



@media (max-width: 920px){

	.pagemenu {

	    padding: 5px;

	}



	body{

		font-size: 14px;

	}

}



@media (max-width: 450px){

	

	.topbar .topmenu{

		padding-top:10px;

	}



	.topbar .topmenu li {

	    display: block;

	    border-right: none;

	}



	.topbar .topmenu li a {

	    padding: 5px 0px;

	}



	.topbar .socialiconwrapper {

	    position: absolute;

	    margin-top: 0;

	    top: -50px;

	    right: 10px;

	}



	.topbar .col-20.textright{

		margin-bottom: 0;

		height: 0;

		padding:0;

	}



	.header .logowrapper {

	    text-align: center;

	    padding-bottom: 0px;

	}



	.header .searchwrapper {

	    padding-top: 5px;

	}



	.hero {

	    padding-bottom: 30%;

	}



	.overslide .herotext {

	    font-size: 1.4em;

	}



	.mainmenu {

	    text-align: center;

	}



	.bx-controls{

		display: none!important;

	}



	.footer {

	    text-align: center!important;

	}



	.footer .lastcol h3 {

    	text-align: center;

	}



	.footer .lastcol ul li {

		text-align: center;

	}



	#menu-main-menu-1.footermenu{

		display: none;

	}



}