/* titleWithBar */
._titleWithBar {
  letter-spacing: 0.025rem;
  padding: 4rem 2rem;
  position: relative;
  display: flex;
}
.titleWithBar > div {
  display: flex;
  flex-direction: column;
}
._titleWithBar.white {
  color: white;
}
._titleWithBar span {
  font-size: 1.5rem;
  line-height: 2.4rem;
}
._titleWithBar:before {
  content: "\e907";
  font-family: "icomoon";
  font-size: 5rem;
  margin-top: 0.25em;
  margin-right: 2rem;
  display: inline-block;
  position: relative;
  opacity: 0.5;
}

._subtitle {
  font-size: 3.5rem;
}
._title {
  font-size: 5rem;
}
@media only screen and (max-width: 1200px) {
  ._titleWithBar:before {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  ._titleWithBar:before {
    display: none;
  }
  ._titleWithBar {
    padding-left: 0;
    padding-right: 0;
  }
}

/* page */

._page._withSideBar > section {
  display: flex;
  min-height: 100vh;
  flex: 1;
}
._page {
  position: relative;
}

._page._detailPage {
  padding-top: 10rem;
}

._page._innerPage #_first {
  position: relative;
  margin-bottom: 0;
}

._page._innerPage ._generalBox {
  padding: 6rem 4rem 6rem;
}
._page._innerPage ._fancyTitle {
  margin-bottom: 10rem;
  margin-top: -6rem;
}
._page._innerPage section {
  margin-bottom: 12rem;
}

@media only screen and (min-height: 1200px) {
  ._page._withSideBar > section {
    min-height: 50vh;
  }
}

@media only screen and (max-width: 992px) {
  ._page._innerPage section {
    margin-bottom: 4rem;
  }
  ._page._innerPage ._generalBox {
    padding: 4rem 0rem;
  }
  ._page._innerPage .w75 {
    width: 100%;
  }
  ._page._innerPage #_second .w33:last-child {
    width: 100%;
  }
  ._page._innerPage .w50 {
    width: 75%;
  }
  ._page._innerPage .w50 ._generalBox {
    padding: 6rem 2rem;
  }
  ._page._innerPage ._fancyTitle {
    margin-bottom: 4rem;
  }
  ._page._innerPage #_first {
    margin-bottom: 2rem;
  }
  ._page._innerPage ._introPageBox {
    width: 75%;
  }
  ._page._innerPage ._muuriGrid > .w33,
  ._page._innerPage ._muuriGrid > .w66 {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  ._page._innerPage .w50,
  ._page._innerPage .w33,
  ._page._innerPage .w66 {
    width: 100%;
  }
  ._page._innerPage .w50 ._generalBox {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  ._page._innerPage .w66 .w33 {
    width: 33%;
  }
  ._page._innerPage #_second {
    margin-top: 0 !important;
  }
  ._page._innerPage section {
    margin-bottom: 0rem;
  }
  ._page._innerPage ._fancyTitle {
    margin-top: 0;
    margin-bottom: 0;
  }
  ._page._withSideBar > section {
    padding-top: 0rem;
    padding-bottom: 5rem;
    min-height: 50vh;
  }
  ._page._detailPage {
    padding-top: 0rem;
  }
  ._page._innerPage ._muuriGrid > .w33,
  ._page._innerPage ._muuriGrid > .w66 {
    width: 100%;
  }
}

._page._withSideBar > section > div {
  flex-grow: 3;
}
._page > section {
  padding: 0 4vw;
}
._page ._animated {
  transition: all 0.3s ease;
}
._page._inner {
  margin-top: 8rem;
}

._page ._introBox.center {
  text-align: center;
}

._page ._introBox a:after {
  transition: width 0.3s;
  height: 1px;
  width: 0;
  display: block;
  background: #98948d;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}

._page ._introBox._brownBg a:after {
  background: white;
}

._page ._introBox a {
  position: relative;
  padding-bottom: 2px;
}

._page ._introBox a:hover:after {
  width: 100%;
}

._page ._introBox {
  padding: 5rem 8rem;
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.01rem;
  margin-bottom: 4rem;
}

._page ._introBox ._titleWithBar {
  left: -8rem;
}

._page ._generalBox {
  padding: 8rem;
}
@media only screen and (max-width: 1366px) {
  ._page ._introBox ._titleWithBar {
    left: -2rem;
  }
  ._page ._introBox {
    padding: 5rem;
  }
}

@media only screen and (max-width: 1250px) {
  ._page ._introBox {
    padding: 4rem 4rem;
  }
  ._page._innerPage section {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  ._page ._introBox {
    padding: 2rem 4rem;
    margin-bottom: 0;
  }
  ._page ._introBox ._titleWithBar {
    left: -2rem;
  }
  ._page ._introBox ._titleWithBar ._bigFont {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  ._page ._introBox ._titleWithBar:before {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1600px) {
  ._page > section {
    padding: 0 6vw;
  }
}

/* muuriGrid */

._muuriGrid {
  position: relative;
  margin-left: -2rem;
  margin-right: -2rem;
  overflow: hidden;
}
._muuriGrid > .muuri-item {
  display: block;
  position: absolute;
  z-index: 1;
}
._muuriGrid > .muuri-item > div {
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  ._muuriGrid > .muuri-item > div {
    padding: 1rem 2rem;
  }
}


/* menu */

._menu {
  display : block;
  padding-left:7rem;
  width:calc(8.333vw * 3);
  position:relative;
  position:fixed;
  bottom:0;
  top:0;
  padding-bottom:3rem;
}
/*
._menu:after {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background:#f6f6f5;
  content:'';
  z-index:9;
  box-shadow:0 0 3rem 4rem #f6f6f5;
}
*/
._menu > aside:before {
  font-size:7rem;
  top:1rem;
  align-self:flex-start;
}

._menu > aside button {
  font-size:1.2rem;
  font-family:'MillerText';
  text-align:left;
  padding:.5rem 1rem;
  display:flex;
  align-items:center;
  border:none;
  transition:background 0.4s,visibility 0.4s,opacity 0.4s;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  margin-top:1rem;
}
._menu > aside button > i {
  margin-left:.5rem;
}
._menu > aside button._show {
  opacity:1;
  visibility:visible;
  display:inherit;
}

._menu > aside button:hover {
  background:#98948d;
}

._menu > div {
  z-index:7;
  width:calc(8.333vw * 2);
  height:calc(100vh - 30rem);
  overflow:hidden!important;
  position:relative;
}
._menu > div > div {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  padding-left:15px;
  padding-right:15px;
  margin-left:15px;
  overflow:auto;
}
._menu[noFixed] > div {
  position:static;
}
._menu ._menuGroup {
  margin-bottom:2rem;
  padding-left:5rem;
  text-transform:uppercase;
  transition:opacity 0.7s;
}
._menu ._menuGroup > label {
  font-size.1.2rem;
  letter-spacing:0.05rem;
  display:block;
  cursor:pointer;
  margin-bottom:1rem;
  line-height:3.6rem;
  display:flex;
  align-items:center;
}
._menu ._menuGroup > label:before,
._menu ._menuGroup .submenu span:before {
  content:'\e90f';
  display:block;
  position:relative;
  font-family:'icomoon';
  transform:rotate(90deg);
  font-size:1rem;
  left:-1rem;
}
._menu ._menuGroup .submenu span:before {
  transform:rotate(-90deg);
}
._menu ._menuGroup .submenu._isSubOpen span:before {
  transform:rotate(90deg);
}

._menu ._menuGroup.mgOpen > label:before {
  transform:rotate(-90deg);
}

._menu ._menuGroup > nav a {
  margin-bottom:.5rem;
  position:relative;
  cursor:pointer;
  margin-bottom:1rem;
  line-height:1.4rem;
}

._menu ._menuGroup > nav a:after{
  content:'';
  width:0;
  height:1px;
  position:absolute;
  left:0;
  bottom:0;
  background-color:#484643;
  transition:width 0.3s;
}

/* ._menu ._menuGroup > nav a:hover:after{ */
/*   width:100%; */
/* } */
._menu nav a.active:before {
  transform:scale(1);
}

._menu nav input {
  height:5.6rem;
  display:block;
  width:100%;
  border:none;
  padding:0 2rem;
}
._menu + section {
  padding-left:calc(8.333vw * 3);
  padding-bottom:10rem;
  padding-top:10rem;
}

._menu a {
  display:flex;
  align-items:center;
}

._menu a:before {
  width : .5rem;
  height: .5rem;
  border-radius:50%;
  background-color:#484643;
  content:'';
  display:block;
  margin-right:1rem;
  transform:scale(0);
  transition:transform 0.3s ease;
}
._menu a:hover:before {

  transform:scale(1);
}

._hiddenCategory {
  display:none!important;
}

._menu > button {
  display:none!important;
}
._menu nav nav {
  padding-left:2rem;
  line-height:2.4rem;
  letter-spacing:0.05rem;
  text-transform:initial;
}
._menu nav > div span {
  display:flex;
  cursor:pointer;
  align-items:center;
}

._menu.anchor {
  position:absolute;
  bottom:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

._menu nav .submenu > nav {
  display:none;
}
._menu nav .submenu._isSubOpen > nav {
  display:block;
}

@media only screen and (max-width:1600px) {
  ._menu {
    padding-left:2rem;
  }
  ._menu ._menuGroup {
    padding-left:4rem;
  }
}

@media only screen and (max-width:1200px) {
  ._menu ._titleWithBar:before{
    font-size:2rem;
    margin-right:1rem;
  }
  ._menu ._menuGroup {
    padding-left:2rem;
  }
}

@media only screen and (max-width:992px) {
  ._menu {
    padding-left:4vw;
    padding-right:4vw;
    position: relative;
    height: auto;
    bottom: auto;
    top: 0;
    z-index:10;
    width: 100%;
    margin-top: 0!important;
  }
  ._menu.anchor {
    position:relative;
  }
  ._menu > div > div {
    position:relative;
    margin-right:0;
  }
  ._menu ._menuGroup > label {
    text-align:center;
  }
  ._menu._open > div{
    display:block;
    position:fixed;
    top:0;
    left:0;
    height:calc(100vh - 7rem);
    padding:2rem;
    margin-top:7rem;
    background:white;
    z-index:10;
    overflow-y:auto!important;
  }
  ._menu > button {
    content:'open';
    position:fixed;
    right:6vw;
    border-radius:50%;
    width:6rem;
    height:6rem;
    background-color:#484643;
    color:white;
    border:none;
    bottom:4rem;
    font-size:2rem;
    display:block!important;
    z-index:10;
  }
  ._menu ._menuGroup {
    padding-left:0rem;
  }
  ._menu ._titleWithBar {
    padding-bottom:0;
  }
  ._menu + section ._muuriGrid > * {
    width:50%;
  }
  ._menu > div {
    height:auto;
    width:100%;
    display:none;
  }
  ._menu + section {
    padding-left:4vw;
  }
  ._menu > aside {
    margin-bottom:2rem;
  }
  ._menu ._menuGroup > nav a {
    justify-content:flex-start;
  }
  ._menu ._menuGroup > label:before {
    left:0;
    margin-right:1rem;
  }
}

@media only screen and (max-width:640px) {
  ._menu + section ._muuriGrid > * {
    width:100%;
  }
}

/* filterControl */

._filterControl {
  font-size:1.3rem;
  line-height:2.6rem;
  letter-spacing:0.05rem;
  padding:0!important;
  background-color:transparent!important;
}
._filterControl > div > div {
  display : flex;
  align-items:center;
  justify-content:space-between;
  background-color:#a6a19b;
  padding:1rem;
  color:white;
}
._filterControl nav {
  text-align:left;
  align-items:left;
  display:flex;
  flex-grow:3;
  margin:0 0rem;
}
._filterControl nav a{
  padding:0 .5rem;
  color:inherit;
  border:1px solid white;
  margin:0 .5rem;
  cursor:pointer;
  transition:background-color 0.4s;
}
._filterControl nav a:hover {
  background-color:#84807b;
}
._filterControl button {
  font-size:1.2rem;
  text-transform:uppercase;
  background-color:transparent;
  border:none;
  color:white;
}
@media only screen and (max-width:992px) {
  ._filterControl > div {
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  ._filterControl > div > nav {
    margin:1rem 0;
  }
}
@media only screen and (max-width:767px) {
  ._filterControl {
    display:none;
  }
}

/* fullSearch */

._fullSearch {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9;
  background-color:rgba(246,246,245,0.95);
}
._fullSearch > span {
  position:absolute;
  top:inherit;
  left:inherit;
  width:inherit;
  height:inherit;
}
._fullSearch > div {
  top:50%;
  width:100%;
  transform:translateY(-50%);
  position:absolute;
  text-align:center;
  left:0;
  z-index:2;
}
._fullSearch > div form{
  margin:0 auto;
  position:relative;
  width:50%;
}
._fullSearch > div form button{
  position:absolute;
  right:2rem;
  top:50%;
  margin-top:-1rem;
  font-size:2rem;
  background:transparent;
  cursor:pointer;
  border:none;
}
._fullSearch > div form label {
  text-align:left;
  position:relative;
  display:block;
  font-size:1.6rem;
  line-height:2.6rem;
  margin-bottom:1rem;
}
._fullSearch > div form div {
  position:relative;
}
._fullSearch > div input{
  border:none;
  height:5rem;
  width:100%;
  padding:0 2rem;
  padding-right:6rem;
  color:#484643;
  font-size:1.6rem;
}
._fullSearch .icon-x {
  font-size:4rem;
  cursor:pointer;
  margin-bottom:4rem;
  display:inline-block;
  transition:transform 0.2s;
}
._fullSearch .icon-x:hover {
  transform:scale(1.1);
}
@media only screen and (max-width:992px) {
  ._fullSearch {
    z-index:999;
  }
}
@media only screen and (max-width:767px) {
  ._fullSearch > div form {
    width:90%;
  }
}

/* productItem */

._productItem > div {
  padding:2rem;
}

._productItem:hover aside,
._productItem:hover ._pInner
{
  transition:background 0.1s .0s;
}

._productItem ._flex {
  display:flex;
  justify-content:space-between;
}

._productItem > div > div {
}
._productItem > div > div > div{
  overflow:hidden;
}
._productItem aside,
._productItem ._pInner {
  transition:background 0.4s .8s;
}

._productItem aside {
  position:relative;
  padding:2rem;
  padding-left: 0;
  padding-right: 0;
  z-index:3;
  /*background-color:white;*/
}
._productItem aside > * {
  display:block;
  line-height:1.8rem;
  letter-spacing:0.05rem;
}
._productItem a._cover {
  z-index:12;
}
._productItem aside > strong {
  font-size:1.2rem;
  font-weight:700;
  text-transform:uppercase;
}

._productItem aside > span {
  font-size:1.3rem;
  text-transform:capitalize;
}
._productItem.singleTitle aside > strong {
  font-size:2.2rem;
  line-height:3rem;
}
._productItem aside > small {
  font-size:1.0rem;
  text-transform:uppercase;
}
._productItem._newsItem aside > strong {
  text-transform:none;
  margin-top:1.5rem;
}
._productItem figure {
  opacity : 1;
  visibility : visible;
}
._productItem .hoverImage {
  z-index : 0;
  transition:all 0.5s 0s!important;
}
._productItem .showImage {
  z-index:1;
  background-repeat:no-repeat;
}

._productItem.isDesigner .hoverImage {
  display:none;
}

._productItem:hover .showImage {
  opacity: 1;
  visibility:visible;
  transform :scale(1);
  transition:all 0.5s!important;
}
._productItem:hover .hoverImage {
  transform:scale(1.1) translateY(-4rem);
  transition:all 0.5s .3s!important;
}
._productItem.isDesigner:hover .showImage {
  opacity:1;
  visibility:visible;
}

/* modal */

._modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease;
}

._modal:before {
  content: "\e913";
  padding: 2rem;
  font-family: "icomoon";
  color: white;
  position: absolute;
  font-size: 4rem;
  right: 4rem;
  top: 4rem;
  z-index: 99;
  pointer-events: none;
  cursor: pointer;
}

._modal._modalHidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

._modal .popupInner {
  transition: all 0.8s 0.5s;
  opacity: 1;
  transform: translateY(0);
  filter: blur(0px);
  margin: 12rem auto;
}

._modal.istruzioniModals .popupInner,
._modal.istruzioniModals .popupInner img {
  max-width: 100%;
}

._modal._modalHidden .popupInner {
  transform: translateY(8rem);
  transition: all 0.2s;
  opacity: 0;
  filter: blur(15px);
}

._modal > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}
._modal.general .popupInner {
  padding: 4rem 8rem;
  z-index: 8;
  position: relative;
  overflow: scroll;
}

._modal > div > span {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

@media only screen and (max-width: 992px) {
  ._modal.general .popupInner {
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  ._modal.general .popupInner {
    padding: 3rem 2rem;
    width: 90%;
  }
}

/* form */

.formPage {
  position:relative;
  z-index:1;
}

.formPage [controller][full] >  input[readonly] {
  opacity:0.5;
}

.formPage *[controller] {
  position:relative;
  margin-bottom:2rem;
}

.formPage *[controller] > label {
  position:absolute;
  bottom:1rem;
  left:0rem;
  pointer-events:none;
}
.formPage *[controller] > label {
  bottom:auto;
  top:50%;
  transform:translateY(-50%);
}
.formPage *[controller].focus > input + label,
.formPage *[controller].focus > textarea + label
{
  opacity:0;
  transform:translate3d(0,-1rem,0);
  visibility:hidden;
}
.formPage *[controller] > textarea + label {
  top:3rem;
}

.formPage *[controller]:after,
.formPage *[controller]:before
{
  content:'';
  width:100%;
  height:1px;
  right:0;
  left:auto;
  bottom:0;
  position:absolute;
  transition:all 0.4s;
}

.formPage .transparent .choices {
  background:transparent!important;
  padding-left:0;
}

.formPage .transparent .choices__list--single {
  height:3.5rem;
  padding-left:0;
}
.formPage .transparent .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color:#98948d;
  color:white;
}
.formPage .transparent .choices__list--dropdown {
  background:#474644;
}


.formPage.dark *[controller]:after,
.formPage.dark *[controller]:before {
  background:white;
}
.formPage.light *[controller]:after,
.formPage.light *[controller]:before {
  background:#474644;
}


.formPage.dark *[controller]:before {
  background:#67635e;
}
.formPage.light *[controller]:before {
  background:#a6a29a;
}

.formPage *[controller]:before {
  width:0;
  right:auto;
  left:0;
  z-index:3;
  transition:all 0.8s;
}

.formPage *[controller].focus:after {
  width:0;
}
.formPage *[controller].focus:before {
  width:100%;
}

.formPage *[controller] > * {
  display:block;
  width:100%;
}
.formPage *[controller] > label {
  transition:all 0.2s;
}

.formPage input[required] + label:after {
  content:'*';
  font-size:3rem;
  position:absolute;
  opacity:.5;
  font-family:'MillerDisplay';
}

.formPage input[required][type="checkbox"] + label:after {
  position:relative;
  top:0;
  left:0;
}

.formPage *[controller][full] > label {
  left:2rem;
}

.formPage *[controller] > input {
  background:transparent;
  height:3rem;
  border:none;
}

.formPage *[controller][full] > input {
  background:white;
  padding-left:2rem;
  height:5.6rem;
}

.formPage *[controller] > textarea {
  min-height:25rem;
  background:white;
  border:none;
  padding:2rem;
}


.formPage.dark *[controller] > input,
.formPage.dark *[controller] > textarea {
  color:white
}
.formPage.light *[controller] > input,
.formPage.light *[controller] > textarea {
  color:#474644;
}

.formPage *[data-file] {
  position:relative;
}
.formPage *[data-file] > input {
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:2;
}

.formPage *[data-file] > input + div:before {
  border:1px solid white;
}
.formPage *[data-file] > input + div:after {
  border:1px solid #474644;
}
.formPage *[data-file] > input + div {
  display:flex;
  height:3rem;
  position:relative;
  justify-content:space-between;
}
.formPage *[data-file] > input + div > i {
  font-size:2rem;
}





.formPage.dark *[checkbox] > input + label:before {
  border:1px solid white;
}
.formPage.light *[checkbox] > input + label:before {
  border:1px solid #474644;
}
.formPage.dark *[checkbox] > input:checked + label:before {
  background:white;
}
.formPage.light *[checkbox] > input:checked + label:before {
  background:#474644;
}


.formPage *[checkbox] > input {
  opacity:0;
  width:0;
  height:0;
  overflow:hidden;
  position:absolute;
}
.formPage *[checkbox]:after,
.formPage *[checkbox]:before {
  display:none!important;
}
.formPage *[checkbox] {
  display:flex;
}
.formPage *[checkbox] > input + label:before {
  content:'';
  width:1.6rem;
  height:1.6rem;
  display:block;
  position:relative;
  top: 0.45rem;
  margin-right:2rem;
  transition:background 0.3s;
}
.formPage *[checkbox] > label {
  position:relative;
  top:0;
  bottom:0;
  display:flex;
  pointer-events:auto;
  cursor:pointer;
}

.formPage *[checkbox].focus > input + label {
  opacity:1;
  transform:none;
  visibility:visible;
}

@media only screen and (max-width:1250px) {
  .formPage *[controller][full] > input {
    height:4rem;
  }
  .formPage *[controller] > textarea {
    min-height:15rem;
  }
}

/* loginPopup */

.loginPopup {
  background-color:transparent;
  z-index:9999;
}
.loginPopup .popupInner {
  padding:4rem 8rem;
  z-index:8;
  position:relative;
}
.loginPopup .popupInner > div > div > strong {
  text-align:center;
  display:block;
  margin-bottom:6rem;
}

.loginPopup .popupInner form button{
  margin:0 auto;
}
.loginPopup div[sender],#notRegisteredWrapper {
  text-align:center;
}

#countriesList {
  position:relative;
  z-index:12;
}

#notRegisteredWrapper {
  margin-top:2.5rem;
}
#registrationWizard ._flex {
  flex-wrap:wrap;
}
#registrationWizard ._flex > div {
  padding:0 1rem;
}
@media only screen and (max-width:1200px) {

  #registrationWizard .choices__list--single {
    height:3.6rem;
  }
}

.loginPopup .formPage *[checkbox] > label{
  pointer-events: inherit;
}

@media only screen and (max-width:1400px) {
  .loginPopup .popupInner {
    width:80%;
  }
  .loginPopup .popupInner {
    padding:4rem;
  }
}
@media only screen and (max-width:1200px) {
  #registrationWizard ._flex > .w33,#registrationWizard ._flex > .w66 {
    width:100%;
  }

}
@media only screen and (max-width:767px) {
  .loginPopup .popupInner {
    width:90%;
  }
  .loginPopup .popupInner {
    padding:3rem 2rem;
  }
}

/* buttons */

._button {
  cursor:pointer;
}
._button.full {
  height:5.6rem;
  padding:2rem 2rem;
  text-transform:uppercase;
  background:transparent;
  font-weight:auto;
  border-radius:0!important;
  border:1px solid #98948d;
  transition:padding 0.4s,background .2s;
  text-decoration:none;
}
._button.full.white {
  border-color:white;
}
._button.full:hover {
  padding:2rem 4rem;
  background:#98948d;
  color:white;
}
._button.min {
  height:auto;
  padding:1rem 2rem;
  font-size:1.2rem;
}
._button.min:hover {
  padding:1rem 3rem;
}
._button.arrow {
  border:none;
  font-size:1.4rem;
  text-transform:uppercase;
  background:transparent;
}
._button.arrow i {
  font-size:.8rem;
  margin-left:.5rem;
}
._button.arrow.white {
  color:white;
}

@media only screen and (max-width:1250px) {
  ._button.full {
    height:3.6rem;
    padding:0 2rem;
  }
}

/* gallery */

._customGlide {
  padding: 0;
  position: relative;
  display: block;
}

#gallery {
  margin-bottom: 4rem;
  margin-top: 4rem;
}

#gallery nav {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.goverlay {
  background-color: rgba(255, 255, 255, 0.96);
}

.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
  background: none;
}
.glightbox-clean .gclose:after,
.glightbox-clean .gnext:after,
.glightbox-clean .gprev:after {
  color: #000;
  font-size: 3rem;
  display: block;
  font-family: "icomoon";
}
.glightbox-clean .gclose:after {
  content: "\e913";
}
.glightbox-clean .gnext:after {
  content: "\e910";
  font-size: 2rem;
}
.glightbox-clean .gprev:after {
  content: "\e90f";
  font-size: 2rem;
}

._customGlide ._tiny {
  width: 100vw;
  display: flex;
}
._customGlide nav a {
  padding: 2rem;
}

._customGlide ._tiny a {
  display: block;
  position: relative;
}
._customGlide ._tiny img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 40rem;
  object-fit: cover;
  background-color: white;
}

._customGlide > a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tns-nav {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.tns-nav > button {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}
.tns-nav > button.tns-nav-active:after {
  background: #000;
}
.tns-nav > button:after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background: #98948d;
  display: block;
  transition: all 0.3s;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  ._customGlide ._tiny img {
    width: auto;
    height: 30rem;
  }
}

/* choices */

/* This is a rewrite of choice css plugin */
.choices__inner{
  padding:0;
  border:none;
  background-color:transparent;
  font-size:1.6rem;
}

.choices[data-type*=select-one] {
  background:white;
}

.choices[data-type*=select-one] .choices__inner {
  padding-bottom:0;
}

.choices__list--single {
  padding:0 2rem;
  height:5.6rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
}


/* wizard */

div[wizard] > div[step] {
  display:none;
}

div[wizard] > div[step].isCurrent {
  display:block;
}

div[wizard] nav a{
  opacity:0.2;
}

div[wizard] nav a.isComplete , div[wizard] nav a.isCurrent{
  opacity:1;
}

div[wizard] nav {
  width:100%;
  display:flex;
  margin-bottom:2rem;
}
div[wizard] nav a {
  text-align:center;
}
div[wizard] nav a:after {
  content:'';
  width:0;
  height:1px;
  display:block;
  background-color:rgba(0,0,0,0.1);
  transition:width 0.5s ease;
}
div[wizard] nav a.isCurrent:after {
  width:100%;
}

/* fancyBox */

.fancyBox {
  height:100vh;
  width:100%;
  position:fixed;
  top:0;
  display:none;
  left:0;
  z-index:199;
  background:white;
}

.fancyBox._open {
  display:block;
}

.fancyBox > div{
  display:flex;
}

.fancyBox > div > * {
  height:100vh;
}

.fancyBox .fancyBoxPreview {
  width:60%;
  display:flex;
  justify-content:center;
  position:relative;
  align-items:center;
  padding:10vw;
  transition:width 0.6s ease;
}
.fancyBox .fancyBoxPreview img {
  width:100%;
}

.fancyBox .fancyBoxPreview > nav {
  width:100%;
  padding:0 4rem;
  display:flex;
  justify-content:space-between;
  top:50%;
  left:0;
  margin-top:-2rem;
  height:4rem;
  position:absolute;
}


.fancyBox .fancyBoxPreview a {
  font-size:2rem;
}


.fancyBox .fancyBoxDetail {
  width:40%;
  background:#474644;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 6rem 0 12rem;
  color:#a6a29a;
}

.fancyBox .fancyBoxDetail p {
  margin-top:0;
  margin-bottom:1rem;
  font-size:1.2rem;
}
.fancyBox .fancyBoxDetail p b {
  font-weight:700;
  font-size:1.2rem;
}

.fancyBox .innerFancyBox > nav {
  width:10rem;
  height:100vh;
  right:0;
  top:0;
  background-color:#383736;
  display:flex;
  flex-direction:column;
  padding:5rem 0;
  align-items:center;
}

.fancyBox._listOpen .fancyBoxPreview {
  width:35%;
}



.fancyBox .innerFancyBox > nav > a {
  transition:color 0.3s ease;
  cursor:pointer;
  color:white;
  font-size:2rem;
  margin-bottom:3.5rem;
}

.fancyBox .innerFancyBox > nav > a:hover {
  color:white;
}

.fancyBox .fancyBoxList {
  width:0;
  overflow:hidden;
  overflow-y:auto;
  transition:width 0.8s ease;
}

.fancyBox._listOpen .fancyBoxList {
  width:40%;
}

.fancyBox._listOpen .icon-gallery:before {
  content:'\e918';
  font-family:'icomoon';
}

.fancyBox .fancyBoxList > ul {
  display:flex;
  flex-wrap:wrap;
  padding-left:0;
  list-style:none;
  padding:0 1rem;
}

.fancyBox .fancyBoxList  li {
  width:33%;
}

.fancyBox .fancyBoxList li div {
  margin:1rem;
}

.fancyBox .fancyBoxList img {
  width:100%;
  position:relative;
  height:auto;
}

.fancyBox .mantenimentiList {
  padding-left:0;
  list-style:none;
  display:flex;
}

.fancyBox .mantenimentiList img{
  width:4rem;
  height:4rem;
}

@media only screen and (max-width:992px) {
  .fancyBox > div {
    flex-direction:column;
    height:100vh;
    display:block;
    overflow:scroll;
    padding-top:6rem;
  }
  .fancyBox > div > * {
    height:auto;
  }
  .fancyBox .fancyBoxPreview ,
  .fancyBox nav,
  .fancyBox .fancyBoxList,
  .fancyBox .fancyBoxDetail
  {
    width:100%;
  }
  .fancyBox .fancyBoxPreview img {
    width:100%;
    height:auto;
    max-width:100%;
  }
  .fancyBox .fancyBoxPreview {
    height:60vh;
  }
  .fancyBox .fancyBoxDetail {
    min-height:40vh;
    padding:2rem;
    justify-content:flex-start;
    padding-bottom:6rem;
  }
  .fancyBox .fancyBoxList {
    width:0;
    position:absolute;
    top:6rem;
    left:0;
    height:100vh;
    background-color:white;
  }
  .fancyBox .innerFancyBox > nav {
    height:6rem;
    flex-direction:row;
    justify-content:center;
    padding:2rem;
    position:fixed;
    bottom:0;
    left:0;

  }
  .fancyBox .innerFancyBox > nav > a {
    margin:0 1rem;
  }
  .fancyBox._listOpen .fancyBoxList {
    width:100%;
  }
  .fancyBox._listOpen .fancyBoxPreview {
    width:100%;
  }
}


/* notification */
._notification {
  position:fixed;
  bottom:4rem;
  left:4rem;
  background-color:white;
  padding:2rem;
  font-size:1.2rem;
  line-height:1.4rem;
  transition:all 0.9s;
  opacity:0;
  visibility:hidden;
  z-index:999999999;
  transform:translate3d(4rem,0,0);
}
._notification._show {
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0);
}
._notification.error {
  background-color:#000;
  color:white;
}
._notification.success {
  background-color:white;
}



