/* Heading */
h1 span {
  color: #FFF;
}

.highlighted-black {
  background-color: #009DE0;
  color: #000 !important;
  padding-right: 20px;
  padding-left: 5px;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
  transform: skewX(-10deg);
  border-radius: 5px 1px 5px 1px;
}

.logo img {
  max-width: 150px;
}

/* Footer */

footer {
  font-size: 14px !important;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
  color: rgba(255,255,255,.85) !important;
}

header a, footer a {
  color: rgba(255,255,255,.85) !important;
}

header a:hover, footer a:hover {
  color: #FFF !important;
}

.footer {
  --bs-bg-opacity: 0.1;
  padding: 60px 0 60px 0;
  border-bottom: 1px solid #222222;
}

.footer ul {
  /* margin-top: 10px !important; */
  padding-left: 0;
  list-style: none;
}

.footer ul li {
  margin-bottom: 2px;
}

.label-small {
  font-size: 12px;
}

.button-newsletter {
  border: 1px solid #009DE0;
  border-radius: 0px 5px 5px 0px !important;
  color: #009DE0;
  font-style: italic;
}

.copyright-legal, .copyright-legal a {
  color: #a9a9a9 !important;
  font-size: 11px !important;
}

.icons-pagamenti span.cc-visa {
  background-color: #26337a;
}
.icons-pagamenti span.cc-maestro, .icons-pagamenti span.cc-mastercard {
  background-color: #006;
}
.icons-pagamenti span.cc-amex {
  background-color: #0072ce;
}
.icons-pagamenti span.cc-paypal {
  background-color: #00457c;
}
.icons-pagamenti span.cc-klarna {
  background-color: #ffb3c7;
}
.icons-pagamenti span {
  font-weight: 500;
  line-height: 1;
  display: flex;
  width: 50px;
  height: 30px;
  margin: 1px 3px 1px 0;
  background-color: red;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}


.bg-black a  {
  color: rgba(255,255,255,.85) !important;
}


/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.form-control:focus {
  box-shadow: none;
}

.form-control-underlined {
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
  padding-left: 0;
}

.input-search-rounded-brand {
  border-radius: 5px 1px 5px 1px;
  transform: skewX(-10deg);
  --bs-bg-opacity: 0.1;
}

.border-rounded-brand {
  border-radius: 5px 1px 5px 1px;
  transform: skewX(-10deg);
}

input[type=search] {
  caret-color: #009DE0 !important;
}

/* Header */
.top-menu {
 font-size: 13px;
  /* --bs-bg-opacity: 0.1; */
 border-bottom: 1px solid #222222;
}

.top-menu .nav-link {
  color: rgba(255,255,255,.85) !important;
}

.nav-menu-prodotti {
  --bs-bg-opacity: 0.1;
  border-bottom: 1px solid #222222;
  border-top: 1px solid #222222;
}
*
.nav-menu-prodotti .nav-link {
  padding: 0 0 0 1rem !important;
}
.nav-menu-prodotti .nav-link:hover, .nav-menu-prodotti .nav-link:focus {
  color: #009DE0 !important;
}

/* Hero */
/*
#hero {
  width: 100%;
  min-height: 100vh;
  background: #000 url(../img/header.jpg) center bottom no-repeat;
  background-size: 70%;
  position: relative;
}

@media (max-width: 767.98px) {
  #hero {
    background: #000 url(../img/header-mobile.jpg) center bottom no-repeat;
    background-size: 110%;
    min-height: 80vh;
    font-weight: 100;
  }
}

@media (min-height: 1200px) {
  #hero {
    min-height: 50vh;
  }
}
*/

#heroTearGoEleven {
  width: 100%;
  min-height: 85vh;
  background: #000 url(../img/header/hero-team-goeleven-xl.jpg) center bottom no-repeat;
  /* background: #000 url(../img/header/hero-team-goeleven-xl-2.jpg) center bottom no-repeat; */
  background-size: 80%;
  background-position: center;
  position: relative;
  /* border: 1px solid red; */
}

#heroTearGoEleven .logo-team-goeleven {
  width:200px;
  margin-top: 130px;
  /* border: 1px solid red; */
  /* background-color: #000; */
}

#heroTearGoEleven .container .row {
  min-height: 85vh;
  /* border: 1px solid red; */
}

/*
@media (min-height: 748px) {
  #heroTearGoEleven {
    min-height: 50vh;
  }
}
*/

@media (max-width: 767.98px) {

  #heroTearGoEleven {
    background: #000 url(../img/header/hero-team-goeleven-xs.jpg) center bottom no-repeat;
    background-size: 100%;
    background-position: top;
    font-weight: 100;
    min-height: 70vh;
  }

  #heroTearGoEleven .logo-team-goeleven {
    background-color: transparent;
    width:150px;
    text-align: center;
    margin-top: 30px;
  }

  /*
  #heroTearGoEleven .logo-skb {
    width:150px;
  }
  */

}


@media (max-height: 800px) {
  #heroTearGoEleven .container .row {
    min-height: 80vh;
  }
}

@media (min-height: 1024px) {
  #heroTearGoEleven {
    min-height: 40vh;
  }

  #heroTearGoEleven .container .row {
    min-height: 40vh;
  }
}

@media (min-height: 1440px) {
  #heroTearGoEleven {
    min-height: 60vh;
  }

  #heroTearGoEleven .container .row {
    min-height: 60vh;
  }
}



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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-helmet2:before {
  content: "\e903";
}
.icon-plane:before {
  content: "\e901";
}
.icon-helmet:before {
  content: "\e900";
}
.icon-moto:before {
  content: "\e902";
}
.icon-filter-horizontal:before {
  content: "\e948";
}
.icon-menu-hamburger:before {
  content: "\e947";
}
.icon-cart:before {
  content: "\e905";
}
.icon-search:before {
  content: "\e90a";
}
.icon-download:before {
  content: "\e94a";
}
.icon-chevron-up:before {
  content: "\e906";
}
.icon-chevron-right:before {
  content: "\e907";
}
.icon-chevron-left:before {
  content: "\e908";
}
.icon-chevron-down:before {
  content: "\e909";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-pin1:before {
  content: "\e90f";
}
.icon-pin2:before {
  content: "\e90b";
}
.icon-pin3:before {
  content: "\e904";
}
.icon-pin5:before {
  content: "\e90d";
}
.icon-pin4:before {
  content: "\e90c";
}

/* Animazione Blink */
.attenzione {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
}
    
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}





.min-vh-50 {
    min-height: 50vh !important;
}
.min-vh-100 {
    min-height: 80vh !important;
}



.mega-content .list-group {
  column-count: 3;
  column-fill: auto;
}
.mega-content .list-group-item {
  border: 0;
  font-weight: normal !important;
  padding: 5px 0 5px 0px;
  color:#000;
  border-bottom: 1px solid #f3f3f3;
  border-radius: none;
}

.mega-content .list-group-item:focus {
  padding: 5px 0 5px 0px;;
}

.dropdown-menu.show {
  -webkit-animation: fadeIn 0.3s alternate;
  /* Safari 4.0 - 8.0 */
  animation: fadeIn 0.3s alternate;
}

.nav-item.dropdown.dropdown-mega {
  position: static;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
  width: 90%;
  top: 60px;
  left: 5%;
}

.navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 11;
  float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  background: #333;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}

.icons {
  display: inline-flex;
  margin-left: auto;
}
.icons a {
  transition: all 0.2s ease-in-out;
  padding: 0.2rem 0.4rem;
  color: #ccc !important;
  text-decoration: none;
}
.icons a:hover {
  color: white;
  text-shadow: 0 0 30px white;
}
.fs-11 {
  font-size: 11px !important;
  color: #f0f1f2;
}

.logo-paraxite-header {
  font-size: 2.2rem;
}


@media (min-width: 767.98px) {
  .ul-menu-azienda {
    font-weight: bolder;
    font-size: 39px;
  }
  .ul-menu-azienda li {
   padding:0;
  }
  .offcanvas-body {
    padding:0;
  }
}

@media (max-width: 767.98px) {
  
  .offcanvas.offcanvas-top {
    top: 0 !important;
    border: 1px ;
  }
  .nav-top-mobile {
    border-bottom: 1px solid #222222;  
  }
  .nav-top-mobile .nav-item {
    font-size: 12px;
  }
  .logo-paraxite-header {
    font-size: 1.6rem;
  }

}


.fs-icon-motorcycle, .fs-icon-cart {
  font-size: 1.4rem !important;
}


/* TEAM D&A RACING */

.team-1 {
  background: url(../img/team/1.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.team-2 {
  /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
  background: url(../img/team/2.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.team-3 {
  /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
  background: url(../img/team/3.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.team-4 {
  /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
  background: url(../img/team/4.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.team-5 {
  /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
  background: url(../img/team/5.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.team-6 {
  /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
  background: url(../img/team/6.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

@media (max-width: 576px) {

  .team-1, .team-2, .team-3, .team-4, .team-5, .team-6 {
    font-size: 12px;
  }

  .team-1 {
    background-image:
    linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(255,255,255,0) 43%),
    url('../img/team/1.jpg');
    background-size: cover;
  }

  .team-2 {
    background-image:
    linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(255,255,255,0) 43%),
    url('../img/team/2-xs.jpg');
    background-size: cover;
  }
  .team-3 {
    background-image:
    linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(255,255,255,0) 43%),
    url('../img/team/3-xs.jpg');
    background-size: cover;
  }
  .team-4 {
    background-image:
    linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(255,255,255,0) 43%),
    url('../img/team/4.jpg');
    background-size: cover;
  }
  .team-5 {
    background-image:
    linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(255,255,255,0) 43%),
    url('../img/team/5-xs.jpg');
    background-size: cover;
  }
  .team-6 {
    background-image:
    linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(255,255,255,0) 43%),
    url('../img/team/6-xs.jpg');
    background-size: cover;
    background-position: center top;
    height: 80vh;
  }
}



/* TEAM GO ELEVEN */
.team-goeleven-1 {
  /* background: url(../img/team/goeleven/1A.jpg) center center no-repeat; */ 
  background: url(../img/team/goeleven/1A.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 80vh;
}

.team-goeleven-2 {
  background: linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(255,255,255,0) 43%), url(../img/team/goeleven/2A.jpg) center top no-repeat; 
  /* background: url(../img/team/goeleven/1A.jpg) center center no-repeat; */ 
  /* background: url(../img/team/goeleven/2A.jpg) center center no-repeat; */
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.team-goeleven-3 {
  /* background: url(../img/team/goeleven/1A.jpg) center center no-repeat; */ 
  background: url(../img/team/goeleven/3A.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 80vh;
}

.team-goeleven-4 {
  /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
  background: url(../img/team/goeleven/4A.jpg) center center no-repeat;
  /* background: url(../img/team/goeleven/2B.jpg) center center no-repeat; */
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.team-goeleven-5 {
  /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
  background: url(../img/team/goeleven/5A.jpg) center center no-repeat;
  /* background: url(../img/team/goeleven/2B.jpg) center center no-repeat; */
  background-size: cover;
  width: 100%;
  height: 100vh;
}


@media (max-width: 576px) {
  .team-goeleven-1 {
    font-size: 12px;
  }
  
  .team-goeleven-2 {
    font-size: 12px;
  }
  
  .team-goeleven-3 {
    font-size: 12px;
  }
  .team-goeleven-3 {
    /* background: url(../img/team/goeleven/1A.jpg) center center no-repeat; */ 
    background: linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(255,255,255,0) 43%), url(../img/team/goeleven/3A-mobile.jpg) center top no-repeat; 
    background-size: cover;
    width: 100%;
    height: 100vh;
    font-size: 12px;
  }
  .team-goeleven-4 {
    /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
    background: url(../img/team/goeleven/4A-mobile.jpg) center center no-repeat;
    /* background: url(../img/team/goeleven/2B.jpg) center center no-repeat; */
    background-size: cover;
    width: 100%;
    height: 100vh;
    font-size: 12px;
  }
}


.guida-in-pista {
  /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
  /* background: url(../img/guida-in-pista/_DSC4192.jpg) center center no-repeat; */
  /* background: url(../img/guida-in-pista/_DSC4506.jpg) center center no-repeat; */
  background: url(../img/guida-in-pista/_DSC4302.jpg) center center no-repeat;
  background: url(../img/guida-in-pista/_DSC4308.jpg) center center no-repeat;
  background: url(../img/guida-in-pista/_DSC4212.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 50vh;
}




  .influencer-1 {
    /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
    background: url(../img/influencer/_DSC9087.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 80vh;
  }
  .influencer-2 {
    /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
    background: url(../img/influencer/f3-prototipo-066.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 80vh;
  }
  .influencer-3 {
    /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
    background: url(../img/influencer/street-fighter-46.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 80vh;
  }
  .influencer-4 {
    /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
    background: url(../img/influencer/_DSC8896.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 80vh;
  }
  
  @media (max-width: 576px) {
    .influencer-1, .influencer-2, .influencer-3, .influencer-4 {
      font-size: 12px;
    }
    .influencer-1 {
      background-image:
      linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(255,255,255,0) 43%),
      url(../img/influencer/_DSC9087-xs.jpg);
      background-size: cover;
    }
    .influencer-2 {
      background-image:
      linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(255,255,255,0) 43%),
      url(../img/influencer/f3-prototipo-066-xs.jpg);
      background-size: cover;
    }
    .influencer-3 {
      background-image:
      linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(255,255,255,0) 43%),
      url(../img/influencer/street-fighter-46-xs.jpg);
      background-size: cover;
    }
    .influencer-4 {
      background-image:
      linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(255,255,255,0) 43%),
      url(../img/influencer/_DSC8896-xs.jpg);
      background-size: cover;
    }
  }


.produzione {
  /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
  background: url(../img/lavorazione.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.contatti {
  /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lavorazione.jpg) center center no-repeat; */
  background: url(../img/lavorazione.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.partnership {
  background: linear-gradient(rgba(2, 2, 2, 0.7), rgba(0, 0, 0, 0.7)), url(../img/partners.jpg) center center no-repeat;
  background-size: cover;
  height: 50vh;
}

.chi-siamo {
  background: url(../img/chi-siamo.jpg) center center no-repeat;
  background-size: cover;
  height: 100vh;
}

.eicma {
  background: url(../img/paraxite-eicma.jpg) center center no-repeat;
  background-size: cover;
  height: 100vh;
}

.menu-seleziona-moto {
  background: #000 url(../img/ricerca-moto.jpg) bottom right no-repeat;
  background-size: 50%;
  height: 100vh;
}


/* Piastra di sterzo */
.hero-3-72-72-007 {
  background: url(../img/categorie/3-72-72-007.jpg) no-repeat; 
  background-size: 105%;
  background-position: bottom 50% right 0%;
  min-height: 50vh;
}

/* Protezione Carter OK */
.hero-3-72-72-004 {
  background: url(../img/categorie/3-72-72-004.jpg) no-repeat; 
  background-size: 105%;
  background-position: bottom 50% right 280%;
  min-height: 50vh;
}


/* Leva street OK */
.hero-3-72-72-003-72-003-001 {
  background: url(../img/categorie/3-72-72-003-72-003-001.jpg) 160px -630px no-repeat; 
  background-size: 120%;
  min-height: 50vh;
}

/* Leve race OK */
.hero-3-72-72-003-72-003-002 {
  background: url(../img/categorie/3-72-72-003-72-003-002.jpg) no-repeat; 
  background-size: 110%;
  /* background-position: bottom -350px left 270px; */ 
  background-position: bottom 38% right 240%;
  min-height: 50vh;
}

/* Ricambi leve */
.hero-3-72-72-003-PEL001N-PSC002N-PSC001N-PSB001N {
  background: url(../img/categorie/3-72-72-003-PEL001N-PSC002N-PSC001N-PSB001N.jpg) no-repeat; 
  background-size: 105%;
  /* background-position: bottom -430px left 300px; */ 
  background-position: bottom 54% left -233%;
  min-height: 50vh;
}

/* Protezioni leve freno e frizione OK */
.hero-3-72-72-003-72-001-001, .hero-3-72-72-001-72-001-001 {
  background: url(../img/categorie/3-72-72-001-72-001-001.jpg) no-repeat; 
  background-size: 110%;
  /* background-position: bottom -390px left 300px; */
  background-position: bottom -390px left 300px;
  min-height: 50vh;
}

/* Semimanubri */
.hero-3-72-72-008 {
  background: url(../img/categorie/3-72-72-008-72-008-001-PHT001N.jpg) no-repeat; 
  background-size: 150%;
  background-position: top -500px left 50px;
  min-height: 50vh;
}

/* Tubi */
.hero-3-72-72-008-72-008-001 {
  background: url(../img/categorie/3-72-72-008-72-008-001.jpg) no-repeat; 
  background-size: 120%;
  background-position: top -400px right 0;
  min-height: 50vh;
}

/* bracciali offset 25 */
.hero-3-72-72-008-72-008-002-PHB001NL {
  background: url(../img/categorie/3-72-72-008-72-008-002-PHB001NL.jpg) no-repeat; 
  background-size: 150%;
  background-position: top 48% left 10%;
  min-height: 50vh;
}

/* bracciali offset 42 */
.hero-3-72-72-008-72-008-002-PHB006NL {
  background: url(../img/categorie/3-72-72-008-72-008-002-PHB006NL.jpg) no-repeat; 
  background-size: 130%;
  background-position: top 50% left 50px;
  min-height: 50vh;
}

/* bracciali offset 50+10 */
.hero-3-72-72-008-72-008-002-PHB012NL {
  background: url(../img/categorie/3-72-72-008-72-008-002-PHB012NL.jpg) no-repeat; 
  background-size: 100%;
  background-position: top 45% left 10%;
  min-height: 50vh;
}

/* Tappi olio */
.hero-3-72-72-010-72-010-001 {
  background: url(../img/categorie/3-72-72-010-72-010-001.jpg) no-repeat; 
  background-size: 110%;
  background-position: top 35% left 480px;
  min-height: 50vh;
}

/* Contrappesi */
.hero-3-72-72-001-72-001-002 {
  background: url(../img/categorie/3-72-72-001-72-001-002.jpg) no-repeat; 
  background-size: 100%;
  background-position: center left -50%; /* CAZZO */
  min-height: 50vh;
}

/* Nottolini */
.hero-3-72-72-009 {
  background: url(../img/categorie/3-72-72-009.jpg) no-repeat; 
  background-size: 140%;
  background-position: center left -11%;
  min-height: 50vh;
}

/* Tappi serbatoio */
.hero-3-72-72-010-72-010-002 {
  background: url(../img/categorie/3-72-72-010-72-010-002.jpg) no-repeat; 
  background-size: 120%;
  background-position: bottom 55% left -40%;
  min-height: 50vh;
}

/* Serbatoi olio */
.hero-3-72-72-010-72-010-003 {
  background: url(../img/categorie/3-72-72-010-72-010-003.jpg) no-repeat; 
  background-size: 100%;
  background-position: bottom -480px left 480px;
  min-height: 50vh;
}

/* Sgancio rapido tappo serbatoio */
.hero-3-72-72-010-72-010-002-PTF001N {
  background: url(../img/categorie/3-72-72-010-72-010-002-PTF001N.jpg) no-repeat; 
  background-size: 110%;
  background-position: bottom -480px right 290%;
  min-height: 50vh;
}

/* Controllo remoto */
.hero-3-72-72-003-72-003-003 {
  background: url(../img/categorie/33-72-72-003-72-003-003.jpg) no-repeat; 
  background-size: 90%;
  background-position: bottom 45% left 480px;
  min-height: 50vh;
}

/* Frecce */
.hero-3-72-72-002 {
  background: url(../img/categorie/3-72-72-002.jpg) no-repeat; 
  background-size: 70%;
  background-position: top 30% right 10%;
  min-height: 50vh;
}

/* Pedane */
.hero-3-72-72-006-72-006-01 {
  background: url(../img/categorie/3-72-72-006-72-006-01.jpg) no-repeat; 
  background-size: 100%;
  /* background-position: top 30% right 10%; */
  background-position: left;
  min-height: 50vh;
}



@media (max-width: 767.98px) {
  /* Piastre di sterzo */
  .hero-3-72-72-007 {
    background: url(../img/categorie/3-72-72-007-xs.jpg) no-repeat; 
    background-position: center;
    min-height: 50vh;
  }
  /* Protezione Carter OK */
  .hero-3-72-72-004 {
    background: url(../img/categorie/3-72-72-004-xs.jpg) no-repeat; 
    background-position: center;
    min-height: 60vh;
  }
  /* Leva street OK */
  .hero-3-72-72-003-72-003-001 {
    background: url(../img/categorie/3-72-72-003-72-003-001-xs.jpg) no-repeat; 
    /* background-position: center left -240px; */
    background-position: center; 
    min-height: 60vh;
  }
  /* Leve race OK */
  .hero-3-72-72-003-72-003-002 {
    background: url(../img/categorie/3-72-72-003-72-003-00-xs.jpg) no-repeat; 
    background-position: center; 
    min-height: 60vh;
  }
  /* Ricambi leve */
  .hero-3-72-72-003-PEL001N-PSC002N-PSC001N-PSB001N {
    background: url(../img/categorie/3-72-72-003-PEL001N-PSC002N-PSC001N-PSB001N-xs.jpg) no-repeat; 
    background-position: center; 
    min-height: 60vh;
  }
  /* Protezioni leve freno e frizione OK */
  .hero-3-72-72-003-72-001-001, .hero-3-72-72-001-72-001-001 {
    background: url(../img/categorie/3-72-72-001-72-001-001-xs.jpg) no-repeat;
    background-position: center; 
    min-height: 60vh;
  }
    
  /* Semimanubri */
  .hero-3-72-72-008 {
    background: url(../img/categorie/3-72-72-008-72-008-001-PHT001N-xs.jpg) no-repeat;
    background-position: center;
    min-height: 60vh;
  }

  /* Tubi */
  .hero-3-72-72-008-72-008-001 {
    background: url(../img/categorie/3-72-72-008-72-008-001-xs.jpg) no-repeat; 
    background-position: center;
    min-height: 60vh;
  }

  /* bracciali offset 25 */
  .hero-3-72-72-008-72-008-002-PHB001NL {
    background: url(../img/categorie/3-72-72-008-72-008-002-PHB001NL-xs.jpg) no-repeat;
    background-position: center;
    min-height: 60vh;
  }

  /* bracciali offset 42 */
  .hero-3-72-72-008-72-008-002-PHB006NL {
    background: url(../img/categorie/3-72-72-008-72-008-002-PHB006NL-xs.jpg) no-repeat; 
    background-position: center;
    min-height: 60vh;
  }

  /* bracciali offset 50+10 */
  .hero-3-72-72-008-72-008-002-PHB012NL {
    background: url(../img/categorie/3-72-72-008-72-008-002-PHB012NL-xs.jpg) no-repeat; 
    background-position: center;
    min-height: 60vh;
  }

  /* Tappi olio */
  .hero-3-72-72-010-72-010-001 {
    background: url(../img/categorie/3-72-72-010-72-010-001-xs.jpg) no-repeat; 
    background-position: center;
    min-height: 60vh;
  }

  /* Contrappesi */
  .hero-3-72-72-001-72-001-002 {
    background: url(../img/categorie/3-72-72-001-72-001-002-xs.jpg) no-repeat; 
    background-size: 100%;
    background-position: center;
    min-height: 50vh;
  }

  /* Nottolini */
  .hero-3-72-72-009 {
    background: url(../img/categorie/3-72-72-009-xs.jpg) no-repeat; 
    background-position: center;
    min-height: 60vh;
  }

  /* Tappi serbatoio */
  .hero-3-72-72-010-72-010-002 {
    background: url(../img/categorie/3-72-72-010-72-010-002-xs.jpg) no-repeat; 
    background-size: 100%;
    background-position: center;
    min-height: 50vh;
  }

  /* Serbatoi olio */
  .hero-3-72-72-010-72-010-003 {
    background: url(../img/categorie/3-72-72-010-72-010-003-xs.jpg) no-repeat;
    background-position: center;
    min-height: 60vh;
  }

  /* Sgancio rapido tappo serbatoio */
  .hero-3-72-72-010-72-010-002-PTF001N {
    background: url(../img/categorie/3-72-72-010-72-010-002-PTF001N-xs.jpg) no-repeat;
    background-position: center;
    min-height: 60vh;
  }

  /* Controllo remoto */
  .hero-3-72-72-003-72-003-003 {
    background: url(../img/categorie/33-72-72-003-72-003-003-xs.jpg) no-repeat;
    background-position: center;
    min-height: 60vh;
  }

  /* Frecce */
  .hero-3-72-72-002 {
    background: url(../img/categorie/3-72-72-002-xs.jpg) no-repeat; 
    background-position: center;
    min-height: 60vh;
  }

  /* Pedane */
  .hero-3-72-72-006-72-006-01 {
    background: url(../img/categorie/3-72-72-006-72-006-01.jpg) no-repeat; 
    background-size: 120%;
    background-position: center;
    min-height: 35vh;
  }

}




/* FORM SIGNIN */

.form-signin {
  max-width: 330px;
  padding: 15px;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.dettaglio-prodotto h1 {
  font-size: 26px;
  color:rgb(37, 37, 37);
}

.dettaglio-prodotto .prezzo {
  font-size: 24px !important;
}


.dettaglio-prodotto .variante {
  border-radius: 5px 1px 5px 1px;
  transform: skewX(-10deg);
  margin-right: 3px;
  margin-bottom: 4px;
}


.dettaglio-prodotto .colored-ball {
  border: 2px solid #fff;
  height: 15px;
  width: 40px;
  border-radius: 15px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border-radius: 5px 1px 5px 1px;
  transform: skewX(-10deg);
}

/*
.dettaglio-prodotto .select.colored-ball {
   border: 2px solid rgb(187, 187, 187);
}
*/

.dettaglio-prodotto .select.colored-ball::before {
  display: inline-block;
  top: 55px;
  height: 2px;
  width: 36px;
  background-color: #000;
  content: "";
  margin: 0;
  z-index: -1;
}

.dettaglio-prodotto .colored-ball.blu {
background: rgb(0,108,185);
background: -moz-linear-gradient(90deg, rgba(0,108,185,1) 6%, rgba(0,17,48,1) 41%, rgba(26,153,228,1) 65%, rgba(230,243,255,1) 80%, rgba(0,115,191,1) 94%);
background: -webkit-linear-gradient(90deg, rgba(0,108,185,1) 6%, rgba(0,17,48,1) 41%, rgba(26,153,228,1) 65%, rgba(230,243,255,1) 80%, rgba(0,115,191,1) 94%);
background: linear-gradient(90deg, rgba(0,108,185,1) 6%, rgba(0,17,48,1) 41%, rgba(26,153,228,1) 65%, rgba(230,243,255,1) 80%, rgba(0,115,191,1) 94%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006cb9",endColorstr="#0073bf",GradientType=1);
}
.dettaglio-prodotto .colored-ball.oro {
  background: rgb(207,141,29);
  background: -moz-linear-gradient(96deg, rgba(207,141,29,1) 0%, rgba(159,110,25,1) 41%, rgba(207,141,29,1) 65%, rgba(230,243,255,1) 80%, rgba(207,141,29,1) 94%);
  background: -webkit-linear-gradient(96deg, rgba(207,141,29,1) 0%, rgba(159,110,25,1) 41%, rgba(207,141,29,1) 65%, rgba(230,243,255,1) 80%, rgba(207,141,29,1) 94%);
  background: linear-gradient(96deg, rgba(207,141,29,1) 0%, rgba(159,110,25,1) 41%, rgba(207,141,29,1) 65%, rgba(230,243,255,1) 80%, rgba(207,141,29,1) 94%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cf8d1d",endColorstr="#cf8d1d",GradientType=1);
  
}
.dettaglio-prodotto .colored-ball.nero {  
background: rgb(52,56,60);
background: -moz-linear-gradient(90deg, rgba(52,56,60,1) 6%, rgba(0,0,0,1) 41%, rgba(230,243,255,1) 80%, rgba(36,36,36,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(52,56,60,1) 6%, rgba(0,0,0,1) 41%, rgba(230,243,255,1) 80%, rgba(36,36,36,1) 100%);
background: linear-gradient(90deg, rgba(52,56,60,1) 6%, rgba(0,0,0,1) 41%, rgba(230,243,255,1) 80%, rgba(36,36,36,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#34383c",endColorstr="#242424",GradientType=1);
}
.dettaglio-prodotto .colored-ball.arancione {
background: rgb(223,126,40);
background: -moz-linear-gradient(90deg, rgba(223,126,40,1) 6%, rgba(142,50,1,1) 41%, rgba(253,176,89,1) 65%, rgba(230,243,255,1) 80%, rgba(255,168,71,1) 94%);
background: -webkit-linear-gradient(90deg, rgba(223,126,40,1) 6%, rgba(142,50,1,1) 41%, rgba(253,176,89,1) 65%, rgba(230,243,255,1) 80%, rgba(255,168,71,1) 94%);
background: linear-gradient(90deg, rgba(223,126,40,1) 6%, rgba(142,50,1,1) 41%, rgba(253,176,89,1) 65%, rgba(230,243,255,1) 80%, rgba(255,168,71,1) 94%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#df7e28",endColorstr="#ffa847",GradientType=1);
}
.dettaglio-prodotto .colored-ball.rosso {
background: rgb(164,34,34);
background: -moz-linear-gradient(96deg, rgba(164,34,34,1) 0%, rgba(119,0,0,1) 41%, rgba(246,129,129,1) 65%, rgba(230,243,255,1) 80%, rgba(246,129,129,1) 94%);
background: -webkit-linear-gradient(96deg, rgba(164,34,34,1) 0%, rgba(119,0,0,1) 41%, rgba(246,129,129,1) 65%, rgba(230,243,255,1) 80%, rgba(246,129,129,1) 94%);
background: linear-gradient(96deg, rgba(164,34,34,1) 0%, rgba(119,0,0,1) 41%, rgba(246,129,129,1) 65%, rgba(230,243,255,1) 80%, rgba(246,129,129,1) 94%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a42222",endColorstr="#f68181",GradientType=1);
}
.dettaglio-prodotto .colored-ball.argento {
background: rgb(139,149,142);
background: -moz-linear-gradient(90deg, rgba(139,149,142,1) 6%, rgba(29,34,31,1) 41%, rgba(163,173,180,1) 65%, rgba(230,243,255,1) 80%, rgba(186,188,186,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(139,149,142,1) 6%, rgba(29,34,31,1) 41%, rgba(163,173,180,1) 65%, rgba(230,243,255,1) 80%, rgba(186,188,186,1) 100%);
background: linear-gradient(90deg, rgba(139,149,142,1) 6%, rgba(29,34,31,1) 41%, rgba(163,173,180,1) 65%, rgba(230,243,255,1) 80%, rgba(186,188,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8b958e",endColorstr="#babcba",GradientType=1);
}
.dettaglio-prodotto .colored-ball.verde {
background: rgb(0,142,16);
background: -moz-linear-gradient(90deg, rgba(0,142,16,1) 6%, rgba(0,27,1,1) 41%, rgba(70,139,71,1) 65%, rgba(230,243,255,1) 80%, rgba(122,221,123,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,142,16,1) 6%, rgba(0,27,1,1) 41%, rgba(70,139,71,1) 65%, rgba(230,243,255,1) 80%, rgba(122,221,123,1) 100%);
background: linear-gradient(90deg, rgba(0,142,16,1) 6%, rgba(0,27,1,1) 41%, rgba(70,139,71,1) 65%, rgba(230,243,255,1) 80%, rgba(122,221,123,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008e10",endColorstr="#7add7b",GradientType=1);
}

/* Btn */
.btn-cart {
  color: #fff !important;
  background-color: #2bbc68;
  padding: 10px 0;
  transform: skewX(-10deg);
  border-radius: 5px 1px 5px 1px;
  box-shadow: 2px 2px 0 #198754;
}

.btn-cart:hover {
  /* background-color: #27a95e; */
  background-color: #2bbc68;
  /* border-color: #27a95e; */
  box-shadow: 0px 0px 0 #198754;
}

.btn-cart:disabled, .btn-cart.disabled {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: #2bbc68;
  box-shadow: 0px 0px 0 #198754;
  opacity: 0.9;
}

/**/
.accordion-dettaglio-articolo .accordion-button {
  padding-left: 0;
}

.accordion-dettaglio-articolo .accordion-body {
  padding-left: 0;
  font-weight: 100;
  font-size: 14px;
}

.accordion-dettaglio-articolo .accordion-body .btn {
  font-size: 14px;
}

.accordion-dettaglio-articolo .accordion-button:not(.collapsed) {
  color: black;
  background-color: transparent;
}

.accordion-dettaglio-articolo .accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}


/*  
  https://stackoverflow.com/questions/59705278/2-column-layout-with-dependent-scrolling
*/
.right-column .description {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}




/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 15px 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #151515;
  background: #009DE0;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(21, 21, 21, 0.6);
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(21, 21, 21, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap img {
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 5px 0 0;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #009DE0;
}

.portfolio .portfolio-wrap:hover::before {
  opacity: 1;
}

.portfolio .portfolio-wrap:hover img {
  transform: scale(1.2);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #009DE0;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #009DE0;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(21, 21, 21, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*
.sbieco {
  background-color: #000;
  clip-path: polygon(0 0,56% 0,100% 100%,0% 100%);
}*/


.btn-custom {
  /*
  border-left: 1px solid #222222;
  border-right: 1px solid #222222;
  border-radius: 0px;
  transform: skewX(-10deg);
  --bs-bg-opacity: 0.1;
  */
  padding: 15px;
  font-size: 12px;
}

.btn-custom:hover {
  color: #009DE0 !important;
  border: 1px solid #009DE0;
  /* border-top: 1px solid #000; */
}

.hamburger-menu {
  font-size: 20px;
}


.menu-catalogo li > a {
  font-size: 12px;
  font-weight: 200;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1.2px;
}

.menu-catalogo .active > a {
  border-bottom: 2px solid #009DE0;
  color: #009DE0 !important;
}

.menu-catalogo .dropdown-menu-dark a {
  font-size: 12px;
  font-weight: normal;
}


.menu-paraxite li > a {
  /* font-size: 12px; */ 
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
  /* letter-spacing: 1.2px; */
}

.menu-paraxite li > a:hover {
  color: #009DE0 !important;
}

.menu-paraxite .nav-link.show {
  color: #009DE0 !important;
}

.menu-paraxite .dropdown-menu-dark a {
  font-size: 12px;
  font-weight: normal;
}

.menu-paraxite .dropdown-menu.show {
  display: flex;
}

.menu-paraxite .dropdown-menu div {
  white-space: nowrap;
  padding: 10px 25px;
  font-weight: 100;
  border-right: 1px solid #000;
}

.menu-paraxite .dropdown-menu .text-head a, .menu-paraxite .dropdown-menu .text-head {
  color: #009DE0 !important;
  text-transform: uppercase;
  font-size: 16px !important;
}

.menu-account-paraxite {
  background-color: #343a40;
}

.menu-account-paraxite a {
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1.2px;
}


.lista-prodotti .card {
  border-radius: 0 !important;
}


.nav-myaccount {
  border-radius: 0;
}

.nav-myaccount .list-group-item.active {
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.nav-myaccount li a {
  color: #000;
}


.nav-myaccount .list-group-item.active a {
  color: #009DE0;
}



/*-----------------------------------------
PAG. DEALERS
-----------------------------------------*/

.lista-paesi, .lista-paesi ul {
  list-style-type: none;
  margin-left: 0!important;
  padding-left: 0;
}

.lista-paesi a {
    font-weight: 600;
  text-decoration: underline;
  text-transform: lowercase;
}


.lista-paesi li {
  border-bottom:1px solid grey;
  padding-bottom:30px;
}


.lista-paesi ul li {
  border-bottom:none;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.2;
  padding-bottom:0px;
}

.lista-paesi h2, .lista-paesi h3 {
   font-weight: 800;
   color:#222;
}

.lista-paesi h2 {
   font-size: 28px;
   margin-top: 30px;
}

.lista-paesi h2:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: #E20613;
}

.lista-paesi h3 {
   font-size: 18px;
   margin-bottom: 5px;
}






.field {
}

.mouse {
	width: 25px;
	height: 45px;
	border: 2px solid #009DE0;
	border-radius: 60px;
	position: relative;
	&::before {
		content: '';
		width: 6px;
		height: 6px;
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		background-color: #009DE0;
		border-radius: 50%;
		opacity: 1;
		animation: wheel 2s infinite;
		-webkit-animation: wheel 2s infinite;
	}
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

@-webkit-keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

.scroll {
	width: 60px;
	height: 60px;
	border: 2px solid #009DE0;
	border-radius: 50%;
	position: relative;
	animation: down 1.5s infinite;
	-webkit-animation: down 1.5s infinite;
	&::before {
		content: '';
		position: absolute;
		top: 15px;
		left: 18px;
		width: 18px;
		height: 18px;
		border-left: 2px solid #009DE0;
  	border-bottom: 2px solid #009DE0;
		transform: rotate(-45deg);
	}
}

@keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

@-webkit-keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

.arrow {
	width: 0;
	height: 20px;
	border: 1px solid #009DE0;
	position: relative;
	animation: scroll 1.5s infinite;
	-webkit-animation: scroll 1.5s infinite;
	&::after {
		content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: -5px;
    width: 1px;
    height: 10px;
		
    border-top: 10px solid #009DE0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
	}
}

@keyframes scroll {
	0% {
		height: 40px;
	}
	30% {
		height: 70px;
	}
	60% {
		height: 40px;
	}
}

@-webkit-keyframes scroll {
	0% {
		height: 40px;
	}
	30% {
		height: 70px;
	}
	60% {
		height: 40px;
	}
}



.custom-html-slide {
  font-size: 40px;
  line-height: 45px;
  max-width: 400px;
  width: 100%;
  padding: 0 20px;
  margin: 50px auto 0;
  color: #fff;
}
.custom-html-slide a {
  color: #fff;
  text-decoration: underline;
}



.column-text {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-width: 250px;
     -moz-column-width: 250px;
          column-width: 250px;
          column-gap: 5%;
          column-rule: solid 1px;
          column-rule-color: #dfe2e6;
}

.column-text a {
  color: inherit;
  text-decoration: underline;
}

.logo-header-goeleven {
  font-size: 12px;
  color: rgba(255,255,255,.85) !important;
}

.main-navbar .nav-link {
  font-size: 16px;
  font-weight: 400;
}

.navbar .megamenu { 
  padding: 3rem 0; 
  border-radius: 0px; 
  background-color: #000; 
  /* border-top: 1px solid #0072ce; */
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.navbar .megamenu .column-link {
  padding: 0 40px !important;
  border-right: 1px solid #222;
}

.navbar .megamenu ul {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}

.navbar .megamenu ul li {
  margin: 3px 0;
}

.navbar .megamenu .text-head a {
  color: #009DE0 !important;
  text-transform: uppercase;
  font-weight: 800 !important;
  margin-bottom: 15px;
  font-size: 16px;
}

.navbar .megamenu a {
  font-size: 14px;
  font-weight: 100 !important;
  padding: 5px 0;
}

.main-navbar .nav-item a {
  padding: 0 20px !important;
  text-transform: uppercase;
  text-decoration: none !important;
}

.main-navbar .nav-item > a:hover {
  color: #009DE0 !important; 
} 

.main-navbar .nav-item .btn-link {
  padding: 0 10px !important;
  text-transform: uppercase;
  font-size: 12px !important;
}

.main-navbar .nav-item a.show {
  color: #009DE0 !important; 
}

.navbar .megamenu a:hover:not(a.btn) {
  color: #009DE0 !important; 
  text-decoration: underline !important;
}

.top-nav {
  border-bottom: 1px solid #222;
  padding-bottom:0 !important;
}

.top-nav , .top-nav a {
  font-size: 13px;
  /* color: #b2b2b2 !important; */
}

.top-nav a:hover {
  color: #009DE0 !important; 
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view .end// ============ */

.navbar-brand img {
  width: 250px;
}

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
      overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }

  .navbar-brand img {
    width: 100%;
  }

}


/* MODAL SHIPPING */
.modal-shipping {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-width: 100px;
  -moz-column-width: 100px;
  column-width: 100px;
  column-gap: 5%;
  /* column-rule: solid 1px; */
  /* column-rule-color: #dfe2e6; */
text-transform: uppercase;
}

@media (max-width: 768px) {
.modal-shipping {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-width: 100px;
  -moz-column-width: 100px;
  column-width: 100px;
  column-gap: 0%;
  /* column-rule: solid 1px; */
  /* column-rule-color: #dfe2e6; */
  text-transform: uppercase;
}
}

.modal-shipping a {
font-size: 13px;
color: #000;
font-weight: bold;
}

.modal-shipping span {
border: 1px solid #eaeaea;
padding:0 5px;
}
/**/

.dropdown-lingue {
  border: 1px solid #222;
}

.dropdown-lingue > li:not(:last-child) {
  border-bottom: 1px solid #222;
}


/* SHINING */
.mask a{
  position: relative;
  display:block;
  width:150px;
  height: 64px;
  text-align:center;
  margin: 50px auto;
  background: #000;
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,.5));
}
.mask a{
  background-position: -140px 0;
  
}
.mask a:hover,
.mask a:focus{
  background-position: 10px 0;
  /*change speed to see in slow motion*/
  transition: all 1s;
}
.mask a::after{
  content:'';
  position: absolute;
  pointer-events: none;
  top:0; left:0; right:0; bottom: 0;
  background: radial-gradient(0 0,circle farthest-side, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
  background: radial-gradient(circle farthest-side at 0 0, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
  background-position: inherit; 
  -webkit-mask: url('https://www.paraxite.it/it/assets/img/icons/paraxite-payoff.png') center;
  mask: url('#mask-firefox');
}
/**/