.sticky-topbar {
width:100%;
  z-index: 11;
}
 
@media print, screen and (min-width: 40em) {
  .no-js .title-bar {
    display: none !important;
  }
    a:link:after, a:visited:after {  
      display: none;
      content: "";    
    }
 }

.topbar-responsive {
  background: #000000;
  padding: 1rem 1.5rem;
}

.topbar-responsive .topbar-responsive-logo {
  color: #fefefe;
  vertical-align: middle;
}

.topbar-responsive .menu {
  background: #000000;
}

.topbar-responsive .menu li:last-of-type {
  margin-right: 0;
}

.topbar-responsive .menu a {
  color: #fefefe;
  transition: color 0.15s ease-in;
}

.topbar-responsive .menu a:hover {
  color: #c6d1d8;
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu a {
    padding: 0.875rem 0;
  }
}

.topbar-responsive .menu .topbar-responsive-button {
  color: #fefefe;
  border-color: #fefefe;
  border-radius: 5000px;
  transition: color 0.15s ease-in, border-color 0.15s ease-in;
}

.topbar-responsive .menu .topbar-responsive-button:hover {
  color: #c6d1d8;
  border-color: #c6d1d8;
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu .topbar-responsive-button {
    width: 100%;
    margin: 0.875rem 0;
  }
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive {
    padding: 0.75rem;
  }
  .topbar-responsive .top-bar-title {
    position: relative;
    width: 100%;
  }
  .topbar-responsive .top-bar-title span {
    position: absolute;
    right: 0;
    border: 1px solid #fefefe;
    border-radius: 5px;
    padding: 0.25rem 0.45rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .topbar-responsive .top-bar-title span .menu-icon {
    margin-bottom: 4px;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive-links {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    width: 100%;
    -webkit-animation: fadeIn 1s ease-in;
            animation: fadeIn 1s ease-in;
  }
}

/* end fudations*/
/* bitit */
a{color:#212529 ;}
a:hover{color:#afafaf ;}
a.shop{color:#FFEB20 !important;}
a.shop:hover{color:#FFC725 !important;}
.sinistra{text-align: left;}
.justify{text-align: justify;}
.center{text-align: center;}
.middle{ display: flex;  align-items: center;}
div.fright{float: right; text-align: right;  vertical-align: middle;}

.menu.simple li + li {margin-left: 0rem !important;}
.topbar-responsive-logo{font-size: 1.4em;}
.it{width:120px; margin-left:3px; text-align:right; background: url('../../bitshare/album/it.gif'); background-repeat: no-repeat; background-position: left ; }
.en{width:120px; margin-left:3px; text-align:right; background: url('../../bitshare/album/en.gif'); background-repeat: no-repeat; background-position: left ;}

h1.sopraImg{z-index: 10; position: absolute; font-size: 1.1em; margin: 12px; }
h3{ font-family: font-weight:400; font-size:24px; color:#fff; line-height:24px; padding:10px 0  10px 0; margin: 10 0 20px; background: url(../album/px1.png) left bottom repeat-x; text-transform: uppercase;}
h3.homeProd{padding:0px;  height: 14px; margin-top:10px; margin-bottom: 0px;   text-decoration:none; font-family:  font-size:14px; line-height:1px; color:#E1E1E1; text-transform: uppercase; background: none; }
h4 {font-family: font-weight:400; font-size:12px; color:#fff;  margin: 0 0 3px;   text-transform: uppercase;}
.errMsg{color: #000;}
.testaImg{text-align: center; background-color: #1A1A1A;}

.sfshop{ min-height:480px;    background-image: image-set(
  url("../album/sfondobanner2400.webp") type("image/webp"),
  url("../album/sfondobanner2400.webp") type("image/jpeg")
  );
  background-size: 100%; 
    background-repeat: no-repeat; background-position:center top; background-attachment:fixed; position:relative; }
.sfshop >div{ background-color: rgb(0,0,0,0.8); color:#fff; text-align: center;  display: flex;   align-items: center; width: 100%;}
.sfshop >div >div{text-align: center; width: 100%; padding: 20px;}
.sfshop >div >div h1{font-size: 1.7em; font-weight: bold;} 
.sfshop >div >div h2{font-size: 0.9em; font-weight: bold; margin-bottom: 20px;} 
.txt3{}
.txt3 a{display: inline-block; text-decoration: none; font-family:  font-weight: 700; font-size: 18px; line-height: 20px; color: #fff; padding: 20px 25px; border: 4px solid #fff; text-transform: uppercase; opacity: 1; filter: alpha(opacity=100); 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.txt3 a:hover{opacity: 0.5; filter: alpha(opacity=50);}

.bandacarosello{ background-color: #323232; padding-top: 96px; padding-bottom: 96px;}
.bandagriga{  background-color: #323232;}
.carosello{  width: 90%; margin: 0 auto; }
.schedaCarosello{background-color: #9B958E; text-align: center; height: 380px; margin:3px; max-width: 380px;
box-shadow:  7px 12px #232121;}
.immagineCarosello{text-align: center; margin: 0  auto; height: 280px; overflow-y: hidden;  display: flex;
  align-items: center; background-color: #CBCED3;}
.immagineCarosello> a {width: 100%;}
.immagineCarosello> a >img {width: 100%;}
.testoCarosello{color: #2E2E2E; padding: 6px;}
.testoCarosello> a>h3 {font-size:  1.1em; color: #2E2E2E;}
.artbook {background-color: #9B958E;   align-content: center; float: left; width: 100%; margin: 0 auto;}
.centraletxts {padding: 48px;       padding-left: 12px;   text-align: left;}
.centraletxtr { padding: 48px;  padding-left:  12px;  color: #fff; text-align: right;}

.giustificato{text-align: justify;}


.btn-default.btn1 {
  display: inline-block;
  background: none;
  font-family: margin-top: 10px;
  margin-bottom: 10px;
  color: #48433D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  padding: 15px 25px;
  text-decoration: none;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 4px solid #48433D;
    border-top-color: rgb(72, 67, 61);
    border-right-color:  rgb(72, 67, 61);
    border-bottom-color: rgb(72, 67, 61);
    border-left-color: rgb(72, 67, 61);
  text-transform: uppercase;
  opacity: 0.75;
  filter: alpha(opacity=50);
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.btn1:hover {  opacity: 1;  filter: alpha(opacity=100); }

.NewsHome{ display: flex;   align-items: center;}
.NewsHome >div.tumbNew {z-index:2; position:relative; display: flex;  align-items: center;  height: 350px; overflow-y: hidden;   text-align:center;  border-radius: 4px;  }
.NewsHome >div.tumbNew >img {margin: auto auto;   }
.artLabel{ }
/*categorie*/ 
ul.menucat{display: inline-block;}
li.menucat{max-width: 180px; overflow: hidden;float:left; margin:6px;border:2px solid  #4B4B3F; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; text-align:center; padding:6px; }
li.menucat:hover{max-width: 180px; overflow: hidden;float:left; margin:6px;border:2px solid  #616158; background-color:#E8E8E8; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; text-align:center; padding:6px; }

.menCat {margin-top: 24px;}
.categoria  a:hover{color: #FFEB00;}

 .tmbArt{max-height:170px; display:inline-block; margin:3px;  }
  
  /* navPage */
.navPagine{display: inline-block; float:inherit;margin: 12px; color:#ffffff; }
 #pulsante{color: #ffffff; border: solid #ffffff; padding: 6px; border-radius: 12px; border-width: 1px;  cursor:pointer; }
 #pulsante:hover{padding: 5px; border-width: 2px;  }
/* navPage */ 
 
 
  
/* blog*/
 .bandaNews{  margin-top:96px ; margin-bottom: 96px;}
.NewsHome >div.tumbNew {z-index:2; position:relative; display: flex;  align-items: center;  margin-bottom:15px; height: 340px; overflow-y: hidden;   text-align:center;  border-radius: 4px;  }
.NewsHome >div.tumbNew >img {margin: auto auto;   }
.NewsHome  h4{font-size:1.1em; font-weight:bold; }  
.artLabel1{z-index:3; position:relative; padding: 48px; margin-left: 24px; margin-right:24px; margin-top:-40px;  background-color: #EFEFEE !important;   border-radius: 4px;}
.artLabel2{z-index:3; position:relative; padding: 48px; margin-left: 24px;  margin-right:24px; margin-top:-40px; background-color: #E3D2C1  !important;   border-radius: 4px;}
 .artLabel2b{z-index:3; position:relative; padding: 48px; margin-left: 24px;  margin-right:24px; margin-bottom:-40px; background-color: #E3D2C1  !important;   border-radius: 4px;}
 
 /* leggi*/
 .primaint2{font-size: 32px; font-weight: bold; color: white;}
 .primaint2b{font-size: 17px; font-weight: bold; color: white;} 
 .primaint3{font-size: 20px; color: white;}
 .primaint3b{font-size: 15px; font-weight: bold;color: white;}  
.primoarticolo{ margin-top:12px;  padding-top: 6px;  background-color: #28313F; color: #ffffff;   height: 500px; overflow-y: hidden; z-index: 1; position:static; }
.primoarticolobasso{ margin-top:12px; width:100%; text-align:center;  padding-top: 6px;  background-color: #28313F; color: #ffffff;   height: 240px; overflow-y: hidden; z-index: 1; position:static; }

.primoArtFoto{z-index: 1; position: inherit; margin: 0 ,auto; }
.captprimoarticolo{ z-index: 2px; position:absolute;  margin: auto auto;  margin-top: 300px; width:100%;   min-height: 200px; padding-top: 80px;  background-image: linear-gradient( rgba(13, 14, 33, 0.0),rgba(13, 14, 33, 0.5),rgba(13, 14, 33, 0.7), rgba(13, 14, 33, 0.9),  rgba(13, 14, 33, 0.9), rgba(13, 14, 33, 1.0));}
 .primoarticolobasso .captprimoarticolo{ z-index: 2px; position:absolute;  margin-top: 36px; width:100%;  min-height: 200px; padding-top: 80px;  background-image: linear-gradient( rgba(13, 14, 33, 0.0),rgba(13, 14, 33, 0.5),rgba(13, 14, 33, 0.7), rgba(13, 14, 33, 0.9),  rgba(13, 14, 33, 0.9), rgba(13, 14, 33, 1.0));}
.videotesta{ position: relative; z-index:0;margin-bottom:-10px; }  
.framevideo{ width: 100%; height: 700px;}    
.framevideoc{ width: 100%; height: 480px;}  
 .tmbArt{max-height:120px; display:inline-block; margin:3px;  }
  
 
footer { display:block !important; background-color: #000000; color: #B5B5B5;   padding-bottom:60px;}
footer p{font-size: 0.8em;}
footer li{font-size: 0.8em;}
footer a{ color: #ffffff !important;}
footer a:visited{ color: #ffffff !important;}
footer a:hover{  text-decoration: none;}
footer h5 {font-size: 0.6em;}
 
@media screen and (max-width:1920px){
		 .sfshop{     background-image: image-set(
  url("../album/sfondobanner1920.webp") type("image/webp"),
  url("../album/sfondobanner1920.webp") type("image/jpeg")
  ); }
		@media screen and (max-width:1600px){
					 .sfshop{     background-image: image-set(
  url("../album/sfondobanner1600.webp") type("image/webp"),
  url("../album/sfondobanner1600.webp") type("image/jpeg")
  ); }
				 
@media screen and (max-width: 1200px) {
					 .sfshop{     background-image: image-set(
  url("../album/sfondobanner1200.webp") type("image/webp"),
  url("../album/sfondobanner1200.webp") type("image/jpeg")
  ); }
			
	 
@media screen and (max-width:800px) {
					 .sfshop{     background-image: image-set(
  url("../album/sfondobanner0800.webp") type("image/webp"),
  url("../album/sfondobanner0800.webp") type("image/jpeg")
  ); }
			
	@media screen and (max-width:640px) {
							 .sfshop{     background-image: image-set(
  url("../album/sfondobanner0640.webp") type("image/webp"),
  url("../album/sfondobanner0640.webp") type("image/jpeg")
  ); }
		 
	@media screen and (max-width: 460px) {
					 h1.sopraImg{font-size: 0.6em;}
					 .sfshop{     background-image: image-set(
  url("../album/sfondobanner0417.webp") type("image/webp"),
  url("../album/sfondobanner0417.webp") type("image/jpeg")
  ); } 
 
						}
					}
				}
			}
		}
	}  
/*finecss*/
