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

html{margin-top: 0!important}
textarea:focus,video:focus, input:focus{
    outline: none;
}
a>h2{
    -webkit-transition: transform .6s  ease-in-out ;
  -moz-transition: transform .6s ease-in-out;
  -o-transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
  transform-origin: top left; 
}


.btn-out:hover{background-color: #000!important;color: #fff!important}
.btn-out{font-family: "Mercury Display"; background-color: transparent;border-radius: 0!important;border: 1px solid #000!important}
a{text-decoration: none!important;color: #000;}
h1,h2,h3,h4,p,a,li,label{ font-family: "Mercury Display";letter-spacing: .6px;}
h1{font-size: 22px;}
h3{font-size: 14px;}
.navbar h1 span { color:#a1a1a1;font-weight: 400; }
a>h2,a>h3{color: #000;}
p{ font-size: 18px; font-weight:400 }
p.autore{color: #000;font-size: 20px;font-weight:500}
p.sito, p.sito>a {color: #000; font-style: italic;font-size: 20px;font-weight:500}
p.sito, p.sito>a:hover{ color: #000!important; }
button { appearance: none;
    -moz-appearance: none;
-webkit-appearance: none;}
.navbar{
	background-color: rgba(255, 255, 255, 1);
	-webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
#hamb{
  -webkit-transition: padding .2s  ease-in-out ;
  -moz-transition: padding .2s ease-in-out;
  -o-transition: padding .2s ease-in-out;
  transition: padding .2s ease-in-out;
}
.over{z-index: 1050;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, .8);}
.more{
  opacity: 0;
  -webkit-transition: all .3s  ease-in-out ;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.mostra{opacity: 1!important;}
.navbar a {font-size: 18px;}
img.w-100{height: auto!important;}
h2{font-size: 22px;}
h3.author{font-size: 20px!important;}
.item  h2 {
	font-size: 18px;
  font-weight: 500;
	-webkit-transition: all .3s  ease-in-out ;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.35);
}
.item .over{opacity: 0;color: #fff!important;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);	
	-webkit-transition: all .6s  ease-in-out ;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;}
.item:hover .over{opacity: 1!important;}
.item>div{overflow: hidden;}
.item img{ 
  -webkit-transition: all .6s  ease-in-out ;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
 }

.btn_buy { 
    -webkit-transition: all .6s  ease-in-out ;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  border-radius:50px;
  color:#fff;
  padding:8px 20px;
  font-size: 18px;
  font-weight:400 
}
.btn_buy:hover { color:#fff!important; opacity:.7  }

.bg-opacity{
  opacity: 0; 
  background-color: rgba(0, 0, 0, .4);
  -webkit-transition: all .6s  ease-in-out ;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
.bg-opacity h3{font-size: 18px!important;}
.item:hover .bg-opacity{opacity: 1!important}

.x-btn-navbar {
	box-shadow: none !important;
	transition: 0.5s ease-in-out;
	background-color: transparent !important;
}
.close {
  position: absolute;
  right: 40px;
  top: 35px;
  width: 32px;
  height: 32px;
  opacity: 1;
  z-index:3;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #fff;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}
/*
	Navbar Icon
	----------------------
*/
.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,0) !important;
}
#nav-icon3 {
  width: 20px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.x-btn-navbar {
   box-shadow: none !important;
  transition: 0.5s ease-in-out;
  background-color: transparent !important;
  padding: 0px !important;
  margin-top: 0px !important;
}
#nav-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000000;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  -o-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 6px;
}

#nav-icon3 span:nth-child(4) {
  top: 12px;
}
#nav-icon3.open span{
background: #fff!important;
}
#nav-icon3.open span:nth-child(1) {
  top: 6px;
  width: 0%;
  left: 50%;
  background: #fff!important;
}
#nav-icon3.open span{background: #fff!important;}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 6px;
  width: 0%;
  left: 50%;
  background: #fff!important;
}

.uppercase{text-transform: uppercase;}


#content{
	-webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
#content p { font-size:18px!important;margin-bottom:30px }

#menu a {
  color: #fff!important;
  font-size: 26px!important;
}
#menu a.active{
  color: #a1a1a1!important;
}
footer p {
    margin-bottom: 0;
    color: #000;
    font-size: 14px!important;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: inherit;
}
a:hover {color: #000!important}
footer a { color:#000 }
.my-6 {
    margin-top: 8rem!important;
    margin-bottom: 8rem!important;
}
.my-7 {
    margin-top: 12rem!important;
    margin-bottom: 12rem!important;
}
@media screen and (max-width: 1199px){
  .my-lg-6,.my-lg-5 {
      margin-top: 2rem!important;
      margin-bottom: 2rem!important;
  }
  .my-lg-7 {
      margin-top: 2rem!important;
      margin-bottom: 2rem!important;
  }
}
@media screen and (min-width: 1200px){
  .my-lg-6 {
      margin-top: 8rem!important;
      margin-bottom: 8rem!important;
  }
  .my-lg-7 {
      margin-top: 12rem!important;
      margin-bottom: 12rem!important;
  }
}

.modal{background-color: rgba(0, 0, 0, .4)!important;}
.modal-dialog{width: 100%;height: 100vh;margin: 0!important;max-width: 100%!important;}
.modal-content{height: 100vh;border-radius: 0;border: 0px solid transparent;
background-color: rgba(0, 0, 0, 0)!important;
    -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);}

.modal.fade .modal-dialog {
  transform: translate3d(0, 0, 0);
}

.modal.in .modal-dialog {
  transform: translate3d(0, 0, 0);
}
.border-bottom {border-bottom: 1px solid #000!important}
.border-bottom-w {border-bottom: 1px solid #fff!important}

.container-fluid{ max-width: 1600px!important; margin: 0 auto; }
@media screen and (max-width: 767px){
  .w-50,.w-75 { width: 100%!important; }
  .item .over{display: none!important;}
}

.form-control{ 
  border-top:0px solid transparent!important; 
  border-left:0px solid transparent!important; 
  border-right:0px solid transparent!important; 
  border-bottom:1px solid #000!important; 
  border-radius: 0!important;
  padding-left: 0!important;
}
.btn-primary{border: 0px solid #000;border-radius: 0!important;background-color: #000!important;}

.pubb{overflow: hidden;}
.no_zoom{pointer-events: none!important;}
.pubb:hover .ov{opacity: 1!important;}
.ov{
  opacity: 0;background-color: rgba(0, 0, 0, .4);
  -webkit-transition: all .6s  ease-in-out ;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;

}


.pubb img{  -webkit-transition: all .6s  ease-in-out ;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;}
.pubb h3{font-size: 20px;}