@charset "UTF-8";
/* Scss Document */

@font-face {
    font-family: "FuturaStd-Book";
    src: url("../fonts/FuturaStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-Book.woff") format("woff"), url("../fonts/FuturaStd-Book.ttf") format("truetype"), url("../fonts/FuturaStd-Book.svg#FuturaStd-Book") format("svg");
}
@font-face {
    font-family: "FuturaStd-BookOblique";
    src: url("../fonts/FuturaStd-BookOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-BookOblique.woff") format("woff"), url("FuturaStd-BookOblique.ttf") format("truetype"), url("FuturaStd-BookOblique.svg#FuturaStd-BookOblique") format("svg");
}
@font-face {
    font-family: "FuturaStd-Light";
    src: url("../fonts/FuturaStd-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-Light.woff") format("woff"), url("../fonts/FuturaStd-Light.ttf") format("truetype"), url("../fonts/FuturaStd-Light.svg#FuturaStd-Light") format("svg");
}
@font-face {
    font-family: "FuturaLt-Medium";
    src: url("../fonts/FuturaLT.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaLT.woff") format("woff"), url("../fonts/FuturaLT.ttf") format("truetype"), url("../fonts/FuturaLT.svg#FuturaLT") format("svg");
}
@font-face {
    font-family: "FuturaStd-Heavy";
    src: url("../fonts/FuturaStd-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-Heavy.woff") format("woff"), url("../fonts/FuturaStd-Heavy.ttf") format("truetype"), url("../fonts/FuturaStd-Heavy.svg#FuturaStd-Heavy") format("svg");
}

@font-face {
    font-family: "FuturaLt-Heavy";
    src: url("../fonts/FuturaLT-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaLT-Heavy.woff") format("woff"), url("../fonts/FuturaLT-Heavy.ttf") format("truetype"), url("../fonts/FuturaLT-Heavy.svg#FuturaLT-Heavy") format("svg");
}

@font-face {
    font-family: "FuturaLt-Bold";
    src: url("../fonts/FuturaLT-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaLT-Bold.woff") format("woff"), url("../fonts/FuturaLT-Bold.ttf") format("truetype"), url("../fonts/FuturaLT-Heavy.svg#FuturaLT-Bold") format("svg");
}

@font-face {
    font-family: "GuerlainSans-Regular";
     src: url("../fonts/GuerlainSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/GuerlainSans-Regular.otf") format("truetype"), url("../fonts/GuerlainSans-Regular.woff2") format("woff2"), url("../fonts/GuerlainSans-Regular.woff") format("woff");
	
}

@font-face {
    font-family: "GuerlainSans-Medium";
   src: url("../fonts/GuerlainSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GuerlainSans-Medium.otf") format("truetype"), url("../fonts/GuerlainSans-Medium.woff2") format("woff2"), url("../fonts/GuerlainSans-Medium.woff") format("woff");
	}

@font-face {
    font-family: "GuerlainSans-Bold";
   src: url("../fonts/GuerlainSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GuerlainSans-Bold.otf") format("truetype"), url("../fonts/GuerlainSans-Bold.woff2") format("woff2"), url("../fonts/GuerlainSans-Bold.woff") format("woff");
	}

@font-face {
    font-family: "GuerlainSans-Light";
   src: url("../fonts/GuerlainSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GuerlainSans-Light.otf") format("truetype"), url("../fonts/GuerlainSans-Light.woff2") format("woff2"), url("../fonts/GuerlainSans-Light.woff") format("woff");
	}



body {
  color: #221e20;
  font-family: "Lato", sans-serif;
  line-height: 1.3;
  font-size: 0.875rem; }

a, a:focus, a:hover {
  color: #221e20 !important; }

[name^="pag"] {
  display: block; }

.nopadding {
  padding: 0; }

.nopdr {
  padding-right: 0; }

.nopdl {
  padding-left: 0; }

.nopaddingSM {
  padding: 0; }

.clear {
  clear: both; }

.pt10 {
  padding-top: 10px; }

.pt25 {
  padding-top: 25px; }

.mt-40 {
  margin-top: -40px; }

.mt40 {
  margin-top: 40px; }

.txtCenter {
  text-align: center; }

h1 {
  color: #221e20;
  font-size: 2rem;
  font-family: "GuerlainSans-Bold",Helvetica,Arial,sans-serif !important;  letter-spacing: .1rem; margin-bottom: .4rem; font-size: 1.2rem; }

h2 {
  color: #221e20;
  font-size: 1.5rem;
 font-family: "GuerlainSans-Bold",Helvetica,Arial,sans-serif !important;  letter-spacing: .1rem; margin-bottom: .4rem; font-size: 1.2rem; }

h3 {
  color: #221e20;
  font-size: 1.3rem;
  font-family: "GuerlainSans-Bold",Helvetica,Arial,sans-serif !important;  letter-spacing: .1rem; margin-bottom: .4rem; font-size: 1.2rem; }

.fs-20 {
  font-size: 20px; }

/*login*/
header {
  text-align: center;
  padding: 40px 0px;
  position: relative; }
  header img {
    width: 15vw;
    height: auto;
    min-width: 200px; }

.button-box .btn-primary {
  background-color: #221e20 !important;
  color: #fff !important;
  margin-top: 10px !important;
  border-radius: 0 !important;
  padding: 5px 10px !important;
  border-color: #221e20; }

.boxIntroLogin {
  background-color: #a7a5a6;
  padding: 1rem;
  text-align: left;
 /*  */}
.primaPag {position: absolute;
  top: 0;}

  .boxIntroLogin img {
    width: 70%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 39px; }
  .boxIntroLogin .form-control {
    background-color: #d3d2d2;
    border: 0;
    border-radius: 0;
    width: 75%;
    margin-top: 3px; }
  .boxIntroLogin .btn-primary {
    background-color: transparent;
    border-color: transparent;
    color: #221e20;
    cursor: pointer; }
  .boxIntroLogin .btn-primary:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 222, 0); }
  .boxIntroLogin .btn-primary:hover {
    background-color: transparent;
    border-color: transparent;
    color: #221e20; }
  .boxIntroLogin .btn {
    padding: 0 0 0 0.5rem; }

.btn-registrati {background-color: #fff !important; color: #000 !important; border: 1px solid #000 !important;
border-radius: 0px !important; padding: 5px 10px !important;}
.btn-log {background-color: #221e20 !important;
color: #fff !important;

border-radius: 0 !important;
padding: 5px 10px !important;
border-color: #221e20;}



.galleryLogin {
  background-image: url("../img/Lg178_G17_500x500 pixel.jpg") center;
  background-size: cover;
  /*width: 100%;
  border-left: 15px solid #fff;
  border-right: 15px solid #fff;*/ }

.boxLoginStep2 {
  background-color: #a7a5a6;
  padding: 1rem;
  padding-bottom: 0;
  text-align: left;
  position: absolute;
  top: 0;
  font-size: 0.8rem; }
  .boxLoginStep2 .form-group {
    margin-bottom: 0; }
  .boxLoginStep2 select.form-control:not([size]):not([multiple]) {
    height: 25px; }
  .boxLoginStep2 .form-text {
    line-height: 1rem; }
  .boxLoginStep2 .form-control {
    background-color: #d3d2d2;
    border: 0;
    border-radius: 0;
    width: 100%;
    margin-top: 5px;
    padding: .3rem .75rem;
    margin-top: 5px;
    font-size: 0.8rem; }
  .boxLoginStep2 label {
    margin-bottom: 0; }
  .boxLoginStep2 .form-check {
    margin-bottom: 0; }
  .boxLoginStep2 .btn-primary {
    background-color: transparent;
    border-color: transparent;
    color: #221e20;
    padding: 0;
    cursor: pointer; }
  .boxLoginStep2 .btn-primary:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 222, 0); }

.bg-dark {background-color: #000 !important;}

 a.text-white:hover u {color:#fff!important;}
.freccia {
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -20px;
  width: 20px; }

.grey {
  background-color: #d3d2d2;
  color: #221e20;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 15px;
  margin-bottom: 15px; }
  .grey a {
    color: #221e20;
    text-decoration: underline; }
  .grey a:hover {
    color: #221e20; }

.boxGrey {background-color: #d3d2d2 !important;}
.apina {position: absolute; top:-5px; left:0;   transform: rotate(110deg);}

/**modal pin errato**/
.box-pinerrato {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding: 20px; }
  .box-pinerrato .btn-primary {
    margin-top: 20px; }

/*--richiesta pin--*/
.formPin {
  background-color: #d3d2d2;
  padding: 80px 40px 40px;
  margin-bottom: 100px; }
  .formPin .form-control {
    border: none;
    background-color: #fff;
    font-size: .8rem;
    border-radius: 0; }
  .formPin .btn-primary {
    background-color: transparent;
    border-color: transparent;
    color: #221e20;
    cursor: pointer; }
  .formPin .btn-primary:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 222, 0); }
  .formPin .btn {
    padding: 0 0 0 0.5rem; }
  .formPin select.form-control:not([size]):not([multiple]) {
    height: calc(2rem + 2px); }

.titoloSezione {
  background-color: #7a7879;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  padding: 15px; }
  .titoloSezione h1 {
    font-size: 2rem; }

.select2-container--default .select2-selection--single {
  border-radius: 0;
  padding: 0; }

/*contenuto*/
.logo {
  width: 200px;
  height: 28px; }

nav {
  font-size: 0.72rem; }

.navbar {
  padding: 1.5rem 1rem; }

.nav-item .account {
  display: block;
  padding: 5.5px 16px;
  color: #7d7c7d; }


/****************************************/

.logoHeader {fill: #fff; border-color: 2px solid #D1AD4D;}



.icon-guerlain {
  mask: url("../img/main/logoT.svg");
}
.icon {
  display: inline-block;
  width: 210px;
  height: 50px;
  background: black;
  mask-size: cover;
}
@media (max-width: 992px) {
  .icon {
    height: 30px !important;
    width: 130px !important;
  }
}
.icon:hover,
.icon:focus {
  background: black;
}

/****************************************/

.nav-link {
  position: relative; }

.nav-link:hover:before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 1rem;
  width: calc(100% - 2rem);
  height: 2px;
  background: #a7a5a6;
  color: #7a7879; }

.navbar-toggleable-md .navbar-nav .nav-link {
  padding-left: 1rem;
  padding-right: 1rem;
  color: #221e20; }

.navbar-light .navbar-nav .nav-link:hover {
  color: #221e20; }

.bgBlanc {
  background: rgba(255, 255, 255, 0.98); }

.logout {
  color: #4d4d4d !important; }

.logout:hover {
  color: #4d4d4d !important; }

.dropdown-menu {
  font-size: 0.72rem;
  border: medium none;
  border-radius: 0;
  min-width: 200px; }
  .dropdown-menu .dropdown-item {
    font-family: "Gilda Display", serif;
    color: #221e20; }
  .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
    background-color: #f7f7f9 !important; }
  .dropdown-menu .dropdown-item:focus {
    background-color: #f7f7f9 !important; }
  .dropdown-menu .lato {
    font-family: "Lato", sans-serif;
    color: #7a7879; }

.dropdown-menu.columns-2 {
  min-width: 400px; }

.dropdown-menu.columns-3 {
  min-width: 600px; }

.navbar-toggler-right {
  right: 0; }

.navbar-light .navbar-toggler {
  border-color: transparent;
  padding: 0.25rem; }

.nav-item:last-child .nav-link {
  padding-right: 0; }

.nav-item:last-child .nav-link:hover:before {
  width: calc(100% - 4px);
  left: 50%;
  transform: translate(calc(-50% + 4px), 0); }

/*footer*/
footer {
  font-family: "Gilda Display", serif;
  font-size: 0.8rem;
  padding-top: 20px;
  padding-bottom: 20px; }
  footer hr {
    border-color: #4e4b4d; }
  footer a {
    color: #4e4b4d; }
  footer a:focus {
    color: #4e4b4d; }
  footer a:hover {
    color: #4e4b4d; }

/*per fare i quadrati*/

#homePattern body {background-image: url( "../img/main/pattern.png"); background-repeat: repeat; background-position: 0 0; background-attachment:fixed;   }
#homePattern .navbar {border-bottom: 1px solid #BA8745; }
#homePattern footer {}


.quadrato {
  background-color: #a7a5a6;
  display: inline-block;
  width: 100%;
  padding: 0;
  position: relative;
  height: 100%; }

.quadrato:before {
  content: "";
  display: block;
  padding-top: 100%; }

.titoloQuadrato {
  background-color: #7a7879;/*#9B0217*/
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  width: 100%;
  position: relative;
  font-size: 100%;
  z-index: 10; }
  .titoloQuadrato h1 {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 2rem;
    letter-spacing: -0.1rem; 
	  color:#fff;/*#d8a86a*/ }

.titoloQuadratoTop {
  background-color: #7a7879;
  height: 0;
  padding-bottom: 100%;
  width: 100%;
  position: relative;
  font-size: 100%;
  z-index: 10; }
  .titoloQuadratoTop h2 {
    position: absolute;
    top: 15px;
    left: 10px;
    font-size: 1.4rem;
    letter-spacing: -0.1rem; }
  .titoloQuadratoTop h1 {
    position: absolute;
    top: 15px;
    left: 10px;
    font-size: 1.6rem;
    letter-spacing: -0.1rem; }

.lightGreyNew {
  background-color: #d3d2d2 !important; }

.inputPin .form-control {
  background-color: #fff;
  width: 100% !important; }

.text-underline {
  text-decoration: underline !important; }

.fs-16 {
  font-size: 16px; }

.rispostaCorretta {
  background-color: green; }

/*--home page--*/
.boxTestoHome {
  background: #d3d2d2;
  padding: 25% 18%;
  font-size: 0.875rem; }

.boxVideo {
  z-index: 10; }

.spostaDiv {
  position: absolute;
  top: 50%;
  z-index: 5; }

.spostaDiv::after {
  clear: both; }

.boxExperience {
  background-color: #a7a5a6;
  padding: 30px 15px 15px;
  margin-top: 70px;
  z-index: -2; }
  .boxExperience .tit {
    width: 40%;
    height: auto;
    margin-bottom: 40px; }
  .boxExperience .redLink a {
    color: #c31632 !important; }
  .boxExperience .redLink a:hover {
    color: #c31632 !important; }

/*bacheca eventi*/
.posTop {
  position: absolute;
  z-index: 20;
  top: 20px; }

.posBottom {
  position: absolute;
  z-index: 20;
  top: 0; }

.boxImgEventi {
  z-index: 10; }
  .boxImgEventi img {
    width: 100%;
    height: auto; }

.boxCalendario {
  background-color: #d3d2d2;
  padding: 70px 15px 30px;
  text-align: center; }
  .boxCalendario .headerTab {
    background-color: #4e4b4d;
    color: #fff;
    text-transform: uppercase;
    padding: 5px;
    margin-bottom: 3px;
    text-align: center;
    border: 2px solid #d3d2d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px; }
  .boxCalendario .data {
    background-color: #fff;
    display: inline-block;
    font-size: 0.6rem;
    padding: 5px 0;
    width: 25%;
    margin: 0;
    text-align: center;
    border: 2px solid #d3d2d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .boxCalendario .numero {
    font-family: "Gilda Display", serif;
    font-size: 1.5rem;
    line-height: 1.5rem; }

.boxCorsi {
  background-color: #d3d2d2;
  padding: 15px; }
  .boxCorsi .headerTab {
    background-color: #4e4b4d;
    color: #fff;
    text-transform: uppercase;
    padding: 5px;
    margin-bottom: 3px;
    text-align: center;
    border: 2px solid #d3d2d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px; }
  .boxCorsi .blanco {
    background-color: #fff;
    border: 2px solid #d3d2d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 10px; }

.col-sm-10 .boxCorsi p {
  padding-right: 20px; }

.col-sm-3 .titoloQuadratoTop h2 {
  font-size: 1.2rem !important; }
.col-sm-3 h1 {
  font-size: 1.5rem !important; }

.novita {
  margin-top: -50px; }

.boxNovita {
  background-color: #d3d2d2;
  padding: 40px 0;
  margin-top: -70px; }
  .boxNovita img {
    width: 100%;
    height: auto; }

.img-circle {
  border-radius: 50%; }

/*--elenco prodotti--*/
.black, .greyS, .greyM, .greyP {
  border-left: 15px solid #f5f5f5;
  border-right: 15px solid #f5f5f5;
  margin-bottom: 15px;
  position: relative; }
  .black h2, .greyS h2, .greyM h2, .greyP h2 {
    margin-bottom: 0;
    font-size: 2rem;
    letter-spacing: -0.1rem; }
  .black a, .greyS a, .greyM a, .greyP a {
    display: block; }
  .black a:hover, .greyS a:hover, .greyM a:hover, .greyP a:hover {
    text-decoration: none; }

.black {
  background-color: #000000;
  color: #fff; }
  .black a {
    color: #fff !important; }
  .black h2 {
    color: #fff; }

.black2 {
  
  margin-bottom: 15px;
  position: relative; }
  .black2 h2 {
    margin-bottom: 0;
    font-size: 2rem;
    letter-spacing: -0.1rem; }
  .black2 a  {
    display: block; }
  .black2 a:hover {
    text-decoration: none; }

.black2 {
  background-color: #000000;
  color: #fff; }
  .black2 a {
    color: #fff !important; }
  .black2 h2 {
	  color: #fff;} 






.greyS {
  background-color: #7a7879; }

.greyM {
  background-color: #a7a5a6; }

.greyP {
  background-color: #d3d2d2; }

.titSezioneDx {
  position: absolute;
  right: 40px;
  bottom: 40px; }

.titSezioneSx {
  position: absolute;
  left: 40px;
  bottom: 40px; }

/*--dettaglio prodotto--*/
.copertina {
  margin-bottom: 20px; }
  .copertina img {
    width: 100%;
    height: auto; }

.imgProdotto img {
  background-image: url(../img/main/prodottoBkp.jpg);
  background-size: cover;
  border: 1px solid #d3d2d2;
  width: 100%;
  height: auto; }

.infoProdotto {
  position: relative; }
  .infoProdotto .descrizione {
    font-size: 0.75rem;
    padding-bottom: 20px;
    line-height: 1.2rem; }
  .infoProdotto .download {
    position: absolute;
    bottom: 0;
    left: 15px; }
    .infoProdotto .download img {
      width: 15px;
      height: auto;
      display: inline-block;
      margin-right: 5px; }

.iframe {
  width: 100%;
  height: 480px; }

.slideshowUniv {
  height: 480px;
  padding: 15px;
  text-align: center;
  background-color: #221e20;
  position: relative;
  color: #fff;
  border-left: 15px solid #fff;
  border-right: 15px solid #fff; }
  .slideshowUniv .tit {
    font-size: 1.5rem;
    font-family: "Gilda Display", serif;
    display: block;
    padding-top: 15px;
    padding-bottom: 30px; }
  .slideshowUniv p {
    line-height: 1.2rem; }
  .slideshowUniv a {
    width: 100%; }
  .slideshowUniv img {
    width: 100%; }
  .slideshowUniv .carousel {
    border: 1px solid #fff;
    padding-bottom: 30px;
    margin-bottom: 48px; }
    .slideshowUniv .carousel .carousel-caption {
      bottom: -40px; }
    .slideshowUniv .carousel .carousel-indicators {
      bottom: -50px; }
    .slideshowUniv .carousel a {
      color: #fff !important; }
    .slideshowUniv .carousel a:hover {
      text-decoration: none; }

.boxScopri {
  text-align: center; }
  .boxScopri .tit {
    font-size: 1.5rem;
    font-family: "Gilda Display", serif;
    display: block;
    padding: 15px 0; }
  .boxScopri .prodottoScopri {
    background-image: url(../img/main/quadratoBkg.jpg);
    background-repeat: no-repeat;
    background-position: 5px top;
    text-align: left;
    height: 140px;
    position: relative; }
    .boxScopri .prodottoScopri p {
      margin-top: 0;
      margin-bottom: 0;
      position: absolute;
      bottom: 10px;
      left: 110px; }
    .boxScopri .prodottoScopri .tit {
      font-size: 1rem;
      line-height: 1.2rem;
      padding: 0; }
    .boxScopri .prodottoScopri a:hover {
      text-decoration: none; }

.owl-carousel {
  padding-left: 20px;
  padding-right: 20px; }
  .owl-carousel .owl-item img {
    width: auto; }

.owl-prev {
  position: absolute;
  left: 0;
  top: 50%;
  width: 5%;
  text-align: left;
  margin-top: -15px; }
  .owl-prev img {
    height: 25px; }

.owl-next {
  position: absolute;
  right: 0;
  top: 50%;
  width: 5%;
  text-align: right;
  margin-top: -15px; }
  .owl-next img {
    height: 25px; }

/*--faq--*/
.boxScrivi {
  background-color: #d3d2d2;
  padding: 20px;
  min-height: 300px; }

/*--basic--*/
#back_to_top {
  position: fixed;
  bottom: 0;
  right: 15px;
  cursor: pointer;
  display: none; }

/*--basic soin--*/
.ptPlus {
  padding-top: 3.3rem; }

/*--basic maison--*/
.brdr1 {
  border: 1px solid #ccc; }

/*--concorso--*/
.boxnoire {
  background-color: #000;
  color: #fff; }

.titConcorso {
  border-right: 1px solid #221e20;
  border-left: 1px solid #221e20; }

.titConcorso .btn-primary, .boxSpiegaPremi .btn-primary, .concorso .btn-primary {
  background-color: #fff;
  border-color: #221e20;
  color: #221e20; }
.titConcorso .btn-primary:hover, .boxSpiegaPremi .btn-primary:hover, .concorso .btn-primary:hover {
  color: #fff !important;
  background-color: #221e20;
  border-color: #221e20; }
.titConcorso .btn, .boxSpiegaPremi .btn, .concorso .btn {
  border-radius: 0;
  cursor: pointer; }
.titConcorso .btn-primary.active, .titConcorso .btn-primary:active, .titConcorso .show > .btn-primary.dropdown-toggle, .boxSpiegaPremi .btn-primary.active, .boxSpiegaPremi .btn-primary:active, .boxSpiegaPremi .show > .btn-primary.dropdown-toggle, .concorso .btn-primary.active, .concorso .btn-primary:active, .concorso .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #221e20;
  background-image: none;
  border-color: #221e20; }
.titConcorso .btn-primary.focus, .titConcorso .btn-primary:focus, .boxSpiegaPremi .btn-primary.focus, .boxSpiegaPremi .btn-primary:focus, .concorso .btn-primary.focus, .concorso .btn-primary:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff; }
.titConcorso button, .titConcorso input, .titConcorso optgroup, .titConcorso select, .titConcorso textarea, .boxSpiegaPremi button, .boxSpiegaPremi input, .boxSpiegaPremi optgroup, .boxSpiegaPremi select, .boxSpiegaPremi textarea, .concorso button, .concorso input, .concorso optgroup, .concorso select, .concorso textarea {
  font-family: 'Lato', sans-serif; }
.titConcorso input, .boxSpiegaPremi input, .concorso input {
  border-radius: 0;
  border: 1px solid #fff; }

.beeQuiz {
  position: absolute;
  right: 10px;
  top: 10px; }
  .beeQuiz img {
    width: 30px;
    height: 30px; }

.concorsoQuestionario .form-check-label {
  padding-left: 0;
  margin-top: 3px;
  width: 100%; }
  .concorsoQuestionario .form-check-label [type="radio"] {
    float: left;
    margin-right: 5px;
    margin-top: 3px; }
  .concorsoQuestionario .form-check-label span {
    float: left;
    width: calc(100% - 30px); }

.boxCncNov {
  background: url(../img/concorso/bkgBoxConcorso.jpg) no-repeat;
  background-size: cover;
  padding: 15px; }

.contCncNov {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 25px 15px; }
  .contCncNov a {
    display: block;
    background-color: #333;
    color: #fff !important;
    padding: 5px 10px;
    text-align: center;
    margin-top: 20px; }
  .contCncNov a:hover {
    background-color: #333;
    color: #fff !important; }

.posBtmLeft {
  position: absolute;
  z-index: 20;
  top: 70%;
  left: 0; }

.premi hr {
  width: 50%;
  border: 0;
  height: 1px;
  background-color: #221e20; }

.boxPremi {
  background-color: #d3d2d2;
  padding: 15px; }
  .boxPremi .carousel-caption {
    color: #221e20;
    padding-top: 0;
    top: 0;
    margin: auto;
    display: block; }
    .boxPremi .carousel-caption h3 {
      margin: 0 -20px; }
  .boxPremi .nomeProd {
    padding-top: 220px; }
  .boxPremi .img-fluid {
    margin: 30px auto 20px; }
  .boxPremi .carousel-control-next-icon, .boxPremi .carousel-control-prev-icon {
    height: 30px;
    margin-top: 20px; }
  .boxPremi .carousel-control-prev-icon {
    background-image: url(../img/concorso/prev.svg); }
  .boxPremi .carousel-control-next-icon {
    background-image: url(../img/concorso/next.svg); }

.boxSpiegaPremi {
  background-color: #d3d2d2;
  padding: 15px;
  margin-top: -100px; }

#carouselExampleControls .carousel-control-prev, #carouselFinal .carousel-control-prev {
  left: 41%; }

.spiegaPremi {
  position: absolute;
  left: 35px;
  top: 30px;
  z-index: 10;
  width: 40%; }

.boxInfoGioco {
  background-color: #a7a5a6;
  padding: 40px;
  margin-top: 50%; }

.form-check-label a {
  text-decoration: underline; }

textarea {
  width: 100%;
  border: 0;
  min-height: 300px;
  font-size: 12px;
  color: #464a4c;
  padding: 5px; }

#contenitoreGioco iframe {
  border: 0; }

#contenitoreGioco2 iframe {
  border: 0;
  width: 100%;
  height: 100%; }

.shadow img {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.45); }

.relative {
  position: relative; }

.info {
  position: absolute; }

#contenitoreGioco {
  min-height: 830px; }

#contenitoreGioco2 {
  min-height: 700px; }

#modalPerso, #modalGiaGiocato, #modalErrore, #modalGiocato {
  text-align: center; }

#modalDomanda .modal-header, #modalPerso .modal-header, #modalGiaGiocato .modal-header, #modalErrore .modal-header, #modalGiocato .modal-header {
  display: inline;
  text-align: center;
  border-bottom: 0; }
#modalDomanda [type="checkbox"], #modalDomanda [type="radio"], #modalPerso [type="checkbox"], #modalPerso [type="radio"], #modalGiaGiocato [type="checkbox"], #modalGiaGiocato [type="radio"], #modalErrore [type="checkbox"], #modalErrore [type="radio"], #modalGiocato [type="checkbox"], #modalGiocato [type="radio"] {
  display: inline-block;
  margin-left: -20px;
  margin-right: 4px; }
#modalDomanda .modal-title h5, #modalPerso .modal-title h5, #modalGiaGiocato .modal-title h5, #modalErrore .modal-title h5, #modalGiocato .modal-title h5 {
  font-size: 1.5rem; }
#modalDomanda .form-check-label, #modalPerso .form-check-label, #modalGiaGiocato .form-check-label, #modalErrore .form-check-label, #modalGiocato .form-check-label {
  cursor: pointer;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 1.25rem; }
#modalDomanda .modal-body > div, #modalPerso .modal-body > div, #modalGiaGiocato .modal-body > div, #modalErrore .modal-body > div, #modalGiocato .modal-body > div {
  text-align: center; }
#modalDomanda .modal-footer, #modalPerso .modal-footer, #modalGiaGiocato .modal-footer, #modalErrore .modal-footer, #modalGiocato .modal-footer {
  display: inline;
  text-align: center;
  border-top: 0; }
#modalDomanda .btn-secondary, #modalPerso .btn-secondary, #modalGiaGiocato .btn-secondary, #modalErrore .btn-secondary, #modalGiocato .btn-secondary {
  background-color: #000;
  border-color: #000;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  margin-bottom: 10px; }

.testoPremio {
  font-size: 16px;
  padding-top: 40px; }

.brdr {
  border: 1px solid #221e20; }

.brdrB {
  border-bottom: 1px solid #221e20;
  border-top: 1px solid #221e20;
  margin-bottom: 30px;
  padding-bottom: 15px;
  padding-top: 12px; }

#formDomanda {
  font-size: 16px; }

.btnBottom {
  display: block;
  vertical-align: baseline;
  position: absolute;
  bottom: 30px;
  right: 30px; }

.tabinvitati th {
  padding: 5px;
  border-bottom: 1px solid #000; }
.tabinvitati td {
  padding: 5px;
  border-bottom: 1px solid #4e4b4d; }
.tabinvitati a {
  padding: 5px 10px;
  vertical-align: initial; }

.boxBianco {
  padding: 30px;
  background-color: #fff; }

.boxWall {
  border: 5px solid #000;
  height: 0;
  padding-bottom: 100%;
  width: 100%;
  position: relative;
  font-size: 100%;
  z-index: 10;
  background-size: cover;
  overflow: hidden; }
  .boxWall p::before {
    height: 30px;
    content: open-quote;
    font-size: 40px;
    display: block;
    text-align: left;
    margin-bottom: -5px; }
  .boxWall p {
    padding: 10px 10px 0 10px;
    margin-bottom: 0; }
  .boxWall p::after {
    height: 30px;
    content: close-quote;
    font-size: 40px;
    display: block;
    text-align: right;
    margin-top: -5px; }
  .boxWall em {
    text-transform: capitalize; }

.firma {
  padding: 5px 20px 5px 10px;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
  left: 0; }

.navigation {
  font-family: "Gilda Display", serif;
  font-size: 18px;
  display: inline-block; }

.pagination li {
  padding: 5px;
  display: inline-block; }

.pagination .active {
  text-decoration: underline; }

.plupload_header {
  background: #fff; }

.plupload_header_content {
  background: none;
  min-height: 75px;
  padding-left: 0;
  color: #000; }

.bootbox .modal-header {
  min-height: 50px; }
.bootbox .close {
  position: absolute;
  right: 10px !important; }
.bootbox h4 {
  position: absolute;
  left: 10px; }
.bootbox .btn-primary {
  color: #fff !important;
  background-color: #221e20;
  border-color: #221e20; }
.bootbox .btn-primary:hover {
  background-color: #fff;
  border-color: #221e20;
  color: #221e20 !important; }
.bootbox .btn {
  border-radius: 0;
  cursor: pointer; }
.bootbox .btn-primary.active, .bootbox .btn-primary:active, .bootbox .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #221e20;
  border-color: #221e20;
  background-image: none; }
.bootbox .btn-primary.focus, .bootbox .btn-primary:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.boxSpiegaPremi .form-inline .form-group {
  width: calc(100% - 90px); }
.boxSpiegaPremi .form-control {
  width: 100%; }

.btn-greyL {
  display: inline-block;
  background-color: #cbcbcb;
  font-family: "Gilda Display", serif;
  font-size: 17px;
  line-height: 18px;
  padding: 5px 10px 5px 5px; }

.btn-greyL:hover {
  text-decoration: none; }



/*Bacheca eventi Modifiche Corsi online*/
.bxNovita {
	width: 100px; 
  	height: 30px; 
  	background-color: #000000; 
	color:#FFFFFF; 
	font-size: 12px; 
	display: flex; 
	justify-content: center; 
	align-items:center; 
	margin-left: auto; 
	margin-bottom: 10px; 
	margin-top: -16px;
}

.bxEventi {
	background-color: #FFFFFF;
	position: relative; 
}

.titoloCorso {
	font-size: 18px; 
	font-weight: bold;
}

.oraCorso {
	font-size: 13px;
}

.infoCorso {
	font-size: 13px;
}


.btnCorsoIscrizione, .btnCorsoPartecipa, .btnCorsoDisabled {
	padding: 6px 30px; 
	border-radius: 0;  
	border: 0px;
}

.btnCorsoPartecipa  { 
	background-color: #008000; 
	color: #FFFFFF !important;
}

.btnCorsoDisabled, .btn-primary.disabled, .btn-primary:disabled {
    background-color: #939393;
    border-color: transparent;
	color: #FFFFFF !important;
} 


.btnCorsoIscrizione {
	background-color: #000000; 
	color: #FFFFFF !important;
}

.btnCorsoIscrizione:hover, .btnCorsoPartecipa:hover  {
	background-color: #606060; 
}



.txtInfoIscrizione {
	color: green; 
	font-weight: bold;
}


.eventoIncorsoLive {
	width: 60px;
    height: 30px;
    background-color: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: -10px;
}

.eventoIncorsoLive span {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	margin-right: 5px;
	/*animation: blinker 1s linear infinite;*/
}


/*
@keyframes blinker {
  50% { 
	color:rgba(255,255,255,1);
  }
}
*/

.bgAnimated {
	  animation: colorchange .5s linear .5s infinite; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange .5s linear .5s infinite alternate; /* Chrome and Safari */
}

.gold {
/*background: rgb(172,124,27); background: linear-gradient(45deg, rgba(172,124,27,1) 0%, rgba(220,179,96,1) 100%);*/
 color: #C0A56A;
}

@keyframes colorchange
    {
      0%   {background: #FFFFFF;}
      100% {background: #000000;}
   }

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #FFFFFF;}
      100% {background: #000000;}
   }


/*Modal*/
.mdlConcorso .modal-content  {
	border-radius: 0;
	background-color: #000000;
    color: #FFFFFF;
	text-align: center;
	padding: 40px;
}

.btnPartecipaModal, .btnPartecipaModal:hover {
	padding: 6px 30px; 
	border-radius: 0;  
	border: 0px;
	background-color: #FFFFFF;
	color:#000000;
}

.st0{
	fill:none;
	stroke:#FFFFFF;
	stroke-miterlimit:10;
	stroke-width: 1.1;
}

.mdlConcorso button.close {
	position: absolute;
    right: 20px;
    top: 20px;
}

button.close:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}


.mdlConcorso .modal-body {
	font-size: 16px;
}

.mdlConcorso .modal-body p:first-child {
	font-size: 25px;
}




/***********media query***********/
@media (max-width: 575px) {
  .galleryLogin {
    min-height: 200px; }

  footer .nopdr {
    padding-right: 15px;
    text-align: center; }
  footer .nopdl {
    padding-left: 15px;
    text-align: center !important; }
    footer .nopdl hr {
      display: none; }

  .info {
    position: inherit; }

  #contenitoreGioco {
    min-height: 700px; }

  #contenitoreGioco2 {
    min-height: 700px; }

  #carouselExampleControls .carousel-control-prev, #carouselFinal .carousel-control-prev {
    left: 0; }

  .nomeProd {
    padding-top: 0; }

  .boxSpiegaPremi {
    margin-top: 0px; } }
/*--sezione sostenibilità--*/
h2 hr {
  background-color: #000;
  width: 100px; }

.sostMovie .boxVideo {
  border: 1px solid #221e20;
  padding: 10px;
  background-color: #fff; }

.ecoTxt p {
  font-size: 16px;
  line-height: 24px; }

.absoluteEco {
  top: 25px;
  left: 70%;
  position: absolute; }

.boxImg {
  border: 1px solid #221e20; }

.ecoBox {
  border: 1px solid #221e20;
  text-align: center;
  padding: 15px; }
  .ecoBox .tit {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block; }

.eco1 {
  background: url(../img/eco/08.jpg);
  background-size: cover; }

.eco2 {
  background: url(../img/eco/09.jpg);
  background-size: cover; }

.eco3 {
  background: url(../img/eco/10.jpg);
  background-size: cover; }

.eco4 {
  background: url(../img/eco/11.jpg);
  background-size: cover; }

.eco5 {
  background: url(../img/eco/12.jpg);
  background-size: cover; }

.eco6 {
  background: url(../img/eco/13.jpg);
  background-size: cover; }

.eco7 {
  background: url(../img/eco/14.jpg);
  background-size: cover; }

.eco8 {
  background: url(../img/eco/15.jpg);
  background-size: cover; }

.eco9 {
  background: url(../img/eco/16.jpg);
  background-size: cover; }

.eco10 {
  background: url(../img/eco/18.jpg);
  background-size: cover; }

.eco11 {
  background: url(../img/eco/20.jpg);
  background-size: cover;
  min-height: 180px; }

.eco11 p {
  line-height: 24px; }

.eco12 {
  background: url(../img/eco/21.jpg);
  background-size: cover;
  min-height: 180px; }

.eco12 p {
  font-size: 13px;
  line-height: 16px;
  text-align: left; }

.eco13 {
  background: url(../img/eco/31.jpg);
  background-size: cover;
  min-height: 180px; }

.eco14 {
  background: url(../img/eco/32.jpg);
  background-size: cover;
  min-height: 180px; }

.eco15 {
  background: url(../img/eco/33.jpg);
  background-size: cover;
  min-height: 180px; }

.eco16 {
  background: url(../img/eco/34.jpg);
  background-size: cover;
  min-height: 180px; }

.sepBlack {height: 5px; background-color: #000; width: 50px;}
.rigaCorsiBlack { border-right: 1px solid #000 !important;}

@media (max-width: 991px) {
  .navbar-brand {
    text-align: center; }

  .nav-link:hover:before {
    display: none; }
	
	#homePattern body {background-image: url( "../img/main/pattern.jpg"); background-repeat: repeat; background-position: 0 0; background-attachment:fixed; background-size: cover;  }
#homePattern .navbar {border-bottom: 1px solid #BA8745; border-left: 1px solid #BA8745; border-right: 1px solid #BA8745; }

  .navbar-toggleable-md .navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0; }

  .nav-item .account {
    padding-left: 0;
    padding-right: 0;
    text-align: right; }

  .logout {
    text-align: right; }

  .dropdown-item {
    display: none; }

  .lato {
    display: block; }

  .dropdown-menu {
    background: transparent;
    padding: 0; }

  #navbarSupportedContent {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 15px 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 65px; }

  .collapse.show {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 15px;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 45px; }

  .nopaddingSM {
    padding: 0 15px; }

  .boxInfoGioco {
    margin-top: 40px; }

  .info {
    position: inherit; }

  .black h2, .greyS h2, .greyM h2, .greyP h2 {
    font-size: 1.8rem; }

  .boxPremi h2 {
    font-size: 1.4rem; } }
@media (max-width: 1200px) {
  .titBnv h1 {
    font-size: 1.5rem; }

  /*carousel prodotti universo guerlain*/
  .carousel-inner {
    padding-bottom: 20px; }
    .carousel-inner p {
      margin-bottom: 0.5rem; }

  .navbar-toggleable-md .navbar-nav .nav-link {
    padding-left: .5rem;
    padding-right: .5rem; }

  .navbar-nav .nav-item .account {
    padding-left: 20px; }

  .titoloQuadrato h1 {
    font-size: 1.5rem; }

  .boxNovita h2 {
    font-size: 1.3rem; } }
/*-per ipad-*/
@media (min-width: 768px) {
  .pt-md-40 {
    padding-top: 40px !important; }

  .pb-md-40 {
    padding-bottom: 40px !important; } }
@media (max-width: 768px) {
  .navbar-toggleable-md .navbar-nav .nav-link {
    padding-bottom: 10px; }

  .navbar-nav .nav-item .account {
    padding-bottom: 10px; }

  .dropdown-item {
    padding-bottom: 10px; }

  .dropdown-item:focus, .dropdown-item:hover {
    background: transparent; }

  .boxIntroLogin img {
    margin-bottom: 20px !important;
    width: 60% !important; }

  .boxIntroLogin {
    font-size: 0.75rem; }
    .boxIntroLogin p {
      font-size: 0.75rem; }
    .boxIntroLogin .btn {
      font-size: 0.8rem; }
    .boxIntroLogin .btn:focus {
      box-shadow: none; }
    .boxIntroLogin .form-control {
      width: 70%;
      font-size: 0.8rem; }
    .boxIntroLogin .btn-primary:hover {
      background-color: transparent;
      border-color: transparent;
      color: #221e20; }

  .boxLoginStep2 {
    font-size: 0.75rem; }
    .boxLoginStep2 .form-control {
      font-size: 0.8rem; }

  .noMarginSmall {
    margin: 0 -15px; }

  .container {
    width: 95%; }

  .justify-content-md-center {
    -moz-box-pack: center !important;
    justify-content: center !important; }

  .footer {
    font-size: 0.9rem;
    letter-spacing: -0.02rem; }
	
	/*.boxIntroLogin .btn-primary {
    background-color: #fff !important;
    border-color: #221e20 !important;
    color: #221e20 !important;
}
	.boxIntroLogin .btn-primary:hover {
    color: #fff !important;
    background-color: #221e20 !important;
    border-color: #221e20 !important;
}*/

  /*--homepage--*/
  .titoloQuadrato h1 {
    bottom: 0;
    left: 5px;
    font-size: 1rem;
    letter-spacing: 0.01rem; }

  .boxTestoHome {
    padding: 25% 18% 10%;
    font-size: 0.7rem; }

  /*pin*/
  .titoloSezione h1 {
    font-size: 1.6rem;
    letter-spacing: -0.1rem; }

  /*pagina elenco prodotti*/
  .black h2, .greyS h2, .greyM h2, .greyP h2 {
    font-size: 1.8rem; }

  /*pagina prodotto*/
  .iframe {
    height: 340px; }

  .slideshowUniv {
    height: 340px; }
    .slideshowUniv .carousel {
      margin-bottom: 0;
      padding-bottom: 20px; }
    .slideshowUniv .tit {
      font-size: 1.2rem;
      padding-top: 0;
      padding-bottom: 10px;
      line-height: 1.5rem; }
    .slideshowUniv p {
      font-size: 0.7rem;
      line-height: 0.9rem;
      margin-bottom: 0.8rem; }
    .slideshowUniv img {
      width: 100%; }
    .slideshowUniv .carousel-indicators {
      display: none; }

  .novita {
    margin-top: 20px; }

  /*--concorso--*/
  .spiegaConcorso .text-right {
    text-align: left !important; }

  .titConcorso {
    border: 0; }

  #contenitoreGioco {
    min-height: 800px; }

  .eco1, .eco2, .eco3, .eco4, .eco5, .eco6, .eco7, .eco8, .eco9, .eco11, .eco12, .eco13, .eco14 {
    min-height: 200px; }

  .eco11, .eco12 {
    min-height: 240px; }

  .eco15, .eco16 {
    min-height: 220px; }

  .imgSize img {
    max-width: 123px !important; }

  .boxPremi .nomeProd {
    padding-top: 190px; } }
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }

.embed-responsive::before {
  display: block;
  content: ""; }

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.857143%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }


.beeday {background-image: url("../img/beeDay.png");
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
mix-blend-mode: multiply;
}

/*-per ipad verticaler-*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .titConcorso {
    border: 0;
    padding-top: 40px; }

  #contenitoreGioco2 {
    min-height: 720px; } }
/*-per ipad orizzontale-*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .titoloQuadrato h1 {
    bottom: 0;
    left: 10px;
    font-size: 1.5rem;
    letter-spacing: -0.1rem; }

  .titoloQuadratoTop h2, h1 {
    font-size: 1.2rem;
    letter-spacing: -0.1rem; } }
/*-per cell-*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #contenitoreGioco {
    min-height: 650px; }

  #contenitoreGioco2 {
    min-height: 650px; } }
@media (max-width: 576px) {
  .dropdown-item:focus, .dropdown-item:hover {
    background: transparent; }

  header {
    padding-bottom: 10px; }

  .quadrato {
    margin-top: 15px; }

  .noMarginSmall {
    margin: 0; }

  .container {
    width: 99%; }

  .boxIntroLogin {
    line-height: 0.75rem; }
    .boxIntroLogin img {
      margin-top: 0;
      margin-bottom: 15px !important;
      width: 50% !important; }
    .boxIntroLogin .form-control {
      font-size: 0.8rem;
      display: inline-block; }

  .boxLoginStep2 {
    font-size: 0.75rem;
    line-height: 0.75rem; }
    .boxLoginStep2 .form-control {
      margin-top: 3px;
      font-size: 0.7rem; }
    .boxLoginStep2 .form-text {
      font-size: 0.6rem;
      line-height: 0.6rem; }
    .boxLoginStep2 select.form-control:not([size]):not([multiple]) {
      height: calc(1.5rem); }
    .boxLoginStep2 .btn-primary {
      padding: 0;
      cursor: pointer; }
    .boxLoginStep2 .btn-primary:focus {
      box-shadow: 0 0 0 2px rgba(255, 255, 222, 0); }

  .freccia {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    left: 50%;
    top: -10px;
    margin-left: -10px; }

  /*--homepage--*/
  .titoloQuadrato {
    background-color: transparent;
    height: auto;
    overflow: inherit;
    padding-bottom: 0;
    padding-top: 10px; }
    .titoloQuadrato h1 {
      position: inherit;
      bottom: auto;
      left: 0;
      font-size: 2rem;
      letter-spacing: -0.1rem;
      font-weight: normal; }

  .spostaDiv {
    position: inherit;
    top: auto; }

  .boxTestoHome {
    padding: 0px;
    font-size: 0.8rem;
    background: transparent; }

  .boxExperience {
    margin-top: 20px; }
    .boxExperience .tit {
      width: 90%;
      margin-bottom: 20px; }

  /*pin*/
  .titoloSezione {
    background-color: transparent;
    position: inherit;
    padding: 0 15px; }
    .titoloSezione h1 {
      font-size: 1.8rem; }

  .formPin {
    padding: 15px;
    margin-bottom: 20px; }

  /*--bacheca eventi*/
  .posTop {
    position: inherit;
    top: 0; }

  .titoloQuadratoTop {
    background-color: transparent;
    height: auto;
    padding-bottom: 0; }
    .titoloQuadratoTop h2, .titoloQuadratoTop h1 {
      position: inherit;
      top: 0;
      left: 0; }
    .titoloQuadratoTop br {
      display: none; }

  .corsi .nopaddingSM {
    padding: 0; }
  .corsi .posBottom {
    position: inherit;
    top: auto;
    left: 0;
    padding: 40px 0 0; }
  .corsi .mt40 {
    margin-top: 0; }

  .novita {
    margin-top: 20px; }
    .novita .nopaddingSM {
      padding: 0; }

  .boxNovita {
    margin-top: 0; }
    .boxNovita img {
      width: 70%;
      height: auto; }
    .boxNovita .text-justify {
      padding: 30px; }

  /*--elenco prodotti--*/
  .black, .greyS, .greyM, .greyP {
    margin-bottom: 10px;
    padding: 15px; }
    .black h2, .greyS h2, .greyM h2, .greyP h2 {
      margin-bottom: 0;
      font-size: 1.35rem; }
    .black .titSezioneDx, .greyS .titSezioneDx, .greyM .titSezioneDx, .greyP .titSezioneDx {
      position: inherit;
      right: auto;
      bottom: auto; }
    .black .titSezioneSx, .greyS .titSezioneSx, .greyM .titSezioneSx, .greyP .titSezioneSx {
      position: inherit;
      left: auto;
      bottom: auto; }
    .black .text-right, .greyS .text-right, .greyM .text-right, .greyP .text-right {
      text-align: left !important; }

  /*--pagina prodotto--*/
  .slideshowUniv {
    height: auto; }
    .slideshowUniv img {
      width: 70%; }

  .carousel-item {
    text-align: center; }
    .carousel-item img {
      margin: auto; }

  .slideshowUniv p {
    font-size: 0.8rem;
    margin-bottom: 0.5rem; }

  .infoProdotto h1 {
    padding-top: 20px; }

  /*--basic soin--*/
  .testoQuadratiBasic p {
    font-size: 0.6rem; }

  /*--concorso--*/
  .posBtmLeft {
    position: inherit;
    top: auto;
    left: 0;
    padding: 40px 0 0; }

  .titConcorso {
    border: 0; }

  .spiegaConcorso .text-right {
    text-align: left !important; }

  .premi .nopaddingSM {
    padding: 0; }

  .spiegaPremi {
    width: 80%; }

  .carousel {
    padding-top: 100px; }

  .boxNovita canvas {
    margin-top: 0 !important; }

  #contenitoreGioco {
    min-height: 650px; }

  #contenitoreGioco2 {
    min-height: 470px; }

  .boxWall {
    font-size: 1.3rem; }

  .form-inline {
    display: block; } 

.rigaCorsiBlack {border-right: none !important;}

}
.d-relative {
  position: relative; }

.d-absolute {
  position: absolute;
  background: url("../img/concorso/maschera.png") center no-repeat;
  width: 100%;
  max-width: 340px;
  min-height: 100%; }


.d-absolute2 {
  position: absolute;
  background: url("../img/concorso/maschera2.png") center no-repeat;
  width: 100%;
  max-width: 340px;
  min-height: 100%; }


.progress-bar-vertical {
  width: 100%;
  max-width: 340px;
  min-height: 183px;
  display: flex;
  align-items: flex-end;
  background-color: #fff; }

.progress-bar-vertical .progress-bar {
  width: 100%;
  height: 0;
  -webkit-transition: height 0.6s ease;
  -o-transition: height 0.6s ease;
  transition: height 0.6s ease;
  background-color: #bf8f25; }

.progress-bar .valore {
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  bottom: -25px;
  width: 50px;
  margin-left: -25px;
  color: #80807e; }

/*--training mag --*/
.bkgVideo {
  width: 100vw;
  height: 100vh; }

#background {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
  background-size: cover; }

.hvideo {height: 600px;}

/*-per cell orizzontale-*/
@media (max-width: 640px) and (orientation: landscape) {
  .boxIntroLogin {
    font-size: 1rem;
    line-height: 1.2rem; }
    .boxIntroLogin p {
      font-size: 1rem;
      line-height: 1.2rem; }
    .boxIntroLogin .form-control {
      font-size: 0.8rem; }
    .boxIntroLogin .btn {
      font-size: 1rem; }

  .boxLoginStep2 {
    font-size: 1rem;
    line-height: 1.2rem; }
    .boxLoginStep2 .form-control {
      width: 100%;
      font-size: 1rem;
      margin-top: 10px; }
    .boxLoginStep2 .form-text {
      font-size: 0.8rem;
      line-height: 0.8rem; }
    .boxLoginStep2 select.form-control:not([size]):not([multiple]) {
      height: calc(2rem); }
    .boxLoginStep2 .btn-primary {
      padding: 5px; }
    .boxLoginStep2 .form-check {
      margin-bottom: 5px;
      margin-top: 5px; }

  .titoloQuadrato h1 {
    font-size: .8rem;
    letter-spacing: -0.1rem; }

  /*pin*/
  .titoloSezione h1 {
    font-size: 1.8rem;
    letter-spacing: -0.1rem; }

  /*pagina prodotto*/
  .slideshowUniv img {
    width: 100%; }

  #contenitoreGioco2 {
    max-width: 550px; } 
/* galaxy e htc Portrait */
/* galaxy e htc Landscape */

.hvideo {height: 300px;}}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .boxIntroLogin {
    font-size: 1rem;
    line-height: 1.2rem; }
    .boxIntroLogin p {
      font-size: 1rem;
      line-height: 1.2rem; }
    .boxIntroLogin .form-control {
      font-size: 0.8rem; }
    .boxIntroLogin .btn {
      font-size: 1rem; }

  .boxLoginStep2 {
    font-size: 1rem;
    line-height: 1.2rem; }
    .boxLoginStep2 .form-control {
      width: 100%;
      font-size: 1rem;
      margin-top: 10px; }
    .boxLoginStep2 .form-text {
      font-size: 0.8rem;
      line-height: 0.8rem; }
    .boxLoginStep2 select.form-control:not([size]):not([multiple]) {
      height: calc(2rem); }
    .boxLoginStep2 .btn-primary {
      padding: 5px; }
    .boxLoginStep2 .form-check {
      margin-bottom: 5px;
      margin-top: 5px; }

  .titoloQuadrato h1 {
    font-size: .8rem;
    letter-spacing: -0.1rem; }
	


  /*pin*/
  .titoloSezione h1 {
    font-size: 1.8rem;
    letter-spacing: -0.1rem; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  #contenitoreGioco {
    min-height: 510px; }

  #contenitoreGioco2 {
    min-height: 1100px;
    max-width: 500px; } }
@media only screen and (min-device-width: 360px) and (max-device-width: 740px) and (orientation: landscape) {
  #contenitoreGioco {
    min-height: 540px; }

 }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  #contenitoreGioco {
    min-height: 510px; }

  #contenitoreGioco2 {
    min-height: 1100px;
  } }


@media only screen and (max-device-width: 767px)  {
  

  #contenitoreGioco2 {
    min-height: 1100px;
  } }

	.chasset {background-color: #000; background-image: url("../img/fondo.jpg"); background-position: bottom right;
background-repeat: no-repeat;
}
	.chasset2 {background-color: #fff; background-image: url("../img/fondo2.jpg"); background-position: bottom right;
background-repeat: no-repeat; border: 1px solid #000;
}
@media (max-width: 992px) { 
	.chasset2 {background-size: contain !important; }

}

.sfuma {background-color: #D47BAD;
  background: linear-gradient(#D47BAD, #968AAB) !important;}

  .lineH {line-height: 1rem;}