/* css reset */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0} [hidden]{display:none} html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} a:focus{outline:thin dotted} a:active,a:hover{outline:0} h1{font-size:2em} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} dfn{font-style:italic} code,kbd,pre,samp{font-family:monospace, serif;font-size:1em} pre{white-space:pre-wrap;word-wrap:break-word} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} img{border:0} svg:not(:root){overflow:hidden} fieldset{border: 0;margin:0;padding:0} button,input,select,textarea{font-family:inherit;font-size:100%;margin:0} button,input{line-height:normal} button,html input[type=button],/* 1 */ input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer} button[disabled],input[disabled]{cursor:default} input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0} input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} body,figure{margin:0} legend{border:0;padding:0} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(255,255,255,0); }

/* general */
html , body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: auto; }
body { font: 14px/1.4em 'Lato',sans-serif; font-weight: 400; text-align: left; background: #161514; color: #FFF; background-image: url(../img/noise.png); }
h1 , h2 , h3 , h4 , h5 , h6 { font-weight: 300; line-height: 1.2em; margin: 0.3em 0; }
h1 { font-size: 3em; } h2 { font-size: 2.5em; } h3 { font-size: 2em; } h4 { font-size: 1.8em; } h5 { font-size: 1.6em; } h6 { font-size: 1.4em; }
h1.main { margin: 16px 16px 0 16px; }
a , .color { color: #5386bb; }
p { margin: 0.5em 0; }
.fll { float: left; }
.flr { float: right; }
.ofh { overflow: hidden; }

/* layout */
.jPanelMenu-panel { height: 100%; overflow: hidden; }
#header { position: fixed; z-index: 100; width: 300px; height: 100%; top: 0; color: #FFF; background-color: #343230; background-image: url(../img/noise.png); }
#header .logo { display: block; text-align: center; }
#header .logo img { vertical-align: middle; max-width: 266px; max-height: 160px; margin: 16px; box-sizing: border-box; }
#footer { position: fixed; z-index: 110; width: 300px; height: auto; bottom: 0; color: #FFF; padding: 10px; overflow: hidden; text-align: center; }
#content { position: relative; margin-left: 300px; height: 100%; overflow: auto; z-index: 50; }
.page { padding: 16px; max-width: 932px; }
.page h1:first-child { margin-top: 0; }
#contentLoader { position: relative; }
#contentLoader > .close { cursor: pointer; display: block; position: absolute; top: 0; right: 0; font-size: 24px; width: 32px; height: 32px; line-height: 32px; text-align: center; }
#elementsLoader { display: none; background-color: #FFF; background-color: rgba(255, 255, 255, 0.8); background-image: url(../img/noise.png); overflow: hidden; padding: 8px 8px 0 8px; }
#elementsLoader h4 { float: left; margin: 0 8px 8px 0; color: #5386bb; }
#elementsLoader .btn { float: left; margin: 0 8px 8px 0; }
#itemsList { overflow: hidden; }

/* menu */
#menuWrapper { position: relative; }
#menu a { font-weight: 300; position: relative; color: #FFF; font-size: 1.5em; line-height: 1.8em; padding: 0 10px; display: block; text-decoration: none; }
#menu a i { position: absolute; right: 10px; top: 0.35em; -webkit-opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; }
#menu li:hover > a i  { -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; right: -20px; z-index: 600; color: #FFF; }
#menu , #menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { position: relative; text-transform: uppercase; }
#menu > li > a { text-align: center; }
#menu li a.current { color: #5386bb; }
#menu li a:hover { background-color: #fff; color: #5386bb; }
	/* menu secondo livello */
	#menu li:hover ul { display: block; }
	#menu ul { display: none; position: absolute; top: -10px; left: 100%; padding: 0; z-index: 100; background-color: #161514; background-color: rgba(22, 21, 20, 0.9); padding: 10px 0; }
	#menu ul a { white-space: nowrap; padding: 0 30px; }
	#menu ul a.current { color: #5386bb; }
	#menu ul a:hover { background-color: #5386bb; color: #FFF; }
		/* menu terzo livello */
		#menu ul ul { display: none; position: absolute; z-index: 500; }
		#menu li:hover ul ul { display: none; }
		#menu ul li:hover ul { display: block; }

/* mobile menu */
.menu-trigger { display: none; text-align: center; padding: 0 30px; color: #FFF; cursor: pointer; font-size: 1.3em; line-height: 3em; vertical-align: middle; padding: 0 0.5em; margin-left: -0.5em; }
.menu-trigger:hover { color: #161514; }
.menu-trigger i { vertical-align: middle; padding-left: 0.3em; }
#header.mobile .menu-trigger { display: block; }
#header.mobile #menu { display: none; }
#jPanelMenu-menu { overflow-y: visible !important; background-color: #5386bb; border-right: 1px solid #161514; border-right: 1px solid rgba(22, 21, 20, 0.2); background-image: url(../img/noise.png); padding: 0; margin: 0; list-style: none; }
#jPanelMenu-menu ul { padding: 0; margin: 0; list-style: none; background-color: rgba(22, 21, 20, 0.1); display: none; }
#jPanelMenu-menu ul a { padding-left: 1em; }
#jPanelMenu-menu ul ul a { padding-left: 1.5em; }
#jPanelMenu-menu li { position: relative; }
#jPanelMenu-menu a { padding: 0.5em; display: block; color: #FFF; text-decoration: none; font-size: 1.2em; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(22, 21, 20, 0.1); margin: 0; }
#jPanelMenu-menu a.trigger { border: none; position: absolute; right: 0; top: 1px; padding: 0.5em; cursor: pointer; background-color: rgba(22, 21, 20, 0.1); border-top: 1px solid rgba(22, 21, 20, 0); }

/* item list */
.list { padding: 8px 8px 100px 8px; overflow: hidden; }
.list > a , .list > span { margin: 8px; float: left; width: 300px; height: 250px; position: relative; color: #FFF; text-decoration: none; }
.list > a > article { width: 300px; height: 250px; }
.list > a > article > div { width: 300px; height: 250px; overflow: hidden; }
.list > a > article > div > img { width: 375px; height: auto; margin-left: -37px; }
.list > a > article > h2 { display: block; width: 100%; position: absolute; bottom: 0; margin: 0; padding: 8px; font-size: 1.8em; background-color: rgba(22, 21, 20, 0.6); background-image: url(../img/noise.png); font-weight: 300; line-height: 1em; }
.list > a > article > section { display: block; position: absolute; top: 100%; margin: 0; padding: 0; height: 0; width: 100%; overflow: hidden; background-color: #FFF; color: #161514; background-image: url(../img/noise.png); }
.list > a > article > section > div { padding: 0.25em 0.5em 0.5em 0.5em; height: 110px; }
.list > a > article > section > div p { margin: 0.25em 0 0 0; }
.list > a > article > section > span { display: block; position: absolute; bottom: 0; width: 100%; height: 24px; background-color: #161514; background-color: rgba(22, 21, 20, 0.6); background-image: url(../img/noise.png); color: #5386bb; }
.list > a > article > section > span i { position: absolute; top: -16px; left: 50%; margin-left: -16px; width: 32px; height: 32px; font-size: 32px; }
.list > a > article > section > span i.icon-stack-base { color: #FFF; font-size: 28px; }
.mouseDevice #content:hover .list > a { opacity: 0.5; }
.mouseDevice #content .list > a:hover { z-index: 10; opacity: 1; }
.mouseDevice .list > a:hover > article { height: 340px; box-shadow: 0px 0px 0px 5px #FFF , 0px 0px 20px #161514; }
.mouseDevice .list > a:hover > article > div > img { width: 100%; margin-left: 0px; }
.mouseDevice .list > a:hover > article > h2 { bottom: 50px; }
.mouseDevice .list > a:hover > article > section { height: 140px; top: 200px; }
.list > a > article > section > span:hover { background-color: #161514; }
.list > a.more { background-color: #FFF; background-color: rgba(255, 255, 255, 0.1); color: #5386bb; text-transform: uppercase; text-align: center; line-height: 250px; position: relative; }
.list > a.more > i { position: absolute; display: block; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em; width: 1em; height: 1em; font-size: 10em; color: rgba(234, 101, 11, 0.6); }
.list > a.more:hover > i { transform: rotate(180deg)scale(1.4); }

/* item */
.item { background-color: #FFF; background-color: rgba(255, 255, 255, 0.2); background-image: url(../img/noise.png); overflow: hidden; padding: 16px; }
.item h1 { margin-top: 0; }
.item .cycle-slideshow { height: 411px; overflow: hidden; float: left; position: relative; background-color: #161514; background-color: rgba(22, 21, 20, 0.4); }
.item .cycle-slideshow a { display: block; width: 100%; }
.item .cycle-slideshow a img { display: block; margin: 0 auto; max-width: 100%; }
.item .cycle-slideshow .controls { cursor: pointer; position: absolute; top: 0; left: -48px; width: 48px; height: 411px; background-color: rgba(255, 255, 255, 0); color: rgba(22, 21, 20, 0); z-index: 200; text-align: center; }
.item .cycle-slideshow .controls i { position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; width: 48px; height: 48px; font-size: 48px; }
.item .cycle-slideshow .controls.cycle-next { left: auto; right: -48px; }
.item .cycle-slideshow:hover .controls { background-color: rgba(22, 21, 20, 0.4); color: rgba(255, 255, 255, 0.4); background-image: url(../img/noise.png); left: 0; }
.item .cycle-slideshow:hover .controls.cycle-next { left: auto; right: 0; }
.item .cycle-slideshow .controls:hover { background-color: rgba(22, 21, 20, 0.6); color: rgba(255, 255, 255, 0.6); background-image: url(../img/noise.png); }
.item .text { margin: 0 0 0 632px; /*height: 370px; padding-right: 16px; overflow-y: scroll;*/ }
.item .text p { margin-top: 0; }
.item .share { margin: 16px 0 0 632px; height: 25px; text-align: right; overflow: hidden; }
section.banner { text-align: center; padding: 16px 0; background-color: #FFF; background-color: rgba(255, 255, 255, 0.3); background-image: url(../img/noise.png); }

/* NEWS */
#news { padding: 8px; }
#news > a { margin: 8px; padding: 8px; float: left; width: 300px; color: #161514; text-decoration: none; background-color: #FFF; background-color: rgba(255, 255, 255, 0.8); background-image: url(../img/noise.png); }
#news > a > img { width: 100%; display: block; margin: 0; }
#news > a h2 { display: block; margin: 0; width: 100%; padding: 8px; font-size: 1.8em; background-color: rgba(22, 21, 20, 0.8); background-image: url(../img/noise.png); color: #FFF; font-weight: 300; line-height: 1em; }
#news > a span.btn { float: right; }
.mouseDevice #news > a:hover { box-shadow: 0px 0px 0px 5px #FFF; background-color: #FFF; }
#news > a.more { color: #5386bb; text-transform: uppercase; text-align: center; line-height: 250px; position: relative; }
#news > a.more > i { position: absolute; display: block; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em; width: 1em; height: 1em; font-size: 10em; color: rgba(234, 101, 11, 0.6); }
#news > a.more:hover > i { transform: rotate(180deg)scale(1.4); }

/* share */
section.share > span { display: inline-block; font-weight: 600; line-height: 25px; margin: -1px; padding: 0; vertical-align: top; }
section.share a { display: inline-block; text-decoration: none; background-color: #161514; padding: 0; margin-left: 8px; height: 25px; line-height: 25px; overflow: hidden; color: #FFF; }
section.share i { float: left; background-color: #5386bb; color: #FFF; width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 1.2em; position: relative; overflow: hidden; }
section.share a span { margin: 0 6px; }
section.share i:after { position: absolute; top: -30px; left: 0; display: block; width: 25px; height: 30px !important; line-height: 25px !important; text-align: center; content: "\f064"; font-family: FontAwesome; height: 100%; line-height: 100%; color: #5386bb; background-color: #161514; }
section.share a:hover i:after { top: 0px; }

/* footer - social - lang */
#footer .footerText { text-align: center; margin-bottom: 10px; min-height: 45px; height: auto !important; height: 45px; }
#footer .footerText a { color: #FFF; }
#footer .footerText a:hover { color: #161514; }
.footerLinks { vertical-align: top; text-align: center; }
.footerLinks a { display: inline-block; padding: 0; margin: 0; width: 32px; height: 32px; font-size: 16px; line-height: 32px; color: #161514; text-align: center; cursor: pointer; background-color: #161514; background-color: rgba(255, 255, 255, 0.2); text-decoration: none; vertical-align: top; margin-right: 1px; }
.footerLinks a i { font-size: 18px; }
.footerLinks a:hover { color: #5386bb; background-color: rgba(255, 255, 255, 0.8); }
.lang { display: inline-block; width: 32px; height: 32px; overflow: hidden; position: relative; vertical-align: top; margin-left: 10px; }
.lang ul { position: absolute; bottom: 0; display: block; list-style: none; margin: 0; padding: 0; }
.lang li.select a { border: 0; background-color: #FFF; }
.lang:hover { overflow: visible; }

/* form */
fieldset { margin: 0 0 20px 0; }
legend { display: block; width: 100%; padding: 0; margin: 0 0 15px 0; font-size: 1.5em; border: 0; border-bottom: 1px solid #FFF; overflow: hidden; clear: both; }
form .control-group { padding: 5px 0; overflow: hidden; }
form .control-label { float: left; width: 150px; text-align: right; padding-top: 5px; }
form .control-group p { padding: 3px 0; margin: 0; }
form .controls { margin-left: 160px; }
input , textarea , select { width: 60%; padding: 4px; border: 1px solid #FFF; outline: 4px solid rgba(234, 101, 11, 0); }
input:focus , textarea:focus , select:focus { outline: 4px solid #5386bb; }
textarea { width: 90%; resize: vertical; min-height: 150px; }
label.radio , label.checkbox { display: block; padding-left: 20px; padding-bottom: 5px; }
label.radio input , label.checkbox input { width: auto; float: left; margin-left: -20px; margin-top: 4px; }
.control-group.error input { border-color: #5386bb; }
.control-group.error label { color: #5386bb; }
input.inline { display: inline-block; *display: inline; padding: 6px 16px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #161514; vertical-align: middle; background-color: rgba(255, 255, 255, 0.8); border: 0; *zoom: 1; margin-right: -0.3em; }
input.inline:focus { border-color: #161514; outline: 0; }
.privacy { margin-left: 160px; }

/* buttons */
.btn , .controls input.btn { display: inline-block; *display: inline; padding: 6px 10px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #FFF; vertical-align: middle; cursor: pointer; background-color: #161514; background-color: rgba(22, 21, 20, 0.8); background-image: url(../img/noise.png); border: 0; *zoom: 1; text-decoration: none; }
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] , .controls input.btn:hover { color: #5386bb; background-color: #FFF; background-color: rgba(255, 255, 255, 0.8); }
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn-block + .btn-block { margin-top: 5px; }
.controls input.btn { background-color: #5386bb; background-color: rgba(234, 101, 11, 0.6); color: #FFF; }
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }
.btn-group { margin: 0 0 8px 0; }
.btn-group .btn { margin: 0 8px 8px 0; }
.btn-group-list { margin: 0 0 8px 0; overflow: hidden; }
.btn-group-list .btn { float: left; clear: both; margin-bottom: 8px; }
.controls input.btn { border: 1px solid #5386bb; }

/* alert - message */
.alert , .message { color: #FFF; background-color: rgba(234, 101, 11, 0.1); border: 1px solid #5386bb; position: relative; padding: 10px; margin: 10px 0; }
.alert a.close , .message a.close { position: absolute; top: 2px; right: 5px; cursor: pointer; }

/* loading */
.no-js #loading { display: none; }
#loading { width: 100%; height: 100%; background: #161514; opacity: 0.9; position: fixed; z-index: 999; }
#loading > div { width: 30px; height: 30px; position: absolute; left: 50%; margin-left: -15px; top: 50%; margin-top: -15px; background: #5386bb; animation: spin-a 6s infinite; }
#loading > div:after { content: ''; position: absolute; width: 100px; height: 10px; background: #161514; top: 10px; left: -35px; animation: spin-b 6s infinite; }
#loading > div:before { content: ''; position: absolute; width: 10px; height: 100px; background: #161514; top: -35px; left: 10px; animation: spin-b 6s infinite; }
#loading > span { width: 100px; height: 30px; position: absolute; left: 50%; margin-left: -50px; top: 50%; margin-top: 25px; color: #5386bb; font-size: 12px; text-align: center; }
@keyframes spin-a { 25% { transform: rotate(90deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(270deg); } 100% { transform: rotate(360deg); } }
@keyframes spin-b { 25% { transform: rotate(-45deg); } 50% { transform: rotate(-45deg); } 75% { transform: rotate(-90deg); } 100% { transform: rotate(-90deg); } }

/* Datepicker Color */
.picker__holder , .picker__button--today, .picker__button--clear { border-color: #5386bb; }
.picker__nav--prev, .picker__nav--next, .picker__weekday, .picker__day--today, .picker__button--today:hover, .picker__button--clear:hover, .picker__button--today:focus, .picker__button--clear:focus { color: #5386bb; }
.picker__day--highlighted, .picker__day--infocus:hover, .picker__day--outfocus:hover { background: rgba(234, 101, 11, 0.3); }
.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { background: #5386bb; }

/* scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px; background-color: rgba(255, 255, 255, 0); } 
::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.4); }

/* --- CSS3 transition --- */
a , nav i , .list > a * , .btn , .controls , .share i:after , input , textarea { transition: all 0.5s ease; }
.noanimation , .noanimation * , .cycle-slideshow a , .cycle-slideshow a * { transition: none; }

/* Small screen */
@media (max-width: 1240px) {
	.item .cycle-slideshow { float: none; height: auto; }
	.item .text , .item .share { margin: 16px 0 0 0; padding: 0; height: auto; }
}

/* Tablet landscape */
@media (max-width: 1024px) {
	
}

/* Tablet portrait */
@media (max-width: 960px) {
	#header .menu-trigger { display: block; }
	#header #menu { display: none; }
	.jPanelMenu-panel { overflow: auto; }
	#header { width: auto; height: auto; position: relative; overflow: hidden; }
	#header .logo { float: left; width: 50%; height: auto; text-align: left; padding: 10px; }
	#header .logo img { max-height: 100%; width: 100%; max-width: 200px; margin: 0;}
	#header nav { float: right; width: 50%; text-align: right; }
	#footer { width: auto; position: relative; background-color: #5386bb; background-image: url(../img/noise.png); }
	#content { margin-left: 0 !important; height: auto; overflow: hidden; clear: both; }
	.menu-trigger { text-align: right; padding: 0.9em 1em; }
	.jPanelMenu-panel { background: #161514; background-image: url(../img/noise.png); }
	.list , #news { max-width: 648px; margin: 0 auto; }
}

/* Landscape phones to portrait tablet */
@media (max-width: 652px) {
	.list , #news { max-width: 332px; }
	form .control-label { float: none; display: block; width: auto; padding-bottom: 0.25em; text-align: left; }
	form input , form textarea { width: 100%; }
	form .privacy { margin-left: 0; }
	form .controls { margin-left: 0; }
}

/* Portrait phones  */
@media (max-width: 364px) {
	.list { zoom: 0.8; }
}