/* ----------------------------------------- */ /* View slug: all-article-sold-yachts - start */ /* ----------------------------------------- */ .flickity-page-dots .dot.is-selected { opacity: 0!important; } .flickity-page-dots .dot { background: #f9f9f9!important; } #slideventi .carousel { background: #fff; } .carousel-cell03 { width: 33%!important; height: auto; padding: 10px!important; background: #fff; counter-increment: carousel-cell; display: inline-block; } .carousel-cell.is-selected { background: #fff; } p{color:#121f33!important;} #footer-sito p { color: #fff!important; } .leggi a{font-size:18px;color:#121f33!important;} .immagine { position: relative; width: 100%; } h3 { color: #121f33!important; padding:10px!important; top: 90px; /* text-align: center;*/ margin:0px; font-size:22px!important; } .box1 h3 a, .box1 p a{text-decoration:none!important;} .image-caption { transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; padding: 30px 50px; background: rgba(255,255,255,.8); width: 90%; } a:hover .image-caption { background: #e5f3f6; } a:hover h3 { color: #111f32!important; } .image-overlay .image-overlay-inside:before{display:none } /*nuovo*/ .column { margin: 15px 15px 0; padding: 0; } .box1{padding: 25px!important;} .box1 h3{font-weight: 500!important;padding-top: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 0px !important;} .column:last-child { padding-bottom: 10px; min-height: 520px;; } .column::after { content: ''; clear: both; display: block; } .column div { position: relative; float: left; margin: 0px; padding: 0; } .column div:first-child { margin-left: 0; } .column div span { position: absolute; bottom: -20px; left: 0; z-index: -1; display: block; width: 300px; margin: 0; padding: 0; color: #444; font-size: 18px; text-decoration: none; text-align: center; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 0; } .column{background:#f9f9f9} figure { margin: 0; padding: 0; background: #fff; overflow: hidden; } figure:hover+span { bottom: -36px; opacity: 1; } /* Zoom In #1 */ .hover01 figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover01 figure:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); } /* Zoom In #2 */ .hover02 figure img { width: 300px; height: auto; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover02 figure:hover img { width: 350px; } /* Zoom Out #1 */ .hover03 figure img { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover03 figure:hover img { -webkit-transform: scale(1); transform: scale(1); } /* Zoom Out #2 */ .hover04 figure img { width: 400px; height: auto; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover04 figure:hover img { width: 300px; } /* Slide */ .hover05 figure img { margin-left: 30px; -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover05 figure:hover img { margin-left: 0; } /* Rotate */ .hover06 figure img { -webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover06 figure:hover img { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } /* Blur */ .hover07 figure img { -webkit-filter: blur(3px); filter: blur(3px); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover07 figure:hover img { -webkit-filter: blur(0); filter: blur(0); } /* Gray Scale */ .hover08 figure img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover08 figure:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } /* Sepia */ .hover09 figure img { -webkit-filter: sepia(100%); filter: sepia(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover09 figure:hover img { -webkit-filter: sepia(0); filter: sepia(0); } /* Blur + Gray Scale */ .hover10 figure img { -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover10 figure:hover img { -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); } /* Opacity #1 */ .hover11 figure img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover11 figure:hover img { opacity: .5; } /* Opacity #2 */ .hover12 figure { background: #e5f3f6; } .hover12 figure img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover12 figure:hover img { opacity: .5; } /* Flashing */ .hover13 figure:hover img { opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s; } @-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } /* Shine */ .hover14 figure { position: relative; } .hover14 figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .hover14 figure:hover::before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /* Circle */ .hover15 figure { position: relative; } .hover15 figure::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .hover15 figure:hover::before { -webkit-animation: circle .75s; animation: circle .75s; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes animate { 0% { transform:scaleX(0); transform-origin: left; } 50% { transform:scaleX(1); transform-origin: left; } 50.1% { transform:scaleX(1); transform-origin: right; } 100% { transform:scaleX(0); transform-origin: right; } } /*MOBILE*/ @media only screen and (max-width: 767px){ .carousel-cell03 { /* width: 140%;*/ width: 100%!important; display: auto!important; } .column:last-child { padding-bottom: 10px; min-height: auto; } .box1 { padding-top: 0px!important; } .carousel-cell p { width: 90%; } .image-caption { transform: translate(-50%, -50%); position: absolute; top: 50%; left: 40%; padding: 20px 40px; background: rgba(255,255,255,.7); width: 100%; height: 100%; } h3{margin-top: 20%;font-weight:600!important} .flickity-slider { position: absolute; width: 90%!important; height: 100%; } .flickity-button { position: absolute; background: #111f32!important; border: none; color: #333; } .flickity-page-dots .dot.is-selected { opacity: 1!important; } .flickity-page-dots .dot { background: #111f32!important; } a#mailnowbutton,a#phonebutton{display:none!important} } /* ----------------------------------------- */ /* View slug: all-article-sold-yachts - end */ /* ----------------------------------------- */