:root {
	--ultralightcolor: hsl(220,60%,95%);  
	--mediumlightcolor: hsl(220, 46%, 70%); 
	--maincolor: hsl(220, 60%, 55%); /*#e96656*/ 
	--darkcolor: hsl(220, 38%, 25%); 
	--ultradark: hsl(220, 38%, 20%);
	--complementarcolor: hsl(195,0%,50%);
}


html,body {margin:0;padding:0; font-size: 110%;}
body { font-family: Arial, sans;}/*  min-height: 100vh;height: 100%; */
table{border-collapse:collapse;border-spacing:0}
img{border:0}
h1,h2,h3,h4 {color: var(--ultradark);font-family: 'Montserrat', sans-serif;}
h1 {font-size:2rem; font-weight: 600;}
h2 {font-size:1.8rem; }
h3 {font-size:1.6rem; }
h4 {font-size:1.4rem;}
h5 {font-size:1.2rem;}
h6 {font-size:0.9rem;}
q:before,q:after{content:''}
strong{font-weight:bold}
em{font-style:italic}
a img{border:none}
a {text-decoration: none; color:var(--maincolor)}
a:hover { color:var(--mediumlightcolor) }

/* *********************************************************** */
/* sticky footer 												 */
/* *********************************************************** */
#body-wrapper { display: flex; min-height: 100vh;  flex-direction: column;}
#content-wrapper {   flex: 1; }
#body-wrapper { position: relative; margin:0; padding:0; }

/**/
#confpanel {position: absolute; top: 0; left: 0; right: 0; z-index: 199;}
#confpanel-wrapper {background: var(--ultralightcolor) !important}
#confpanel-login-btn-container {display: flex; flex-wrap: wrap; align-items: center; padding: 9px;}
#confpanel-login-btn-container .cta {flex: 1 0 0; font-size: 0.85rem; float: none;}
#confpanel-login-btn-container .cta a {color: var(--maincolor) !important}
#confpanel-login-btn-container .login {float: none; flex: 0 0 84px;}
#confpanel-login-btn-container .login a span {display: none;}
#confpanel-login-btn-container .login a::after {content: "\e87e";font-family: 'fontello'; font-style: normal; font-weight: normal;line-height: 1em; margin-left: .2em; text-transform: none; width: 1em; color: var(--maincolor); display: block; padding: 6px; border: 1px solid var(--maincolor);}

/**/

/*HEADER*/
#header-container { max-width: 1440px;margin: 0 auto; justify-content: center;}
#header-wrapper {border-bottom: 2px var(--mediumlightcolor) solid; box-shadow: 0 4px 8px -6px rgba(0, 0, 0, 0.4);  margin-top: 52px;}
#header-wrapper a {color: var(--darkcolor); transition: all .25s ease-in-out;}
#header-wrapper a:hover {color: var(--maincolor); }
.loghi {display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding:8px; box-sizing: border-box; }

#logo { flex: 0 0 33%;display:flex; align-items: center; background: transparent url(/layout/gpc/img/logo.png) center center no-repeat;background-size: contain;  height: 50px; margin:20px 0 10px 0}
#logo-tv { flex: 0 0 33%;display:flex; align-items: center; background: transparent url(/layout/gpc/img/logo-tor-vergata-it.svg) center center no-repeat;background-size: contain;  height: 50px; margin:20px 0 10px 0}
#logo-eu { flex: 0 0 33%;display:flex; align-items: center;background: transparent url(/layout/gpc/img/Ebrd_logo.svg) center center no-repeat;background-size: contain;  height: 50px; margin:20px 0 10px 0}

#menu-wrapper {display: none;}

/*FINE HEADER*/
.title-container {max-width: 1440px; margin: 0 auto;}
.titolopagina {margin: 12px; background: var(--mediumlightcolor); color: #fff; padding: 16px; text-align: center; border-radius: 25px 0; text-shadow: 1px 1px 5px #333; box-shadow: 1px 1px 5px #666; }

.msg, .mindform {max-width: 1440px;}

/*** MENU HAMBURGHER ***/
#menu-mobile .circleburger .menu-container,#menu-mobile .circleburger .menu  
{background: var(--maincolor); box-shadow: 0 0 0 0 var(--maincolor), 0 0 0 0 var(--maincolor); }
#menu-mobile .circleburger .menu.open {box-shadow: 0 0 0 100vw var(--maincolor), 0 0 0 100vh var(--maincolor) }
#menu-mobile .circleburger .open-menu-link {background: var(--darkcolor);}
#menu-mobile .circleburger .hamburger {	top: 71px;	left: 17px;	width: 20px;}
#menu-mobile .circleburger .menu {border-radius: 0; width: 96px;	height: 96px; top: -45px; right: -45px;}
.oc-item-2090 .oc-item-desc h2 {font-size: 210%;}


/*FOOTER*/

#footer-wrapper {background: var(--darkcolor);color: #fff; border-top: 2px solid  var(--maincolor); }
#footer-wrapper h3 {color: #fff;}

footer {   font-size: 90%; font-weight: normal; clear: both; margin: 20px 0;}
footer a { text-decoration: none; color: var(--mediumlightcolor);}
footer a:hover { color:var(--maincolor); }
footer .email { display: block; padding: 10px;  clear: both;}
#f_address {display: block; padding: 12px;}
#footer-container { margin: 0 auto; line-height: 1.8em;  }
#copyr {background:var(--darkcolor); padding: 15px 6px ; clear: both; font-size:85%; color:#fff; text-align: center; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; box-sizing: border-box;max-width: 1440px; margin: 0 auto;}
#copyr span {margin: 0 auto;}
#dep-address {max-width: 1440px;margin: 0 auto;	padding-bottom: 12px;}
.copyright {margin-right: 6px;}
.footer-box { max-width: 1440px; padding: 0 12px; box-sizing: border-box;}

/*FINE FOOTER*/





@media (min-width: 560px){
	.titolopagina { max-width: 40%}
	.oc-item-2090 .oc-item-desc h2 {font-size: 260%; font-weight: 800;}
	#logo,#logo-tv,#logo-eu { height: 80px;}
}

@media (min-width: 650px){
	.loghi { justify-content: flex-start;}
	#logo,#logo-tv,#logo-eu { flex:0 0 200px;} 
	#logo-eu  { flex:0 0 150px;} 
	footer {display: flex; flex-wrap: wrap; max-width: 1440px; margin: 0 auto;}
	.footer-box {flex: 1 0 340px;}
	.footer-box.location {flex: 0 0 100%; }
	#copyr span {margin: 0;}

}





@media (min-width: 980px){ 
	#header-wrapper {position: sticky; top: 52px; z-index: 199; background: #fff; margin-top: 0;}
	#confpanel {position: sticky; }
	#confpanel-login-btn-container .login {float: none; flex: 0 0 40px;}
	#menu-mobile {display: none;}
	#menu-wrapper {display: flex; align-items:flex-end}
	#header-container .navigazione {display: flex; align-items:flex-end; justify-content: flex-end;padding-bottom: 10px;}
	#menu-wrapper ul.navbar-nav {justify-content: flex-end; margin:0; padding:0}
	#header-container { display: flex; flex-wrap: wrap;}
	.loghi {flex: 0 0 34%} 
	.navigazione {flex: 0 0 66%}

	#logo {  flex:0 0 33%;  height: 80px; margin:20px 0 0 0;}
	#logo-tv {flex:0 0 33%;   height: 80px; margin:20px 0 0 0}
	#logo-eu {flex:0 0 33%;   height: 80px; margin:20px 0 0 0}
	.footer-box, .footer-box.location {flex: 0 0 30%;}

}

@media (min-width: 1100px){
	.loghi {flex: 1 0 450px; display:flex; max-width:600px} 
	.navigazione {flex: 0 0 650px}
	#logo,#logo-tv,#logo-eu { flex:0 0 35%;} 
	#logo-eu  { flex:0 0 30%;} 
	#header-container { justify-content:space-between;}
}


.mind-oc-667 ul {list-style-type: none; line-height: 1.5rem; margin: 0; padding: 0;}