@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'OMEGLE';
    src: url('../_fonts/OMEGLE-Regular.eot');
    src: url('../_fonts/OMEGLE-Regular.eot?#iefix') format('embedded-opentype'),
        url('../_fonts/OMEGLE-Regular.woff2') format('woff2'),
        url('../_fonts/OMEGLE-Regular.woff') format('woff'),
        url('../_fonts/OMEGLE-Regular.ttf') format('truetype'),
        url('../_fonts/OMEGLE-Regular.svg#OMEGLE-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'icomoon';
 src: url('../_fonts/icomoon.eot');
 src: url('../_fonts/icomoon.eot?#iefix') format('embedded-opentype'),
 url('../_fonts/icomoon.woff2') format('woff2'),
 url('../_fonts/icomoon.woff') format('woff'),
 url('../_fonts/icomoon.ttf') format('truetype'),
 url('../_fonts/icomoon.svg#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}

/* VARIABLES */

:root {
	--main-white-color: #fff;
	--main-black-color: #000;
	
	--main-high-color: #418BF7;
	--main-higher-color: #c35516;
	--main-mid-color: #0b3d91;
	--main-dark-color: #163370;	
	--main-alt-color: #ECEBFF;
	
	--bright-grey-color: #ddd;
	--high-grey-color: #ccc;
	--midtop-grey-color: #999;
	--mid-grey-color: #666;
	--low-grey-color: #444;
	
	--red-calendar: #c00;
	
	--font-title: 'Abel', serif;
	--font-text: 'Abel', sans-serif;
	--font-header: 'Roboto', sans-serif;
}

.greener { color: var(--main-dark-color); font-size: 90%; }

/* Common */

body {
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 120px 0 0 0;	
	font-family: var(--font-text);
	color: var(--main-black-color);
	font-size: 110%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	font-weight: 400;
}

strong {
	font-weight: 700;
}

.coming { color: var(--main-high-color); font-size: 280%; text-align: center; width: 100%; padding: 0; margin: 0; }
.soon { width: 100%; height: 50vh; display: block; overflow: hidden; position: relative; }
.soon img { width: 60%; max-width: 1000px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
em.ico { font-family: 'icomoon'; font-size: 140%; font-style: normal; }
.icon { font-family: 'icomoon'; width: 20px; font-style: normal; color: var(--main-dark-color); display: inline-block; margin-right: 5px; vertical-align: middle; }

.container {
	display: block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	padding: 20px;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;	
}

#content {
	display: block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	margin-bottom: 50px;
	padding: 40px 0 100px 0;
}

#content p { text-align: justify; line-height: 1.5em !important; }
#content figure { width: 100%; margin-bottom: 50px; overflow: hidden; padding: 0; position: relative; }
#content figure img { margin: 0px; padding: 0; display: block; overflow: hidden; position: relative; }

.column {
	display: inline-block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	padding: 0 10px 30px 10px;
	margin: 0 -2px;
	vertical-align: top;
}

.column.data, .column.description {
	padding: 0 20px 30px 20px !important;
}

.column.col1_1 { width: 100%; }
.column.col1_2 { width: 50%; }
.column.col1_3 { width: calc(100% / 3); }
.column.col1_4 { width: 25%; }
.column.col2_3 { width: calc(100% / 1.5); }
.column.col3_4 { width: 75%; }
.column.col1_5 { width: 20%; }
.column.col4_5 { width: 80%; }

.separator {
	position: relative;
	display: block;
	overflow: visible;
	width: 100%;
	border-top: 3px solid var(--main-high-color);
	margin: 20px 0;
}

figure { margin: 0; padding: 0; }
figure img { width: 100%; height: auto; display: block; position: relative; }

#progetto #content h1, #contatti #content h1, #servizi #content h1 { color: var(--main-mid-color); font-size: 200%; font-family: var(--font-title); padding: 0; }
#boxlist { padding-bottom: 100px; }
#boxlist.network h1 {box-sizing: border-box; background-color: var(--main-mid-color); color: var(--main-white-color); width: 100%; padding: 10px; font-size: 110% !important; line-height: 1.1em !important; margin: 0; }
#boxlist.network h2 { color: var(--main-mid-color); font-size: 90% !important; margin: 0 0 0 0 !important; padding: 0 0 0 5px; font-family: 'Harabara', sans-serif !important; font-weight: normal !important; }
#boxlist.partner h1 { color: var(--main-mid-color); font-size: 130% !important; margin: 10px 0 0 0; padding: 0 0 0 5px; }
#boxlist.partner h2 { color: var(--main-mid-color); font-size: 90% !important; margin: 0 0 0 0 !important; padding: 0 0 0 5px; font-family: 'Harabara', sans-serif !important; font-weight: normal !important; }

#boxlist article a, #calendar article a, .grid-item, .grid-item figure { overflow: hidden; }
#boxlist article, #calendar article {
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
	padding: 0px;
	margin: 10px;
	width: calc((100% / 3) - 24px);
}

footer ul li a:hover, #newspage .column a:hover img, #boxlist .column a:hover img, #calendar .column a:hover img { opacity: 0.8; filter: alpha(opacity=80); -webkit-filter: grayscale(100%); filter: grayscale(100%); }

#content a, .description a { color: var(--main-high-color); text-decoration: none; }
#content a:hover, .description a:hover { color: var(--main-mid-color); text-decoration: underline; }

#video { position: relative; overflow: hidden; display: block; width: 100% !important; height: auto; margin: 20px 0 0 0 !important; }
#video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; z-index: 100; }
#video .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.hvideo {
	position: absolute;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100vw;
	background-color: var(--black-color);
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
.hvideo iframe { display: block; overflow: hidden; position: absolute;  width: 100%; height: 100%; }


.expander, .unexpander { overflow: hidden; display: block; auto; font-size: 90%; }
.leggi { width: 100%; text-align: right; font-weight: bold !important; color: var(--main-mid-color); cursor: pointer; font-size: 85%; padding: 5px 0 0 0; margin: 5px 0 0 0; border-top: 1px dotted #ccc; }
.leggi:hover { color: var(--main-black-color); }

#backall {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	display: block;
	font-size: 4.5vw;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: "Arial";
	text-align: center;
	color: var(--black-color);
	opacity: .1;
}

#homepage { width: 100%; height: auto; display: block; overflow: hidden; position: relative; }

#backallhome {
	position: absolute;
	overflow: hidden;
	display: block;
	width: 100%;
	height: auto;
	font-size: 4.5vw;
	font-weight: normal;
	font-family: "Arial";
	text-align: center;
	color: var(--main-white-color);
	opacity: .4;
	bottom: 10px;
	left: 0;
	z-index: 100;
}

/* Header */

#supercontent {
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	z-index: 0;
}

header {
	display: block;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	z-index: 1000;
	background-color: var(--main-mid-color);
}
header #logo { width: 240px; height: auto; display: block; overflow: hidden; position: relative; float: left; padding: 0; margin: 0 0 0 20px; }
header .claim { line-height: 1.4em; width: 600px; height: auto; display: block; overflow: hidden; float: left; color: var(--main-white-color); margin: 10px 0 5px 15px; line-height: 1.3em; }
header .claim h1 { display: block; overflow: visible; font-size: 200%; padding: 0; margin: 0 0 3px 0; text-transform: uppercase; }
header .claim h2 { display: block; overflow: hidden; font-size: 90%; padding: 0; margin: 0; font-weight: 400 !important; }

header .header { position: relative; display: block; overflow: hidden; width: 100%; text-align: right; padding: 0 !important; box-sizing: border-box; }

header .container { padding-top: 0px; padding-bottom: 10px; overflow: hidden; display: block; position: relative; }	

header nav { display: block; overflow: hidden; position: relative; float: left; margin-left: 20px; }
header .menu { display: block; padding: 0 12px 0 0; list-style: none; width: auto; position: relative; overflow: hidden; margin: 20px 0 0 0; }
header .menu li { font-weight: bold; display: block; padding: 0px; float: left; margin-left: 3px; }
header .menu li a { text-decoration: none; color: var(--main-white-color); float: left; padding: 5px 15px; font-weight: 500; font-size: 100%; }
header .menu li a:hover, header .menu li a.active { color: var(--main-higher-color); text-decoration: none; }

header .loginbox .mobile { float: right; display: none; box-sizing: border-box; padding: 10px 12px 0 20px; }
header .loginbox a { text-decoration: none; color: var(--main-black-color); }
header .loginbox { position: relative; display: block; overflow: hidden; width: 100%; background: var(--main-mid-color); text-align: right; padding: 0 20px !important; box-sizing: border-box; }
header .loginbox .logintop { width: auto !important; position: relative; display: inline-block; overflow: hidden; text-align: right; vertical-align: middle; padding: 0 0 0 10px; }
header .loginbox .container { padding: 0 !important; }
.login input { filter: none !important; background-color: var(--main-white-color) !important; border-radius: 5px; -moz-appearance: none; display: inline-block; filter: none; outline: 0 !important; width: 70px; font-family: var(--font-text); border: none; color: var(--main-black-color); font-size: 80%; margin-left: 6px; padding: 4px 10px; }
.login input[type='submit'] { background-color: transparent !important; border-radius: 0px !important; width: auto !important; color: var(--main-white-color); font-family: 'icomoon'; text-align: center; font-size: 120%; box-shadow: none; text-align: center; border: none !important; float: right; margin: 0 0 0 6px; padding: 3px 0; cursor: pointer; }
.login input[type='submit']:hover { color: var(--main-black-color); }
.login span { display: inline-block; font-weight: bold; }
.login strong { display: inline-block; text-align: right; margin-right: 7px; min-width: 65px; }
input:autofill { background: transparent !important; -moz-appearance: none !important; }
textarea:focus, input:focus{ outline: none !important; }
.login input::placeholder { color: var(--mid-grey-color); opacity: .7; }
.login input::-ms-input-placeholder { color: var(--main-white-color); opacity: .7; }

header .loginbox .login { color: var(--main-white-color); display: inline-block; box-sizing: border-box; padding: 8px 10px 0 10px; vertical-align: top;  }
.login.user,
.subscribebox { position: relative; display: inline-block; overflow: hidden; vertical-align: top; min-height: 50px; text-align: right; margin: 0; padding: 0; }
.subscribe { color: var(--main-white-color); font-family: var(--font-text); font-size: 80%; padding: 0 !important; }
.subscribe a { color: var(--main-white-color) !important; text-decoration: none;  }
.subscribe a:hover { color: var(--main-high-color) !important; }
.subscribe em { vertical-align: middle; display: inline-block; font-family: 'icomoon'; font-weight: 500; font-style: normal; margin: 0; color: var(--main-white-color) !important; text-decoration: none; padding: 6px 0 7px 2px;  }
.subscribebox a { color: var(--main-white-color); }
.subscribebox a.passlost { font-weight: 500; display: inline-block; font-size: 90%; text-transform: uppercase; color: var(--main-white-color); text-decoration: none; padding-top: 5px; }
.subscribebox a.subsnow, .subscribebox a.subexit { vertical-align: middle; display: inline-block; font-family: 'icomoon'; font-weight: 500; font-size: 120%; border-left: 1px solid rgba(255,255,255,.4); margin: 0; color: var(--main-white-color) !important; text-decoration: none; padding: 6px 7px 7px 9px;  }
.subscribebox a.subexit { color: var(--main-white-color); }
.subscribebox a.subsnow em { font-family: 'icomoon'; font-size: 100%; font-weight: normal; font-style: normal; color: var(--main-white-color) !important; }
.subscribebox a.subsnow.active { color: var(--main-white-color); }
.subscribebox a.subsnow:hover, .subscribebox a.subexit:hover, .subscribebox a.passlost:hover { color: var(--main-black-color) !important; }


#mobilemenu { display: block; position: fixed; top: 0px; right: -300px; height: 100%; width: 300px; color: var(--main-white-color); background-color: var(--main-dark-color); padding: 0; z-index: 1000; }
#mobilemenu ul { display: block; list-style: none; width: 100% !important; position: relative; overflow: hidden; padding: 0px; margin: 34px 0 0 0; }
#mobilemenu li { font-weight: bold; display: block; padding: 0px; float: none; font-size: 180%; box-sizing: border-box; text-align: right; padding: 10px 20px; }
#mobilemenu li a { font-family: var(--font-title); width: 100%; box-sizing: border-box; text-decoration: none; color: var(--main-white-color); font-size: 90%; font-weight: 500; } #mobilemenu li a:hover { color: var(--main-mid-color); }
#mobilemenu .login { position: absolute; bottom: 70px; text-align: center; width: 100%; }
#mobilemenu .login input { border-bottom: 1px; background-color: var(--main-white-color); color: var(--main-black-color); text-align: center; width: calc(100% - 60px); margin: 10px 0 0 20px; padding: 3px 9px; display: block; overflow: hidden; border-radius: 5px; float: none; -webkit-appearance: none !important; outline: none !important; }
#mobilemenu .login input[type="submit"] { display: block; overflow: hidden; margin: 10px auto 0 auto; line-height: 0.9em; color: var(--main-white-color); text-align: center; background-color: transparent !important; -webkit-appearance: none !important; outline: none !important; width: 100%; font-size: 220%; }
#mobilemenu .login input[type="submit"]:hover { color: var(--main-black-color); }
#mobilemenu .login input[type="checkbox"] { background-color: var(--main-black-color); }
	
#mobilemenu .subscribebox a { width: 100%; display: block; text-align: center; padding: 5px 0 0 0; margin: 0 !important; color: var(--main-white-color); }
#mobilemenu .subscribebox { bottom: 20px !important; top: auto !important; width: 100%; font-size: 120%; padding: 0px; margin: 0px; }

#mobilebutton { display: none; float: right; text-decoration: none; font-family: icomoon; color: var(--main-white-color); font-size: 280%; padding: 5px 10px; }

/* Common Header */

#head { width: 100%; height: auto; display: block; overflow: hidden; position: relative; margin-bottom: 0px; box-sizing: border-box; padding: 30px 0 80px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#head h1 { background-color: rgba(0,0,0,.7); position: relative; overflow: hidden; display: inline-block; box-sizing: border-box; text-align: left; min-width: 40%; width: auto; text-transform: uppercase; margin: 0px; padding: 20px 15px 45px 15px; line-height: 1em; color: var(--main-white-color); font-family: var(--font-header); margin-left: 20px; font-weight: 300; font-size: 200%; }
#head figure { padding: 0px; margin: 0px; display: block; overflow: hidden; width: 100%; height: auto; z-index: 1; }
#head figure img { padding: 0px; margin: 0px; display: block; width: 100%; height: auto; }

#submenu { display: block; overflow: visible; background-color: var(--main-dark-color); }
#submenu .container { display: block; overflow: hidden; padding-top: 10px; padding-bottom: 0; margin-top: 0px; margin-bottom: 0px; list-style: none; }
#submenu .container li { display: block; float: right; width: auto; }
#submenu .container li a { font-family: var(--font-title); font-weight: bold; font-size: 100%; text-decoration: none; margin-left: 5px; padding: 4px 8px 2px 8px; border-radius: 3px 3px 0 0; display: block; overflow: hidden; color: var(--main-dark-color); background-color: var(--main-white-color); text-transform: uppercase; }
#submenu .container li a:hover { color: var(--main-high-color) !important; }
#submenu .container li a.active { color: var(--main-mid-color) !important; }

.sociallink { display: inline-block; overflow: hidden; position: relative; padding: 8px 10px 4px 10px; border-left: 1px solid rgba(255,255,255,.4); margin: 0; list-style: none; vertical-align: top; }
.sociallink li { display: inline-block; overflow: hidden; position: relative; vertical-align: top; }
.sociallink li a { text-decoration: none; font-family: 'icomoon'; vertical-align: top; font-size: 120%; color: var(--main-white-color) !important; display: block; overflow: hidden; padding: 0 5px; }
.sociallink li a:hover { text-decoration: none !important; color: var(--main-black-color) !important; }

/* Home Page */

#homepage {
	background-position: center center;
	background-size: cover;
	padding: 200px 0;
}

#homepage .masonry .grid-item { display: inline-block; overflow: hidden; width: calc((100% / 4) - 25px); margin: 10px; text-decoration: none; border-radius: 5px; vertical-align: top; background-color: var(--main-white-color); }
#homepage .masonry .grid-item.status1 { width: calc((100% / 1.5) - 35px) !important; }
#homepage .masonry .grid-item > h1 { display: block; overflow: hidden; width: calc(100% - 20px); margin: 0 10px; padding: 5px 0 6px 0 !important; width: 100%; color: var(--main-white-color); font-size: 100%; }
#homepage .masonry figure { margin: 0px; box-sizing: border-box; background-color: var(--main-white-color); }
#homepage .masonry .status0 figure,
#homepage .masonry .status1 figure { background-color: var(--main-white-color); }
#homepage .masonry figure img { margin: 0px !important; position: relative; display: block !important; overflow: hidden !important; padding: 0px !important; }
#homepage .masonry > a figcaption { position: absolute; text-transform: uppercase; overflow: hidden; text-align: center; top: 50%; transform: translateY(-60%); width: 80%; margin: 0 10%; color: var(--main-white-color); font-weight: bold; font-size: 160%; display: none; z-index: 10; }
#homepage .masonry > a figcaption.link { font-family: 'icomoon'; font-style: normal; font-weight: normal; font-size: 280%; }
#homepage .masonry > a:hover figcaption { display: block; }
#homepage .masonry > a:hover figure img { opacity: 0.4; filer: alpha(opacity=40); }
#homepage .masonry > a h3 { font-size: 100%; text-align: right; color: var(--main-dark-color); margin: 0; padding: 10px; }
#homepage .masonry > a h3 em { font-family: 'icomoon'; font-style: normal; display: inline-block; overflow: hidden; position: relative; vertical-align: middle; }

.homecalendar h2 { background-color: var(--main-mid-color); color: var(--main-white-color); margin: 0 0 2px 0; width: 100%; box-sizing: border-box; padding: 10px 9px 6px 9px; font-size: 180%; line-height: 1em; font-family: var(--font-title); }
.homecalendar h2 em { font-family: 'icomoon'; font-style: normal; font-weight: normal; margin: -2px 0 0 0; padding: 0px; float: right; }
.homecalendar .calendarlist article { background-color: var(--main-high-color); display: block; padding: 7px 5px 6px 5px; overflow: hidden; margin-bottom: 1px; }
.homecalendar .calendarlist article em { font-family: 'icomoon'; font-style: normal; color: var(--main-white-color); font-weight: normal; margin: 0 0 0 0; padding: 0px; float: left; display: block; width: 10%; font-size: 160%; text-align: center; }
.homecalendar .calendarlist article a { font-weight: normal; margin: 0 0 0 0; padding: 0px; float: right; display: block; width: 90%; text-decoration: none; color: var(--main-white-color); }
.homecalendar .calendarlist article h4 { font-size: 90%; padding: 0px; font-family: var(--font-text);font-weight: bold; margin: 0; padding: 0;; }
.homecalendar .calendarlist article:hover { background-color: var(--main-mid-color); }
.homecalendar .calendarlist article:hover em { padding-top: 5px; }
.homecalendar .calendarlist article time { width: 98%; margin: 3px 0 0 0; font-weight: bold; font-size: 75%; line-height: 1.2em; padding: 0; }
.homecalendar > a.calendarcall { background-color: var(--main-mid-color); color: var(--main-white-color); margin: 2px 0 0 0; font-family: var(--font-text);font-weight: bold; width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; text-transform: uppercase; font-size: 120%; text-decoration: none; line-height: 1.4em; display: block; }
.homecalendar .calendarcall em { font-family: 'icomoon'; font-style: normal; font-weight: normal; margin: 0; padding: 0px; float: right; font-size: 140%; }
.homecalendar .calendarcall:hover { background-color: var(--main-black-color); }
.homecalendar.mobile { display: none; box-sizing: border-box; margin: 50px 20px; overflow: hidden; }

.calltoactions { width: 30%; position: relative; min-width: 300px; display: block; font-weight: bold; font-size: 120%; overflow: hidden; box-sizing: border-box; padding: 25px 65px 20px 15px; margin-bottom: 20px; color: var(--main-white-color) !important; text-decoration: none; background: url('../_img/arrow.png') right center no-repeat var(--main-high-color); background-size: contain; margin-top: 80px; }
.calltoaction { }
.calltoactions.inside { width: 100% !important; }
.calltoactions:hover { background-color: var(--main-mid-color) !important; text-decoration: none !important; }
.calltoactions::before { font-family: 'icomoon'; content: '\EAE4'; font-size: 42px !important; margin-right: 0px; color: var(--main-white-color); display: inline-block; vertical-align: middle; position: relative; overflow: hidden; z-index: 2; }

.calendaraction { width: 30%; position: relative; min-width: 300px; display: block; font-weight: bold; font-size: 120%; overflow: hidden; box-sizing: border-box; padding: 0; margin-bottom: 20px; color: var(--main-high-color); text-decoration: none; margin-top: 15px; width: auto !important; }
.calendaraction::before { font-family: 'icomoon'; content: '\EAE4'; font-size: 160% !important; line-height: 1em; margin: 0 10px 0 0; color: var(--main-mid-color); display: inline-block; vertical-align: middle; position: relative; overflow: hidden; }
.calendaraction:hover { color: var(--main-mid-color); text-decoration: none !important; }
.calendaraction.url::before { content: '\EB87' }
.calendaraction.link::before { content: '\EB87' !important; }

/* SLIDESHOWS */

#slideshow {
	overflow: hidden;
	display: block;
	width: 100% !important;
	height: 700px !important;
	z-index: 0;
	position: relative;
	margin: 0 0 40px 0;
}

#slideshow #next, #slideshow #prev {
	font-family: 'icomoon';
	overflow: hidden;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	font-size: 300%;
	z-index: 200;
	position: absolute;
	color: var(--main-white-color);
	cursor: pointer;
}
#slideshow #prev { left: 20px; }
#slideshow #next { right: 20px; }
#slideshow #next:hover, #slideshow #prev:hover { opacity: .7; }

#slideshow .banner { width: 100% !important; height: 700px !important; background-size: cover; background-position: center center; }
#slideshow > .mainimg > img { max-width: 100%; height: auto !important; max-height: 700px !important; width: auto !important; }

#slideshow .headblock {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 80%;
	max-width: 600px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	box-sizing: border-box;
}

#slideshow .headblock h2 {
	color: var(--main-white-color);
	box-sizing: border-box;
	font-size: 240%;
	display: block;
	overflow: hidden;
}

#slideshow .headblock .text {
	color: var(--main-white-color);
	box-sizing: border-box;
	margin-bottom: 30px;
	display: block;
	overflow: hidden;
}

#slideshow .headblock a {
	color: var(--main-white-color);
	background-color: var(--main-dark-color);
	padding: 11px 26px;
	border-radius: 40px;
	box-sizing: border-box;
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
	border: 2px solid transparent;
}

#slideshow .headblock a:hover { border-color: var(--main-white-color); background-color: transparent; }


#mainimg {
	width: 100%;
	height: auto;
	text-align: center;
	background-size: contain;
	background-position: center top;
	background-repeat: repeat-x;
	background-image: url(../_img/bk-mainimg.png);
	margin-top: 60px !important;
}

#mainimg img {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: calc(100% - 120px);
	max-width: 1600px;
	height: auto;
	margin: 0 40px;
}

#slidepager {
	position: relative;
	overflow: hidden;
	display: block;
	width: calc(100% - 120px) !important;
	max-width: 1600px;
	padding: 0 60px !important;
	margin: 0 auto !important;
	font-size: 240%;
	line-height: 0.67em;
	text-align: center;
}

#slidepager span {
	cursor: pointer;
	color: #fff;
	margin: 0 3px;
}

#slidepager .cycle-pager-active {
	color: #666;
}

/* Box List */

#calendar { width: 100%; }
#calendar .column a, #boxlist .column a, #newspage .column a, #evento .data figure { width: 100%; display: block; padding: 0px; box-sizing: border-box; }
.column .unclickable { width: 100%; display: block; border: 5px solid var(--main-mid-color); padding: 0; overflow: hidden; }
#calendar figure img, #boxlist figure img, #newspage figure img, #evento figure img { display: block !important; }
#calendar .column a:hover, #boxlist .column a:hover, #newspage .column a:hover { border-color: var(--mid-grey-color) !important; }
#calendar .column h2, #boxlist .column h2, #newspage .column h2 { font-size: 120%; display: block; overflow: hidden; box-sizing: border-box; padding: 0 10px; margin: 10px 0 10px 0; font-family: var(--font-text); font-weight: 500; }
#newspage .column h2 { margin: 0 0 0 0; }
#calendar .column h1 { margin: 0; color: var(--main-dark-color); font-weight: bold; font-size: 120%; padding: 10px 10px; box-sizing: border-box; }
#calendar.inside > h1 { color: var(--main-mid-color); margin: 100px 0 0 0 !important; font-weight: bold; padding-bottom: 5px; display: block; overflow: hidden; border-bottom: 2px solid var(--main-mid-color) }
#calendar.inside .column a { border: 3px solid var(--main-mid-color) !important; }
#calendar.inside .column p { margin: 0 !important; font-size: 80%; }

#calendar.dett h1 { color: var(--main-mid-color); font-size: 110%; margin-top: 10px; }

#partners .partner a { color: var(--main-high-color); }
#partners .partner a:hover { color: var(--main-mid-color); }

#boxlist.partner .column a { border: 5px solid var(--main-high-color); }
#calendar .column a, #evento .data figure { border-color: var(--main-mid-color); }

#newspage .column h2 { var(--low-grey-color) !important; font-size: 120%; }
#newspage .column h1 { margin-top: 5px !important; margin-bottom: 15px; color: var(--main-mid-color) !important; font-size: 140%; }
#newspage .column .text { width: calc(70% - 40px); display: inline-block; margin-left: 20px; vertical-align: top; }
#newspage .column time { color: var(--main-dark-color) !important; }
#newspage .column figure { border-color: var(--main-mid-color); overflow: hidden; width: calc(30% - 20px); border: 5px solid var(--main-mid-color); display: inline-block; vertical-align: top; }
#newspage .column a { border: none !important; text-decoration: none; color: var(--main-dark-color) !important; font-family: var(--font-text);font-weight: bold; }
#newspage .column a:hover { var(--main-black-color) !important; }

#calendar .column.subscribed::before { content: ''; width: 13%; height: 30%; left: 11%; display: block; overflow: hidden; position: absolute; background: url('../_img/subscribed.png') top left no-repeat; z-index: 200; background-size: contain; }
#evento .column.subscribed figure::before { content: ''; width: 13%; height: 30%; left: 5%; display: block; overflow: hidden; position: absolute; background: url('../_img/subscribed.png') top left no-repeat; z-index: 200; background-size: contain; }
#calendar .column h2::before { position: absolute; display: block; overflow: hidden; font-family: 'icomoon'; font-size: 150%; margin-top: -3px; right: 10px; color: var(--main-mid-color); }

#calendario > .container { padding-top: 0; }
/* Calendario */

#eventdett { display: block; overflow: visible; position: relative; width: 100%; color: var(--main-mid-color); height: auto; }
#eventdett h2 { display: inline-block; margin: 0; padding: 20px 0 0 15px; font-size: 260%; font-family: var(--font-title); font-weight: bold; }
#eventdett .category, #newsdett a.category { display: block; right: 40px; bottom: 13px; position: absolute; margin: 0; padding: 0 5px 10px 5px; border-bottom: 2px solid var(--main-mid-color); font-size: 110%; font-weight: bold; font-family: var(--font-title); }
#eventdett .category::after { font-family: 'icomoon'; font-size: 140%; margin-left: 10px; color: var(--main-mid-color); display: inline-block; vertical-align: bottom; }

#eventdett::before, #newsdett::before, #netdett::before, #partdett::before {
	position: absolute;
	content: '';
	width: 100%;
	border-top: 2px solid var(--bright-grey-color);
	z-index: -1;
	left: 0;
	bottom: 13px;
}

#evento { margin-top: 40px; display: block; }
#evento .data address { display: block; overflow: hidden; margin: 0; font-style: normal; line-height: 1.5em; }
#evento .data address strong, #evento .data address a { color: var(--main-mid-color); text-decoration: none; font-weight: bold; }
#evento .data address a:hover { text-decoration: underline; }
#evento .description h1 { padding: 0 0 15px 0; font-size: 160%; margin: 0; font-family: var(--font-text);font-weight: bold; color: var(--main-mid-color); }
#evento .description p, #evento .description { line-height: 1.5em !important; text-align: justify; }

#evento .column.cat_0 h2::before, #calendarnetwork .cat_0::before { content: '\E97A'; }
#evento .column.cat_1 h2::before, #calendarnetwork .cat_1::before, .webin::before { content: '\E9EA'; }
#evento .column.cat_2 h2::before, #calendarnetwork .cat_2::before { content: '\EA38'; }
#evento .column.cat_3 h2::before, #calendarnetwork .cat_3::before { content: '\EB34'; }
#evento .column.cat_4 h2::before, #calendarnetwork .cat_4::before { content: '\EB05'; }
#evento .column.cat_p h2::before, #calendarnetwork .cat_p::before { content: '\EB11'; }
#evento .column.cat_v h2::before, #calendarnetwork .cat_v::before { content: '\E9E0'; }

#calendar { margin-top: 40px; margin-bottom: 100px; }
#calendar .column h2 { margin: 0px !important; padding: 10px; font-size: 100%; box-sizing: border-box; overflow: visible; color: var(--main-white-color); background-color: var(--main-mid-color); }
#calendar .column h2::after { font-family: 'icomoon'; font-size: 100%; margin-top: 0px; color: var(--main-white-color); display: block; float: right; vertical-align: middle; }
#calendar .cat_0 h2::after, #eventdett.cat_0 .category::after { content: '\E97A'; }
#calendar .cat_1 h2::after, #eventdett.cat_1 .category::after { content: '\E9EA'; }
#calendar .cat_2 h2::after, #eventdett.cat_2 .category::after { content: '\EA38'; }
#calendar .cat_3 h2::after, #eventdett.cat_3 .category::after { content: '\EB34'; }
#calendar .cat_4 h2::after, #eventdett.cat_4 .category::after { content: '\EB05'; }
#calendar .cat_p h2::after, #eventdett.cat_p .category::after { content: '\EB11'; }
#calendar .cat_v h2::after, #eventdett.cat_v .category::after { content: '\E9E0'; }

#evento .data table { width: 100%; border: 0px; margin-bottom: 20px; }
#evento .data table td { border: 0px; }
#evento .data table td.icon, #evento .usercount em { width: 10px; font-style: normal; color: var(--main-mid-color); font-family: 'icomoon'; padding-bottom: 5px; font-size: 120%; }
#evento .data table td.text { color: var(--main-dark-color); font-family: var(--font-text);font-weight: bold; width: 60px; }
#evento .data .topc > .event { width: 100%; display: block; font-weight: bold; font-size: 160%; overflow: hidden; font-weight: 500; box-sizing: border-box; padding: 10px 30px; margin-bottom: 20px; color: var(--main-white-color); text-decoration: none; background-color: var(--main-high-color); margin-top: 30px; }
#evento .data .topc > a:hover { background-color: var(--low-grey-color); }
#evento .data .topc > .event.data { font-size: 140% !important; }
#evento .data .event::before { content: '\EBC1'; }
#evento .data .event.data::before { content: '\EA39' !important; line-height: 0.8em; }
#evento .data .event.yes::before { content: '\EB32'; }
#evento .data .event.no::before { content: '\EAB0'; }

#evento .data .event.outof::before { content: '\E97F'; right: 32px; display: block; }
.blue { var(--mid-grey-color); }

#evento .data .event.yes { background-color: var(--main-high-color); }
#evento .data .event.no, #evento .event.outof { background-color: var(--red-calendar) !important; }
#evento .event.outof { background-image: none !important; padding: 10px 15px 10px 15px !important; }


#evento .usercount em { vertical-align: middle; display: inline-block; width: 35px; font-size: 160%; }
#evento .data .event::before { font-family: 'icomoon'; font-size: 120%; font-weight: normal !important; color: var(--main-white-color); display: block; position: absolute; right: 40px; overflow: hidden; overflow: hidden; margin-top: 0px; }
#evento .usercount { color: var(--main-black-color); font-weight: bold; }
#evento .usercount strong { color: var(--main-mid-color); font-family: var(--font-text);font-weight: bold; font-size: 140%; }

#evento .data .topc figure { display: block; overflow: hidden; position: relative; width: 100%; margin-top: 5px; float: none;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5); }
#evento .data .bottomc { display: block; margin-top: 40px; padding-top: 0px; }
#evento .data .bottomc h3 { color: var(--main-mid-color); border-bottom: 1px solid var(--main-mid-color); font-family: var(--font-title); font-weight: 500; font-size: 130%; width: 100%; padding-top: 5px; padding-bottom: 10px; display: inline-block; margin-top: -15px; }

#eventdata { display: block; width: 100%; }
#eventdata::before {
	position: absolute;
	content: '';
	width: 100%;
	border-top: 2px solid var(--bright-grey-color);
	z-index: -1;
	left: 0;
	margin-top: 60px;
}

.harder { width: 100%; display: block; overflow: hidden; position: relative; height: 40px; }
#eventdata h3 { display: inline-block; bottom: 0; font-family: var(--font-title); position: relative; margin: 0; padding: 8px 0 8px 0; border-bottom: 15px solid var(--main-mid-color); color: var(--main-mid-color); font-size: 140%; font-weight: bold; }
#eventdata .description h3 { margin-left: 20px; }

a.webin { margin-top: 0px; margin-bottom: 40px; }
a.webin::before { font-family: 'icomoon'; font-size: 42px; color: var(--main-white-color); display: block; position: absolute; right: 50px; margin-top: -0.25em; overflow: hidden; }

#progetto .calltoactions { background-color: var(--main-mid-color); }

#eventcta #calendar { margin-top: 0; }

/* Calendario Evento */

#eventdata.part::before {
	position: absolute;
	content: '';
	width: 100%;
	border-top: 2px solid var(--bright-grey-color);
	z-index: -1;
	left: 0;
	margin-top: 60px;
}
#eventdata.part h3 { display: inline-block; bottom: 0; position: relative; margin: 0; padding: 0 0 10px 0; border-bottom: 8px solid var(--main-mid-color); color: var(--main-mid-color); font-size: 140%; font-weight: bold; }
#eventdata.part .description h3 { margin-left: 20px; }

#calendarnetwork { padding-left: 20px; padding-right: 20px; }
#calendarnetwork a { text-decoration: none !important; color: var(--main-high-color); }
#calendarnetwork .column { padding: 10px 0; overflow: visible; width: 100% !important; }
#calendarnetwork a h2 { text-decoration: none !important; color: var(--main-high-color) !important; font-size: 100% !important; display: block; float: left; width: auto; padding: 0 !important; margin: 0 10px 0 0 !important; border: none !important; }
#calendarnetwork h1 { font-size: 100% !important; color: var(--main-dark-color) !important; display: block; float: left; width: auto; padding: 0; margin: 0; }
#calendarnetwork .past h1 { color: var(--midtop-grey-color) !important; }
#calendarnetwork .column::before { font-family: 'icomoon'; font-size: 140%; margin-right: 12px; margin-top: -3px; display: block; float: left; vertical-align: middle; }

#calendarnetwork.partner .column::before, #calendarnetwork.partner h2 { color: var(--main-high-color) !important; }
#calendarnetwork.network .column::before, #calendarnetwork.network h2 { color: var(--main-mid-color) !important; }
#calendarnetwork .column.subscribed::before { content: '\EB90'; color: var(--main-high-color) !important; }
#calendarnetwork .column.past::before { color: var(--high-grey-color) !important; }
#eventdata.part h3, #eventcta #calendar h3 { display: inline-block; bottom: 0; position: relative; margin: -4px 0 0 0; padding: 0 0 3px 0; font-size: 180%; font-weight: 500; }

#calendarnetwork.partner h3 { border-bottom: 2px solid var(--main-high-color); color: var(--main-high-color) !important; }
#calendarnetwork.network h3, #eventcta #calendar h3 { border-bottom: 2px solid var(--main-mid-color); color: var(--main-mid-color) !important; }
#calendarnetwork .column.past h2 { color: var(--high-grey-color) !important; }
#calendarnetwork .column.past h1 { var(--mid-grey-color) !important; }
#calendarnetwork a:hover h1 { padding-left: 30px; }

.tab .network.src { display: table !important; width: 100% !important; }
.tab .network { padding: 0px !important; }
.searchsaved { width: 100% !important; display: table-row !important; overflow: hidden; }
#network #calendarnetwork .column { width: 100%; }
#network > .container { margin-bottom: 160px; }
.searchsaved a { overflow: hidden; margin: 0px !important; vertical-align: middle; display: table-cell !important; border-bottom: 1px dotted var(--high-grey-color); padding: 10px 0 !important; }
#network #calendarnetwork .column { overflow: hidden; margin: 0px !important; vertical-align: middle; display: block !important; border-bottom: 1px dotted var(--high-grey-color); padding: 10px 0 !important; }
.searchsaved h1, #network #calendarnetwork .column h1 { padding-bottom: 0px !important; display: inline-block; vertical-align: middle; }
.searchsaved a.delsearch { font-family: 'icomoon'; font-size: 180%; padding: 0 !important; margin: 0 !important; text-align: right; width: 40px; line-height: 1em; vertical-align: middle; }
.searchsaved a.delsearch:hover { color: var(--main-mid-color) !important; }

.actionbutt {
	display: block;
	overflow: hidden;
	font-size: 130%;
	text-decoration: none;
	width: 100%;
	box-sizing: border-box;
	color: var(--main-white-color);
	background-color: var(--main-mid-color);
	font-family: var(--font-title);
	letter-spacing: 0.05em;
	padding: 10px 25px;
	margin-top: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.4em;
}
.actionbutt::after { font-family: 'icomoon'; content: '\EC9C'; font-size: 140%; float: right; display: inline-block; }
.actionbutt.pdf::after { content: '\EC9C'; }
.actionbutt.edit::after { content: '\E99A'; }
.actionbutt.approf::after { content: '\EAB5'; }
.actionbutt.see::after { content: '\E9A2'; }
.actionbutt.agende::after { content: '\EB11'; }
.actionbutt.agendev::after { content: '\E9E0'; }
.actionbutt.calenda::after { content: '\EB11'; }
.actionbutt.pdf { background-color: var(--main-high-color); }
.actionbutt:hover { background-color: var(--main-dark-color) !important; }


/* News Content */

#news #content h1 { color: var(--main-high-color); font-family: var(--font-text); font-weight: bold; font-size: 200%; }
#news #content h2 { color: var(--main-high-color); }

#newsdett { display: block; overflow: visible; position: relative; width: 100%; color: var(--main-high-color); height: auto; }
#newsdett .container { padding: 0 20px; }
#newsdett h2 { display: inline-block; margin: 0; padding: 0 0 15px 5px; font-size: 200%; font-family: var(--font-text); font-weight: bold; }
#newsdett a { color: var(--main-dark-color); text-decoration: none; }
#newsdett a:hover { color: var(--main-black-color); }
#newsdett a::after { font-family: 'icomoon'; font-size: 200%; color: var(--main-high-color); margin-left: 12px; display: inline-block; vertical-align: middle; }

#subnews { display: block; overflow: visible; height: 80px; margin-top: 60px; }
#subnews .container { display: block; overflow: visible; padding-top: 0; list-style: none; }
#subnews .container li { display: inline-block; float: left; width: auto; }
#subnews .container li.next { float: right; }
#subnews .container li a:hover, #subnews .container li a.active { color: var(--main-dark-color) !important; }
#subnews .container li a { font-weight: bold; font-size: 130%; text-decoration: none; display: block; overflow: hidden; }
#subnews .container li a { color: var(--main-mid-color); border-color: var(--main-mid-color); }

#submenu.news:before { display: none; }

.dataspec { font-size:100%; color: var(--main-dark-color); }


/* Network */

#netdett { display: block; overflow: visible; position: relative; width: 100%; color: var(--main-mid-color); height: auto; }
#netdett h2 { display: inline-block; margin: 0; padding: 0 0 0 15px; width: calc(100% - 150px); font-size: 200%; font-family: var(--font-text); font-weight: bold; }
#netdett h2 small { display: block; padding: 0; }
#netdett .category { display: block; right: 40px; bottom: 0; position: absolute; margin: 0; padding: 0 0 10px 0; border-bottom: 8px solid var(--main-mid-color); font-size: 110%; font-weight: bold; }
#netdett .category::after { font-family: 'icomoon'; font-size: 200%; color: var(--main-mid-color); margin-left: 12px; display: inline-block; vertical-align: middle; }

#network #tab { list-style: none; padding: 0px; margin: 5px 0 20px 0; display: table; table-layout: fixed; width: 100%; }
#network #tab li { color: var(--main-white-color); width: auto; display: table-cell; text-align: center; vertical-align: bottom; box-sizing: border-box; padding: 0 1px; }
#network #tab li a { border-radius: 5px; font-weight: 700; font-size: 80%; font-family: var(--font-title); text-transform: uppercase; color: var(--main-white-color); margin-right: 2px; background-color: var(--main-dark-color); text-decoration: none; padding: 7px 10px; display: block; }
#network #tab li a:hover { background-color: var(--main-high-color); }
#network #tab li a.active { background-color: var(--main-mid-color); }
#network .tab h2 { color: var(--main-mid-color); border-bottom: 1px solid var(--main-mid-color); padding-bottom: 12px; display: block; margin-bottom: 20px; margin-top: 25px; }
#network .tab h2 a { font-family: 'icomoon'; color: var(--main-high-color); display: inline-block; float: right; }
#network .tab h3 { color: var(--main-high-color); border-bottom: 1px solid var(--main-high-color); padding-bottom: 12px; display: block; margin-bottom: 20px !important; }
#network .tab a, #network .tab .noapp { color: var(--main-high-color); font-weight: bold; text-decoration: none; margin-top: 10px; }
#network .tab .calendaraction { color: var(--main-high-color); font-weight: bold; text-decoration: none; margin-top: 10px; }
#network .tab a:hover { color: var(--main-mid-color); }
#network .tab figure { display: inline-block; overflow: hidden; }
#network .tab .video { margin-top: 20px; padding: 0px; display: block; overflow: hidden; }
#network .tab .vidpreview { margin: 0px; padding: 0px; display: block; overflow: hidden; }
#network .tab .vidpreview img { display: inline-block; overflow: hidden; }
.vidpreview::before { font-family: 'icomoon'; left: 50%; transform: translateX(-50%); margin-top: 15%; content: '\EAD0'; vertical-align: middle; position: absolute; display: table-cell; overflow: hidden; text-align: center; font-size: 300%; color: var(--main-white-color); opacity: 0.8; }
#network .tab .vidpreview:hover::before { color: var(--main-high-color); opacity: 1; }

#network .tab .noapp { display: block; overflow:hidden; margin-top: 0 !important; }
#network .tab .noapp h2 { text-decoration: none !important; color: #999 !important; font-size: 100% !important; display: block; float: left; width: auto; padding: 0 !important; margin: 0 10px 0 0 !important; border: none !important; }
#network .tab .noapp h1 { color: #bbb !important; }


#network #appr { width: 100%; list-style: none; padding: 0px; }
#network #appr li { display: block; border-bottom: 1px solid var(--high-grey-color); margin-bottom: 10px; }
#network #appr > li.active > a.calendaraction { color: var(--main-mid-color) !important; }
#network #appr li > a { margin: 10px 0 10px 0 !important; color: var(--main-high-color) !important; }
#network #appr li .appr { margin-bottom: 30px; }
#network .tab .ofform h3 { border: none; padding-bottom: 0px !important; margin-bottom: 0px !important; }
#network .tab .ofform { border-bottom: 1px solid var(--high-grey-color); list-style: none; padding: 0 0 15px 0; }
#network .tab .ofform strong { color: var(--main-mid-color); margin-top: 20px; }
#network .tab .ofform.bis strong { color: var(--main-dark-color); margin-top: 20px; }
#network .tab .ofform li { padding: 5px 0 0 10px; }
#network .tab .ofform li span { padding: 5px 0 0 10px; display: block; }
#network .tab.tab_1 p { margin-top: 0px !important; }

#network { display: block; }
#network .data address { display: block; overflow: hidden; margin-top: 20px; font-style: normal; line-height: 1.5em; }
#network .data address strong, #network .data address a { color: var(--main-mid-color); text-decoration: none; font-weight: bold; }
#network .data address a:hover { color: var(--main-mid-color); }
#network .data address a:hover { text-decoration: underline; }
#network .description h1 { padding: 0 0 15px 0; font-size: 180%; margin: 0; font-family: var(--font-title); font-weight: bold; color: var(--main-mid-color); }
#network .description p { line-height: 1.5em !important; text-align: justify; }

#network .data figure { width: 100%; display: block;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5); margin-top: 5px; }
#network .data .picbox {
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
}
#network figure img { display: block !important; }
#network .column h2 { font-size: 160%; display: block; overflow: hidden; margin: 15px 0 10px 0; font-family: var(--font-title); font-weight: bold; }
#network .description > h2 { padding: 0; font-size: 120%; margin: 0; font-family: var(--font-text); font-weight: normal; color: var(--low-grey-color); font-style: italic; }
#network .description > h3 { padding: 0 0 25px 0; font-size: 100%; margin: 0; font-family: var(--font-text); color: var(--main-mid-color); font-weight: normal; font-style: italic; }


/* Relatori */

#relatori { list-style: none; padding: 0px; margin: 0; }
#relatori li::before { font-family: 'icomoon'; font-size: 100%; content: '\EB2F'; margin-right: 8px; color: var(--main-mid-color) !important; }
#relatori li { padding-bottom: 5px; }
#relatori li a { text-decoration: none; color: var(--main-black-color); font-weight: bold; }
#relatori li a:hover { color: var(--main-mid-color) !important; }
h2.relatori { padding-top: 50px !important; font-size: 140%; display: block; overflow: hidden; color: var(--main-mid-color) !important; }

.albo { margin-top: 40px; }
.albo figure { background-position: center center; background-size: cover !important; background-repeat: no-repeat; }

.searchrela, .searchrela .column { padding-bottom: 0; }
.searchrela input[type="text"] {
	width: calc(100% - 100px) !important;
	box-sizing: border-box !important;
	float: left !important;
	display: block !important;
	overflow: hidden !important;
	position: relative !important;
	background: #fff !important;
	border: 2px solid var(--main-mid-color) !important;
	padding: 10px !important;
	border-radius: 20px !important;
	font-size: 100% !important;
	margin: 0px !important;
}

.searchrela input[type="submit"] {
	width: 85px !important;
	box-sizing: border-box !important;
	float: right !important;
	display: block !important;
	overflow: hidden !important;
	position: relative !important;
	background-color: var(--main-mid-color) !important;
	border: 2px solid var(--main-mid-color) !important;
	padding: 13px 10px !important;
	border-radius: 20px !important;
	color: var(--main-white-color);
	font-size: 100% !important;
	margin: 0px !important;
	cursor: pointer !important;
}

.searchrela input[type="submit"]:hover { background-color: var(--main-black-color) !important; border-color: var(--main-black-color) !important; }

.public {
	display: inline-block;
	overflow: hidden;
	position: relative;
	background-color: var(--main-mid-color);
	color: var(--main-white-color);
	border-radius: 30px;
	padding: 10px 25px 10px 20px;
	cursor: pointer;
}
.public:hover { background-color: var(--low-grey-color); }
.public > input { display: none !important; }
.public > em { width: 26px; height: 26px; border-radius: 51%; background-color: var(--main-white-color); display: inline-block; overflow: hidden; vertical-align: middle; margin: 0 15px 0 0; position: relative; }
.public > strong { font-size: 140%; vertical-align: middle; }
.public input:checked ~ em::before { width: 20px; height: 20px; border-radius: 51%; background-color: var(--main-black-color); content: ''; display: block; overflow: hidden; margin: 3px; }

/* Partners */

#partdett { display: block; overflow: visible; position: relative; width: 100%; color: var(--main-high-color); height: auto; }
#partdett h2 { display: inline-block; margin: 0; padding: 0 0 0 15px; width: calc(100% - 150px); font-size: 200%; font-weight: normal; }
#partdett .category { display: block; right: 40px; bottom: 0; position: absolute; margin: 0; padding: 0 0 10px 0; border-bottom: 8px solid var(--main-high-color); font-size: 110%; font-weight: bold; }
#partdett .category::after { font-family: 'icomoon'; font-size: 200%; color: var(--main-high-color); margin-left: 12px; display: inline-block; vertical-align: middle; }

#partner { margin-top: 20px; display: block; }
#partner .data address { display: block; overflow: hidden; margin-top: 20px; font-style: normal; line-height: 1.5em; }
#partner .data address strong, #partner .data address a { color: var(--main-high-color); text-decoration: none; font-weight: bold; }
#partner .data address a:hover { text-decoration: underline; }
#partner .description h1 { padding: 0 0 15px 0; font-size: 160%; margin: 0; font-family: var(--font-text); font-weight: bold; color: var(--main-high-color); }
#partner .description p { line-height: 1.5em !important; text-align: justify; }

#partner .column h2 { font-size: 160%; display: block; overflow: hidden; margin: 15px 0 10px 0; font-family: var(--font-text); font-weight: bold; }
#partner .sociallink li a:hover { color: var(--main-high-color) !important; }

.partner article { margin-bottom: 80px; }
.partner article.last { margin-bottom: 0px !important; padding-bottom: 0px !important; border-bottom: none !important; }
.partner article .column { line-height: 1.3em; }
.partner article .column.col2_3 { box-sizing: border-box; padding-left: 40px; }
.partner figure { width: 100%; display: block; overflow: hidden; border: 5px solid var(--main-mid-color); padding: 0; }
.partner a:hover figure { border-color: var(--main-dark-color); }
.partner figure img { display: block !important; width: 100%; height: auto; }
.partner > h1 { color: var(--main-high-color); font-size: 260% !important; margin: 5px 0 40px 0; padding: 0 0 15px 0; font-family: 'Harabara' !important; border-bottom: 2px solid var(--main-mid-color); font-weight: normal !important; color: var(--main-mid-color); }
.partner > article h1 { color: var(--main-mid-color); font-size: 200% !important; margin: 5px 0 20px 0; padding: 0; font-family: 'Roboto' !important; font-weight: bold !important; }

/* Contatti */

.form input[type='text'], .form input[type='email'] { width: 100%; box-sizing: border-box; padding: 10px; border-radius: 5px; border: 2px solid var(--bright-grey-color); display: block; margin-bottom: 12px; font-size: 110%; font-family: var(--font-text); }
.form textarea { width: 100%; box-sizing: border-box; padding: 10px; border-radius: 5px; border: 2px solid var(--bright-grey-color); display: block; margin-bottom: 12px; font-size: 110%; font-family: var(--font-text); min-height: 20vh; }
.form input[type='submit'] { width: 100%; box-sizing: border-box; padding: 15px 30px 15px 30px; display: block; margin-bottom: 12px; font-size: 140%; border: 0; border-radius: 30px; color: var(--main-white-color); text-align: left; background: url('../_img/arrow_send.png') calc(100% - 20px) center no-repeat var(--main-dark-color); background-size: contain; cursor: pointer; font-family: var(--font-text); font-weight: bold; }
.form input[type='submit']:hover { background-color: var(--main-black-color); }
#contatti .data address { font-style: normal; font-size: 120%; }
#contatti .data address > b { color: var(--main-mid-color); }
#contatti .data strong { display: block; margin-bottom: 10px; color: var(--mid-grey-color) !important; font-size: 80%; font-weight: normal; padding-bottom: 10px; }
#contatti .data strong:nth-child(3) { display: block; margin-bottom: 10px; color: var(--mid-grey-color) !important; font-size: 100%; font-weight: bold; padding-bottom: 10px; }
#contatti .data big { font-family: var(--font-title); color: var(--main-mid-color); text-transform: capitalize; font-size: 200%; }
#contatti .data a { text-decoration: none; color: var(--main-dark-color); }
#contatti .data figure { width: 60%; max-width: 223px; display: inline-block; text-align: center; }
.form input[type='checkbox'] { margin-right: 10px !important; }
.form a { color: var(--main-dark-color); text-decoration: none; }
.form a:hover { color: var(--main-black-color); text-decoration: underline; }


/* MY PAGE */

#mypage { display: block; overflow: hidden; padding: 40px 0 30px 0; margin-top: 0px; }
#mypage .mypage { width: calc(100% - 280px); padding: 0 40px 0 20px; margin: 0px; display: block; float: left; }
#mypage .mypage a { color: var(--main-high-color); text-decoration: none; }
#mypage .mypage a:hover { color: var(--main-black-color); text-decoration: underline; }
#mypage figure { width: 200px; height: 200px; border-radius: 100px; display: block; float: right; overflow: hidden; margin-right: 20px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#mypage figure img, .formlog figure.mini img { display: none; width: 100%; height: 100%; }
#mypage .sociallink li { margin-right: 5px; font-size: 120%; }
#mypage .sociallink li a:hover { color: var(--main-high-color) !important; }

.myform { margin: 0px; font-size: 90%; padding: 0 0 0 10px; }
.myform li { margin-top: 5px; color: var(--main-high-color) !important; }
.myform li strong { line-height: 1em !important; display: block; color: var(--main-high-color) !important; }
.myform li span { var(--main-black-color) !important; }

.formlog input[type='password'], .formlog input[type='text'], .formlog input[type='email'], .formlog input[type='file'] { background: var(--main-white-color); width: 100%; box-sizing: border-box; border-radius: 5px; padding: 10px; border: 2px solid var(--bright-grey-color); display: block; margin-bottom: 12px; font-size: 110%; font-family: var(--font-text); }
.formlog input[type='file'] { width: calc(100% - 68px); display: inline-block; }
.formlog textarea { width: 100%; border-radius: 5px; box-sizing: border-box; padding: 10px; border: 2px solid var(--bright-grey-color); display: block; margin-bottom: 12px; font-size: 110%; font-family: var(--font-text); min-height: 20vh; }
.formlog input[type='submit'].submit { border-radius: 50px; width: 100%; box-sizing: border-box; padding: 17px 24px 13px 30px; display: block; margin-bottom: 12px; font-size: 140%; border: 0; color: var(--main-white-color); text-align: left; background: url('../_img/arrow_send.png') calc(100% - 10px) center no-repeat var(--main-high-color); background-size: contain; cursor: pointer; font-family: var(--font-text); font-weight: bold; cursor: pointer; }
.formlog input[type='submit'].erase { width: 100%; box-sizing: border-box; padding: 17px 24px 13px 20px; display: block; margin-bottom: 12px; font-size: 140%; border: 0; color: var(--main-white-color); text-align: left; background: url('../_img/arrow_change.png') right center no-repeat var(--main-high-color); background-size: contain; cursor: pointer; font-family: var(--font-text); font-weight: bold; cursor: pointer; }
.formlog select { width: 100%; box-sizing: border-box; padding: 10px; border-radius: 5px; border: 2px solid var(--bright-grey-color); display: block; margin-bottom: 12px; font-size: 110%; font-family: var(--font-text); }
.formlog input[type='submit']:hover { background-color: var(--main-black-color); }
.formlog input[type='checkbox'] { margin-right: 10px !important; }
.formlog a, .formlog h1 { color: var(--main-high-color); text-decoration: none; }
.formlog a:hover { color: var(--main-black-color); text-decoration: underline; }
.formlog.left { float: left; }
.formlog.right { float: right; }
.formlog h1{ font-size: 200%; }
.formlog input[type="submit"].erase { background-color: transparent; font-size: 120%; color: var(--main-high-color); width: auto; display: inline-block; }
.formlog input[type="submit"].erase:hover { color: var(--main-black-color); }

.formlog input[type='file'].short { width: calc(100% - 70px) !important; display: inline-block !important; }
.formlog figure.mini { width: 46px; height: 46px; border-radius: 51%; display: inline-block; margin-left: 16px; vertical-align: middle; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.formlog select.half { width: calc(37% - 8px) !important; display: inline-block }
.formlog .divider { width: 20% !important; display: inline-block; padding: 0; margin: 0px; }
.formlog .divider2 { width: 6% !important; display: inline-block; padding: 0; margin: 0px; text-align: center; }

.elemento { border-bottom: 1px solid var(--main-high-color); margin-top: 20px; padding-bottom: 10px; }
.elemento select { width: calc(100% - 50px); }
.elemento .elementorem { font-family: 'icomoon'; width: 50px; float: left; line-height: 1.3em; margin: 0px; padding: 0px; cursor: pointer; font-size: 230%; color: var(--main-mid-color); }
.elemento .elementorem:hover { color: var(--red-calendar); }
.adder { background-color: var(--main-high-color); color: var(--main-white-color) !important; font-weight: 700; padding: 10px 15px; margin-top: 0px !important; display: inline-block; }
.adder::before { font-family: 'icomoon'; content: '\E981'; color: var(--main-white-color); margin-right: 10px; display: inline-block; vertical-align: bottom; font-size: 120%; }
.adder:hover { color: var(--main-white-color); text-decoration: none !important; background-color: var(--main-mid-color); }

.radio label {
	display: inline-block;
	font-size: 120%;
	color: var(--main-mid-color);
	margin-right: 20px;
	cursor: pointer;
}

.radio.subscr label {
	font-size: 140%;
	color: var(--main-white-color);
	background-color: var(--main-mid-color);
	margin-right: 5px;
	box-sizing: border-box;
	padding: 10px 15px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 10px 10px 0 0;
}
.radio label::before { font-family: 'icomoon'; content: '\EC13'; color: var(--main-mid-color); margin-right: 5px; display: inline-block; vertical-align: bottom; font-size: 120%; }
.radio.subscr label::before { color: var(--main-white-color) !important; }
.radio input[type="radio"]:checked+label { color: var(--main-high-color) !important; }
.radio.subscr input[type="radio"]:checked+label { color: var(--main-white-color) !important; background-color: var(--main-dark-color) !important; }
.radio input[type="radio"]:checked+label::before { content: '\EC11' !important; }
.radio.subscr input[type="radio"]:checked+label::before { color: var(--main-white-color) !important; }

.check { font-size: 120%; }
.check label::before, .checkform label::before { font-family: 'icomoon'; content: '\EC10'; color: var(--main-mid-color); margin-right: 15px; display: inline-block; vertical-align: middle; font-size: 120%; }
.check input[type="checkbox"]:checked+label::before, .checkform input[type="checkbox"]:checked+label::before { content: '\EC0F' !important; }
.check input, .checkform input { display: none; }
.checkform label { margin-top: 10px; display: inline-block; }

.radio.subscr { border-bottom: 1px solid var(--main-mid-color); display: block; overflow: hidden; position: relative; }

.diploma label {
	font-size: 100%;
	color: var(--main-dark-color);
	margin-right: 20px;
	font-weight: bold;
}


.privacy {
	width: calc(100% - 22px);
	overflow: hidden;
	padding: 10px;
	color: var(--low-grey-color);
	font-size: 70%;
	line-height: 1.3em;
	background: var(--main-white-color);
	margin: 40px 0;
	border: 2px solid var(--main-black-color);
	 border-radius: 5px;
}

.privacy p {
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 10rem;
	padding-right: 10px;
}

.privacy h1 { font-size: 160%; padding: 0; margin: 5px 0 10px 0; }

.privatecheck { font-size: 80%; display: inline-block; line-height: 1.3em; }
.privatecheck input { margin: 0 12px 30px 0; float: left; }

.form .privacy { border-color: var(--main-dark-color); border-radius: 5px; }
.formlog .privacy { border-color: var(--main-high-color); }
.form .privacy h1 { color: var(--main-dark-color); }
.formlog .privacy h1 { color: var(--main-high-color); }

.catchoose { width: 100%; position: relative; min-width: 300px; line-height: 0.8em; font-family: var(--font-title); display: block; font-weight: normal; font-size: 240%; overflow: hidden; box-sizing: border-box; padding: 35px 70px 30px 25px; margin-bottom: 20px; color: var(--main-white-color) !important; text-decoration: none !important; background: url('../_img/login_azienda.jpg') right center no-repeat var(--main-high-color); background-size: auto 100% !important; }
.laurea .catchoose { background: url('../_img/login_studenti.jpg') right center no-repeat var(--main-high-color); }
.formlog .catchoose { background-color: var(--main-mid-color); }
.formlog.laurea a { color: var(--main-mid-color); }
.catchoose.inside { width: 100% !important; }
.catchoose:hover { background-size: auto 115% !important; filter: grayscale(100%); }


/* PREVIEW */


#prevbanner, #preview .container figure { display: block; overflow: hidden; position: relative; width: calc(100% -40px); padding: 0px !important; margin-bottom: 0px; text-decoration: none; border: 5px solid var(--main-mid-color); }
#prevbanner figure { margin: 0px; padding: 0px; display: block; overflow: hidden; background-color: var(--main-mid-color); border-radius: 0; }
#prevbanner figure img, #preview .container figure img { display: block; overflow: hidden; width: 100%; height: auto; }
a#prevbanner:hover figure img { opacity: 0.5; }
#prevbanner.bannermix a { position: absolute; top: 0; height: 100%; display: block; overflow: hidden; background-color: var(--main-mid-color); }
#prevbanner.bannermix.num_3 a.area_1, #prevbanner.bannermix.num_2 a.area_1 { left: 0; width: 33%; opacity: 0; }
#prevbanner.bannermix.num_3 a.area_2, #prevbanner.bannermix.num_2 a.area_2 { left: 33%; width: 34%; opacity: 0; }
#prevbanner.bannermix.num_3 a.area_3 { left: 67%; width: 33%; opacity: 0; }
#prevbanner.bannermix.num_1 a.area_1 { left: 0; width: 100%; opacity: 0; }
#prevbanner.bannermix.num_1 a.area_2 { left: 0; width: 100%; opacity: 0; }
#prevbanner.bannermix.num_1 a.area_3 { left: 0; width: 100%; opacity: 0; }

#prevbanner.bannermix a:hover { opacity: 0.5; }

.previewbox { width: 100%; margin-bottom: 30px; border: 2px solid var(--main-mid-color); display: block; overflow: hidden; position: relative; box-sizing: border-box; padding: 5px 5px 5px 8px; }
.previewbox .button, .previewbox .buttone, .previewbox .butt, .previewbox .butt, .interact .button { width: auto; float: right; padding: 8px 10px 7px 10px; text-decoration: none; color: var(--main-white-color); background-color: var(--main-mid-color); vertical-align: middle; border-radius: 5px; text-transform: uppercase; font-weight: bold; font-size: 90%; display: inline-block; overflow: hidden; position: relative; }
.previewbox span { text-decoration: none; vertical-align: middle; display: inline-block; padding-top: 6px; font-size: 110%; }
.previewbox span strong { color: var(--main-high-color); }
.previewbox span.green { color: var(--main-mid-color); }
.previewbox span.greenb { color: var(--main-high-color); }
.previewbox span.greenb b { color: var(--main-mid-color) !important; }
.previewbox a.button:hover, .agendap li a.button:hover, .agendap li a.butt:hover, .previewbox a.butt:hover, .interact .button:hover { color: var(--main-white-color); background-color: var(--main-high-color); text-decoration: none; }
.previewbox em, .previewbox em, .agendap li .button em, .agendap li .butt em, .agendap li .attesa em, .interact .button em { color: var(--main-white-color); font-family: 'icomoon'; font-style: normal; text-decoration: none; vertical-align: middle; font-size: 130%; line-height: 1em; }
.agendap li .button b, .agendap li .butt b, .agendap li .attesa b, .interact .button b { color: var(--main-white-color); vertical-align: middle; }
.previewbox > em { color: var(--main-mid-color); margin-right: 10px; font-size: 180%; padding-top: 3px; float: left; display: block; }
.previewbox > .button em, .previewbox > .buttone em, .previewbox > .butt em, .agendap li .button em, .agendap li .attesa em, .agendap li .butt em, .interact .button em { color: var(--main-white-color); display: inline-block; margin-left: 10px }
.previewbox.active .button, .previewbox.active .butt { animation: blinkred 0.5s infinite; }
.previewbox.active > em, .previewbox.active span strong { color: #c00 !important; }
.butt.infolink { color: var(--main-white-color) !important; line-height: 0em; vertical-align: middle; }
.butt.close { background-color: #ccc !important; color: var(--main-white-color); }

@keyframes blinkpreview {
 0% { background-color: var(--main-mid-color); }
 50% { background-color: var(--main-high-color); }
 100% { background-color: var(--main-mid-color); }
}
.butt.white { color: var(--main-white-color) !important; }
.agendap { width: 100%; list-style: none; padding: 0; margin: 0; display: block; overflow: hidden; position: relative; }
.agendap li { width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; display: block; overflow: hidden; }
.agendap li figure { margin: 0 6px 0 0 !important; padding: 0; vertical-align: middle; display: inline-block !important; border: 1px solid var(--main-high-color) !important; border-radius: 51%; width: 32px; height: 32px; }
.insidepic { margin: 0 6px 0 0 !important; padding: 0; vertical-align: middle; display: inline-block !important; border: 1px solid var(--main-high-color) !important; border-radius: 51%; width: 42px; height: 42px; }
.agendap li figure img, .insidepic img { width: 100%; height: auto; }
.insidepic { float:right; display: block !important; background-size: cover; }
.titinside { width: calc(100% - 70px) !important; font-size: 210%; float: left; }
.dividermatch h1 { font-size: 160%; margin: 5px 0; }
.agendap li .title, .agendap li .title a { margin: 0px !important; vertical-align: middle; font-weight: bold; display: inline-block !important; font-size: 100%; color: var(--main-high-color); }
.agendap li span { text-decoration: none; vertical-align: middle; display: block; padding-top: 8px; font-size: 90%; float: right; }
.agendap li .button, .agendap li .butt, .agendap li .attesa { width: auto; float: right; padding: 8px 10px 7px 10px; margin: 0 0 0 15px !important; color: var(--main-white-color); background-color: var(--main-mid-color); vertical-align: middle; border-radius: 5px; text-transform: uppercase; font-weight: bold; font-size: 90%; display: inline-block; overflow: hidden; position: relative; }
.agendap li .attesa { background-color: var(--main-high-color); }
.agendap li.active .button, .agendap li.active .butt { animation: blinkred 0.5s infinite; }
.agendap li.active span, .agendap li.active .title a , .agendap li.active .title { color: #c00; font-weight: bold; animation: blinktransp 0.5s infinite; }
.agendap li.concluso span, .agendap li.concluso .title a { color: #ccc; }
.agendap li.active span { border: 2px solid #c00 !important; border-radius: 5px; padding: 3px 5px !important; box-sizing: border-box; font-weight: bold; }
.agendap li.concluso figure { border-color: #ccc !important; }
.agendap .subpreview { display: none; }
.agendap .subpreview.today { display: block !important; }
.agendap li .button.active { background-color: #999; }

.agendap .subpreview { display: none; }
.agendap .subtoday { display: block !important; }

.agendap li.active .button { animation: blinkredno 0.5s infinite; }
.agendap li.active .subtoday a { color: #c00 !important; }
.agendap li.active .subtoday a em { color: #c00 !important; }

.button.noactive { cursor: default !important; background-color: #ccc !important; }
.butt.infolink.active { background-color: #999 !important; }

.agendap li > .infouser {
	float: right;
	display: block;
	overflow: hidden;
	font-size: 80%;
	font-style: normal;
	width: 30px;
	height: 22px;
	text-align: center;
	margin: -3px 0 0 10px !important;
	color: var(--main-white-color) !important;
	padding-top: 12px;
}
.agendap > li { overflow: hidden; position: relative; }
.agendap > li > .infouser::after {
	position: absolute;
	display: block;
	overflow: hidden;
	content: '\EB97';
	top: 0px;
	font-size: 200%;
	font-family: 'icomoon';
	font-style: normal;
	padding: 2px;
	color: var(--main-high-color);
	z-index: -1;
}
.agendap li > .infouser.stat_0::after { color: #ccc; }
.agendap li > .infouser.stat_-1::after { color: #c00; content: '\EB8F'; font-size: 160%; line-height: 1.5em; }
.agendap li > .infouser.stat_1::after { color: #94b786; } 
.agendap li > .infouser.stat_2::after { color: #74c055; } 
.agendap li > .infouser.stat_3::after { color: #5eb637; } 
.agendap li > .infouser.stat_4::after { color: #3e8f16; }
.agendap li > .infouser.stat_5::after { color: #2d7a06; }

.agendap li > .infomatch, .previewbox .infomatch {
	float: right;
	display: block;
	overflow: hidden;
	font-size: 80%;
	font-style: normal;
	width: 30px;
	height: 22px;
	text-align: center;
	margin: -3px 0 0 10px !important;
	color: var(--main-white-color) !important;
	padding-top: 12px;
}

.agendap > li > .infomatch::after, .previewbox .infomatch::after {
	position: absolute;
	display: block;
	overflow: hidden;
	content: '\E9C0';
	top: 5px;
	font-size: 160%;
	font-family: 'icomoon';
	font-style: normal;
	padding: 2px;
	color: var(--main-high-color);
	z-index: -1;
}
.infomatch:hover::after { color: var(--main-black-color); }
.previewbox .infomatch::after { font-size: 220%; }
.dividermatch { border-bottom: 1px solid var(--main-mid-color); border-top: 1px solid var(--main-mid-color); }

.fancybox-slide--iframe .fancybox-content {
 width : 800px !important;
 height : 600px !important;
 max-width : 80% !important;
 max-height : 80% !important;
 margin: 10px !important; 
 border-radius: 10px !important;
 overflow: hidden !important;
}
.fancybox-button.fancybox-button--close { display: none !important; }

@keyframes blinktransp {
 0% { color: #666; }
 50% { color: #c00; }
 100% { color: #666; }
}
@keyframes blinkred {
 0% { background-color: #666; }
 50% { background-color: #c00; }
 100% { background-color: #666; }
}
@keyframes blinkredno {
 0% { background-color: transparent; }
 50% { background-color: #c00; }
 100% { background-color: transparent; }
}

.agendap .subpreview, .agendap .subtoday { width: 100%; box-sizing: border-box; padding-left: 40px; }
.agendap .subpreview a, .agendap .subtoday a { display: block !important; float:none !important; padding-bottom: 5px; font-size: 90%; color: var(--main-mid-color) !important; }
.agendap .subpreview a:hover, .agendap .subtoday a:hover { color: var(--main-high-color) !important; }
.agendap .subpreview a em, .agendap .subtoday a em { color: var(--main-mid-color) !important; margin-right: 5px; font-family: 'icomoon'; font-style: normal; text-decoration: none; vertical-align: middle; display: inline-block; font-size: 140%; }

.annullapreview { width: 100% !important; height: auto; display: none; overflow: hidden; margin-top: 20px; padding: 10px 0 10px 0; border-top: 1px dotted #ccc; }
.annullapreview h3 { font-size: 120%; color: var(--main-mid-color); margin: 0 0 10px 0 !important; padding: 0; }
.annullapreview textarea { font-family: var(--font-text); resize: none; font-size: 100%; width: 100%; min-height: 100px; height: 100px !important; display: block; border: 1px solid var(--main-high-color); border-radius: 5px; margin: 0 10px 10px 0; padding: 10px; box-sizing: border-box; }
.annullapreview a, .annullapreview input, .agendap .button, .agendap .confirm { font-weight: bold; text-transform: uppercase; font-size: 80%; cursor: pointer; float: right; margin-left: 10px; border: 0px; border-radius: 5px; -webkit-appearance: none; color: var(--main-white-color) !important; padding: 8px 10px 7px 10px; }
.agendap .title a {color: var(--main-high-color) !important; }
.annullapreview a { background-color: var(--main-high-color) !important; font-size: 80%; }
.button.delete.active { background-color: #ccc !important; }
.annullapreview input, .agendap .confirm { background-color: var(--main-mid-color) !important; }
.annullapreview a:hover, .annullapreview input:hover, .agendap .confirm:hover { background-color: #666 !important; color: var(--main-white-color); text-decoration: none; }
.previewbox .greenb, .previewbox .green { font-weight: bold; }

.agendabutt, .virt { cursor: pointer; margin-top: 0px !important; color: #999 !important; padding-bottom: 0px !important; }
.tab .column .agendabutt:first-child, .tab .column .virt:first-child { margin-top: 15px !important; }
.agendap { display: none; margin-top: 0; }
.agendabutt:before, .virt:before { font-family: 'icomoon'; font-size: 90%; content: '\EB11'; display: inline-block; vertical-align: middle; overflow: hidden; margin-right: 15px; }
.agendabutt:after { font-family: 'icomoon'; font-size: 140%; content: '\E922'; float: right; }
.virt:before { font-family: 'icomoon'; font-size: 140%; content: '\E922'; float: right; margin: 0 0 0 10px !important; }
.virt:after { display: none !important; }
.agendabutt.active:after, .virt.active:before { content: '\E92D' !important; }
.agendabutt.active, .agendabutt:hover, .virt:hover { color: var(--main-mid-color) !important; }
.agendabutt.active .counter { color: var(--main-high-color) !important; }

.agendauser { font-weight: normal !important; }
.agendauser:before { font-family: 'icomoon'; font-size: 90%; content: '\E97A'; display: inline-block; vertical-align: middle; overflow: hidden; margin-right: 15px; }
.agendauser:before { font-family: 'icomoon'; font-size: 110%; content: '\EA38'; float: right; margin: 0 0 0 10px !important; }
.agendauser.active:before { content: '\EA38' !important; }
.agendauser.active, .agendauser:hover { color: var(--main-mid-color) !important; }
.agendauser ~ .agendap { display: block; }
.agendauser .counter, .agendabutt .counter, .virt .counter { float: right; font-size: 50% !important; letter-spacing: 0em; line-height: 1.8em; color: var(--mid-grey-color); display: inline-block; font-weight: normal !important; font-family: 'Roboto'; padding-top: 5px; }
.agendauser .counter strong, .agendabutt .counter strong, .virt .counter strong { font-size: 130% !important; }
.agendauser .counter em, .agendabutt .counter em, .virt .counter em { color: var(--main-mid-color); font-style: normal; display: inline-block; margin: 0 0 0 3px; }
.agendauser .counter small, .agendabutt .counter small, .virt .counter small { color: var(--main-high-color); }
.virtualusers .tab_4 .column h2:first-child { color: var(--main-mid-color) !important; }
.virtualusers .tab_4 .column h2:nth-child(2) { padding-top: 30px !important; }

.agendauser.nonvoglio:before { content: '\EBCC' !important; }
.agendauser.nonvuole:before { content: '\E90E' !important; }
.agendauser.richiesta:before { content: '\E958' !important; }
.agendauser.nonvuolelei:before { content: '\E90E' !important; }
.agendauser.expo:before { content: '\EAC1' !important; }
.agendauser.noxpo:before { content: '\EBCC' !important; }

.agendap li .annullapreview { margin-top: 10px !important; padding-bottom: 35px !important; }
.agendap li .annullapreview h3 { border: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.agendap li .annullapreview .delete { margin-top: 0 !important; }

#prewiews .tab_3 .agendap { border-bottom: 1px dotted #ccc; display: block; overflow: hidden; position: relative; margin-bottom: 10px; padding-bottom: 10px; }

#network #boxlist article .prevcheck, #network article .data .prevcheck { font-family: 'icomoon'; font-size: 160% !important; content: '\EB11'; display: block; overflow: hidden; font-style: normal; font-size: 160%; padding: 0 8px 0 0; position: absolute; top: 0; right: 0; box-sizing: border-box; color: var(--main-white-color); background-color: var(--main-mid-color); border-radius: 0 10px 0 40px; z-index: 20; height: 52px; width: 52px; text-align: right; line-height: 1.8em; }
#network article .data .prevcheck { margin-right: 10px; }

#network.virtualusers .tab_4 .agendap { display: block !important; }

/* Virtual Search */

.searchusers {
	margin-bottom: 20px;
}

.searchusers table {
	width: 100%;
	padding: 0px;
	margin: 0 0 80px 0;
	overflow: hidden;
	display: table;
	border-collapse: collapse;
	font-size: 90%;
}

.searchusers table td {
	display: table-cell;
	vertical-align: top;
	padding: 0 5px 12px 0;
	text-align: left;
}

.searchusers table tr td:nth-child(1) { min-width: 25%; }
.searchusers table tr td:nth-child(2) { min-width: 20%; }
.searchusers table tr td:nth-child(3) { min-width: 20px; }
.searchusers table tr td:nth-child(4) { min-width: 10%; }

.searchusers table tr { display: table-row; }
.searchusers table small { color: #444 !important; font-weight: normal !important; }
.searchusers table tr td:first-child, .searchusers table tr td strong { color: var(--main-high-color); font-weight: bold; }
.searchusers table tr td select { padding: 3px; border: 1px solid var(--main-mid-color); font-size: 85%; }
.searchusers table tr td select[multiple] { padding: 0px; }
.searchusers table tr td select option { padding: 3px; }
.searchusers table tr td select option:first-child { border-top: 1px dotted var(--main-white-color); }
.searchusers table tr td select option:not(:first-child) { border-top: 1px dotted var(--main-mid-color); }
.searchusers table tr td select[multiple] option:checked { background-image: linear-gradient(0deg, #d1f7c2 0%, #d1f7c2 100%); }
.searchusers table tr td select[multiple] option:checked::after { font-family: 'icomoon'; content: '\E97E'; color: var(--main-mid-color); float: right; margin-top: 1px; }
.searchusers table tr td input[type="submit"] { cursor: pointer; -webkit-appearance: none; float:right; -moz-appearance: none; appearance: none; border: none; color: var(--main-white-color) !important; font-weight: bold; text-transform: uppercase; padding: 10px 15px; font-size: 110%; border-radius: 5px; }
.searchusers table tr td input[type="submit"]:hover { background-color: var(--mid-grey-color) !important; }

.searchbutt { padding: 10px 15px !important; border-radius: 5px; border: 2px solid var(--main-mid-color) !important; cursor: pointer; background-color: var(--main-white-color) !important; margin-bottom: 40px !important; }
.searchbutt:before { font-family: 'icomoon'; font-size: 100%; content: '\EA38'; display: inline-block; vertical-align: middle; overflow: hidden; margin-right: 15px; }
.searchbutt:after { font-family: 'icomoon'; font-size: 120%; content: '\EB44'; float: right; }

.xls { padding: 12px 10px 12px 15px !important; border: 5px solid var(--main-mid-color) !important; line-height: 1.5em; cursor: pointer; background-color: var(--main-white-color) !important; margin: 0 0 50px 0 !important; }
.xls:before { font-family: 'icomoon'; font-size: 130%; content: '\EA38'; display: inline-block; vertical-align: middle; overflow: hidden; margin-right: 15px; }
.xls:after { font-family: 'icomoon'; font-size: 160%; content: '\EC9F'; float: right; text-align: right; }

.nocandida { padding: 12px 10px 12px 15px !important; font-family: 'Harabara'!important; color: var(--main-mid-color)!important; font-style: normal !important; border: 5px solid var(--main-mid-color) !important; line-height: 1.5em; background-color: var(--main-white-color) !important; margin: 0 0 30px 0 !important; }
.nocandida strong { color: var(--main-high-color) !important; }
.nocandida:before { font-family: 'icomoon'; font-size: 164%; content: '\E9E0'; display: inline-block; vertical-align: middle; overflow: hidden; margin-right: 15px; }
.nocandida:after { font-family: 'icomoon'; font-size: 190%; content: '\E9F3'; float: right; text-align: right; }

.searchbutt.active:after { content: '\EB44' !important; }
.searchbutt.active { color: var(--main-mid-color) !important; }
.searchbutt.active:hover, .xls:hover, .searchbutt:hover { background-color: var(--main-mid-color) !important; color: var(--main-white-color) !important; }

.searchusers table tr td input[type="radio"] {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 display: inline-block;
 width: 18px;
 height: 18px;
 padding: 2px 2px 2px 2px;
 background-clip: content-box;
 border: 2px solid var(--main-mid-color);
 border-radius: 50%;
 vertical-align: middle;
 margin: 0 0 8px 0;
 cursor: pointer;
}
.searchusers table tr td input[type="radio"]:checked {
 background-color: var(--main-high-color);
}
.searchusers table tr td input[type="checkbox"] {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 display: inline-block;
 width: 18px;
 height: 18px;
 padding: 2px 2px 2px 2px;
 background-clip: content-box;
 border: 2px solid var(--main-mid-color);
 border-radius: 3px;
 vertical-align: middle;
 margin: 0 0 8px 0;
 cursor: pointer;
}
.searchusers table tr td input[type="checkbox"]:checked {
 background-color: var(--main-high-color);
}
#network .tab .searchusers table tr td h3 { margin-top: 16px !important; margin-bottom: 8px !important; padding-bottom: 5px; color: var(--main-mid-color); border-color: var(--main-mid-color); }

.searchkey { display: table; border-collapse: collapse; width: 100%; }
.searchkey tr { display: table-row; width: 100%; border-collapse: collapse; }
.searchkey tr.riga { border-bottom: 1px dotted #ccc; }
.searchkey tr td em { font-family: 'icomoon'; font-style: normal; color: var(--main-mid-color); font-size: 160%; display: inline-block; vertical-align: middle; margin-right: 10px; }
.searchkey tr td h2 em { font-size: 100% !important; }
.searchkey td strong { color: var(--main-high-color); }
.searchkey td { display: table-cell; padding: 5px 0 !important; vertical-align: top; }
.searchkey td small i { color: var(--main-high-color); }

.bkstg { padding: 20px; background-color: #fff; background-image: none; }
.bkstg h2 { color: var(--main-mid-color); }
.bkstg tr:first-child h2 { margin-top: 0px !important; }


/* VIRTUAL PREVIEW */

.interact {
	position: fixed;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	min-height: 55px;
	border-top: 1px solid var(--main-mid-color);
	box-sizing: border-box;
	padding: 10px 15px;
	bottom: 0;
	background-color: rgba(255,255,255,.9);
}

.interact fieldset, .interact label { margin: 0; padding: 0; }
.interact .button { float: right !important; margin: 0 0 0 10px !important; }
.interact .button.delete { background-color: #c00 !important; margin: -2px 0 0 10px !important; float: none !important; display: inline-block !important; font-size: 90%; padding: 4px 8px; }
.interact .button.delete em { font-size: 90%; }
.interact .button.delete:hover, .interact .button.close:hover { background-color: #444 !important; }
.interact .button.close { background-color: #999 !important; }
.interact h1 { margin: 0 0 10px 0 !important; float: left; padding: 0; color: var(--main-mid-color); font-family: 'Harabara'; font-size: 160%; font-weight: normal; display: inline-block; padding-top: 0px; }

.interact .rating { border: none; float: right; margin-bottom: 20px; }
.interact .rating span { display: inline-block; line-height: 1.7em; overflow: hidden; vertical-align: middle; color: var(--main-high-color); margin-right: 15px; }
.interact .rating > input { display: none; } 
.interact .rating > label:before { 
	margin: 0 5px 0 0;
	font-size: 160%;
	font-family: 'icomoon';
	display: inline-block;
	content: "\EB97";
}
.interact .rating > label.delete { vertical-align: middle; box-sizing: border-box; display: block; overflow: hidden; font-weight: bold; background-color: #c00; color: var(--main-white-color); vertical-align: middle; font-size: 75%; clear: both; padding: 6px 7px 5px 7px; border-radius: 5px; margin: 8px 0; }
.interact .rating > label.delete::before { display: none; }
.interact .rating > label.delete::after {
	font-size: 130%;
	font-family: 'icomoon';
	display: inline-block;
	content: "\EB8C" !important;
	margin-left: 7px;
	vertical-align: middle;
	color: var(--main-white-color);
	box-sizing: border-box;
}
.interact .rating > label.delete.active::after { content: "\EB8F" !important; }
.interact .rating > label { color: #ccc; float: right; cursor: pointer; }
.interact .rating > label.clearate::before { content: "\EB95" !important; }
.interact .rating > input:checked ~ label:not(.delete), .interact .rating:not(:checked) > label:not(.delete):hover, .interact .rating:not(:checked) > label:not(.delete):hover ~ label:not(.delete) { color: var(--main-mid-color); }
.interact .rating > input:checked + label:not(.delete):hover, .interact .rating > input:checked ~ label:not(.delete):hover, .interact .rating > label:not(.delete):hover ~ input:checked ~ label:not(.delete), .interact .rating > input:checked ~ label:not(.delete):hover ~ label:not(.delete) { color: var(--main-high-color); } 
.fancybox-content { border-radius: 10px !important; }
.interact select { border-radius: 3px; }
.interact table { width: 100%; }
.interact table td { min-width: 70px; }
.interact .rating > label.delete.active { animation: blinkredno 0.5s infinite; }
.interact .rating > label.delete:hover { background-color: #900; }

.schedauser { font-size: 95%; margin-bottom: 90px; width: 100%; }
.schedauser table { width: 100%; }
.schedauser h1 { color: var(--main-high-color) !important; margin-top: 0 !important; width: 100%; }
.schedauser figure { width: 240px; margin-right: 20px; float: left; background-size: cover; background-position: center center; overflow: hidden !important; position: relative !important; display: block !important; padding: 0; border: 2px solid var(--main-mid-color) !important; }
.agendap figure { background-size: cover; background-position: center center; }
.schedauser figure img { width: 100%; height: auto; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; display: block !important; }
.schedauser address { width: calc(100% - 264px); float: left; }
.schedauser table b { color: var(--main-mid-color); }
.schedauser table a { color: var(--main-mid-color); text-decoration: none; }
.schedauser table a:hover { color: var(--main-high-color); text-decoration: underline; }
.schedauser table strong { color: var(--main-high-color); }
.schedauser .sociallink a { font-style: normal !important; }
.schedauser .icon.cv { font-size: 160% !important; }

.appuntamento { text-align: left; display: block; overflow: hidden; position: relative; width: 65%; margin-top: 4px; float: left; }
.appuntamento select { padding: 3px; border: 1px solid var(--main-mid-color); overflow-y: scroll; overflow-x: auto; font-size: 85%; margin-top: 5px; }
.submitter { display: block; position: absolute; bottom: 10px; right: 15px; }
.submitter h2 { color: var(--main-high-color); }

input.clear { margin-right: 12px; background-color: #999 !important; }
input.send { background-color: var(--main-mid-color) !important; }

#network.virtualusers #tab a[rel="tab_3"] { margin-right: 15px !important; }
#network.virtualusers #tab a[rel="tab_4"]:before, #network.virtualusers #tab a[rel="tab_3"]:before { font-family: 'icomoon'; content: '\E9E0'; margin-right: 10px; }

#previews #tab a[rel="tab_3"] { margin-left: 10px !important; }
.cat_v ~ .container #tab a[rel="tab_4"] { margin-left: 10px !important; }
.virtualusers .tab.tab_4 .column .agendap:first-child .button.deleteu { background-color: var(--main-high-color) !important; }

.fairplay { font-family: 'Harabara' !important; font-style: normal !important; color: var(--main-high-color); padding-bottom: 10px; margin-bottom: 10px !important !important; font-weight: normal; }
.fairplay .category { font-family: 'Roboto' !important; font-style: normal !important; color: #666; letter-spacing: 0em; float: right; font-size: 70%; padding-top: 0px; }
.fairplay .category strong { color: var(--main-high-color); font-size: 120%; }
.fairplay::before { font-family: 'icomoon'; content: '\E9E0'; display: inline-block; margin-right: 10px; }

/* SEARCH */

#search { color: var(--main-black-color); margin: 0 auto 0px auto; border-radius: 5px; }
#search input[name="query"] { display: inline-block; width: 100%; margin: 5px 0 0 0; border-radius: 5px; display: block; box-sizing: border-box; padding: 10px; text-align: left; border: 1px solid var(--main-black-color); font-weight: 300; font-size: 80%; font-family: var(--font-text); }

#search #searchbutt { cursor: pointer; width: calc(100% - 60px); border-radius: 5px; display: inline-block; text-align: left; -webkit-appearance: none; border: none; color: var(--main-white-color); padding: 10px 10px 10px 10px; background: transparent; font-size: 100%; font-weight: 700; }
#search label.searchinput { display: inline-block; min-height: 50px; margin: 0 0 0 0; border-radius: 5px; float: right; width: auto !important; padding: 0px; min-width: 200px; display: block; box-sizing: border-box; background-color: var(--main-mid-color); font-weight: 700; font-size: 150%; border: 0px; color: var(--main-white-color); font-family: var(--font-text); }
#search label.searchinput:hover, #search label.searchinput:hover #searchbutt { background-color: var(--main-dark-color); }
#search label.searchinput::after { font-family: 'icomoon'; content: '\EB44'; text-align: right; padding: 10px 10px 1px 0; width: 40px; float: right; display: block; text-decoration: none; line-height: 1.2em; }

#search select { border: 1px solid var(--main-black-color); display: inline-block; width: 100%; margin: 5px 0 0 0; border-radius: 5px; display: block; box-sizing: border-box; padding: 5px; font-weight: 300; font-size: 80%; font-family: var(--font-text); }
#search strong { color: var(--main-mid-color); }

.searchclose { display: none; background-color: var(--bright-grey-color); padding-top: 20px; }
.searchclose b { font-family: 'icomoon'; margin-right: 10px; }
.searchbutton { display: block; font-size: 240%; font-weight: normal; color: var(--main-white-color); text-decoration: none; background-color: var(--main-dark-color); overflow: hidden; box-sizing: border-box; padding: 20px; font-family: var(--font-title); line-height: 1.2em; }
.searchbutton.active {  background-color: var(--main-mid-color); }
.searchbutton:hover { background-color: var(--main-high-color); }
.searchbutton::after { font-family: 'icomoon'; content: '\EB44'; float: right; display: block; text-decoration: none; line-height: 1.2em; }
.check.search { font-size: 80%; }
.check.search label { margin: 0 15px 5px 0; display: inline-block; overflow: hidden; }
.check.search label::before { margin-right: 5px; color: var(--main-white-color); }
.check.search option.active { 
 background-color: var(--red-calendar); 
 font-weight: bold; 
 font-size: 12px; 
 color: white;
}

#search .checkbutt input { display: none; }
#search .checkbutt { padding-top: 10px !important; }
#search .checkbutt em {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	border-radius: 2px;
	border: 2px solid var(--main-black-color);
	background-color: var(--main-white-color);
	margin-right: 5px;
	padding: 0;
}

#search .checkbutt input[type="checkbox"]:checked ~ em {
	background-color: var(--main-mid-color);
	border: 2px solid #fff;
}

#search .checkbutt input[type="checkbox"]:checked ~ em:before { content: '\E97E'; font-family: 'icomoon'; color: #fff; text-align: center; position: absolute; display: block; top: -1px; left: -3px; font-size: 120%; }



#search .savesearch a:hover { background-color: var(--main-white-color); color: var(--main-high-color); }
#search .savesearch a { color: var(--main-white-color); text-decoration: none; vertical-align: bottom; display: inline-block; cursor: pointer; margin: 0 0 0 0; text-align: left; width: auto !important; width: 100%; display: block; box-sizing: border-box; padding: 10px; color: var(--main-high-color); background-color: var(--main-white-color); text-decoration: none; font-weight: 700; border: 0px; font-family: var(--font-text); }
#search .savedata { text-decoration: none; vertical-align: bottom; display: inline-block; cursor: pointer; margin: 0 0 0 0; text-align: left; width: auto !important; width: 100%; display: block; box-sizing: border-box; padding: 10px; background-color: var(--main-high-color); color: var(--main-white-color); text-decoration: none; font-weight: 700; font-size: 100%; border: 0px; font-family: var(--font-text); }
#search .savesearch a:hover { color: var(--main-white-color); background-color: var(--main-high-color); }
#search .savesearch a::after { font-family: 'icomoon'; content: '\E94C'; float: right; display: block; font-weight: normal; text-decoration: none; vertical-align: bottom; line-height: 0.7em; font-size: 190%; text-align: right; }
#search .saveconfirm, #search .savedel { float: right; display: inline-block; color: var(--main-white-color); text-decoration: none; vertical-align: middle; padding-top: 3px; }
#search .saveconfirm:hover, #search .savedel:hover { color: var(--main-mid-color); }
#search .saveconfirm::after, #search .savedel::after { font-family: 'icomoon'; display: inline-block; font-weight: normal; text-align: right !important; float: right; text-decoration: none; vertical-align: middle; line-height: 0.8em; font-size: 190%; margin-left: 10px; }
#search .saveconfirm::after { content: '\E94C'; }
#search .savedel::after { content: '\E97F'; }
#search .savesearch a.savemy::after { content: '\EB44' !important; font-size: 120%; line-height: 1.3em; }
#search .saveclick, #search .savemy { font-size: 140%; min-height: 50px; }
#search .savequery { width: calc(100% - 110px); display: inline-block; box-sizing: border-box; padding: 5px; border: 2px solid var(--main-mid-color); font-weight: 300; font-size: 80%; vertical-align: middle; font-family: var(--font-text); }


/* Footer */

.mainaddress { text-align: center; color: var(--main-white-color); font-style: normal; font-size: 80%; float: left; }
.mainaddress > strong { color: var(--main-white-color); }
.mainaddress > span { color: var(--main-white-color); }
.mainaddress a { text-decoration: none; color: var(--main-white-color); font-weight: bold; }
footer .container > a { text-decoration: none; color: var(--main-white-color); font-weight: bold; font-size: 80%; }
footer a:hover { text-decoration: underline; color: var(--main-high-color); }

footer { position: relative; display: block; color: var(--main-white-color); overflow: hidden; width: 100%; margin: 0; padding: 10px 0; background-color: var(--main-mid-color); text-align: right; }
footer .logo img { width: 80%; height: auto; }
footer .partnersbox { display: flex; justify-content: center }
footer h2 { text-align: center; width: 100%; font-size: 100%; color: var(--main-mid-color); text-transform: uppercase; margin: 0; padding: 0; }
footer social ul { width: 100%; padding: 0; list-style: none; display: block; overflow: hidden; text-align: center; }
footer ul li { padding: 5px 1px 5px 5px; color: var(--main-black-color); font-size: 80%; font-family: Arial, Helvetica, sans-serif; text-align: center; box-sizing: border-box; display: inline-block; }
footer ul li figure img { width: auto; max-width: 100%; height: auto; }
footer ul li a { text-decoration: none; max-width: 100%; width: auto; }
footer .jumper { padding-left: 0.6em; margin-left: 0.5em; border-left: 1px solid var(--main-mid-color); display: inline-block; }
footer .part1 { width: calc(100% / 8); }
footer .part1 ul li { width: calc(100% - 8px); }
footer .part2 { width: calc((100% / 8) * 2); }
footer .part2 ul li { width: calc((100% / 2) - 8px); }
footer .part3 { width: calc((100% / 8) * 3); }
footer .part3 ul li { width: calc((100% / 3) - 8px); }
footer .part4 { width: calc((100% / 8) * 4); }
footer .part4 ul li { width: calc((100% / 4) - 8px); }
footer .part5 { width: calc((100% / 8) * 5); }
footer .part5 ul li { width: calc((100% / 5) - 8px); }
footer .part6 { width: calc((100% / 8) * 6); }
footer .part6 ul li { width: calc((100% / 6) - 8px); }
footer .part7 { width: calc((100% / 8) * 7); }
footer .part7 ul li { width: calc((100% / 7) - 8px); }
footer .part8 { width: 100%; }
footer .part8 ul li { width: calc((100% / 8) - 8px); }
footer .social { color: var(--main-white-color); text-align: right; padding: 10px 0 20px 0; list-style: none; margin: 0px; width: auto; }

footer column { vertical-align: top; }
footer .menu { margin: 0px; }
footer .menu li { display: block; padding: 0px; text-align: left; }
footer .menu li a { text-align: left; text-decoration: none; color: var(--main-black-color); font-size: 120%; line-height: 1.5em; }

.footfoot {
	background-color: var(--main-mid-color); 
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.footfoot figure { padding: 0; display: block; overflow: visible; }
.footfoot figure img {
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}

.footfoot .container { padding: 40px 0; overflow: visible; }

/* TAG SELECTOR */
.searchusers table tr td input[type="text"] {  }

.tagsinput {
	padding: 6px;
	border: 1px solid var(--main-mid-color);
	font-size: 85%;
	border-radius: 5px;
	width: calc(100% - 14px) !important;
	display: block;
	overflow-y: auto;
}
.tagsinput span.tag { border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius:3px; font-weight: bold; border-radius:3px; display: block; float: left; padding: 5px; text-decoration:none; background: #fbfbfb; color: #000; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
.tagsinput span.tag:hover { background-color: #eee; }
.tagsinput span.tag a { font-weight: bold; color: #c00; text-decoration:none; font-size: 12px; padding-left: 5px; border-left: 1px dotted #bbb;  } 
.tagsinput span.tag a:hover { color: #000;  } 
.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid { background: #FBD8DB !important; color: var(--main-high-color) !important;}

.motive { display: block; overflow: hidden; width: 100%; font-size: 90%; border-top: 1px dotted #ccc; padding: 5px 5px 5px 40px; margin-top: 10px; box-sizing: border-box; }

/* Animazioni */

#homepage .masonry a figure img,
#homepage .masonry a figure figcaption,
.homecalendar .calendarlist article em,
#head .decor,
.column a img,
#subnews .container li a,
#calendarnetwork a h1,
footer ul li a,
#prevbanner.bannermix a,
#prevbanner figure img,
#slideshow,
#slideshow .headblock a,
.catchoose {
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
}

.menu li a,
#submenu .container li a {
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}


.expander {
	transition: height 1s;
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	-ms-transition: height 1s;
	-o-transition: height 1s;
}

.blink {
	animation: blink-animation 1s infinite;
	-webkit-animation: blink-animation 1s infinite;
	cursor: pointer;
}

.blink:hover {
	-webkit-animation: step-end;
	-moz-animation: step-end;
	-o-animation: step-end;
	animation: step-end;
}

@keyframes blink-animation { 50% { opacity: 0; } }
@-webkit-keyframes blink-animation { 50% { opacity: 0; } }


/* Media QUERIES Responsive */

@media screen and (max-width: 1920px) {
	#slideshow, #slideshow .banner, .video-background { height: 600px !important; }
	#backallhome, #backall { bottom: 10px; font-size: 6.8vw; }	
}

@media screen and (max-width: 1190px) {
	#mobilebutton { display: block; }
	.homecalendar.desk { display: none !important; }
	.homecalendar.mobile { display: block; }
	footer .jumper:last-child { display: block !important; border: none !important; margin: 5px 0 0 0 !important; padding: 0px !important; }
	header nav { display: none; }
	header .loginbox .social li a { margin-right: 6px; }
	header .loginbox { border: none !important; }
	header .loginbox .mobile { display: block; float: none; }
	#calendar .column { width: 50%; }
	#calendar.network .column { width: 100%; }
	.social { margin-top: 20px; }
	.claim { width: calc(100% - 160px) !important; }
	#slideshow, #slideshow .banner, .video-background { height: 500px !important; }
	#slideshow .headblock {	width: 70%; }
	#homepage .masonry .grid-item { width: calc(50% - 25px); margin-bottom: 20px; }
	#calendar.network #calendars .column, #boxlist .column, #calendar.dett .column { width: calc(50% - 24px); }
}

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

	.fancybox-slide--iframe .fancybox-content {
		width: calc(100% - 20px) !important;
		height: calc(100% - 20px) !important;
		max-width : calc(100% - 20px) !important;
		max-height: calc(100% - 20px) !important;
		margin: 10px !important; 
		border-radius: 10px !important;
		overflow: hidden !important;
	}
	.logintop { border-left: none; }
	header .claim { margin-top: 15px; font-size: 80%; }
	header .claim h2 { display: none; }
	#calendar.network #calendars .column, #calendar.dett .column { width: calc(100% - 24px); }
	#slideshow .headblock { font-size: 85%; }
	#slideshow .headblock a { font-size: 115%; }
	#homepage .masonry .grid-item { width: calc(100% - 40px); margin-bottom: 20px; }
	footer .column, footer ul#foot_contribute li { width: 100% !important; float: none; }
	footer ul#foot_contribute li img { width: 280px; margin: 0 0 20px 0; }
	footer ul#foot_contribute { border: none; }
	footer ul#foot_partner li { width: calc(100% / 4); margin-bottom: 20px; }
	.jumper { display: block !important; border: none !important; padding: 0px !important; margin: 5px 0 0 0 !important; }
	.soon img { width: 85%; }
	#calendar .column, #newspage .column, .partner article .column { width: 100%; }
	#calendar.inside .column { width: 50% !important; }
	.partner article .column.col2_3 { padding-left: 0px; }
	#newspage .column figure, #newspage .column .text { width: 100% !important; margin: 0px; }
	#newspage .column .text { margin-bottom: 20px; } #newspage .column .text a { font-size: 140%; }
	#contatti .column, #calendar.network .column, .formlog, #progetto .column.form { width: 100% !important; float: none; }
	#evento .data, #evento .description, #eventcta .data, #eventcta .description, #network .data, #network .description, #partner .data, #partner .description { width: 100%; }
	#network .description, #partner .description { border-top: 2px solid var(--high-grey-color); padding-top: 40px; margin-top: 20px; }
	#evento .data figure, #partner .data figure, #network .data figure { width: 50%; float: left; }
	#evento .data .topc { width: 100%; float: none; }
	#evento .data .bottomc { font-size: 120%; width: 100%; float: none; padding-top: 50px; display: block; border: none; }
	#evento .data .bottomc h3 { margin-top: 0px !important; padding-top: 0px !important; border: none !important; }
	#evento .description { margin-top: 40px; }
	#eventdata .description { margin-top: 50px; }
	#eventdata .description::before { position: absolute; content: ''; width: 100%; border-top: 2px solid var(--bright-grey-color); z-index: -1; left: 0; margin-top: 41px; }
	#calendarnetwork .column h2 { display: block; }
	#calendarnetwork .column h1 { display: block; padding-left: 35px; width: calc(100% - 35px); }
	#calendarnetwork a:hover h1 { padding-left: 70px; }
	#contatti .data { text-align: center; }
	#progetto .calltoactions { width: 100% !important; }
	#newspage .column h2 { margin-top: 20px; }
	.formlog .divider, .formlog .divider2 { width: 40% !important; text-align: left; }
	.formlog select.half { width: calc(60% - 8px) !important; }
	.vidpreview::before { font-size: 400%; }
	#eventdett h2 { margin-bottom: 60px !important; }
	#network .data address { text-align: left !important; font-size: 100%; width: 100%; line-height: 1.4em; float: none; }
	#network .data figure { text-align: right; font-size: 100%; width: 100%; line-height: 1.4em; float: none; }
	#network #tab { padding: 20px 0; display: block; border-bottom: 1px solid var(--main-mid-color); }
	#network #tab li { display: block; text-align: center; width: 100%; padding: 0; margin-top: 10px; }
	#network #tab li a { padding: 12px 15px; }
	#network .tab .column, #search .column { width: 100% !important; }
	footer .partnersbox { display: block !important; }
	footer .partnersbox .column { border-right: none !important; border-bottom: 1px dotted var(--main-mid-color); padding-bottom: 0px; width: 100% !important; float: none !important; display: block !important; }
	footer .partnersbox .column li { margin-bottom: 0px !important; }
	footer .partnersbox .column:last-child { border-bottom: none !important; }
	.previewbox { margin-top: 30px; padding-bottom: 30px; }
	#mobilemenu .subscribebox { text-align: center; }
	#mobilemenu .subscribebox a { display: inline-block !important; float: none !important; width: auto !important; margin: 0 5px !important; font-size: 70%; }
	.column.col1_5 { width: 100%; }
	.column.col4_5 { width: 100%; }
	#homepage .masonry .grid-item.status1 { width: calc(100% - 40px) !important; }
	/* #homepage::after { bottom: -21px; }	*/
}


@media screen and (max-width: 600px) {
	.schedauser { margin-bottom: 240px !important; }
	.schedauser figure { width: 100% !important; float: none !important; margin-bottom: 20px; }
	.schedauser address { width: 100% !important; max-width: 100% !important; float: none !important; }
	.interact .appuntamento { width: 100% !important; margin-bottom: 50px; border-bottom: 1px dotted var(--main-mid-color); padding-bottom: 10px; }
	.interact .rating { display: block; text-align: left; width: 100%; float: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted var(--main-mid-color); }
	.interact .rating label.delete { float: left !important; clear: none; }
}