/**
 * @package Danza&Danza
 * @desc CSS
 * @author Graphic Design by emZED.it / Coding by WizLab.it
 * @version 20220120.099
 */

.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }

/*fonts*/
@font-face { font-family:'museo_sans300'; src:url('/css/fonts/museosans-300-webfont.woff') format('woff'); font-weight:normal; font-style:normal; }
@font-face { font-family:'museo_sans700'; src:url('/css/fonts/museosans-700-webfont.woff') format('woff'); font-weight:bold; font-style:normal; }
@font-face { font-family:'EB Garamond'; font-style:italic; font-weight:400; font-display:swap; src:url('/css/fonts/ebgaramond-400-italic.woff') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:'EB Garamond'; font-style:italic; font-weight:400; font-display:swap; src:url('/css/fonts/ebgaramond-400-italic-ext.woff') format('woff2'); unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family:'EB Garamond'; font-style:italic; font-weight:600; font-display:swap; src:url('/css/fonts/ebgaramond-600-italic.woff') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:'EB Garamond'; font-style:italic; font-weight:600; font-display:swap; src:url('/css/fonts/ebgaramond-600-italic-ext.woff') format('woff2'); unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family:'EB Garamond'; font-style:normal; font-weight:400; font-display:swap; src:url('/css/fonts/ebgaramond-400-normal.woff') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:'EB Garamond'; font-style:normal; font-weight:400; font-display:swap; src:url('/css/fonts/ebgaramond-400-normal-ext.woff') format('woff2'); unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family:'EB Garamond'; font-style:normal; font-weight:600; font-display:swap; src:url('/css/fonts/ebgaramond-600-normal.woff') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:'EB Garamond'; font-style:normal; font-weight:600; font-display:swap; src:url('/css/fonts/ebgaramond-600-normal-ext.woff') format('woff2'); unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family:"Icons"; font-style:normal; font-weight:normal; src:url(/css/fonts/Icons.woff) format("woff"); }
[class^="icon-"], [class*=" icon-"] { font-family:"Icons" !important; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
  .icon-menu:before { content:"\e9bd"; }
  .icon-search:before { content:"\e986"; }

/*elementi standard*/
* { box-sizing:border-box; }
b, strong { font-family:'museo_sans700'; }
i, em { font-style:italic; }
a { text-decoration:none; color:#b3bf00; }
	a:hover { text-decoration:underline; }
ol li { list-style-type:decimal; text-align: left; }
.cursor { cursor:pointer; }
.letterspaced { letter-spacing:0.16em }
.fixed300 { width:300px; }

/*posizionamenti*/		
.clear { clear:both; }
.aligncenter { text-align:center; }
.alignright { text-align:right; }
.alignleft { text-align:left; }
.white { background:#fff!important; }


/******************************/
/*    STILI PER IL LAYOUT    */
/****************************/
.mobile { display:none; }
.desktop { display:block; }

.vspaced { padding-top:60px; padding-bottom:60px; }
.hspaced { padding-left:10%; padding-right:10%; }
.topspaced { padding-top:60px; }
.bottomspaced { padding-bottom:60px; }

.cols { display:flex;justify-content:space-between; flex-flow:row wrap }
	.two>* { width:48%; }
	.three>* { width:31%; }
	.mixed .main { width:65%;}
		.mixed>*:last-of-type { width:31%; text-align:right; }
		.mixed .two>* {width:47%; } 

body { font-family:'museo_sans300'; margin:0; }
	body .background { position:fixed; top:0; z-index:-10; }
		body .background img { width:100%; }
		
header, main, footer { padding:0; }
		
/* HEADER */		
header { position:static; top:0; background:#fff; padding:0 3%; border-bottom:1px solid #ddd; z-index:10; }
	header .toolbar { display:none; }
	header .socials { position:fixed; right:0; top:200px; }
	/*nav*/
	header nav { text-align:center; padding-top:5px; }
		header nav #menuIcon { display:none; }
		header nav ul li { display:inline-block!important; position:relative;}
			header nav ul li a, header nav ul li span { display:block; text-transform:uppercase; color:#666; font-size:12px; padding:5px 10px; cursor:pointer; }
			header nav ul li a.magazines { font-weight:bold; color:#b3bf00; }
			header nav ul li span.warning { background:#F00; display:block; color:#fff; font-size:8px; text-transform:uppercase; margin-bottom:0px; }
			header nav ul li a.special {font-weight:bold; color:#000; }
				header nav ul li a.special:hover {font-weight:bold; color:#b3bf00; }
				header nav ul li a img { height:10px; }
				header nav ul li a:hover { text-decoration:none; color:#000; }
				/*boxxes*/
          header nav ul li div.box { display:none; width:250px; position:absolute; background:#fff; padding:15px; top:20px; right:0; box-shadow:0 0 15px 0 rgba(53,64,82,0.15); }
            header nav ul li div.box .error { background-color:#F44336; color:#FFF; padding:5px; }
            header nav ul li div.box .warning { background-color:#FFA500; color:#FFF; padding:5px; }
            header nav ul li div.box form { box-shadow:none; margin:0; }
						header nav ul li div button { display:block; width:100%; padding:5%; background:#b3bf00; color:#fff; margin-bottom:10px; text-align:center; border:none; font-weight:normal; letter-spacing:0.16em; font-size:12px; }
							header nav ul li div button:hover { background:#666; border:none; } 
							header nav ul li label { display:none; }
						/*login*/	
						header nav ul li div#loginBox { z-index:5; }
							header nav ul li div a.small { font-size:10px; color:#666; text-transform:none; letter-spacing:normal; }
								header nav ul li div a.small:hover { text-decoration:underline; } 
							header nav ul li div#loginBox form input.data { width:100%; padding:5%; border:1px solid #ddd; }
							#dialogbox.boxLoginOk { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#4CAF50; color:#FFF; }
							header nav ul li div#loginBox form a { margin-top:0; }
						/*search*/
						header nav ul li.search .searchBox { display:none; top:20px; padding:10px; }
						 header nav ul li.search:hover .searchBox { display:block; }
							 header nav ul li.search .searchBox form { padding:5px; }
							 header nav ul li.search .searchBox input { display:inline; width:100%; padding:5%;  border:none; border:1px solid #ddd; }
							 header nav ul li.search .searchBox button { display:inline; width:auto; height:26px; margin:10px 0 0 0; padding:0; vertical-align:top; color:#fff;  }
							 header nav ul li.search .searchBox button .icon-search { color:#fff; }
	/*logoline*/					
	header .logoline { align-content:center; align-items:center; width:100%; padding:5px 0 25px 0; }
		header .logoline .topbanner { }
		header .logoline h1 { margin:0 auto; padding:0; text-align:center; width:30%; }
			header .logoline h1 img { width:100%; }
/*tiny*/
header.tiny { position:sticky; }
	header .tiny .mobile { display:block; }
	header .tiny .desktop { display:none; }
	header.tiny ul { margin:0; }
		header.tiny nav ul li a, header nav ul li span { font-size:11px;}
		header.tiny .logoline { padding:5px 0; margin-bottom:5px; }
			header.tiny .logoline h1 { width:180px; }
			header.tiny .logoline .topbanner { display:none; }

/* STILI COMUNI PER I CONTENUTI */
main { clear:both; background:#fff; color:#333; }

/*stili per i testi*/	
	main .text {}
		main .text p { margin:0 0 15px 0; line-height:1.6em; text-align:justify; }
		main .text ul li { line-height:1.6em; }
		main .text h2 { margin:0 0 20px 0; font-weight:normal; font-size:25px; }
		main .text h3 { font-weight:normal; font-style:italic; font-size:18px; }
			main .text>h3 { margin-top:-15px; }
		main .text section { padding:20px 0; border-bottom:1px dotted #ccc; font-size:14px; }
			main .text section:last-of-type { border-bottom:none; margin-bottom:20px; }
			main .text section h3 { margin:10px 0 15px 0; border-left:10px solid #ccc; padding-left:20px; }
		main .text .note { padding:20px; border:1px dotted #ccc; margin-top:30px; }
			main .text .note h2 { margin-bottom:5px; }
			main .text .note p { margin-bottom:0; }
				main .text.alignright p { text-align: right; }
			
	main .box { padding:5%; background:#f0f0f0; font-size:14px; line-height:1.4em; text-align:left; }
		main .box h2 { text-align:center; text-transform:uppercase; font-size:16px; }
			main .box p:first-of-type { margin-top:0; }
			main .box p:last-of-type { margin-bottom:0; }
	
/* actions*/	
	input[type=button],input[type=submit], main .button, button { display:block; text-align:center; padding:15px 30px; border:4px solid #ccc; color:#666; font-size:14px; text-transform:uppercase; font-weight:bold; margin-left:auto; margin-right:auto; }
	input[type=button]:hover,input[type=submit]:hover, main .button:hover, button:hover { color:#fff; background:#666; border:4px solid #666; text-decoration:none; }
	input[type=button].special,input[type=submit].special, main .button.special, button.special { background:#b3bf00; color:#fff; border:4px solid #b3bf00;}

/*intestazioni*/
main>*>h2 { font-weight:normal; text-align:center; font-size:40px; margin-top:0; padding-top:0; line-height:1em; font-family:'EB Garamond', serif; font-weight:normal; font-size:60px; }
main  h2 { font-family:'EB Garamond', serif; margin:0; font-weight:normal; font-size:40px; color:#000; line-height:1.1em; }
main  h3 { font-weight:normal; font-size:16px; margin:5px 0; }
	main .category { text-transform:uppercase; color:#888; font-size:14px; padding-bottom:5px; margin-bottom:15px; display:inline-block; border-bottom: 4px solid #ccc; }
	main .author, main .date { text-transform:uppercase; font-size:10px; color:#999; }	
		main .author a { color:#999; }
	main .explain { line-height:1.4em; margin:30px; }

/*SEZIONI DELLA HOME */
/*newsboard*/
	main #newsboard { position:relative; background-color:#fff; overflow:hidden; }
    main #newsboard #newsboardContainer { position:relative; display:flex; flex-direction:row; flex-wrap:nowrap; transition:margin 0ms ease-in-out; visibility:hidden; height:450px; margin-left:0px; }
    	main #newsboard article { position:relative; width:100%; text-align:center; max-width:900px; }
        main #newsboard article .cover { object-fit:cover; width:100%; height:100%; position:absolute; top:0; left:0; display:block; }
        main #newsboard article .icon { position:absolute; bottom:0; right:0; opacity:0.6; width:50px; }
          main #newsboard article:hover .icon { opacity:1; }
    		main #newsboard .wrapper { position:absolute; left:50%; bottom:0; transform:translate(-50%); width:100%; margin:auto; text-align:center; color:#fff; z-index:2; padding:0 10% 4%; background-image:linear-gradient(to bottom, rgba(30,30,30,0), rgba(30,30,30,0.5) 75%); }
    			main #newsboard .category { text-transform:uppercase; color:#fff; font-size:16px; margin-bottom:20px; background:#b3bf00; padding:3px 10px; border:0; }
    			main #newsboard .wrapper h2 { font-family:'EB Garamond', serif; font-weight:normal; font-size:50px; padding:0; margin:0 0 20px 0; color:#fff; background-image:none; line-height:1em; }
    			main #newsboard .wrapper a { color:#fff; text-decoration:none; }
					main #newsboard .author, main #newsboard .date { color:#fff; }

/* scrollbutton sliders */
main .scrollButton { position:absolute; top:50%; transform:translateY(-50%); margin:0; z-index:3; border:none;padding:0; width:100px; height:100px; opacity:0.7; cursor:pointer; outline:none; }
  main .scrollButton.left { background:url(/img/icons/arrow_prev.svg) no-repeat center center; }
  main .scrollButton.right { background:url(/img/icons/arrow_next.svg) no-repeat center center; right:0; }

/* articoli */
main .searchform button { margin:25px auto 0 auto;  padding:10px 20px; }
	
/* articoli */
	main .key { margin-bottom:40px; border:1px solid #ccc; text-align:center; padding:10px; }
	main .cols .more { width:100%; text-align:center; margin-bottom:50px; }
		.more button { margin:0 auto; background:#fff; border:0; }
			.more button:hover { color:#000; }
	main .newstream {}
		main .newstream article { margin-bottom:80px; }
			main .newstream article .pic { position:relative; width:100%; padding-bottom:100%; height:0; text-align:center; overflow:hidden; }
				main .newstream article .pic .newsimage { object-fit:cover; width:100%; height:100%; position:absolute; top:0; left:0; transition:all 0.3s; display:block; transform:scale(1); }
					main .newstream article .pic:hover .newsimage { transform:scale(1.1); }
				main .newstream article .pic .icon { position:absolute; bottom:0; right:0; opacity:0.6; }
					main .newstream article .pic:hover .icon { opacity:1; }
			main .newstream article .wrapper { margin-top:10px; }
			main .newstream .mixed article .wrapper { text-align:center; }
				main .newstream article .wrapper h2 { font-family:'EB Garamond', serif; margin:0; font-weight:normal; font-size:30px; line-height:1.1em; text-transform:none; }
					main .newstream article .wrapper h2 a { color:#000; }
						main .newstream article .wrapper h2 a:hover { color:#b3bf00; text-decoration:none; }
				main .newstream article .wrapper h3 { font-weight:normal; font-size:16px; margin:5px 0; text-transform:none; }
				main .newstream article .wrapper .author, main .newstream article .wrapper .date  { text-transform:uppercase; font-size:10px; color:#999; }
				main .newstream article .wrapper .premium { text-transform:uppercase; font-style:italic; font-size:12px; color:#fff; background:#b3bf00; padding:5px 10px; display:inline-block; margin-left:10px; }
			main .newstream article .pic.detail { background-color:#000; padding:0; height:auto; overflow:hidden; }
			  main .newstream article .pic.detail #galleryContainer { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; transition:margin 300ms ease-in-out; }
          main .newstream article .pic.detail #galleryContainer .galleryElement { display:flex; flex-direction:column; }
            main .newstream article .pic.detail #galleryContainer .galleryElement .img img { max-width:100%; max-height:500px; }
				main .newstream article .detailimg { max-width:100%; max-height:400px; }
	main .paybox { box-shadow:0 0 15px 0 rgba(53,64,82,0.15); padding:5%; text-align:center; }
		main .paybox h2 { font-size:30px; }
		main .paybox button { margin:20px auto; }

/* magazine */	
	main .magazine { background:#f0f0f0; }
		main .magazine .prices { width:24%; text-align:center; }
			main .magazine .prices>img { width:80px; margin:0 5px;}
			main .magazine .prices>h2 { text-transform:uppercase; font-size:24px; line-height:1.2em; margin-bottom:30px; margin-top:0; color:#999; font-family:'museo_sans300'; }
				main .magazine .prices>h2 strong { color:#000; }
			main .magazine .prices article { margin-bottom:30px; }
				main .magazine .prices h3 { font-size:36px; font-weight:normal; color:#000; margin:0; padding:0; }
					main .magazine .prices h3.small { font-size:24px; margin-bottom:3px; }
				main .magazine .prices p { margin:0; padding:0; font-size:12px }
				main .magazine .prices .code { margin-top:20px; }
				main .magazine .prices .markets { margin:30px 0; }
					main .magazine .prices .markets h2 { font-size:14px; color:#999; text-transform:uppercase; font-family:'museo_sans300'; margin-bottom:20px; }
					main .magazine .prices .markets img { width:120px; }
		main .magazine .prices .actions { margin-top:50px; }
			main .magazine .prices .actions a.button {}
		main .magazine .cover { width:40% }
			main .magazine .cover img { width:100%; }
			main .magazine .cover .button { margin-top:10px; }
	
	.payments { text-align:center; margin-top:40px; }
		.payments h4 { color:#999; }
		.payments img { width:50px; margin:3px; }
		

/* pubblicità */	
	main .spot { background:#f0f0f0; text-align:center; padding-top:40px; padding-bottom:40px;  }
	main .ad a { display:block; margin-bottom:40px; }
		main .ad a img { border:4px solid #f0f0f0; }
		main .ad a img.noborder { border:0; }
	main .mixed .inlineBanner { display:none; }

/* STILI PER LE PAGINE INTERNE */
/*breadcrumbs*/
	main .breadcrumbs { padding-top:20px;  font-size:12px; color:#ccc; margin-bottom:40px; }
		main .breadcrumbs .wrapper { padding:10px; border-bottom:2px solid #f0f0f0; }		
			main .breadcrumbs a { font-weight:bold; color:#aaa; }

/*issues */
	main .issuelabel { display:inline-block; padding:10px 15px; color:#fff; background-color:#b3bf00; font-size:12px; text-transform:uppercase; margin-left:20px;  }
	main .magazinecover { text-align:center; }
		main .magazinecover img { width:40%; border:5px solid #f0f0f0; }
	main .issues h2 { text-align:center; }
	main .issues article { width:30%; margin-bottom:20px; position:relative;  }
		main .issues article img { width:100%; border:2px solid #ccc; transition:transform .2s; }
			main .issues article img:hover { width:100%; border:2px solid #ccc; transform:scale(1.5); position:relative; z-index:100; }
		main .issues article .details { bottom:0; font-size:10px; color:#ccc; text-transform:uppercase; text-align:center; padding:0 10px; }
		main .selectyear { margin-bottom:30px; }
		
/* elenco news */
	main .newslist {  }
		main .newslist h2 { margin-bottom:40px; }
		main .newslist article { border-bottom:5px solid #f0f0f0; padding-bottom:40px; margin-bottom:40px; }
			main .newslist article:last-of-type { border-bottom:0; padding-bottom:0; margin-bottom:40px; }
			main .newslist article.normal { display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; }
				main .newslist article.normal .wrapper { width:46%; text-align:left!important; margin-top:0px; }
				main .newslist article.normal .pic { width:46%; height:200px; padding-bottom:0; }
					main .newslist article.normal .pic .newsimage { height:200px; }
				main .newslist article.special .pic { padding-bottom:50%; }
					main .newslist article.special .pic .newsimage { height:100%; }
					main article.facebook .pic .newsimage, main article.instagram .pic .newsimage { filter:grayscale(100%); }

/* articolo */
	main .newsarticle article .wrapper { margin-top:0; margin-bottom:40px; }
	main .newsarticle article .pic { margin-bottom:40px; }
		main .newsarticle article .pic .dida { display:inline-block; color:#fff; font-size:12px; padding:0 10px; }
	main .newsarticle article .text {  text-align:left; }
    main .newsarticle article .gallery { }
      main .newsarticle article .gallery img { height:90px; padding:5px; cursor:pointer; }
	main .newsarticle article .share { text-align:center; font-size:12px; color:#999; margin-top:60px; }
	  main .newsarticle article .share a { cursor:pointer; }
	main .newstream.more>h2 { font-size:30px; font-family:'museo_sans300'; color:#aaa; text-transform:uppercase; margin-bottom:60px; }
	main .newsarticle article .button { margin:30px auto 0 auto; display:inline-block; }
	main .newsarticle article .copy { color:#999; text-transform:uppercase; font-size:12px; text-align:right; margin-top:30px; }
main .newsarticle article iframe { margin-bottom:40px; }


/* premi */
main .awards { margin-bottom:40px; }
	main .newstream article .awards .detailimg { max-height:100%; width:100%; }
	main .awards .note { margin:40px 0; }
	main .awards article { margin-bottom:20px;  }
		main .awards article h3 { display:inline-block; color:#aaa; margin-bottom:5px; text-transform:uppercase; font-size:14px; padding-bottom:5px; border-bottom:4px solid #ccc; }
	main .awards .button { margin:10px 0 0 0!important; display:inline-block; }	
		main .box.awards .archive { text-align:center; margin-top:30px; }
			main .box .archive a { display:inline-block; color:#aaa; font-weight:bold; font-size:16px; margin:5px 5px; }
			main .box .archive a:hover { text-decoration:none; color:#000; } 
				
/*video*/	
	main .video_wrapper { position:relative; width:100%; height:0; padding-bottom:56.25%;}
		main .video_wrapper .video { position:absolute; top:0; left:0; width:100%; height:100%; }

/* about */
.collaborators { margin-left:0; margin-top:0; padding-left:0; }
	.collaborators li { list-style-type:none; }

/* contatti */
main .socialblock { margin-top:30px; }
main .socialblock h3 { margin-bottom:20px; font-size:16px; font-weight:bold; font-style:normal; }
main .socialblock a { color:#333; display:flex; margin:10px 0; align-items:center; justify-content: flex-end; }
	main .socialblock a img { height:20px; filter: grayscale(1); margin-left:10px;  }

/* products */
main .products { margin:20px 0; }
	main .products article { width:32%; padding:3%; border:4px solid #f0f0f0; margin-bottom:2%; text-align:center; }	
		main .products article h2 { font-size:18px; line-height:1.2em; margin-bottom:20px; margin-top:0; color:#b3bf00; font-family:'museo_sans700'; font-weight:700; }
		main .products article a.button { display:inline-block; margin:20px auto 20px auto; }
		main .products article p { line-height:1.4em; font-size:14px; }
		main .products article article { padding:0; border:0; width:100%; margin:30px 0 0 0; }
			main .products article article h3 { font-family:'museo_sans700' }

	
/*buy*/
main .buy { text-align:center; }
	main .buy a.register { display:inline-block;  margin-top:20px; }
	main .buy .price { margin:50px 0; text-align:center; }
	main .buy .form { max-width:800px; margin:20px auto 0 auto; }

/*book*/
main .mixed .detailbox { background:#f0f0f0; padding:3%; height:auto; text-align:center; }
	main .mixed .detailbox p { margin-top:0; }

/*userpanel*/
	main .userpanel h2 { font-size:30px; }
	main .userpanel h3 { color:#aaa; }
	main .userpanel ul { margin:30px 0; list-style-type:none; padding:0; }
		main .userpanel ul li { padding:10px 0; border-bottom:1px solid #f0f0f0; }
			main .userpanel ul li a { color:#666; }
	main .userpanel .box { margin-bottom:40px; }
		main .userpanel .box h3 { font-weight:bold; margin-bottom:10px; }
		main .userpanel .box p { line-height:1.4em; font-size:14px;  } 
		main .userpanel .box button { margin:20px auto 0 auto; }
	main .orders { box-shadow:0 0 15px 0 rgba(53,64,82,0.15); padding:5%; margin-bottom:40px; }
		main .orders h3 { margin:30px 0 4px 0; }
		main .orders article { font-size:14px; padding:20px 0; border-bottom:1px dotted #ccc; }
			main .orders article h3 { margin:0; text-transform:uppercase; font-size:13px; }
			main .orders article div { margin:3px 0; line-height:1.4em; }

/* Struttura dei form */
.form { margin-bottom:50px; background-color:#FFF; box-shadow:0 0 15px 0 rgba(53,64,82,0.15); padding:5%; }
  .form fieldset { margin:0; border:none; padding:0; }
    .form h3, .orders h2 { font-size:22px; margin-top:0; font-family:'museo_sans300'; }
      .form h3 ~ fieldset { margin-top:30px; }
  .form .field { margin-bottom:20px; }
    .form input, .form select, .form textarea, .form .data { font-style:normal; font-size:12px; resize:vertical; margin-bottom:1px; padding:2%; display:block; background-color:#F9f9f9; color:#666; width:100%; border:none; border-bottom:1px solid #d3d3d3; }
      .form input[type=checkbox], .form input[type=radio] { width:auto; display:inline; vertical-align:text-bottom; }
      .form .error input, .form .error select, .form .error textarea, .form .error > div.option:last-of-type { border-bottom-color:#F44336 !important; }
    .form select { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjIwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyI+PC9wb2x5Z29uPjwvc3ZnPg=="); background-repeat:no-repeat; background-position:right center; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
      .form input:focus, .form select:focus, .form textarea:focus { border-bottom-width:2px; border-bottom-color:#aaa; margin-bottom:0; }
    .form .field > div.option:last-of-type { border-bottom:1px solid #aaa; padding-bottom:8px; }
    .form label { color:#aaa; font-size:14px; }
      .form input:focus ~ label, .form select:focus ~ label, .form textarea:focus ~ label { color:#2E4060; }
      .form input[type=checkbox] ~ label, .form input[type=radio] ~ label { vertical-align:middle; }
  .form .error { font-size:12px; color:#F44336; }
  .form .tip { font-size:11px; color:grey; font-style:italic; }
    .form .tip a { margin-top:0; color:#b3bf00; }
	.form .paymethods { font-size:12px; margin:30px 0; flex-flow:nowrap; justify-content:center; }
		.form .paymethods>div { border:4px solid #ccc; padding:5%; margin:10px; background:#F9f9f9; }
			.form .paymethods>div.satispay { border-color: #f94c43; }
				.form .paymethods>div.satispay a { color: #f94c43; }
			.form .paymethods>div.paypal { border-color:#0070ba; }
				.form .paymethods>div.paypal a { color:#0070ba; }
		.form .paymethods div button { height:80px; background:none; padding:0; border:none; cursor:pointer; opacity:0.8; transition:all 100ms ease-in-out; }
      .form .paymethods div button:hover { opacity:1; }
		  .form .paymethods div button img { margin:0; }
		.form .paymethods div label { color:#333; }
		form .paymethods div img { width:100%; margin-bottom:10px; }
			form .paymethods .plus img { width:40px; }
	.form .recover { display:block; margin-top:20px; font-size:12px; }
	.form a, .orders a {  color:#666; }
select { border:1px solid #CCC; padding:5px; }

/* Messages */
.message { background-color:#FFF; box-shadow:0 0 15px 0 rgba(53,64,82,0.15); width:100%; margin:0 auto 30px; }
	.message img { height:200px; margin-bottom:20px; }
  .message h3 { margin:0; padding:15px; color:#FFF; font-size:18px; }
    .message.ok h3 { background-color:#4CAF50; }
    .message.warning h3 { background-color:#FFA500; }
    .message.error h3 { background-color:#F44336; }
  .message .text { margin:0; padding:15px; }
    .message .text p { margin:0 0 10px; }
  .message .buttons { margin:0; padding:15px; text-align:right; }
    .message .buttons button, .message .buttons a.button { margin-left:15px; }

/* Dialog box */
#dialogboxcontainer { display:none; position:fixed; top:0; right:0; left:0; bottom:0; padding:5vh 10vw; background-color:rgba(0,0,0,0.60); overflow:hidden; z-index:20; transition:opacity 300ms ease-in-out; }
  #dialogbox { margin:auto; width:100%; height:100%; padding:10px; background-color:#FFF; box-shadow:0 0 10px 0 #999; overflow:hidden; }
    #dialogbox.galleryImage { text-align:center; }
      #dialogbox.galleryImage img { max-width:100%; max-height:95%; margin-bottom:5px; cursor:pointer; }

/*FOOTER*/

footer { clear:both; text-align:center; font-size:12px; background:#fff; padding-bottom:20px;  }
	footer a { color:#666; } 
	footer .bottomNav { border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
		footer .bottomNav ul { margin:20px 0; padding:0; }
			footer .bottomNav ul li { display:inline-block; margin:5px 10px; }
	footer .colophon { margin:20px 10% 0 10%; } 	
		footer .colophon h2 { font-size:12px; color:#ccc; font-weight:normal; text-transform:uppercase; }


/***********************************/
/*    STILI PER I MAXI SCHERMI    */
/*********************************/
@media only screen and (min-width:1282px) {
main, footer{ width:1280px; margin:0 auto; }
header { width:1280px; padding-left:50px; padding-right:50px; margin:0 auto; }
}


/*****************************/
/*    STILI PER I TABLET    */
/***************************/
@media only screen and (max-width:1023px) { 
.desktop { display:none; }
.mobile { display:block; }
.two>*, .mixed .two>* {width:46%; }
.altbanner { display:flex; justify-content:space-around; padding:20px 0; }	
main .mixed .main { width:100%; }
header { position:sticky; display:flex; flex-flow:row no-wrap; justify-content:space-between; align-content:center; align-items:center; padding-top:25px; }
	header .toolbar { display:flex; justify-content: space-between; width:100%; background:#f0f0f0; position:absolute; top:0; left:0; text-align:right; font-size:12px; padding:5px; }
		header .toolbar a { display:inline-block; margin:0 10px; color:#333; }
	header .icon { width:30px; }
	
	header .social.mobile { display:flex; align-items: center; justify-content: center; }
		header .social h2 { text-transform: uppercase; letter-spacing: 0.1em; color:#aaa; font-weight: 700; font-size:12px; }
		header .social.mobile>* { margin:0 5px; }
		header .social.mobile img { width:15px; }	
			header .social.mobile img:hover { opacity:0.6; }
	
header nav #menuIcon {  cursor:pointer; display:block;  color:#666; font-size:20px; position:relative;}
	header nav ul { position:absolute; left:3%; display:none; z-index:100; padding:0; }
		header nav ul li { display:block; width:100%; }
		header nav ul li.desktop { display:none!important; width:100%; }
			header nav ul li a, header nav ul li span { background:#fff; text-align:center; border-bottom:1px solid #ccc; border-left:15px solid #ccc; padding:20px 30px; }
	header .topbanner { display:none; }
	header .logoline { width:auto; padding:10px 0; }
main .spot img { width:90%; }
main .mixed .ad { width:100%; display:flex; text-align:center;  flex-flow:row wrap; justify-content:space-between; align-content:center; align-items:center; } 
	main .mixed .ad { display:none; }
		main .mixed .ad a { border:15px solid #f0f0f0; }
main .mixed .inlineBanner { display:flex; justify-content:space-between; margin-bottom: 80px; }
  main .mixed .inlineBanner a { width:100%; }
  	main .mixed .inlineBanner a img { width:100%; border:15px solid #F0F0F0; }

}


/*******************************/
/*    STILI PER SMARTPHONE    */
/*****************************/

@media only screen and (max-width:767px) {
.hspaced { padding-left:5%; padding-right:5%; }
.vspaced { padding-top:5%; padding-bottom:5%; }
.mixed .main { width:100%;}
	.mixed .two>* { width:48%; }
	.mixed>*:last-of-type { width:100%; text-align:center; display:flex; justify-content:center; flex-flow:row wrap; padding:5%; } 

header .socials { display:none; } 
	header .logoline h1 { width:70%; }
/*main .topics .topic { font-size:12px; border:1px solid #ccc; }
main .topics .topic img { display:none; } */
main h2 { font-size:28px; }
main .newstream article { margin-bottom:50px; }
main #newsboard .wrapper h2 { font-size:30px; padding:0 5%; margin-bottom:10px; } 
main .magazine { flex-flow:row wrap; }
	main .magazine .prices { order:2; padding:5%; width:48%; text-align:center; background:#fff; }
	main .magazine .cover { order:1; width:100%; margin-bottom:40px; text-align:center;  }
		main .magazine .cover img { width:70%; }
	main .magazine .prices.paper { background:#fff; }
	main .magazine .prices>h2  { font-size:20px; }
	main .magazine .prices .button { padding:10px 15px; font-size:14px; }
main .products article { width:48%; }
main .mixed .ad { display:none; }
main img.newsletter { padding:0 5%; width:100%; }
}

@media only screen and (max-width:500px) {
.two>*, .mixed .two>* {width:100%; }
/* main .topics { display:none; } */
.altbanner { display:flex; flex-flow:column wrap; padding:20px 0; text-align:center; }
	.altbanner div:nth-of-type(2) { display:none; }
main h2 img { width:100%; }
main #newsboard #newsboardContainer { height:350px; }
main .products article { width:100%; padding:20px; margin-bottom:20px; }	
main .newslist article.normal { flex-flow:column wrap; }
	main .newslist article.normal .pic { width:100%; }
	main .newslist article.normal .wrapper { width:100%; text-align:center!important; margin-top:10px; }
main .mixed .inlineBanner { display:flex; flex-flow:column wrap; text-align:center; justify-content:center; }
	main .mixed .inlineBanner a { display:inline-block; width:300px; margin:0 auto; }
}