File: /home/slyfwmm/dallavitae/assets/dv-landing-page/css/custom-adb.css
body {
font-family:"Didact Gothic", sans-serif !important;
}
.home-first img.bg {
min-width:100vw;
}
.page-border {
background-color:white;
}
#come-funziona {
background-color:rgba(255,255,255,0.85);
}
#wrapper-content {
background-color:white;
}
#top-nav .logo {
position:relative;
padding-left:250px;
}
#top-nav .custom-logo-link {
position:absolute;
top:0;
left:0;
}
#top-nav .custom-logo-link img {
width:250px;
min-height:111px;
}
#top-nav .custom-logo-link img.logo-small {
display:none;
}
#top-nav li {
font-size:14px;
margin-left:10px;
margin-right:10px;
}
#footer .text-center {
padding-left:15px;
padding-right:15px;
}
.state1 .nav-horizontal li a {
color:white;
}
.state2 #top-nav .custom-logo-link img.logo-big {
display:none;
}
.state2 #top-nav .custom-logo-link img.logo-small {
display:block;
width:125px;
min-height:45px;
}
.sitename.sitetitle a {
color:black;
-webkit-transition: 0.25s opacity linear;
-moz-transition: 0.25s opacity linear;
-ms-transition: 0.25s opacity linear;
-o-transition: 0.25s opacity linear;
transition: 0.25s opacity linear;
}
.sitename.sitetitle a:hover {
color:black;
opacity:0.75;
}
.grid-gallery .masonry-item {
width:25%;
}
.grid-gallery.big-grid-gallery .masonry-item {
width:33.333333333%;
}
.grid-gallery.big-grid-gallery .masonry-grd {
padding-top:50px;
}
.grid-gallery .hover-overlay .overlay {
padding:20px;
text-align:center;
}
.grid-gallery .hover-overlay .overlay img {
transform:none !important;
display:inline-block;
max-width:90px;
}
.grid-gallery .hover-overlay .overlay h4 {
letter-spacing:0;
color:#354254;
}
#multimedia.grid-gallery .hover-overlay .overlay img {
max-width:60px !important;
}
#multimedia.grid-gallery .hover-overlay .overlay h4 {
margin-top:-15px;
}
.grid-gallery .hover-overlay .overlay h4 span {
color:#E05F37;
}
/* Home (slide iniziale) --> */
.text-slide-home,.img-slide-home {
display:none;
}
#home .layout-boxed {
display:flex;
align-items:center;
justify-content:space-between;
}
#home .layout-boxed .text-slide-home {
min-width:300px;
max-width:100%;
padding-left:20px;
display:block;
}
.promo-box-link {
font-size:20px;
}
#home .promo-box-link {
font-size:22px;
}
.promo-box-link .content-padding {
padding-left:30px;
padding-right:30px;
}
.promo-box-link p {
color:white;
font-size:1em !important;
line-height:1.3em !important;
}
.promo-box-link p.small {
font-size:0.85em !important;
margin-top:10px;
}
.promo-box-link .title {
font-size:1.95em !important;
color:white;
font-family: "Oswald", Helvetica, sans-serif;
text-transform:uppercase;
font-weight:700;
line-height:1.15em;
margin-bottom:0;
}
.promo-box-link .promo.price {
font-weight:700;
font-family: "Oswald", Helvetica, sans-serif;
font-size:1.75em !important;
color:white;
line-height:1em;
}
#home .promo-box-link .promo.price {
display:flex;
align-items:center;
padding-top:10px;
padding-bottom:10px;
}
.promo-box-link .promo.price em {
font-weight:400;
font-size:0.85em !important;
position:relative;
color:#bfbfbf;
padding-right:10px
}
.promo-box-link .promo.price strong {
padding-right:15px;
}
.promo-box-link .promo.price em::after {
content:'';
position:absolute;
top:50%;
left:0;
width:100%;
height:4px;
margin-top:-2px;
display:block;
background-color:#E05F37;
transform:rotate(-35deg);
opacity:0.75;
}
#home .promo-box-link .button {
margin-left:20px;
}
.promo-box-link .button {
color:white;
font-weight:700;
font-size:20px;
padding:15px 25px;
background-color:#E05F37;
}
.promo-box-link .button:hover {
background-color:black;
color:#E05F37;
}
#home .layout-boxed .img-slide-home {
max-width:50%;
display:block;
}
#home .layout-boxed .img-slide-home img {
width:100%;
}
#home a.arrow-scroll {
width:20px;
height:20px;
bottom:70px;
right:60px;
}
#home a.arrow-scroll svg {
width:100%;
}
#home .flask-bubbles {
transform:scale(0.5);
right:20px;
bottom:50px;
}
/* <-- Home (slide iniziale) */
/* Experience Kit --> */
.bg-white {
background-color: white !important;
}
.lateral-padding{
padding-left:25px;
padding-right:25px;
}
.multi-column-info .section-cols.deco .pure-g > div {
border-right:1px solid #B85750;
}
.multi-column-info .section-cols.deco .pure-g > div:last-child {
border-right:none;
}
.multi-column-info .section-cols.deco .heading-col-title span {
display:block;
}
.multi-column-info .section-cols.deco .col-icon {
padding:0;
}
.multi-column-info .section-cols.deco .col-icon img {
width:50px;
max-width:8vw;
display:block;
margin:0 auto;
}
.multi-column-info .section-cols.kit-box-2 {
padding-top:60px;
}
.multi-column-info .section-cols.kit-box-2 .pure-g {
display:flex;
align-items:center;
flex-wrap:wrap;
}
.multi-column-info .section-cols.kit-box-2 img {
max-width:90%;
display:block;
margin:0 auto;
}
.experience-kit-2 .pure-u-1 {
display:flex;
flex-direction:column;
justify-content:center;
}
.experience-kit-2 .pure-u-1 img {
max-width:90%;
display:block;
margin:0 auto;
}
/* <-- Experience Kit */
/* Slogan animato --> */
.slogan-wrap {
font-family: "Oswald", Helvetica, sans-serif;
padding-top:40px !important;
padding-bottom:40px !important;
}
.slogan-wrap .slogan {
color:white;
display:flex;
align-items:center;
justify-content: center;
}
/* <-- Slogan animato */
/* REVIEW --> */
#review .swiper-wrapper {
border-radius:100%;
overflow:hidden;
width:200px;
height:200px;
margin:0 auto;
}
#review .swiper-wrapper img {
object-fit:cover;
width:100% !important;
height:100% !important;
}
#review .lead {
margin-bottom:60px;
}
#review .pure-g > div {
position:relative;
}
#review .pure-g > div::before {
margin:0;
position:absolute;
top:240px;
left:50%;
transform:translateX(-50%);
width:200px;
}
#review .pure-g > div > div.row > div:first-child p {
text-align:center;
font-style:italic;
margin-top:10px;
margin-bottom:25px;
}
/* <-- REVIEW */
/* PERSONALIZZAZIONE DEI COLORI --> */
#home[class^="colors-"], #home[class*=" colors-"] {
background: radial-gradient(circle, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.74) 70%, rgba(1,1,1,0.85) 100%);
}
.slogan-wrap[class^="colors-"], .slogan-wrap[class*=" colors-"] {
background-color:rgba(184,87,80,0.75);
}
.nav-horizontal .active {
color:#E05F37 !important;
}
[class^="colors-"] .fill-highlight, [class*=" colors-"] .fill-highlight {
fill:#E05F37;
}
#contact[class^="colors-"] .fill-highlight, #contact[class*=" colors-"] .fill-highlight {
fill:black;
}
#dot-scroll[class^="colors-"] li a span, #dot-scroll[class*=" colors-"] li a span {
background-color: #E05F37;
border-color: #E05F37;
}
.scroll-down span {
color:#d07140 !important;
}
.experience-kit-2 h4 span, .experience-kit-2 p.col-detail,#multimedia p.header-details span,#multimedia ul.filter *.active,#multimedia h4 span,#review p.header-details span {
color:#d07140 !important;
}
.grid-gallery p.circle-caption::after {
background-color: #E05F37 !important;
}
#contact {
background-color:rgba(224, 95, 55,0.9) !important;
}
.footer-bottom {
background-color:black !important;
}
.experience-kit-2 {
background:radial-gradient(circle, rgba(85, 85, 80, 0.65) 0%, rgba(85, 85, 80,0.8) 50%, rgba(85, 85, 80,0.9) 90%);
}
/* <-- PERSONALIZZAZIONE DEI COLORI */
/* DIMENSIONI TESTI --> */
.header-details {
margin-top:-5px;
font-size:18px;
line-height:1.3em;
}
.pure-g p {
font-size:16px;
line-height:1.25em;
}
.pure-g p.lead,.pure-g p.narrow,.pure-g p.col-detail,p.lead,p.narrow,p.col-detail {
font-size:18px;
}
p.narrow {
font-style:italic;
}
/* <-- DIMENSIONI TESTI */
.state2 .page-border.bottom {
height:30px;
}
.state2 .page-border.bottom a.to-top {
font-size:20px;
line-height:26px;
}
/* REGOLE CSS DOPO LO SCROLL --> */
.state2 .arrow-scroll, .state2 .flask-bubbles {
display:none;
}
/* <-- REGOLE CSS DOPO LO SCROLL */
/* SEZIONE CONTATTI --> */
#contact .layout-boxed:first-child {
padding-left:20px;
padding-right:20px;
}
#contact .pure-g {
padding-top:50px;
}
#contact .pure-g > div {
padding-left:35px;
padding-right:35px;
}
/* <-- SEZIONE CONTATTI */
/* FANCYBOX --> */
.colors-q.overlay-window .overlay-control {
background-color:#E05F37;
}
.overlay-window.gallery-overlay .heading-subsection-title {
letter-spacing:0;
margin-bottom:20px;
line-height:1em;
}
.overlay-window.gallery-overlay .heading-subsection-title span {
color:#E05F37;
}
.overlay-content img.small {
width:110px;
}
.overlay-content p {
font-size:16px;
margin-top:10px;
}
.overlay-content p.big {
font-size:20px;
margin-top:15px;
margin-bottom:20px;
}
.overlay-content a.button {
color:white;
background-color:#E05F37;
padding:20px 15px;
font-size:20px;
margin-top:30px;
}
.overlay-content .pure-u-lg-9-24 {
padding-left:5%;
}
.colors-q.overlay-window .overlay-control {
display:flex;
align-items:center;
justify-content:space-between;
height:50px;
}
.colors-q.overlay-window .overlay-control a {
margin-top:0;
margin-bottom:0;
}
.colors-q.overlay-window .overlay-control .header-fancybox {
font-family: "Oswald", Helvetica, sans-serif;
text-transform:uppercase;
font-size:20px;
}
.overlay-window .overlay-view {
top:50px;
}
.overlay-window .layout-boxed {
padding-left:20px;
padding-right:20px;
box-sizing:border-box;
}
/* <-- FANCYBOX */
.state2.site-decoration-b .page-border.top {
height:50px;
}
.state2 .custom-logo-link,.state2 .nav.nav-horizontal {
margin-top:5px;
}
#multimedia {
margin-top:-30px;
padding-bottom:50px;
}
#multimedia h4 {
text-align:center;
}
h4 {
letter-spacing:0 !important;
}
.heading-col-title {
margin-top:0;
}
.pure-g .view {
min-height:100%;
}
.pure-g .promo-box-link {
padding-top:25px;
padding-bottom:25px;
}
.wrapper.invert.off-canvas-right {
right:-150px;
transform:scale(0.8);
}
.responsive-nav-show .wrapper.invert.off-canvas-right {
visibility:visible;
opacity:1;
right:0;
transform:scale(1);
width:400px;
max-width:90vw;
pointer-events:all;
}
.nav-vertical a {
display:block !important;
font-size:16px;
-webkit-transition: 0.25s opacity linear;
-moz-transition: 0.25s opacity linear;
-ms-transition: 0.25s opacity linear;
-o-transition: 0.25s opacity linear;
transition: 0.25s opacity linear;
}
.nav-vertical a:hover {
opacity:0.75;
}
/* RESPONSIVE */
@media (max-width:1200px) {
#top-nav a, #top-nav a span {
letter-spacing:0;
}
}
@media (max-width:1024px) {
.heading-col-title {
margin-top:25px;
}
.promo-box-link .content-padding {
padding:30px;
}
#home .layout-boxed .text {
font-size:18px;
}
#home .layout-boxed .text .title {
white-space: normal;
}
#contact .pure-g > div:first-child p {
text-align:left !important;
}
.overlay-content .pure-u-lg-9-24 {
padding-left:0;
padding-top:30px;
}
.multi-column-info .section-cols.deco .col-icon img {
max-width:100px;
}
.multi-column-info .section-cols.deco .pure-g > div:nth-child(1) {
border-bottom:1px solid #B85750;
}
.multi-column-info .section-cols.deco .pure-g > div:nth-child(2) {
border-bottom:1px solid #B85750;
}
}
@media (max-width:980px) {
.nav-horizontal ul {
display:none;
}
#top-nav .responsive-nav {
display:block;
}
.state1 #top-nav a.responsive-nav span,.state1 #top-nav a.responsive-nav span::before,.state1 #top-nav a.responsive-nav span::after {
background-color:white;
}
.promo-box-link .button {
font-size:18px;
padding:12px 5px;
}
}
@media (max-width:960px) {
#review .swiper-wrapper {
width:150px;
height:150px;
}
#review .pure-g > div::before {
top:185px;
}
#review .pure-g > div {
padding-bottom:30px;
margin-bottom:30px;
}
#review .pure-g > div::after {
content:'';
position:absolute;
left:10%;
bottom:0;
width:80%;
height:1px;
display:block;
background-color:#bfbfbf;
}
}
@media (max-width:768px) {
#home .layout-boxed .text {
padding-left:0;
text-align:center;
}
#home .layout-boxed {
flex-direction:column;
margin-top:-45px;
}
.multi-column-info .section-cols.deco .pure-g > div {
min-width:100%;
border-right:none;
border-bottom:1px solid #B85750;
padding-top:10px;
padding-bottom:10px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
}
.multi-column-info .section-cols.deco .pure-g > div:last-child {
border-bottom:none;
}
}
@media (max-width:767px) {
.colors-q.overlay-window .overlay-control a {
transform:scale(0.75);
}
.heading-col-title, .hover-overlay .overlay h4 {
font-size:18px;
}
}
@media (max-width:760px) {
.grid-gallery .masonry-item,.grid-gallery.big-grid-gallery .masonry-item {
width:50%;
}
}
@media (max-width:700px) {
.home-first {
height:60vh;
margin-bottom:50vh;
overflow:visible;
}
#home {
padding-top:20px !important;
padding-bottom:20px !important;
position:absolute;
bottom:-50vh;
left:0;
width:100%;
height:auto;
background:white !important;
z-index:9999999999;
overflow:visible;
}
#home .promo-box-link .title,#home .promo-box-link p,#home .promo-box-link .promo.price strong {
color:black
}
#home .promo-box-link {
font-size:18px;
}
#home .layout-boxed .img-slide-home {
max-width:80%;
width:350px;
margin-top:-125px;
}
.grid-gallery.big-grid-gallery .masonry-item {
width:100%;
}
}
@media (max-width:550px) {
.home-first {
height:50vh;
margin-bottom:50vh;
}
#home {
padding-top:85px !important;
}
#home .layout-boxed .img-slide-home {
text-align:center;
padding-left:0;
}
#home .layout-boxed .img-slide-home img {
max-height:55vw;
width:50vw;
}
#home .promo-box-link .promo.price {
padding-top:4px;
}
.promo-box-link .promo.price em {
padding-right:8px
}
.promo-box-link .promo.price strong {
padding-right:0;
}
.layout-boxed {
padding-left:0;
padding-right:0;
}
.view > .fg h3.svg-effect,.view > .fg h2.svg-effect,.view > .fg h1.svg-effect {
font-size:24px;
}
.overlay-window.gallery-overlay .heading-subsection-title {
font-size:24px;
}
.overlay-window .next,.overlay-window .previos,.overlay-window .cross {
margin-left:0 !important;
margin-right:0 !important;
}
}
@media (max-width:500px) {
#top-nav .logo {
position:absolute;
}
#home .layout-boxed .text {
font-size:15px;
}
#home .layout-boxed .img-slide-home {
max-width:90%;
}
#home .layout-boxed .text .button {
padding:10px 18px;
}
}
@media (max-width:450px) and (max-height:6700px) {
.promo-box-link .title,.promo-box-link .promo.price {
font-size:1.3em !important;
}
.promo-box-link .button {
padding-top:8px;
padding-bottom:8px;
}
}
@media (max-width:350px) {
.promo-box-link .title,.promo-box-link .promo.price {
font-size:1.3em !important;
}
.promo-box-link .button {
padding-top:8px;
padding-bottom:8px;
}
}