@font-face {
    font-family: 'JaneAust';
    src: url('/@/js-css/css/font/JaneAust.ttf');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "AspiraNar";
    src: url("/@/fonts/AspiraNar/AspiraNar-Light.woff2") format("woff2"), url("/@/fonts/AspiraNar/AspiraNar-Light.woff") format("woff"), url("/@/fonts/AspiraNar/AspiraNar-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: "AspiraNar";
    src: url("/@/fonts/AspiraNar/AspiraNar-Regular.woff2") format("woff2"), url("/@/fonts/AspiraNar/AspiraNar-Regular.woff") format("woff"), url("/@/fonts/AspiraNar/AspiraNar-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "AspiraNar";
    src: url("/@/fonts/AspiraNar/AspiraNar-Demi.woff2") format("woff2"), url("/@/fonts/AspiraNar/AspiraNar-Demi.woff") format("woff"), url("/@/fonts/AspiraNar/AspiraNar-Demi.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "AspiraNar";
    src: url("/@/fonts/AspiraNar/AspiraNar-Medium.woff2") format("woff2"), url("/@/fonts/AspiraNar/AspiraNar-Medium.woff") format("woff"), url("/@/fonts/AspiraNar/AspiraNar-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
:root {--primary: #797270; --secondary: #c8c3bf; --third: #b5bbb6; --white: #fff; --black: #333; --dark: #111; --gray-light: #e4e4e4; --gray-sup-light: #eee; --gray-dark: #999; --gray-white: #f8f9fa; --red-sconto: #C11B28; --green-pag: #355c5e;}

body {color: var(--primary); font-size: 15px; font-weight: 300; font-family: "AspiraNar",sans-serif; margin: 0 auto!important;text-rendering: optimizeLegibility; text-rendering: geometricPrecision; }
.contutto {max-width: 1920px; margin: 0 auto;}
.finiture{max-width: 450px; margin: 0 auto;}
.finiture p{margin-bottom: 1.5rem;}
.btn-finiture{background: #fff; border: solid 1px var(--primary); padding: 9px 22px; border-radius: 80px; color: var(--primary)!important; transition: all .5s linear; font-family: 'AspiraNar'; font-size: 1rem;}
.btn-finiture:hover{background: var(--primary) !important; color: #fff !important; text-decoration: none;}
/*html, body {width: 100%; height: 100%;}*/
p {font-family: "AspiraNar",sans-serif;  font-size: 15px;  }
.tcentro ul{font-family: "AspiraNar",sans-serif;  font-size: 15px; color: #9d9d9d; padding-top: 10px; padding-left: 20px;}
.tcentro li{font-family: "AspiraNar",sans-serif;  font-size: 15px; color: #9d9d9d; text-align: left;}
.tcentro {font-family: "AspiraNar",sans-serif;  font-size: 15px; color: #9d9d9d; text-align: center; padding-left: 1.6rem; padding-right: 1.6rem; display: inline-block!important;}
/* sfondi */
.bg-color-1 {background-color: #f3f1ef;}
.bg-pink {background-color: #e2d8d8; color: #fff; transition: all .4s linear;}
.bg-pink:hover {background-color: #d0c6c6;}
.bg-pink-1 {color: #fff; background-color: #d3ccc8; transition: all .4s linear;}
.bg-pink-1:hover {background-color: #c6beba;}
.bg-grigio-1 {color: #fff; background-color: #e3e1df; transition: all .4s linear;}
.bg-grigio-1:hover {background-color: #cecdca;}
.bg-grigio-2 {background-color: #f1f3ef;}
.bg-grigio-3 {background-color: #f3f1ef;}
.bg-gray-light {background-color: var(--gray-light)!important;}
.bg-primary {background-color: var(--primary)!important;}
.bg-secondary {background-color: var(--secondary)!important;}
.weight400{ font-weight: 400!Important;}
/* font */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6  {font-family: 'AspiraNar'; position:relative; font-weight: 500;}
.text-line::after {position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); content: ""; background-color: var(--primary); width: 50px; height: 1px;}
/* custom padding */
.px-10 {padding-left: 1.6rem; padding-right: 1.6rem;}
/* navbar */
.navbar {position: fixed; z-index: 999; width: 100%; opacity:1; background-color: white; max-width: 1920px;}
.navbar, .navbar * {-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s}
.navbar.hide-mobile {opacity:0;}
.navbar a {color: #000; text-transform: uppercase;  }
.navbar img {filter: brightness(0);}
.navbar .navbar-toggler {border: none;}
.navbar .navbar-toggler:focus {outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color;}
.navbar .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); color: rgba(0,0,0,1) !important;}
.swiper-home {width: 100%; height: 80vh; max-height:800px;}
.swiper-prodotti {width: 100%;}
.swiper-page {width: 100%; height: 50vh;}
.swiper-container .swiper-slide {text-align: center; font-size: 18px; background: #fff; background-position: center center!Important; background-repeat: no-repeat; background-size: cover;}
.swiper-container.swiper-home .swiper-slide { background-position: bottom center!Important;}
.swiper-container .swiper-slide a {color: var(--primary); display:block;}
.slide-content {max-width: 300px;}
/*.swiper-home h2 {color: #fff; font-family: 'AspiraNar', cursive; font-size: 3.5vw;}
.come-swihome h1 {color: #fff; font-family: 'AspiraNar', cursive; font-size: 3.5vw;}*/
.swiper-home h2 {color: #fff; font-family: 'JaneAust', cursive; font-size: 3.5vw;}
.come-swihome h1 {color: #fff; font-family: 'JaneAust', cursive; font-size: 3.5vw;}

.come-swihome .swiper-slide::before{position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: #000; opacity: .3;}
.container-fluid h1, .container-fluid h2 {position: relative;}
.container-tag .nav {list-style: none; display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; -ms-flex-pack: center!important; justify-content: center!important; flex-direction: row;}
.container-tag .nav .dropdown_tag {display: list-item; text-align: -webkit-match-parent; margin-left:0.75rem; margin-right:0.75rem; position:relative; margin-bottom: 1rem;}
.container-tag .nav li {display: list-item; text-align: -webkit-match-parent; margin-left:0; margin-right:0; position:relative;}
.container-tag .nav li span {border-radius: 80px; margin: 0px auto; display: block; background-color: rgba(255,255,255,.2); font-family: 'AspiraNar'; border: 1px solid var(--primary); color: var(--primary); cursor:pointer; font-weight: 400; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: .375rem 1.5rem; font-size: 1rem; line-height: 1.5;}
.container-tag .nav li .dropdown-menu_tag {display: none; position:absolute;}
.container-tag .nav li.dropdown_tag:hover .dropdown-menu_tag {display: block; top: 91%; left:50%; transform: translateX(-50%); z-index: 1000; min-width: 10rem; padding: .5rem 0; margin: 0rem 0 0; margin-top: 0.125rem; font-size: 1rem; color: #212529; text-align: center; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid var(--primary);}
.tag_attivo {background: var(--primary) !important; color: #fff !important;}
.container-tag .nav li.dropdown_tag:hover .dropdown-menu_tag li a {display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: var(--primary); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0;}
[class*="border"] {border-color: #fff !important;}
/* buttun */
[class*="btn-custum"] {border-radius: 80px; margin: 0px auto; display: block; font-size:18px; background-color: #937233; font-family: 'AspiraNar';}
.btn-custum-white {border: 2px solid #fff; color: #fff!important; transition: all .5s linear;}
.btn-custum-white:hover {background: #fff!important; color: #999!important;}
.btn-custum-dark {border: 1px solid var(--primary); color: var(--primary); background: #fff; transition: all .5s linear;}
.btn-custum-dark:hover {background: var(--primary)!important; color: #fff!important;}
.btn-custum-dark1 {border: 1px solid var(--primary); color: #fff; background: var(--primary)!important; transition: all .5s linear;}
.btn-custum-dark1:hover {background: #fff!important; color: var(--primary)!important;}
.breadcrumb {background-color: transparent; text-transform: uppercase;}
.breadcrumb a {color: #000;}
.row-swipe {position: relative;}
.swiper-multi {margin-left: 30px; margin-right: 30px;}
.row-swipe [class*="arrow"] {position: absolute; top: 50%; transform: translate(-50%,-50%); cursor: pointer; cursor: hand; font-size: 24px; display: block;}
.row-swipe .arrow-prev {left: 12px;}
.row-swipe .arrow-next {right: 12px;}
.row-count {counter-reset: section;}
.row-count [class*="col"] h1::before {counter-increment: section; content: counter(section) ". "; font-size: 1.5rem;}
.col-overlay * {-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; padding:10px;}
.col-overlay .overlink {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: transparent; z-index: 10;}
.col-overlay:hover {color: #fff;}
.col-overlay figure {overflow: hidden; position: relative; z-index: 5;}
.col-overlay figure figcaption {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; text-align: center; opacity: 0;}
.col-overlay:hover figure img {opacity: .5;}
.col-overlay:hover figure figcaption {opacity: 1;}
.figure-dots {position: relative;}
.figure-dots span {width: 20px; height: 20px; background-color: red; border-radius: 50px; position: absolute; z-index: 20; transform: translate(-50%,-50%); cursor: pointer; cursor: hand; display: block;}
.figure-dots img {position: relative; z-index: 10;}
#forminfo {display:block;}
#forminfo.visible {display:block!important;}
footer {border-top: 1px solid #fff; background-color: var(--primary); color: #fff!important;   position: relative; z-index: 1000;}
footer p {margin-bottom: .5rem;}
footer .form-group {position: relative; font-size: 12px;}
footer input[type="email"] {border: 1px solid #fff; border-radius: 0px; color: #fff; background-color: transparent; font-size: 12px;}
footer input[type="email"]::placeholder {color: white; opacity: 1;}
footer .form-group button {position: absolute; bottom: 0px; right: 0px; background-color: #fff; color: var(--primary); border-radius: 0; font-size: 12px;}
footer a {display: block; color: #fff; margin-bottom: .6rem;}
footer a:hover {text-decoration: none; color: #ccc;}
footer a .fab {width: 25px; text-align: center;}

.swiper-prodotti .swiper-slide {background-position: bottom!important;}
.nav-link::after {display: none;}
.dropdown:hover .dropdown-menu {display: block !important;}
.dropdown-menu {top: 95%!important;}
.dropdown-menu .nav-link{color: #333!important; font-size: 14px; padding-top: 3px; padding-bottom: 3px; text-transform: none; padding-left: 18px!important; padding-right: 18px!important;}
.dropdown-menu .nav-link1{font-size: 15px; padding-top: 8px; padding-bottom: 8px; position: relative; text-transform: uppercase; padding-left: .5rem!important; padding-right: .5rem!important;}
/*.dropdown-menu .nav-link1::before{content: ''; position: absolute; bottom: 7px; left: 10%; width: 60%; height: 1px; background: #333;}
*/.prod-tag a {cursor: pointer;}
.prod-tag figure{position: relative; overflow: hidden; margin-bottom: 30px;}
.prod-tag figure::before{content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000; opacity: 0; transition: all .5s linear;}
.prod-tag p{padding: 0!important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 50%; height: 10%; margin: auto; text-align: center; font-size: 20px; color: #fff!important; opacity: 0; transition: all .5s linear;}
.prod-tag a:hover figure::before{opacity: .4;}
.prod-tag a:hover p{opacity: 1;}
.text-center p {padding-bottom: 20px;}
/*.text-h1-home {font-size: 30px;}*/
.p-filosofia-home {line-height: 2; font-size: 16px; padding-top: 10vh;}
.text-h3-home { /*font-size: 25px;*/ color: #fff!important;}
.navbar .dropdown-toggle {padding-left: 15px!important; padding-right: 15px!important;}
.navbar .icone-menu {padding-left: 8px!important; padding-right: 8px!important;}
.dropdown-submenu {display: none;}
.drop:hover .dropdown-submenu{display: block!important;}
.linkok:hover{text-decoration: none;}
.quote {max-width: 55px; margin-bottom: 15px;}
.breadcrumb {font-size: 13px!important;; color: var(--primary)!important;}
.breadcrumb a{color: var(--primary)!important;}
.breadcrumb a:first-child{padding-right: 4px;}
.breadcrumb span{padding-left: 4px;}
.h2-titolo {font-size: 24px;}
.h3-titolo {font-size: 30px;}

.linkfoto-home {display: block; transition: all .4s linear; background:transparent; }
.linkfoto-home img{transition: all .4s linear;}
.linkfoto-home:hover img{ transition: all .4s linear; }
.pos-testo-foto {position: absolute; width: 100%; height: auto; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; transition: all .4s linear;}
.linkfoto-home:hover::after {transition: all .4s linear;position: absolute; width: 100%; height: 100%; top: 0px; left: 0;   content: "";  background-color: rgba(121,114,112,.4);}
.linkfoto-home:hover .pos-testo-foto{ z-index:100; opacity: 1;transition: all .4s linear;  }

.swiper-pagination-bullet{width:16px;height:16px;display:inline-block;border-radius:100%;background:transparent;opacity:1;border:1px solid #fff}
.swiper-pagination-bullet-active{background:#fff}


.box-cat a{display: block; color: var(--primary);}
.box-cat .h2-titolo {font-size: 20px;}
.box-cat a:hover {text-decoration: none; color: #333!important;}
.box-cat a:hover h2{text-decoration: none; color: #333!important;}
.box-cat figure{margin: 0; position: relative; overflow: hidden;}
.box-cat img{transition: all .5s linear;}
.box-cat figure::after{content: ''; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background-color: #222; opacity: 0; transition: all .5s linear;}
.box-cat figure::before {content: url(/716/imgs/download-hover.png); position: absolute; z-index: 2; width: 100%; text-align: center; transition: all .5s linear; opacity: 0; top: 38%;}
.box-cat:hover img{transform: scale(1.1);}
.box-cat:hover figure::after{opacity: .4;}
.box-cat:hover figure::before{opacity: 1;}
img.arrow-lightbox {max-width: 50px!important;}

.linkok1 {display: block; width: 100%; height: 100%;}
.linkok1 h2{color: var(--primary); transition: all .5s linear;}
.linkok1:hover {text-decoration: none;}
.linkok1:hover h2{color: #333!important;}
.hovered {transition: all .5s linear;}
.hovered:hover {background-color: #d7d7d7!important;}

#map {height: 45vh;}
.linkMap {cursor: pointer;}

.t-destrasinistra ul{font-family: "AspiraNar",sans-serif; letter-spacing: .4px; font-size: 15px; color: #9d9d9d;}
.t-destrasinistra li{font-family: "AspiraNar",sans-serif; letter-spacing: .4px; font-size: 15px; color: #9d9d9d;}

.form-control {-moz-appearance: none; -webkit-appearance: none; appearance: none;}
.labelratio {padding-left: 10px; padding-right: 5px; width: 125px;}
.biancoNero {filter: grayscale(100%);}

.wrongWidth {width: 100%;}
.wrongWidth .swiper-slide {width: 33%;}
@media(max-width: 991px){
  .wrongWidth .swiper-slide {width: 45%;}
}
@media(max-width: 767px){
  .wrongWidth .swiper-slide {width: 75%;}
}
@media(max-width: 595px){
  .wrongWidth .swiper-slide {width: 95%;}
}
.navbar .dropdown-toggle1 {
    padding-left: 15px !important;
    padding-right: 0px !important;
}
.navbar .dropdown-toggle2 {
    padding-left: 0px !important;
    padding-right: 15px !important;
}

.max-bollino {max-width: 80px;}
.letterBig a h4{font-size: 35px; text-align: center; position: relative; color: #868686;}
.letterBig a:hover h4 {text-decoration: none!important;}
.letterBig h4::after {content: ''; position: absolute; bottom: 20%; left: 29%; width: 40%; height: 1px; background: #868686;}
.letterBig1 {background-color: #e0dad9; padding: 30px 20px;}
.letterBig1::before {content: ''; position: absolute; bottom: -19px; left: 40%; width: 40px; height: 40px; transform: rotate(-45deg); background: #e0dad9; z-index: -1; display: none;}
.letterBig2 {background-color: #f5f5f6; padding: 24px 15px;}
.letterBig2::before {content: ''; position: absolute; bottom: -19px; left: 40%; width: 40px; height: 40px; transform: rotate(-45deg); background: #f5f5f6; z-index: -1; display: none;}
.letterBig3 {background-color: #e7e6e6; padding: 30px 20px;}
.letterBig3::before {content: ''; position: absolute; bottom: -19px; left: 40%; width: 40px; height: 40px; transform: rotate(-45deg); background: #e7e6e6; z-index: -1; display: none;}
.letterBig4 {background-color: #efecec; padding: 30px 20px;}
.letterBig4::before {content: ''; position: absolute; bottom: -19px; left: 40%; width: 40px; height: 40px; transform: rotate(-45deg); background: #efecec; z-index: -1; display: none;}
.letterBig5 {background-color: #e5e6e7; padding: 30px 20px;}
.letterBig5::before {content: ''; position: absolute; bottom: -19px; left: 40%; width: 40px; height: 40px; transform: rotate(-45deg); background: #e5e6e7; z-index: -1; display: none;}
.letterBig6 {background-color: #f1f1f0; padding: 30px 20px;}
.letterBig6::before {content: ''; position: absolute; bottom: -19px; left: 40%; width: 40px; height: 40px; transform: rotate(-45deg); background: #f1f1f0; z-index: -1; display: none;}
.letterBig1.active::before{display: block;}
.letterBig2.active::before{display: block;}
.letterBig3.active::before{display: block;}
.letterBig4.active::before{display: block;}
.letterBig5.active::before{display: block;}
.letterBig6.active::before{display: block;}
.ancorSezLet {position: absolute; top: -220px; left: 0;}
.letterIniziale h4 {text-align: center; font-size: 40px; text-decoration: underline;}
.boxPrevTes {margin-bottom: 30px;}
.boxPrevTes h5 {padding-left: 23%; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; text-align: center; padding-right: 5%; color: #868686;}

.tabella p {font-size: 9px; padding: 14px 0;}
.tabella h5 {font-weight: bold; text-transform: uppercase; font-size: 18px; padding: 14px 0; border-bottom: 1px solid #444; color: #717171;}
.tabella h6 {font-weight: normal; text-transform: uppercase; font-size: 14px; padding: 12px 0; border-bottom: 1px solid #444;}
.tabella .border-left-0 h6:last-child {border: none!important;}
.tabella h6 span {font-weight: bold; color: #717171; justify-content: flex-end; display: flex; margin-top: -17px;}
.tabella .max-w-icone {max-width: 18px;}

@media(max-width: 767px){
  .tabella .border-left-0 {border-top: none!important; border-left: 1px solid #555 !important;}
  .tabella .border-right-0 {border-bottom: none!important; border-right: 1px solid #555 !important;}
}

.tabella .p-5 {padding-top: 1.5rem !important; padding-bottom: 1rem !important;}
.meraviglia figure {position: relative; cursor: pointer;}
.meraviglia p{font-size: 20px; position: absolute; top: 35%; left: 35%; background: #ffffffa8; width: 28%; height: 28%; margin: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: solid 2px #9d9d9d; cursor: pointer;}


.navbar.navbar-scroll a.yellow, .yellow {color: red!important;}
.modal-body img {  max-width: 100% ; width: 100%; }


@media (min-width: 1199px) { 
  .navbar {background-color: transparent;}
  .navbar:before {position: fixed; top: 0px; left: 0px; background-color: rgba(255,255,255,1); width: 100%; height: 0px; content: ""; z-index: 0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s}
  .navbar:before {height: 66px;}
  .navbar.navbar-scroll:before {height: 66px; background-color: rgba(121,114,112,.75) !important;}
  .navbar.navbar-scroll.onscroll:before {height: 66px; background-color: rgba(255,255,255,1) !important;}
  .navbar .container {z-index: 10;}
  .navbar.navbar-scroll a {color: #fff; font-weight:400;}
  .navbar.navbar-scroll.onscroll a {color: #000;}
  .navbar img {filter: brightness(0);}
  .navbar.navbar-scroll img {filter: brightness(1);}
  .navbar.navbar-scroll.onscroll img {filter: brightness(0);}
  .row-swipe .arrow-prev {left: -20px;}
  .row-swipe .arrow-next {right: -20px;}
  .px-10 {padding-left: 1rem !important; padding-right: 1rem !important;}
}
@media (min-width: 1200px) {
  .col-lg-1-5 {max-width: 20% !important;}
  .col-lg-2-5 {max-width: 40% !important;}
  .p-10 {padding: 5rem !important;}
  .px-10 {padding-left: 4rem !important; padding-right: 4rem !important;}
/*  .swiper-prodotti {margin-top: -50px; padding: 0 5px;}*/
    .swiper-prodotti {height: 100%; max-height: 1080px; }
/*  .linkfoto-home img {height: 80%;}
  .pos-testo-foto1 {top: 36%;}
  .h-100-1200 {height: 100%;}*/
}
@media (min-width: 1600px) {
  .container-1500 {max-width: 1500px; margin: 0 auto;}
  .px-10 {padding-left: 10rem !important; padding-right: 10rem !important;}
}
@media(max-width: 767px){
  .swiper-home {width: 100%; height: 40vh; max-height:500px;}
  .swiper-home .h1 {font-size: 9vw;}
  .come-swihome h1 {font-size: 9vw;}
  .labelratio {  width: 200px; }  
  .swiper-page {width: 100%; height: 30vh;}

}
@media(max-width: 1199px){
/*  .swiper-prodotti {padding-top: 66px;}*/
}
@media(max-width: 575px){
  [class*="btn-custum"]{font-size:16px;}
  .navbar {position: relative!important;}
  .labelratio {  width: 250px; }  
}