.modula-album .modula-items .modula-item {
overflow: hidden;
transition: transform .3s ease-out, opacity .2s linear, top .3s, left .6s;
box-sizing: border-box;
}
.modula-album.modula-custom-grid .modula-items .modula-item {
position: absolute;
}
.modula-album.modula-album-initialized .modula-items .modula-item.tg-loaded .modula-item-content {
transform: scale(1) translate(0, 0) rotate(0deg) !important;
opacity: 1;
}
.modula-album .modula-items .modula-item.tg-loaded img.pic,
.modula-album .modula-items .modula-item.tg-loaded picture.pic {
display: block;
opacity: 1;
position: relative;
}
.modula-album .modula-items .modula-item img.pic,
.modula-album .modula-items .modula-item picture.pic {
font-size: 12px;
display: none;
opacity: 0;
transition: width .3s, height .3s, transform .3s linear, opacity .2s linear;
}
.modula-album.modula-custom-grid .modula-items .modula-item img.pic,
.modula-album.modula-custom-grid .modula-items .modula-item picture.pic {
position: absolute;
max-width: 999em !important;
}
.modula-album .modula-items .modula-item img.pic.lazyloaded,
.modula-album .modula-items .modula-item img.pic.lazyload,
.modula-album .modula-items .modula-item picture.pic.lazyloaded,
.modula-album .modula-items .modula-item picture.pic.lazyload {
display: block;
}
.modula-album .modula-items .modula-item .description {
font-size: 14px;
}
.modula-album .modula-items .modula-item .caption .icon {
font-size: 14px;
position: absolute;
left: 50%;
top: 50%;
margin: -12px 0 0 -8px;
}
.modula-album .modula-items .modula-item .figc {
color: #fff;
text-align: center;
position: absolute;
left: 0;
width: 100%;
padding: 0;
}
.modula-album .modula-items .hidden .figc {
display: none;
}
.modula-album .modula-items .hidden:hover .figc {
display: block;
}
.modula-album .modula-items .visible .figc {
display: block;
}
.modula-album .modula-items .always-visible .figc {
display: block;
}
.modula-album .modula-items .visible:hover .figc {
display: none;
}
.modula-album .modula-items .caption span.text {
display: block;
padding: 10px;
}
.modula-album .modula-items .caption span.title {
font-size: 14px;
font-weight: bold;
} .modula-fancybox-container.modula-fancybox-is-open {
z-index: 999992;
}   .modula-album .modula-items .jtg-social {
opacity: 0;
transition: opacity 0.1s;
right: 30px;
position: absolute;
bottom: 20px;
text-align: right;
transition: all .3s;
}
.modula-album .modula-items .jtg-social {
opacity: 1;
}
.modula-album .modula-items .jtg-social a:last-of-type {
margin-right: 0;
}
.modula-album .modula-item.effect-pufrobo .jtg-description {
margin-bottom: 2em;
}
.modula-album .modula-item.effect-pufrobo .figc {
text-align: right;
}
.modula-album .modula-item.effect-pufrobo .jtg-title,
.modula-album .modula-item.effect-pufrobo p {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}
.modula-album .modula-items .modula-item.tg-loaded:hover picture.pic,
.modula-album.modula-album-initialized .modula-item:hover img,
.modula-album .modula-items .modula-item.tg-loaded:hover img.pic {
opacity: .8
}
.modula-album .modula-item {
background-color: #000;
}
.modula-album .modula-item.effect-pufrobo p {
bottom: 20%;
line-height: 1.5;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
letter-spacing: 1px;
}
.modula-album .modula-item.effect-pufrobo .jtg-title { top: 10%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.modula-album .modula-item.effect-pufrobo:hover .jtg-title {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-pufrobo .jtg-title::after {
position: absolute;
top: 80%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
.modula-album .modula-item.effect-pufrobo .jtg-title::after,
.modula-album .modula-item.effect-pufrobo p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-pufrobo:hover .jtg-title::after,
.modula-album .modula-item.effect-pufrobo:hover p {
margin-top: 10px;
margin-bottom: 5px;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-items .modula-item.effect-pufrobo .figc.no-title.no-description .jtg-title:after {
display: none;
} .modula.modula-album .modula-item a.modula-download-button {
width: 16px;
height: 16px;
position: absolute;
}
@media screen and (min-width: 1px) {
.modula-album .modula-items .modula-item p {
margin: 0;
padding: 0;
}
.modula-album .figc {
color: black;
text-align: center;
position: absolute;
left: 0;
width: 100%;
padding: 2em;
box-sizing: border-box;
}
.modula-album .modula-item .jtg-social a {
text-decoration: none;
color: #fff;
display: inline-block;
margin: 0 10px 0 0;
width: 20px;
padding: 6px 4px;
border: 0;
opacity: 0;
transition: opacity .3s;
}
.modula-album .modula-item:hover .jtg-social a {
opacity: 1;
}    .modula-album .modula-items .effect-quiet .jtg-social {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
left: 0;
transition: all .3s;
}
.modula-album .modula-items .effect-quiet:hover .jtg-social {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-quiet .figc {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.modula-album .modula-item.effect-quiet h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
.modula-album .modula-item.effect-quiet:hover .figc::before,
.modula-album .modula-item.effect-quiet:hover .figc::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.modula-album .modula-item.effect-quiet:hover h2,
.modula-album .modula-item.effect-quiet:hover p ,
.modula-album .modula-item.effect-quiet:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-seemo {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.modula-album .modula-item.effect-seemo img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 0, 300px);
transform: translate3d(0, 0, 300px);
}
.modula-album .modula-item.effect-seemo h2 {
width: 100%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.modula-album .modula-item.effect-seemo h2 {
-webkit-transform: translate3d(0, 0px, 0) translate3d(0, 0, 0);
transform: translate3d(0, 0, 0) translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-seemo:hover h2 {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
.modula-album .modula-item.effect-seemo:hover img {
-webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0);
transform: translate3d(0, 0, 0) translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-appear .figc::before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
.modula-album .modula-item.effect-appear h2 {
position: absolute;
bottom: 10px;
left: 0;
padding: 1em 1.5em;
width: 100%;
text-align: left;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
.modula-album .modula-item.effect-appear h2 i {
font-style: normal;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
.modula-album .modula-item.effect-appear .jtg-social a:last-of-type {
margin-right: 0;
}
.modula-album .modula-item.effect-appear .figc::before,
.modula-album .modula-item.effect-appear h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.modula-album .modula-item.effect-appear:hover .figc::before,
.modula-album .modula-item.effect-appear:hover h2,
.modula-album .modula-item.effect-appear:hover h2 i {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-crafty h2 {
margin: 0 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
.modula-album .modula-item.effect-crafty p,
.modula-album .modula-item.effect-crafty .jtg-description {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
margin-bottom: 10px;
}
.modula-album .modula-item.effect-crafty:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-crafty:hover .figc::before,
.modula-album .modula-item.effect-crafty:hover p,
.modula-album .modula-item.effect-crafty:hover .jtg-description {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}   .modula-album .modula-items .effect-pufrobo .jtg-social {
opacity: 0;
transition: opacity 0.1s;
right: 30px;
position: absolute;
bottom: 20px;
text-align: right;
transition: all .3s;
}
.modula-album .modula-items .effect-pufrobo:hover .jtg-social {
opacity: 1;
}
.modula-album .modula-items .effect-pufrobo .jtg-social a:last-of-type {
margin-right: 0;
}
.modula-album .modula-item.effect-pufrobo .jtg-description {
margin-bottom: 2em;
}
.modula-album .modula-item.effect-pufrobo .figc {
text-align: right;
}
.modula-album .modula-item.effect-pufrobo h2,
.modula-album .modula-item.effect-pufrobo p,
.modula-album .modula-item.effect-pufrobo .jtg-description {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
text-align: right;
}
.modula-album .modula-item.effect-pufrobo p,
.modula-album .modula-item.effect-pufrobo .jtg-description {
bottom: 20%;
line-height: 1.5;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
letter-spacing: 1px;
}
.modula-album .modula-item.effect-pufrobo h2 { top: 10%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.modula-album .modula-item.effect-pufrobo:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-pufrobo h2::after {
position: absolute;
top: 80%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
.modula-album .modula-item.effect-pufrobo h2::after,
.modula-album .modula-item.effect-pufrobo p,
.modula-album .modula-item.effect-pufrobo .jtg-description {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-pufrobo:hover h2::after,
.modula-album .modula-item.effect-pufrobo:hover p,
.modula-album .modula-item.effect-pufrobo:hover .jtg-description {
margin-top: 10px;
margin-bottom: 5px;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-items .effect-hide .jtg-social {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
left: 0;
transition: all .3s;
}
.modula-album .modula-items .effect-hide:hover .jtg-social {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-hide .figc {
display: flex;
align-items: center;
justify-content: center;
}
.modula-album .modula-item.effect-hide .figc-inner h2,
.modula-album .modula-item.effect-hide .figc-inner .jtg-description {
margin: 0 20px;
}
.modula-album .modula-item.effect-hide img {
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.modula-album .modula-item.effect-hide:hover img {
-webkit-transform: scale(1);
transform: scale(1);
}
.modula-album .modula-item.effect-hide h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
margin-bottom: 10px;
}
.modula-album .modula-item.effect-hide .jtg-description {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0) scale(1.1);
transform: translate3d(0, 20px, 0) scale(1.1);
}
.modula-album .modula-item.effect-hide:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-hide:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}   .modula-album .modula-item.effect-sarah {
background: #42b078;
}
.modula-album .modula-item.effect-sarah img {
max-width: none;
width: -webkit-calc(100% + 11%);
width: calc(100% + 11%);
min-width: calc(100% + 11%);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10%, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.modula-album .modula-item.effect-sarah:hover img {
opacity: 0.4;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-sarah .figc {
text-align: left;
}
.modula-album .modula-item.effect-sarah h2 {
position: relative;
overflow: hidden;
padding: 0.5em 0;
}
.modula-album .modula-item.effect-sarah h2:before {
display: none;
}
.modula-album .modula-item.effect-sarah h2::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.modula-album .modula-item.effect-sarah:hover h2::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-sarah p,
.modula-album .modula-item.effect-sarah .jtg-description {
padding: 1em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.modula-album .modula-item.effect-sarah:hover p,
.modula-album .modula-item.effect-sarah:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-lily img {
max-width: none;
width: -webkit-calc(100% + 11%);
width: calc(100% + 11%);
min-width: calc(100% + 11%);
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0);
}
.modula-album .modula-item.effect-lily .figc {
text-align: left;
}
.modula-album .modula-item.effect-lily .figc>div {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
}
.modula-album .modula-item.effect-lily h2,
.modula-album .modula-item.effect-lily p.description,
.modula-album .modula-item.effect-lily .jtg-description {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
.modula-album .modula-item.effect-lily h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.modula-album .modula-item.effect-lily h2:before {
displaY: none;
}
.modula-album .modula-item.effect-lily p.description,
.modula-album .modula-item.effect-lily .jtg-description {
color: rgba(255, 255, 255, 0.8);
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
.modula-album .modula-item.effect-lily:hover img,
.modula-album .modula-item.effect-lily:hover p.description,
.modula-album .modula-item.effect-lily:hover .jtg-description {
opacity: 1;
}
.modula-album .modula-item.effect-lily:hover img,
.modula-album .modula-item.effect-lily:hover h2,
.modula-album .modula-item.effect-lily:hover p.description,
.modula-album .modula-item.effect-lily:hover .jtg-description {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-lily:hover p.description,
.modula-album .modula-item.effect-lily:hover .jtg-description {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}   .modula-album .modula-item.effect-sadie .figc::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
.modula-album .modula-item.effect-sadie h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.modula-album .modula-item.effect-sadie h2:before {
display: none;
}
.modula-album .modula-item.effect-sadie .figc::before,
.modula-album .modula-item.effect-sadie p.description,
.modula-album .modula-item.effect-sadie .jtg-description {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-sadie p.description,
.modula-album .modula-item.effect-sadie .jtg-description {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
.modula-album .modula-item.effect-sadie:hover h2 {
color: #fff;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}
.modula-album .modula-item.effect-sadie:hover .figc::before,
.modula-album .modula-item.effect-sadie:hover p.description,
.modula-album .modula-item.effect-sadie:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-roxy {
background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
}
.modula-album .modula-item.effect-roxy img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
min-width: calc(100% + 100px);
}
.modula-album .modula-item.effect-roxy .figc::before {
position: absolute;
top: 5%;
right: 5%;
bottom: 5%;
left: 5%;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
.modula-album .modula-item.effect-roxy .figc {
padding: 2em;
text-align: left;
}
.modula-album .modula-item.effect-roxy .figc .figc-inner {
padding: 1em;
}
.modula-album .modula-item.effect-roxy h2 {
padding: 10% 0 10px 0;
}
.modula-album .modula-item.effect-roxy h2:before {
display: none;
}
.modula-album .modula-item.effect-roxy .jtg-social {
position: relative;
bottom: auto;
right: auto;
text-align: left;
}
.modula-album .modula-item.effect-roxy p,
.modula-album .modula-item.effect-roxy .jtg-social {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.modula-album .modula-item.effect-roxy:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-roxy:hover .figc::before,
.modula-album .modula-item.effect-roxy:hover p,
.modula-album .modula-item.effect-roxy:hover .jtg-social {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-bubba {
background: #9e5406;
}
.modula-album .modula-item.effect-bubba img {
opacity: 0.7;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.modula-album .modula-item.effect-bubba:hover img {
opacity: 0.4;
}
.modula-album .modula-item.effect-bubba .figc::before,
.modula-album .modula-item.effect-bubba .figc::after {
position: absolute;
top: 5%;
right: 5%;
bottom: 5%;
left: 5%;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-bubba .figc::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.modula-album .modula-item.effect-bubba .figc::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
.modula-album .modula-item.effect-bubba h2 {
padding-top: 30%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
.modula-album .modula-item.effect-bubba h2:before {
display: none;
}
.modula-album .modula-item.effect-bubba p.description,
.modula-album .modula-item.effect-bubba .jtg-description {
padding: 20px 2.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.modula-album .modula-item.effect-bubba:hover .figc::before,
.modula-album .modula-item.effect-bubba:hover .figc::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.modula-album .modula-item.effect-bubba:hover h2,
.modula-album .modula-item.effect-bubba:hover p.description,
.modula-album .modula-item.effect-bubba:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-romeo {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.modula-album .modula-item.effect-romeo img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 0, 300px);
transform: translate3d(0, 0, 300px);
}
.modula-album .modula-item.effect-romeo:hover img {
opacity: 0.6;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-romeo .figc {
padding: 2em;
}
.modula-album .modula-item.effect-romeo .figc::before,
.modula-album .modula-item.effect-romeo .figc::after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.modula-album .modula-item.effect-romeo:hover .figc::before {
opacity: 0.5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.modula-album .modula-item.effect-romeo:hover .figc::after {
opacity: 0.5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.modula-album .modula-item.effect-romeo h2,
.modula-album .modula-item.effect-romeo p.description,
.modula-album .modula-item.effect-romeo .jtg-description {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.modula-album .modula-item.effect-romeo h2 {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
}
.modula-album .modula-item.effect-romeo h2:before {
display: none;
}
.modula-album .modula-item.effect-romeo p.description,
.modula-album .modula-item.effect-romeo .jtg-description {
padding: 0.25em 2em;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
}
.modula-album .modula-item.effect-romeo:hover h2 {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
}
.modula-album .modula-item.effect-romeo:hover p.description,
.modula-album .modula-item.effect-romeo:hover .jtg-description {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
}   .modula-album .modula-item.effect-layla {
background: #18a367;
}
.modula-album .modula-item.effect-layla .modula-item-content {
max-height: 100%;
overflow: hidden;
}
.modula-album .modula-item.effect-layla img {
height: 390px;
}
.modula-album .modula-item.effect-layla .figc {
padding: 3em;
}
.modula-album .modula-item.effect-layla .figc::before,
.modula-album .modula-item.effect-layla .figc::after {
position: absolute;
content: '';
opacity: 0;
}
.modula-album .modula-item.effect-layla .figc::before {
top: 15%;
right: 7.5%;
bottom: 15%;
left: 7.5%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.modula-album .modula-item.effect-layla .figc::after {
top: 7.5%;
right: 15%;
bottom: 7.5%;
left: 15%;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.modula-album .modula-item.effect-layla h2 {
padding-top: 26%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.modula-album .modula-item.effect-layla h2:before {
display: none;
}
.modula-album .modula-item.effect-layla p,
.modula-album .modula-item.effect-layla .jtg-description {
padding: 0.5em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
.modula-album .modula-item.effect-layla img,
.modula-album .modula-item.effect-layla h2 {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
min-height: calc(100% + 30px);
}
.modula-album .modula-item.effect-layla img,
.modula-album .modula-item.effect-layla .figc::before,
.modula-album .modula-item.effect-layla .figc::after,
.modula-album .modula-item.effect-layla p,
.modula-album .modula-item.effect-layla .jtg-description {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-layla:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-layla:hover .figc::before,
.modula-album .modula-item.effect-layla:hover .figc::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.modula-album .modula-item.effect-layla:hover h2,
.modula-album .modula-item.effect-layla:hover p,
.modula-album .modula-item.effect-layla:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-layla:hover figc::after,
.modula-album .modula-item.effect-layla:hover h2,
.modula-album .modula-item.effect-layla:hover p,
.modula-album .modula-item.effect-layla:hover .jtg-description,
.modula-album .modula-item.effect-layla:hover img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}   .modula-album .modula-item.effect-honey {
background: #4a3753;
}
.modula-album .modula-item.effect-honey img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.modula-album .modula-item.effect-honey:hover img {
opacity: 0.5;
}
.modula-album .modula-item.effect-honey .figc::before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
.modula-album .modula-item.effect-honey h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 1em 1.5em;
width: 100%;
text-align: left;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
.modula-album .modula-item.effect-honey h2:before {
display: none;
}
.modula-album .modula-item.effect-honey h2 i {
font-style: normal;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
.modula-album .modula-item.effect-honey .figc::before,
.modula-album .modula-item.effect-honey h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.modula-album .modula-item.effect-honey:hover .figc::before,
.modula-album .modula-item.effect-honey:hover h2,
.modula-album .modula-item.effect-honey:hover h2 i {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-oscar {
background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
}
.modula-album .modula-item.effect-oscar img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.modula-album .modula-item.effect-oscar .figc {
padding: 3em;
background-color: rgba(58, 52, 42, 0.7);
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}
.modula-album .modula-item.effect-oscar .figc::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
}
.modula-album .modula-item.effect-oscar h2.jtg-title {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.modula-album .modula-item.effect-oscar h2:before {
display: none;
}
.modula-album .modula-item.effect-oscar .figc::before,
.modula-album .modula-item.effect-oscar p,
.modula-album .modula-item.effect-oscar .jtg-description {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
.modula-album .modula-item.effect-oscar:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-oscar:hover .figc::before,
.modula-album .modula-item.effect-oscar:hover p,
.modula-album .modula-item.effect-oscar:hover .jtg-description {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.modula-album .modula-item.effect-oscar:hover .figc {
background-color: rgba(58, 52, 42, 0);
}
.modula-album .modula-item.effect-oscar:hover img {
opacity: 0.4;
}   .modula-album .modula-item.effect-marley .figc {
text-align: right;
}
.modula-album .modula-item.effect-marley h2,
.modula-album .modula-item.effect-marley p,
.modula-album .modula-item.effect-marley .jtg-description {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}
.modula-album .modula-item.effect-marley p,
.modula-album .modula-item.effect-marley .jtg-description {
bottom: 30px;
line-height: 1.5;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.modula-album .modula-item.effect-marley h2 {
top: 30px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.modula-album .modula-item.effect-marley h2:before {
display: none;
}
.modula-album .modula-item.effect-marley:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-marley h2::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
.modula-album .modula-item.effect-marley h2::after,
.modula-album .modula-item.effect-marley p,
.modula-album .modula-item.effect-marley .jtg-description {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-marley:hover h2::after,
.modula-album .modula-item.effect-marley:hover p,
.modula-album .modula-item.effect-marley:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-ruby {
background-color: #17819c;
}
.modula-album .modula-item.effect-ruby .figc {
padding: 2em;
}
.modula-album .modula-item.effect-ruby .figc-inner {
width: auto;
}
.modula-album .modula-item.effect-ruby img {
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.modula-album .modula-item.effect-ruby:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
.modula-album .modula-item.effect-ruby h2 {
margin-top: 20%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.modula-album .modula-item.effect-ruby h2:before {
display: none;
}
.modula-album .modula-item.effect-ruby p.description,
.modula-album .modula-item.effect-ruby .jtg-description {
margin: 1em 0 0;
padding: 3em;
border: 1px solid #fff;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0) scale(1.1);
transform: translate3d(0, 20px, 0) scale(1.1);
}
.modula-album .modula-item.effect-ruby:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-ruby:hover p.description,
.modula-album .modula-item.effect-ruby:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}   .modula-album .modula-item.effect-milo {
background: #2e5d5a;
}
.modula-album .modula-item.effect-milo img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
transform: translate3d(-30px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.modula-album .modula-item.effect-milo:hover img {
opacity: 0.5;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
.modula-album .modula-item.effect-milo h2.jtg-title {
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em;
}
.modula-album .modula-item.effect-milo .figc-inner {
min-width: 60%;
}
.modula-album .modula-items .modula-item.effect-milo p.description,
.modula-album .modula-items .modula-item.effect-milo .jtg-description {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
.modula-album .modula-item.effect-milo:hover p.description,
.modula-album .modula-item.effect-milo:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-dexter {
background: -webkit-linear-gradient(top, rgba(37, 141, 200, 1) 0%, rgba(104, 60, 19, 1) 100%);
background: linear-gradient(to bottom, rgba(37, 141, 200, 1) 0%, rgba(104, 60, 19, 1) 100%);
}
.modula-album .modula-item.effect-dexter h2:before {
display: none;
}
.modula-album .modula-item.effect-dexter img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.modula-album .modula-item.effect-dexter:hover img {
opacity: 0.4;
}
.modula-album .modula-item.effect-dexter .figc::after {
position: absolute;
right: 5%;
bottom: 5%;
left: 5%;
height: -webkit-calc(50% - 10px);
height: calc(60% - 10px);
border: 7px solid #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -60%, 0);
transform: translate3d(0, -60%, 0);
}
.modula-album .modula-item.effect-dexter:hover .figc::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-dexter .figc {
padding: 7.5%;
text-align: left;
display: block;
}
.modula-album .modula-item.effect-dexter .figc h2.jtg-title {
margin-top: 25px;
}
.modula-album .modula-item.effect-dexter p.description,
.modula-album .modula-item.effect-dexter .jtg-description {
position: absolute;
right: 60px;
bottom: 3em;
left: 60px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
.modula-album .modula-item.effect-dexter:hover p.description,
.modula-album .modula-item.effect-dexter:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0);
}   .modula-album .modula-items .modula-item.effect-zoe .figc {
top: auto;
bottom: 0;
padding: 1em;
height: auto !important;
background: #fff;
color: #3c4a50;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
box-sizing: border-box;
width: 100%;
}
.modula-album .modula-item.effect-zoe .figc .figc-inner {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.modula-album .modula-item.effect-zoe .figc .figc-inner .jtg-social {
flex-shrink: 0;
}
.modula-album .modula-item.effect-zoe h2 {
float: left;
text-align: left;
}
.modula-album .modula-item.effect-zoe h2:before {
display: none;
}
.modula-album .modula-item.effect-zoe .jtg-social {
position: relative;
right: auto;
bottom: auto;
}
.modula-album .modula-item.effect-zoe .jtg-social a {
font-size: 1.4em;
}
.modula-album .modula-item.effect-zoe p.description,
.modula-album .modula-item.effect-zoe .jtg-description {
position: absolute;
bottom: 8em;
padding: 2em;
color: #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
-webkit-backface-visibility: hidden; box-sizing: border-box;
width: 100%;
left: 0;
}
.modula-album .modula-item.effect-zoe h2,
.modula-album .modula-item.effect-zoe .jtg-social a {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);
}
.modula-album .modula-item.effect-zoe:hover p.description,
.modula-album .modula-item.effect-zoe:hover .jtg-description {
opacity: 1;
}
.modula-album .modula-item.effect-zoe:hover .figc,
.modula-album .modula-item.effect-zoe:hover h2,
.modula-album .modula-item.effect-zoe:hover .jtg-social a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-zoe:hover h2 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.modula-album .modula-item.effect-zoe:hover .jtg-social a:nth-child(4) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.modula-album .modula-item.effect-zoe:hover .jtg-social a:nth-child(3) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.modula-album .modula-item.effect-zoe:hover .jtg-social a:nth-child(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.modula-album .modula-item.effect-zoe:hover .jtg-social a:first-child {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
} .modula-album .panel-zoe .modula-item.effect-zoe h2,
.modula-album .panel-zoe .modula-item.effect-zoe .jtg-social a {
color: #000;
}   .modula-album .modula-item.effect-chico img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
.modula-album .modula-item.effect-chico:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
.modula-album .modula-item.effect-chico .figc {
padding: 3em;
}
.modula-album .modula-item.effect-chico .figc::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.modula-album .modula-item.effect-chico .figc::before,
.modula-album .modula-item.effect-chico p,
.modula-album .modula-item.effect-chico .jtg-description {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-chico h2 {
padding: 20% 0 20px 0;
}
.modula-album .modula-item.effect-chico h2:before {
display: none;
}
.modula-album .modula-item.effect-chico p,
.modula-album .modula-item.effect-chico .jtg-description {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.modula-album .modula-item.effect-chico:hover .figc::before,
.modula-album .modula-item.effect-chico:hover p,
.modula-album .modula-item.effect-chico:hover .jtg-description {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}   .modula-album .modula-item.effect-julia {
background: #2f3238;
}
.modula-album .modula-item.effect-julia img {
max-width: none; -webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.modula-album .modula-item.effect-julia .figc {
text-align: left;
}
.modula-album .modula-item.effect-julia h2 {
position: relative;
padding: 0.5em 0;
}
.modula-album .modula-item.effect-julia h2:before {
display: none;
}
.modula-album .modula-item.effect-julia p.description,
.modula-album .modula-item.effect-julia .jtg-description {
display: table;
margin: 0 0 0.25em;
padding: 0.4em 1em;
background: rgba(255, 255, 255, 0.9);
color: #2f3238;
text-transform: none;
font-weight: 500;
font-size: 75%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-120%, 0, 0);
transform: translate3d(-620%, 0, 0);
}
.modula-album .modula-item.effect-julia p:first-child {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.modula-album .modula-item.effect-julia h2 {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.modula-album .modula-item.effect-julia p:nth-of-type(3) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.modula-album .modula-item.effect-julia:hover p:first-child {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.modula-album .modula-item.effect-julia:hover p:nth-of-type(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.modula-album .modula-item.effect-julia:hover p:nth-of-type(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.modula-album .modula-item.effect-julia:hover img {
opacity: 0.4;
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.modula-album .modula-item.effect-julia:hover p,
.modula-album .modula-item.effect-julia:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-goliath {
background: #df4e4e;
}
.modula-album .modula-item.effect-goliath img,
.modula-album .modula-item.effect-goliath h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.modula-album .modula-item.effect-goliath img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.modula-album .modula-item.effect-goliath h2,
.modula-album .modula-item.effect-goliath p,
.modula-album .modula-item.effect-goliath .jtg-description {
position: absolute;
bottom: 0;
left: 0;
padding: 30px;
}
.modula-album .modula-item.effect-goliath p,
.modula-album .modula-item.effect-goliath .jtg-description {
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
.modula-album .modula-item.effect-goliath:hover img {
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0);
}
.modula-album .modula-item.effect-goliath:hover h2 {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
.modula-album .modula-item.effect-goliath h2:before {
display: none;
}
.modula-album .modula-item.effect-goliath:hover p,
.modula-album .modula-item.effect-goliath:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-hera {
background: #303fa9;
}
.modula-album .modula-item.effect-hera h2 {
font-size: 158.75%;
}
.modula-album .modula-item.effect-hera h2:before {
display: none;
}
.modula-album .modula-item.effect-hera h2,
.modula-album .modula-item.effect-hera .jtg-social {
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}
.modula-album .modula-item.effect-hera .jtg-social {
right: auto;
bottom: auto;
}
.modula-album .modula-item.effect-hera .figc::before {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
border: 2px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}
.modula-album .modula-item.effect-hera .jtg-social {
width: 100px;
text-transform: none;
font-size: 121%;
line-height: 2;
text-align: left;
}
.modula-album .modula-item.effect-hera .jtg-social a {
width: 45px;
margin: 0;
text-align: center;
box-sizing: border-box;
}
.modula-album .modula-item.effect-hera .jtg-social a:hover,
.modula-album .modula-item.effect-hera .jtg-social a:focus {
opacity: 0.6;
}
.modula-album .modula-item.effect-hera .jtg-social a svg {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
vertical-align: middle;
}
.modula-album .modula-item.effect-hera .jtg-social a:first-child svg {
-webkit-transform: translate3d(-60px, -60px, 0);
transform: translate3d(-60px, -60px, 0);
}
.modula-album .modula-item.effect-hera .jtg-social a:nth-child(2) svg {
-webkit-transform: translate3d(60px, -60px, 0);
transform: translate3d(60px, -60px, 0);
}
.modula-album .modula-item.effect-hera .jtg-social a:nth-child(3) svg {
-webkit-transform: translate3d(-60px, 60px, 0);
transform: translate3d(-60px, 60px, 0);
}
.modula-album .modula-item.effect-hera .jtg-social a:nth-child(4) svg {
-webkit-transform: translate3d(60px, 60px, 0);
transform: translate3d(60px, 60px, 0);
}
.modula-album .modula-item.effect-hera:hover .figc::before {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
}
.modula-album .modula-item.effect-hera:hover h2 {
opacity: 0;
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
.modula-album .modula-items .modula-item.effect-hera:hover .jtg-social svg {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); opacity: 1;
}
.modula-album .modula-item.effect-hera p.description,
.modula-album .modula-item.effect-hera .jtg-description {
display: none;
}
.modula-album .modula-item.effect-hera:hover p.description,
.modula-album .modula-item.effect-hera:hover .jtg-description {
display: block;
}   .modula-album .modula-item.effect-selena {
background: #fff;
}
.modula-album .modula-item.effect-selena img {
opacity: 0.95;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.modula-album .modula-item.effect-selena:hover img {
-webkit-transform: scale3d(0.95, 0.95, 1);
transform: scale3d(0.95, 0.95, 1);
}
.modula-album .modula-item.effect-selena h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.modula-album .modula-item.effect-selena p,
.modula-album .modula-item.effect-selena .jtg-description {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.modula-album .modula-item.effect-selena:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-selena:hover p,
.modula-album .modula-item.effect-selena:hover .jtg-description {
opacity: 1;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
transform: perspective(1000px) rotate3d(1, 0, 0, 0);
}   .modula-album .modula-item.effect-terry {
background: #34495e;
}
.modula-album .modula-item.effect-terry .figc {
padding: 1em;
}
.modula-album .modula-item.effect-terry .figc::before,
.modula-album .modula-item.effect-terry .figc::after {
position: absolute;
width: 200%;
height: 200%;
border-style: solid;
border-color: #101010;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.modula-album .modula-item.effect-terry .figc::before {
right: 0;
bottom: 0;
border-width: 0 70px 60px 0;
-webkit-transform: translate3d(70px, 60px, 0);
transform: translate3d(70px, 60px, 0);
}
.modula-album .modula-item.effect-terry .figc::after {
top: 0;
left: 0;
border-width: 15px 0 0 15px;
-webkit-transform: translate3d(-15px, -15px, 0);
transform: translate3d(-15px, -15px, 0);
}
.modula-album .modula-item.effect-terry .figc .figc-inner {
width: 100%;
height: 100%;
}
.modula-album .modula-item.effect-terry img,
.modula-album .modula-item.effect-terry .jtg-social a {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-terry img {
opacity: 0.85;
}
.modula-album .modula-item.effect-terry h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 0.4em 15px;
width: 100%;
text-align: left;
}
.modula-album .modula-item.effect-terry h2:before {
display: none;
}
.modula-album .modula-item.effect-terry .jtg-social {
float: right;
clear: both;
text-align: left;
text-transform: none;
font-size: 111%;
position: relative;
right: auto;
bottom: auto;
}
.modula-album .modula-item.effect-terry .jtg-social a {
display: block;
margin: 0 0 1em 0;
color: #fff;
opacity: 0;
-webkit-transform: translate3d(90px, 0, 0);
transform: translate3d(90px, 0, 0);
width: auto;
}
.modula-album .modula-item.effect-terry:hover .figc::before,
.modula-album .modula-item.effect-terry:hover .figc::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-terry:hover img {
opacity: 0.6;
}
.modula-album .modula-item.effect-terry:hover .jtg-social a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-terry:hover .jtg-social a {
opacity: 1;
}
.modula-album .modula-item.effect-terry:hover .jtg-social a:first-child {
-webkit-transition-delay: 0.025s;
transition-delay: 0.025s;
}
.modula-album .modula-item.effect-terry:hover .jtg-social a:nth-child(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.modula-album .modula-item.effect-terry:hover .jtg-social a:nth-child(3) {
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
.modula-album .modula-item.effect-terry:hover .jtg-social a:nth-child(4) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}   .modula-album .modula-item.effect-apollo {
background: #3498db;
}
.modula-album .modula-item.effect-apollo img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
.modula-album .modula-item.effect-apollo .figc::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
}
.modula-album .modula-item.effect-apollo p.description,
.modula-album .modula-item.effect-apollo .jtg-description {
position: absolute;
right: 0;
bottom: 0;
margin: 3em !important;
padding: 0 1em !important;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
width: 70%;
}
.modula-album .modula-items .modula-item.effect-apollo h2 {
text-align: left;
}
.modula-album .modula-item.effect-apollo h2:before {
display: none;
}
.modula-album .modula-item.effect-apollo:hover img {
opacity: 0.6;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.modula-album .modula-item.effect-apollo:hover .figc::before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
}
.modula-album .modula-item.effect-apollo:hover p,
.modula-album .modula-item.effect-apollo:hover .jtg-description {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}   .modula-album .modula-item.effect-kira {
background: #fff;
text-align: left;
}
.modula-album .modula-item.effect-kira img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.modula-album .modula-item.effect-kira .figc {
z-index: 1;
}
.modula-album .modula-item.effect-kira p,
.modula-album .modula-item.effect-kira .jtg-description {
padding: 2.25em 0.5em;
font-weight: 600;
font-size: 100%;
line-height: 1.5;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
.modula-album .modula-item.effect-kira .figc::before {
position: absolute;
top: 0;
right: 2em;
left: 2em;
z-index: -1;
height: 3.5em;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.modula-album .modula-item.effect-kira:hover img {
opacity: 0.5;
}
.modula-album .modula-item.effect-kira:hover p,
.modula-album .modula-item.effect-kira:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-kira h2:before {
display: none;
}
.modula-album .modula-item.effect-kira:hover .figc::before {
opacity: 0.7;
-webkit-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
}   .modula-album .modula-item.effect-steve {
z-index: auto;
overflow: visible;
background: #000;
overflow: hidden;
}
.modula-album .modula-item.effect-steve:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%; content: '';
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.modula-album .modula-item.effect-steve h2:before {
display: none;
}
.modula-album .modula-item.effect-steve:before {
box-shadow: 0 3px 30px rgba(0, 0, 0, 0.8);
opacity: 0;
}
.modula-album .modula-item.effect-steve .figc {
z-index: 1;
}
.modula-album .modula-item.effect-steve img {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: perspective(1000px) translate3d(0, 0, 0);
transform: perspective(1000px) translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-steve h2,
.modula-album .modula-item.effect-steve p.description,
.modula-album .modula-item.effect-steve .jtg-description {
background: #fff;
color: #2d434e;
}
.modula-album .modula-item.effect-steve h2 {
position: relative;
margin-top: 2em;
padding: 0.25em;
}
.modula-album .modula-item.effect-steve p.description,
.modula-album .modula-item.effect-steve .jtg-description {
margin-top: 1em;
padding: 0.5em;
font-weight: 800;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
}
.modula-album .modula-item.effect-steve:hover:before {
opacity: 1;
}
.modula-album .modula-item.effect-steve:hover img {
-webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
transform: perspective(1000px) translate3d(0, 0, 21px);
}
.modula-album .modula-item.effect-steve:hover p.description,
.modula-album .modula-item.effect-steve:hover .jtg-description {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}   .modula-album .modula-item.effect-jazz {
background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
}
.modula-album .modula-item.effect-jazz img {
opacity: 0.9;
}
.modula-album .modula-item.effect-jazz .figc::after,
.modula-album .modula-item.effect-jazz img,
.modula-album .modula-item.effect-jazz p,
.modula-album .modula-item.effect-jazz .jtg-description {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-jazz .figc::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.modula-album .modula-item.effect-jazz .figc-inner {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.modula-album .modula-item.effect-jazz h2,
.modula-album .modula-item.effect-jazz p,
.modula-album .modula-item.effect-jazz .jtg-description {
opacity: 1;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
.modula-album .modula-item.effect-jazz h2:before {
display: none;
}
.modula-album .modula-item.effect-jazz h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.modula-album .modula-item.effect-jazz p,
.modula-album .modula-item.effect-jazz .jtg-description {
padding: 0.5em 2em;
text-transform: none;
font-size: 0.85em;
opacity: 0;
}
.modula-album .modula-item.effect-jazz:hover img {
opacity: 0.7;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
.modula-album .modula-item.effect-jazz:hover .figc::after {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}
.modula-album .modula-item.effect-jazz:hover h2,
.modula-album .modula-item.effect-jazz:hover p,
.modula-album .modula-item.effect-jazz:hover .jtg-description {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}   .modula-album .modula-item.effect-ming {
background: #030c17;
}
.modula-album .modula-item.effect-ming img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.modula-album .modula-item.effect-ming .figc::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 2px solid #fff;
box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.4, 1.4, 1);
transform: scale3d(1.4, 1.4, 1);
}
.modula-album .modula-item.effect-ming h2 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.modula-album .modula-item.effect-ming h2:before {
display: none;
}
.modula-album .modula-item.effect-ming p.description,
.modula-album .modula-item.effect-ming .jtg-description {
padding: 1em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.modula-album .modula-item.effect-ming:hover h2 {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.modula-album .modula-item.effect-ming:hover .figc::before,
.modula-album .modula-item.effect-ming:hover p.description,
.modula-album .modula-item.effect-ming:hover .jtg-description {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.modula-album .modula-item.effect-ming:hover .figc {
background-color: rgba(58, 52, 42, 0);
}
.modula-album .modula-item.effect-ming:hover img {
opacity: 0.4;
}   .modula-album .modula-item.effect-lexi {
background: -webkit-linear-gradient(-45deg, #000 0%, #fff 100%);
background: linear-gradient(-45deg, #000 0%, #fff 100%);
}
.modula-album .modula-item.effect-lexi img {
margin: -10px 0 0 -10px;
max-width: none;
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);
opacity: 0.9;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(-10px, -10px, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
min-height: calc(100% + 20px);
min-width: calc(100% + 20px);
}
.modula-album .modula-item.effect-lexi .figc::before,
.modula-album .modula-item.effect-lexi p,
.modula-album .modula-item.effect-lexi .jtg-description {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-lexi .figc::before {
position: absolute;
right: -100px;
bottom: -100px;
width: 300px;
height: 300px;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);
content: '';
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.modula-album .modula-item.effect-lexi:hover img {
opacity: 0.6;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-lexi h2 {
text-align: left;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(5px, 5px, 0);
transform: translate3d(5px, 5px, 0);
}
.modula-album .modula-item.effect-lexi h2:before {
display: none;
}
.modula-album .modula-items .modula-item.effect-lexi p,
.modula-album .modula-items .modula-item.effect-lexi .jtg-description {
position: absolute;
right: 0;
bottom: 0;
padding: 0 1.5em 1.5em 0;
width: 140px;
text-align: right;
opacity: 0;
-webkit-transform: translate3d(20px, 20px, 0);
transform: translate3d(20px, 20px, 0);
}
.modula-album .modula-item.effect-lexi:hover .figc::before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.modula-album .modula-item.effect-lexi:hover h2,
.modula-album .modula-item.effect-lexi:hover p,
.modula-album .modula-item.effect-lexi:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   .modula-album .modula-item.effect-duke {
background: -webkit-linear-gradient(-45deg, #34495e 0%, #cc6055 100%);
background: linear-gradient(-45deg, #34495e 0%, #cc6055 100%);
}
.modula-album .modula-item.effect-duke img,
.modula-album .modula-item.effect-duke p,
.modula-album .modula-item.effect-duke .jtg-description {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-duke:hover img {
opacity: 0.1;
-webkit-transform: scale3d(2, 2, 1);
transform: scale3d(2, 2, 1);
}
.modula-album .modula-item.effect-duke h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.modula-album .modula-item.effect-duke h2:before {
display: none;
}
.modula-album .modula-items .modula-item.effect-duke p,
.modula-album .modula-items .modula-item.effect-duke .jtg-description {
position: absolute;
bottom: 0;
left: 0;
margin: 20px;
padding: 30px;
border: 2px solid #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transform-origin: 50% -100%;
transform-origin: 50% -100%;
width: calc(100% - 40px);
}
.modula-album .modula-item.effect-duke:hover h2,
.modula-album .modula-item.effect-duke:hover p,
.modula-album .modula-item.effect-duke:hover .jtg-description {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .modula-album .modula-item.effect-tilt_1>*,
.modula-album .modula-item.effect-tilt_2>*,
.modula-album .modula-item.effect-tilt_3>*,
.modula-album .modula-item.effect-tilt_4>*,
.modula-album .modula-item.effect-tilt_5>*,
.modula-album .modula-item.effect-tilt_6>*,
.modula-album .modula-item.effect-tilt_7>*,
.modula-album .modula-item.effect-tilt_8>* {
transform: translateZ(0px); }
.modula-album .modula-item.effect-tilt_1 h2:before,
.modula-album .modula-item.effect-tilt_2 h2:before,
.modula-album .modula-item.effect-tilt_3 h2:before,
.modula-album .modula-item.effect-tilt_4 h2:before,
.modula-album .modula-item.effect-tilt_5 h2:before,
.modula-album .modula-item.effect-tilt_6 h2:before,
.modula-album .modula-item.effect-tilt_7 h2:before,
.modula-album .modula-item.effect-tilt_8 h2:before {
display: none;
}
.modula-album .modula-item.effect-tilt_1,
.modula-album .modula-item.effect-tilt_2,
.modula-album .modula-item.effect-tilt_3,
.modula-album .modula-item.effect-tilt_4,
.modula-album .modula-item.effect-tilt_5,
.modula-album .modula-item.effect-tilt_6,
.modula-album .modula-item.effect-tilt_7,
.modula-album .modula-item.effect-tilt_8,
.modula-album .modula-item.effect-tilt_1 .figc,
.modula-album .modula-item.effect-tilt_2 .figc,
.modula-album .modula-item.effect-tilt_3 .figc,
.modula-album .modula-item.effect-tilt_4 .figc,
.modula-album .modula-item.effect-tilt_5 .figc,
.modula-album .modula-item.effect-tilt_6 .figc,
.modula-album .modula-item.effect-tilt_7 .figc,
.modula-album .modula-item.effect-tilt_8 .figc,
.modula-album .tilter__deco--lines,
.modula-album .tilter__deco--shine div {
transition: transform 0.2s ease-out;
}
.modula-album .modula-item.effect-tilt_1::before,
.modula-album .modula-item.effect-tilt_2::before,
.modula-album .modula-item.effect-tilt_3::before,
.modula-album .modula-item.effect-tilt_4::before,
.modula-album .modula-item.effect-tilt_5::before,
.modula-album .modula-item.effect-tilt_6::before,
.modula-album .modula-item.effect-tilt_7::before,
.modula-album .modula-item.effect-tilt_8::before {
content: '';
position: absolute;
width: 90%;
height: 90%;
top: 5%;
left: 5%;
}
.modula-album .tilter__deco {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.modula-album .tilter__deco--overlay { }
.modula-album .tilter__deco--shine div {
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%; }
.modula-album .tilter__deco--lines {
width: 90%;
height: 90%;
position: absolute;
top: 5%;
left: 5%;
border: 1.5px solid #fff;
box-sizing: border-box;
}
.modula-album .modula-item.effect-tilt_1 .figc,
.modula-album .modula-item.effect-tilt_2 .figc,
.modula-album .modula-item.effect-tilt_3 .figc,
.modula-album .modula-item.effect-tilt_4 .figc,
.modula-album .modula-item.effect-tilt_5 .figc,
.modula-album .modula-item.effect-tilt_6 .figc,
.modula-album .modula-item.effect-tilt_7 .figc,
.modula-album .modula-item.effect-tilt_8 .figc {
position: absolute;
bottom: 0;
width: 100%;
padding: 10%;
}  .modula-album .modula-item.effect-tilt_1 .figc {
text-align: left;
align-items: flex-end;
justify-content: flex-start;
}
.modula-album .modula-item.effect-tilt_1 .figc .figc-inner,
.modula-album .modula-item.effect-tilt_3 .figc .figc-inner,
.modula-album .modula-item.effect-tilt_7 .figc .figc-inner {
margin: 15%;
} .modula-album .modula-items.effect-tilt_3 .figc {
padding: 2em;
text-align: right;
text-shadow: 0.1em 0.8em 1em rgba(0, 0, 0, 0.35);
}
.modula-album .modula-item.effect-tilt_3 .figc {
text-align: right;
align-items: flex-end;
justify-content: flex-end;
} .modula-album .modula-item.effect-tilt_7 .tilter__deco--lines {
border-width: 10px;
transform: scale3d(0.9, 0.9, 1);
opacity: 0;
transition: transform 0.3s, opacity 0.3s;
}
.modula-album .modula-item.effect-tilt_7:hover .tilter__deco--lines {
opacity: 1;
transform: scale3d(1, 1, 1);
}
.modula-album .modula-item.effect-tilt_7 .tilter__figure::before {
box-shadow: none;
}
.modula-album .modula-item.effect-tilt_7 .figc {
text-align: left;
align-items: flex-end;
justify-content: flex-start;
}
.modula-album .modula-item.effect-tilt_1 .figc .figc-inner {
margin: 15%;
}   .modula-album .modula-items .modula-item.effect-fluid-up .figc {
top: auto;
display: block;
bottom: 0;
padding: 1em;
height: 3.75em;
background: #fff;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
height: auto !important;
}
.modula-album .modula-items .modula-item.effect-fluid-up h2 {
float: left;
color: #121212;
}
.modula-album .modula-item.effect-fluid-up p.description,
.modula-album .modula-item.effect-fluid-up .jtg-description {
position: absolute;
bottom: 6em;
text-align: left;
text-transform: none;
opacity: 0;
left: 0;
margin: 0 1em;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
-webkit-backface-visibility: hidden; }
.modula-album .modula-item.effect-fluid-up h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);
}
.modula-album .modula-item.effect-fluid-up h2 {
display: inline-block;
}
.modula-album .modula-item.effect-fluid-up:hover p.description,
.modula-album .modula-item.effect-fluid-up:hover .jtg-description {
opacity: 1;
}
.modula-album .modula-item:not(.notitle).effect-fluid-up:hover .figc,
.modula-album .modula-item:not(.notitle).effect-fluid-up:hover h2,
.modula-album .modula-item:not(.notitle).effect-fluid-up:hover p.icon-links a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-fluid-up:hover h2 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}   .modula-album .modula-items .effect-comodo .jtg-social {
position: absolute;
bottom: 20px;
text-align: center;
left: 0;
right: 0;
}
.modula-album .modula-items .effect-comodo .jtg-social a {
display: inline-block;
}
.modula-album .modula-items .effect-comodo .jtg-social a:last-of-type {
margin-right: 0;
}
.modula-album .modula-items .modula-item.effect-comodo img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
.modula-album .modula-items .modula-item.effect-comodo:hover img {
-webkit-transform: scale(1);
transform: scale(1);
}
.modula-album .modula-items .modula-item.effect-comodo .figc {
display: block;
}
.modula-album .modula-items .modula-item.effect-comodo h2 {
margin-top: 20px;
}    .modula-album .modula-items .effect-catinelle .figc {
display: flex;
align-items: center;
justify-content: center;
}
.modula-album .modula-items .effect-catinelle .jtg-social {
width: 60px;
transform: scale(2);
transition: all .3s;
}
.modula-album .modula-items .effect-catinelle .jtg-social a {
padding: 0;
margin: 0 10px 10px 0;
font-size: 24px;
}
.modula-album .modula-items .effect-catinelle .jtg-social a:nth-child(2n) {
margin-right: 0;
}
.modula-album .modula-items .effect-catinelle:hover .jtg-social {
width: 60px;
transform: scale(1);
}   .modula-album .modula-item.effect-winston {
background: #162633;
text-align: left;
}
.modula-album .modula-item.effect-winston img {
-webkit-transition: opacity 0.45s;
transition: opacity 0.45s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.modula-album .modula-item.effect-winston .figc::before {
position: absolute;
bottom: 0;
left: 0;
width: 300%;
height: 100%;
background: url(//mcgilvray.net/wp-content/plugins/modula/includes/extensions/albums/assets/images/triangle.svg) no-repeat bottom center;
background-size: cover;
content: '';
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
transition: opacity 0.45s, transform 0.45s;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.modula-album .modula-item.effect-winston h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.modula-album .modula-item.effect-winston h2:before {
display: none;
}
.modula-album .modula-item.effect-winston .jtg-social {
position: absolute;
right: 0;
bottom: 0;
padding: 0 1.5em 2em 0;
}
.modula-album .modula-item.effect-winston a {
margin: 0 10px;
}
.modula-album .modula-item.effect-winston .jtg-social a {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
.modula-album .modula-item.effect-winston:hover img {
opacity: 0.6;
}
.modula-album .modula-item.effect-winston:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-winston:hover .figc::before {
opacity: 0.7;
-webkit-transform: rotate3d(0, 0, 1, 20deg);
transform: rotate3d(0, 0, 1, 20deg);
}
.modula-album .modula-item.effect-winston:hover .jtg-social a {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-winston:hover .jtg-social a:nth-child(4) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.modula-album .modula-item.effect-winston:hover .jtg-social a:nth-child(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.modula-album .modula-item.effect-winston:hover .jtg-social a:nth-child(2) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.modula-album .modula-item.effect-winston:hover .jtg-social a:first-child {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}   .modula-album .modula-item.effect-selena {
background: #fff;
}
.modula-album .modula-item.effect-selena img {
opacity: 0.95;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.modula-album .modula-item.effect-selena:hover img {
-webkit-transform: scale3d(0.95, 0.95, 1);
transform: scale3d(0.95, 0.95, 1);
}
.modula-album .modula-item.effect-selena h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.modula-album .modula-item.effect-selena h2:before {
display: none;
}
.modula-album .modula-item.effect-selena p,
.modula-album .modula-item.effect-selena .jtg-description {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.modula-album .modula-item.effect-selena:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-selena:hover p,
.modula-album .modula-item.effect-selena:hover .jtg-description {
opacity: 1;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
transform: perspective(1000px) rotate3d(1, 0, 0, 0);
}   .modula-album .modula-item.effect-phoebe {
background: #675983;
}
.modula-album .modula-item.effect-phoebe img {
opacity: 0.85;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.modula-album .modula-item.effect-phoebe:hover img {
opacity: 0.6;
}
.modula-album .modula-item.effect-phoebe .figc::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//mcgilvray.net/wp-content/plugins/modula/includes/extensions/albums/assets/images/triangle2.svg) no-repeat center center;
background-size: cover;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(5, 2.5, 1);
transform: scale3d(5, 2.5, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.modula-album .modula-item.effect-phoebe:hover .figc::before {
opacity: 0.6;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.modula-album .modula-items .modula-item.effect-phoebe h2 {
margin-top: 1em;
-webkit-transition: transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
.modula-album .modula-item.effect-phoebe h2:before {
display: none;
}
.modula-album .modula-item.effect-phoebe:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modula-album .modula-item.effect-phoebe .jtg-social {
text-align: center;
}
.modula-album .modula-item.effect-phoebe .jtg-social a {
color: #fff;
opacity: 0;
position: relative;
display: inline-block;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-phoebe .jtg-social a:first-child {
-webkit-transform: translate3d(-60px, -60px, 0);
transform: translate3d(-60px, -60px, 0);
}
.modula-album .modula-item.effect-phoebe .jtg-social a:nth-child(2) {
-webkit-transform: translate3d(0, 60px, 0);
transform: translate3d(0, 60px, 0);
}
.modula-album .modula-item.effect-phoebe .jtg-social a:nth-child(3) {
-webkit-transform: translate3d(60px, -60px, 0);
transform: translate3d(60px, -60px, 0);
}
.modula-album .modula-item.effect-phoebe .jtg-social a:nth-child(4) {
-webkit-transform: translate3d(0, 60px, 0);
transform: translate3d(0, 60px, 0);
}
.modula-album .modula-item.effect-phoebe:hover .jtg-social a {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}    .modula-album .modula-item.effect-reflex img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
.modula-album .modula-item.effect-reflex .figc {
display: block;
}
.modula-album .modula-item.effect-reflex .figc-inner {
margin: 20px;
}
.modula-album .modula-item.effect-reflex .figc-inner h2,
.modula-album .modula-item.effect-reflex .figc-inner p,
.modula-album .modula-item.effect-reflex .figc-inner .jtg-description {
border-left: 3px solid #fff;
padding-left: 10px;
}
.modula-album .modula-item.effect-reflex .figc-inner p,
.modula-album .modula-item.effect-reflex .figc-inner .jtg-description {
text-align: left;
margin-top: 0px;
opacity: 0;
transition: opacity .3s;
}
.modula-album .modula-item.effect-reflex:hover .figc-inner p,
.modula-album .modula-item.effect-reflex:hover .figc-inner .jtg-description {
opacity: 1
}
.modula-album .modula-item.effect-reflex h2 {
text-align: left;
}
.modula-album .modula-item.effect-reflex .jtg-social {
position: absolute;
bottom: 20px;
right: 20px;
}
.modula-album .modula-item.effect-reflex:hover img {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}   .modula-album .modula-items .effect-curtain .jtg-social {
position: relative;
text-align: left;
bottom: auto;
right: auto;
background: rgba(255, 255, 255, .6);
padding: 10px 10px 8px;
overflow: hidden;
transform: scaleY(0);
transform-origin: top;
}
.modula-album .modula-items .effect-curtain:hover .jtg-social {
transform: scaleY(1);
}
.modula-album .modula-items .effect-curtain h2 {
text-align: left;
padding: 0 0 10px;
border-bottom: 2px solid rgba(255, 255, 255, .6);
}
.modula-album .modula-items .modula-item.effect-curtain .figc {
text-align: left;
display: block;
}
.modula-album .modula-items .modula-item.effect-curtain .figc-inner {
position: relative;
width: 100%;
height: 100%;
padding: 2em;
box-sizing: border-box;
} .modula-album .modula-item.effect-curtain:hover p,
.modula-album .modula-item.effect-curtain:hover .jtg-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}    .modula-album .modula-item.effect-lens .figc {
display: flex;
align-items: center;
justify-content: center;
}
.modula-album .modula-item.effect-lens img,
.modula-album .modula-item.effect-lens p,
.modula-album .modula-item.effect-lens .jtg-description {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.modula-album .modula-item.effect-lens:hover img {
-webkit-transform: scale3d(2, 2, 1);
transform: scale3d(2, 2, 1);
}
.modula-album .modula-item.effect-lens h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.modula-album .modula-item.effect-lens .jtg-social {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
}
.modula-album .modula-item.effect-lens p
.modula-album .modula-item.effect-lens .jtg-description {
text-align: center;
opacity: 0;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transform-origin: 50% -100%;
transform-origin: 50% -100%;
margin-top: 10px;
}
.modula-album .modula-item.effect-lens:hover h2,
.modula-album .modula-item.effect-lens:hover p,
.modula-album .modula-item.effect-lens:hover .jtg-description {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
} .modula-album .filters {
margin: 0;
box-sizing: border-box;
}
.modula-album.horizontal-filters .filters {
margin-bottom: 20px;
}
.modula-album.horizontal-filters .modula-items+.filters {
margin-top: 20px;
margin-bottom: 0;
}
.modula-album.vertical-filters .filters {
padding-right: 20px;
}
.modula-album.vertical-filters .modula-items+.filters {
padding-left: 20px;
padding-right: 0;
} .modula-album .filters.menu--default a {
text-decoration: none;
display: inline-block;
margin: 0 10px 0 0;
color: #333;
outline: none;
transition: 350ms ease-in;
}
.modula-album .filters.menu--default a:hover,
.modula-album .filters.menu--default .menu__item--current a {
border-bottom-color: #333;
border-bottom: 1px solid;
}
.menu__item {
display: inline-block;
}
.vertical-filters .menu__item {
display: block;
}
.menu__link {
text-decoration: none;
outline: none;
color: #000000;
padding: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
display: inline-block;
line-height: 1;
}
.menu--default .menu__list li.menu__item .menu__link {
padding: 0;
}
.menu__link:hover,
.menu__link:focus {
outline: none;
color: #ff0000;
}
.menu__list {
margin: 0;
padding-left: 0;
}
.menu--default .menu__list li.menu__item {
margin: 0;
}
.menu__list li.menu__item {
margin: 0 10px 0 0;
}  .menu--alonso .menu__item {
margin: 0;
}
.menu--alonso .menu__link {
width: 120px;
height: 3em;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.menu--alonso .menu__link:hover,
.menu--alonso .menu__link:focus {
color: #929292;
}
.menu--alonso .menu__item--current .menu__link {
color: #d94f5c;
-webkit-transition: color 0.5s;
transition: color 0.5s;
}
.menu--alonso .menu__line {
position: absolute;
top: 100%;
left: 0;
width: 120px;
height: 2px;
pointer-events: none;
border: 1px solid #fff;
border-width: 0 45px;
background: #d94f5c;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
-webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
}
.menu--alonso .menu__item:nth-child(1).menu__item--current~.menu__line {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.menu--alonso .menu__item:nth-child(2).menu__item--current~.menu__line {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.menu--alonso .menu__item:nth-child(3).menu__item--current~.menu__line {
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0);
}
.menu--alonso .menu__item:nth-child(4).menu__item--current~.menu__line {
-webkit-transform: translate3d(300%, 0, 0);
transform: translate3d(300%, 0, 0);
}
.menu--alonso .menu__item:nth-child(5).menu__item--current~.menu__line {
-webkit-transform: translate3d(400%, 0, 0);
transform: translate3d(400%, 0, 0);
}
@media screen and (max-width:55em) {
.menu--alonso .menu__line {
top: 3em;
}
.menu--alonso .menu__item:nth-child(1).menu__item--current~.menu__line {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.menu--alonso .menu__item:nth-child(2).menu__item--current~.menu__line {
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0);
}
.menu--alonso .menu__item:nth-child(3).menu__item--current~.menu__line {
-webkit-transform: translate3d(0, 6em, 0);
transform: translate3d(0, 6em, 0);
}
.menu--alonso .menu__item:nth-child(4).menu__item--current~.menu__line {
-webkit-transform: translate3d(0, 9em, 0);
transform: translate3d(0, 9em, 0);
}
.menu--alonso .menu__item:nth-child(5).menu__item--current~.menu__line {
-webkit-transform: translate3d(0, 12em, 0);
transform: translate3d(0, 12em, 0);
}
} .menu--sebastian .menu__link {
position: relative;
display: block;
margin: 0 1em;
text-align: center;
color: #929292;
-webkit-transition: color 0.4s;
transition: color 0.4s;
}
.menu--sebastian .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--sebastian .menu__link::before,
.menu--sebastian .menu__link::after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #d94f5c;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.menu--sebastian .menu__link::before {
top: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.menu--sebastian .menu__link::after {
bottom: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.menu--sebastian .menu__item--current .menu__link::before,
.menu--sebastian .menu__item--current .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
} .menu--prospero .menu__link {
position: relative;
display: block;
margin: 0 1.5em;
padding: 0.75em 0;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.menu--prospero .menu__link:hover,
.menu--prospero .menu__link:focus {
color: #929292;
}
.menu--prospero .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--prospero .menu__link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #d94f5c;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.1s;
transition: transform 0.1s;
}
.menu--prospero .menu__item--current .menu__link::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .menu--viola .menu__item {
position: relative;
margin: 0 1em;
}
.menu--viola .menu__link {
position: relative;
display: block;
text-align: center;
color: #929292;
-webkit-transition: color 0.4s;
transition: color 0.4s;
}
.menu--viola .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--viola .menu__item::before,
.menu--viola .menu__item::after,
.menu--viola .menu__link::before,
.menu--viola .menu__link::after {
content: '';
position: absolute;
background: #d94f5c;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.menu--viola .menu__item::before,
.menu--viola .menu__item::after {
top: 0;
width: 2px;
height: 100%;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}
.menu--viola .menu__item::before {
left: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.menu--viola .menu__item::after {
right: 0;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.menu--viola .menu__link::before,
.menu--viola .menu__link::after {
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
.menu--viola .menu__link::before {
top: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.menu--viola .menu__link::after {
bottom: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.menu--viola .menu__item--current::before,
.menu--viola .menu__item--current::after,
.menu--viola .menu__item--current .menu__link::before,
.menu--viola .menu__item--current .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
} .menu--antonio .menu__item {
position: relative;
}
.menu--antonio .menu__link {
position: relative;
display: block;
min-width: 110px;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.menu--antonio .menu__link:hover,
.menu--antonio .menu__link:focus {
color: #929292;
}
.menu--antonio .menu__item--current .menu__link {
color: #d94f5c;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.menu--antonio .menu__item::before,
.menu--antonio .menu__item::after,
.menu--antonio .menu__link::before,
.menu--antonio .menu__link::after {
content: '';
position: absolute;
background: #d94f5c;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.menu--antonio .menu__item::before,
.menu--antonio .menu__item::after {
top: 0;
width: 4px;
height: 100%;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}
.menu--antonio .menu__item::before {
left: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.menu--antonio .menu__item::after {
right: 0;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.menu--antonio .menu__link::before,
.menu--antonio .menu__link::after {
left: 0;
width: 100%;
height: 4px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
.menu--antonio .menu__link::before {
top: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.menu--antonio .menu__link::after {
bottom: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.menu--antonio .menu__item--current::before,
.menu--antonio .menu__item--current::after,
.menu--antonio .menu__item--current .menu__link::before,
.menu--antonio .menu__item--current .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.menu--antonio .menu__item--current::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.menu--antonio .menu__item--current .menu__link::before {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.menu--antonio .menu__item--current .menu__link::after {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
} .menu--miranda .menu__item {
position: relative;
margin: 1em;
}
.menu--miranda .menu__link {
position: relative;
display: block;
min-width: 120px;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.menu--miranda .menu__link:hover,
.menu--miranda .menu__link:focus {
color: #929292;
}
.menu--miranda .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--miranda .menu__item::before,
.menu--miranda .menu__item::after,
.menu--miranda .menu__link::before,
.menu--miranda .menu__link::after {
content: '';
position: absolute;
background: #d94f5c;
-webkit-transition: -webkit-transform 0.1s;
transition: transform 0.1s;
-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
} .menu--miranda .menu__item::before,
.menu--miranda .menu__item::after {
top: 0;
width: 2px;
height: 100%;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
} .menu--miranda .menu__item::before {
left: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
} .menu--miranda .menu__item::after {
right: 0;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
} .menu--miranda .menu__link::before,
.menu--miranda .menu__link::after {
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
} .menu--miranda .menu__link::before {
top: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
} .menu--miranda .menu__link::after {
bottom: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}   .menu--miranda .menu__item .menu__link::after {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.menu--miranda .menu__item--current .menu__link::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .menu--miranda .menu__item::before {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.menu--miranda .menu__item--current::before {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
} .menu--miranda .menu__item .menu__link::before {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.menu--miranda .menu__item--current .menu__link::before {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
} .menu--miranda .menu__item--current::after {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.menu--miranda .menu__item--current::before,
.menu--miranda .menu__item--current::after,
.menu--miranda .menu__item--current .menu__link::before,
.menu--miranda .menu__item--current .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .menu--ariel .menu__item {
position: relative;
margin: 0.5em 1em;
}
.menu--ariel .menu__link {
line-height: 1.15;
position: relative;
display: block;
min-width: 110px;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.menu--ariel .menu__link:hover,
.menu--ariel .menu__link:focus {
color: #929292;
}
.menu--ariel .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--ariel .menu__item::before,
.menu--ariel .menu__item::after,
.menu--ariel .menu__link::before,
.menu--ariel .menu__link::after {
content: '';
position: absolute;
background: #d94f5c;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.44, 0.05, 0.55, 0.95);
transition-timing-function: cubic-bezier(0.44, 0.05, 0.55, 0.95);
}
.menu--ariel .menu__item::before,
.menu--ariel .menu__item::after {
top: 0;
width: 4px;
height: 100%;
-webkit-transform: scale3d(0.1, 0, 1);
transform: scale3d(0.1, 0, 1);
} .menu--ariel .menu__item::before {
left: 0;
} .menu--ariel .menu__item::after {
right: 0;
}
.menu--ariel .menu__link::before,
.menu--ariel .menu__link::after {
left: 0;
width: 100%;
height: 4px;
-webkit-transform: scale3d(0, 0.1, 1);
transform: scale3d(0, 0.1, 1);
} .menu--ariel .menu__link::before {
top: 0;
} .menu--ariel .menu__link::after {
bottom: 0;
}
.menu--ariel .menu__item--current::before,
.menu--ariel .menu__item--current::after,
.menu--ariel .menu__item--current .menu__link::before,
.menu--ariel .menu__item--current .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .menu--caliban .menu__item {
margin: 0.5em 0;
}
.menu--caliban .menu__link {
position: relative;
display: block;
width: 140px;
margin: 0 1em;
color: #b5b5b5;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-align: center;
}
.menu--caliban .menu__link:hover,
.menu--caliban .menu__link:focus {
color: #929292;
}
.menu--caliban .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--caliban .menu__link::before,
.menu--caliban .menu__link::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid #d94f5c;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
background: transparent !important;
}
.menu--caliban .menu__link::before {
border-width: 0 2px;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.menu--caliban .menu__link::after {
border-width: 2px 0;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.menu--caliban .menu__item--current .menu__link::before,
.menu--caliban .menu__item--current .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .menu--ferdinand .menu__link {
position: relative;
display: block;
margin: 0 1.5em;
padding: 0.65em 0;
text-align: center;
color: #b5b5b5;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.menu--ferdinand .menu__link:hover,
.menu--ferdinand .menu__link:focus {
color: #929292;
}
.menu--ferdinand .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--ferdinand .menu__link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #d94f5c;
-webkit-transform: scale3d(0, 5, 1);
transform: scale3d(0, 5, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.menu--ferdinand .menu__item--current .menu__link::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .menu--adrian .menu__item {
margin: 0 1em;
}
.menu--adrian .menu__link {
position: relative;
overflow: hidden;
width: 130px;
padding: 1em 0;
color: #b5b5b5;
}
.menu--adrian .menu__link:hover,
.menu--adrian .menu__link:focus {
color: #929292;
}
.menu--adrian .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--adrian .menu__link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 300%;
height: 50px;
opacity: 0;
-webkit-transform: translate3d(130px, 0, 0);
transform: translate3d(130px, 0, 0);
-webkit-transition: -webkit-transform 0s 0.3s, opacity 0.3s;
transition: transform 0s 0.3s, opacity 0.3s;
}
.menu--adrian .menu__item--current .menu__link::before {
opacity: 1;
-webkit-transform: translate3d(-260px, 0, 0);
transform: translate3d(-260px, 0, 0);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.menu--adrian .menu__helper {
display: block;
pointer-events: none;
}
.menu--adrian .menu__item--current .menu__helper {
-webkit-animation: anim-adrian 0.3s forwards;
animation: anim-adrian 0.3s forwards;
}
@-webkit-keyframes anim-adrian {
50% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes anim-adrian {
50% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} .menu--francisco .menu__item {
margin: 0 1.5em;
}
.menu--francisco .menu__link {
position: relative;
overflow: hidden; padding: 1em 0;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.menu--francisco .menu__link:hover,
.menu--francisco .menu__link:focus {
color: #929292;
}
.menu--francisco .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--francisco .menu__link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
opacity: 0;
background: #d94f5c;
-webkit-transform: translate3d(0, -1em, 0);
transform: translate3d(0, -1em, 0);
-webkit-transition: -webkit-transform 0s 0.3s, opacity 0.2s;
transition: transform 0s 0.3s, opacity 0.2s;
}
.menu--francisco .menu__item--current .menu__link::before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.1s;
transition: transform 0.3s, opacity 0.1s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.menu--francisco .menu__helper {
display: block;
pointer-events: none;
}
.menu--francisco .menu__item--current .menu__helper {
-webkit-animation: anim-francisco 0.3s forwards;
animation: anim-francisco 0.3s forwards;
}
@-webkit-keyframes anim-francisco {
50% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes anim-francisco {
50% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} .menu--trinculo .menu__item {
margin: 0 1.75em;
}
.menu--trinculo .menu__link {
position: relative;
padding: 1em 0.1em;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.menu--trinculo .menu__link:hover,
.menu--trinculo .menu__link:focus {
color: #929292;
}
.menu--trinculo .menu__link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
opacity: 0;
background: #d94f5c;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: -webkit-transform 0s 0.2s, opacity 0.2s;
transition: transform 0s 0.2s, opacity 0.2s;
}
.menu--trinculo .menu__item--current .menu__link::before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.2s, opacity 0.1s;
transition: transform 0.2s, opacity 0.1s;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.menu--trinculo .menu__helper {
display: block;
pointer-events: none;
}
.menu--trinculo .menu__item--current .menu__helper {
-webkit-animation: anim-trinculo 0.6s forwards;
animation: anim-trinculo 0.6s forwards;
}
@-webkit-keyframes anim-trinculo {
50% {
opacity: 0;
color: #929292;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
51% {
opacity: 0;
color: #d94f5c;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
75% {
opacity: 1;
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
opacity: 1;
color: #d94f5c;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes anim-trinculo {
50% {
opacity: 0;
color: #929292;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
51% {
opacity: 0;
color: #d94f5c;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
75% {
opacity: 1;
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
opacity: 1;
color: #d94f5c;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} .menu--stephano .menu__item {
position: relative;
margin: 0 1em;
}
.menu--stephano .menu__link {
position: relative;
min-width: 105px;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.menu--stephano .menu__link:hover,
.menu--stephano .menu__link:focus {
color: #929292;
}
.menu--stephano .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--stephano .menu__item::before,
.menu--stephano .menu__link::before,
.menu--stephano .menu__link::after {
content: '';
position: absolute;
bottom: 0;
width: 10px;
height: 2px;
opacity: 0;
background: #d94f5c;
} .menu--stephano .menu__link::before,
.menu--stephano .menu__link::after {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.menu--stephano .menu__item--current .menu__link::before,
.menu--stephano .menu__item--current .menu__link::after {
opacity: 1;
} .menu--stephano .menu__link::before {
left: 0;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.menu--stephano .menu__item--current .menu__link::before {
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
} .menu--stephano .menu__link::after {
right: 0;
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.menu--stephano .menu__item--current .menu__link::after {
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
} .menu--stephano .menu__item::before {
left: 0;
width: 100%;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.menu--stephano .menu__item--current::before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.1s;
transition: transform 0.3s, opacity 0.1s;
} .menu--iris .menu__item {
margin: 0 1em;
}
.menu--iris .menu__link {
position: relative;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.menu--iris .menu__link:hover,
.menu--iris .menu__link:focus {
color: #929292;
}
.menu--iris .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--iris .menu__link::before,
.menu--iris .menu__link::after {
content: '';
position: absolute;
width: 10px;
height: 10px;
opacity: 0;
border: 2px solid #d94f5c;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
background: transparent !important;
}
.menu--iris .menu__link::before {
top: 0;
left: 0;
border-width: 2px 0 0 2px;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0);
}
.menu--iris .menu__link::after {
right: 0;
bottom: 0;
border-width: 0 2px 2px 0;
-webkit-transform: translate3d(-10px, -10px, 0);
transform: translate3d(-10px, -10px, 0);
}
.menu--iris .menu__item--current .menu__link::before,
.menu--iris .menu__item--current .menu__link::after {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .menu--ceres .menu__item {
position: relative;
margin: 0 !important;
}
.menu--ceres .menu__link {
position: relative;
min-width: 115px;
height: 50px;
padding: 0;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s;
transition: color 0.3s;
line-height: 50px;
}
.menu--ceres .menu__link:hover,
.menu--ceres .menu__link:focus {
color: #929292;
}
.menu--ceres .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--ceres .menu__item::before,
.menu--ceres .menu__item::after,
.menu--ceres .menu__link::after {
content: '';
position: absolute;
bottom: 0;
background: #d94f5c;
}
.menu--ceres .menu__item::before,
.menu--ceres .menu__item::after {
width: 2px;
height: 100%;
opacity: 0;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transition: -webkit-transform 0s 0.1s, opacity 0.1s;
transition: transform 0s 0.1s, opacity 0.1s;
}
.menu--ceres .menu__item::before {
left: 0;
}
.menu--ceres .menu__item::after {
right: 0;
}
.menu--ceres .menu__item--current::before,
.menu--ceres .menu__item--current::after {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
} .menu--ceres .menu__link::after {
left: 0;
width: 100%;
height: 2px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.menu--ceres .menu__item--current .menu__link::after {
-webkit-transform: translate3d(0, -48px, 0);
transform: translate3d(0, -48px, 0);
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
} .menu--juno .menu__item {
position: relative;
overflow: hidden;
margin: 0.5em;
}
.menu--juno .menu__link {
position: relative;
z-index: 10;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.menu--juno .menu__link:hover,
.menu--juno .menu__link:focus {
color: #929292;
}
.menu--juno .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--juno .menu__item::before,
.menu--juno .menu__item::after,
.menu--juno .menu__link::before,
.menu--juno .menu__link::after {
content: '';
position: absolute;
pointer-events: none;
opacity: 0;
background: #d94f5c;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
} .menu--juno .menu__item::before,
.menu--juno .menu__item::after {
left: 0;
width: 100%;
height: 2px;
}
.menu--juno .menu__item::before {
top: 0;
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
}
.menu--juno .menu__item::after {
bottom: 0;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
} .menu--juno .menu__link::before,
.menu--juno .menu__link::after {
top: 0;
width: 2px;
height: 100%;
}
.menu--juno .menu__link::before {
left: 0;
-webkit-transform: translate3d(15px, 0, 0);
transform: translate3d(15px, 0, 0);
}
.menu--juno .menu__link::after {
right: 0;
-webkit-transform: translate3d(-15px, 0, 0);
transform: translate3d(-15px, 0, 0);
}
.menu--juno .menu__item--current::before,
.menu--juno .menu__item--current::after,
.menu--juno .menu__item--current .menu__link::before,
.menu--juno .menu__item--current .menu__link::after {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .menu--maria .menu__item {
position: relative;
display: inline-block;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center; margin: 0 1.25em;
text-align: center;
}
.menu--maria .menu__item::before {
content: '';
position: absolute;
top: 40px;
left: 50%;
width: 60px;
height: 4px;
margin-left: -15px;
background: #d94f5c;
-webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0, 1, 1) translateX(-50%);
transform: rotate3d(0, 0, 1, -45deg) scale3d(0, 1, 1) translateX(-50%);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
}
.menu--maria .menu__item.menu__item--current::before {
-webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
}
.menu--maria .menu__link {
position: relative;
color: #929292;
-webkit-transition: color 0.4s;
transition: color 0.4s;
}
.menu--maria .menu__link:hover,
.menu--maria .menu__link:focus {
color: #d94f5c;
}
.menu--maria .menu__item.menu__item--current .menu__link {
color: #333;
} .menu--valentine .menu__item {
position: relative;
margin: 0 1em;
}
.menu--valentine .menu__link {
position: relative;
display: block;
min-width: 105px;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.menu--valentine .menu__link:hover,
.menu--valentine .menu__link:focus {
color: #929292;
}
.menu--valentine .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--valentine .menu__item::before,
.menu--valentine .menu__item::after,
.menu--valentine .menu__link::before,
.menu--valentine .menu__link::after {
content: '';
position: absolute;
background: #d94f5c;
-webkit-transform-origin: 350% 350%;
transform-origin: 350% 350%;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.menu--valentine .menu__item::before,
.menu--valentine .menu__item::after {
top: 0;
width: 2px;
height: 100%;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
} .menu--valentine .menu__item::before {
left: 0;
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
} .menu--valentine .menu__item::after {
right: 0;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.menu--valentine .menu__link::before,
.menu--valentine .menu__link::after {
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
} .menu--valentine .menu__link::before {
top: 0;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
} .menu--valentine .menu__link::after {
bottom: 0;
}
.menu--valentine .menu__item--current::before,
.menu--valentine .menu__item--current::after,
.menu--valentine .menu__item--current .menu__link::before,
.menu--valentine .menu__item--current .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .menu--puck .menu__link {
position: relative;
display: block;
margin: 0 1em;
text-align: center;
color: #929292;
-webkit-transition: color 0.4s;
transition: color 0.4s;
}
.menu--puck .menu__link:hover,
.menu--puck .menu__link:focus {
color: #828282;
}
.menu--puck .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--puck .menu__link::before,
.menu--puck .menu__link::after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 7px;
background: #d94f5c;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.menu--puck .menu__link::before {
bottom: -5px;
height: 2px;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.menu--puck .menu__link::after {
bottom: 0;
}
.menu--puck .menu__item--current .menu__link::before,
.menu--puck .menu__item--current .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-timing-function: cubic-bezier(0, 1.54, 0.34, 1);
transition-timing-function: cubic-bezier(0, 1.54, 0.34, 1);
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
} .menu--titania .menu__item {
margin: 0;
}
.menu--titania .menu__link {
width: 120px;
height: 3em;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s 0.2s;
transition: color 0.3s 0.2s;
}
.menu--titania .menu__link:hover,
.menu--titania .menu__link:focus {
color: #929292;
}
.menu--titania .menu__item--current .menu__link {
color: #d94f5c;
-webkit-transition: color 0.7s 0.2s;
transition: color 0.7s 0.2s;
}
.menu--titania .menu__lines {
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 100%;
pointer-events: none;
border: 2px solid #d94f5c;
border-width: 2px 0;
-webkit-transition: -webkit-transform 0.5s 0.2s;
transition: transform 0.5s 0.2s;
-webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
-webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
} .menu--titania .menu__lines::before,
.menu--titania .menu__lines::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid #d94f5c;
border-width: 0 2px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
} .menu--titania .menu__lines::before {
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
} .menu--titania .menu__lines::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.2s ease 0.7s;
transition: transform 0.2s ease 0.7s;
}
.menu--titania .menu__item:active:not(.menu__item--current)~.menu__lines::before,
.menu--titania .menu__item:active:not(.menu__item--current)~.menu__lines::after {
-webkit-transition: -webkit-transform 0s;
transition: transform 0s;
}
.menu--titania .menu__item:active:not(.menu__item--current)~.menu__lines::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.menu--titania .menu__item:active:not(.menu__item--current)~.menu__lines::after {
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}
.menu--titania .menu__item:nth-child(1).menu__item--current~.menu__lines {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.menu--titania .menu__item:nth-child(2).menu__item--current~.menu__lines {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.menu--titania .menu__item:nth-child(3).menu__item--current~.menu__lines {
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0);
}
.menu--titania .menu__item:nth-child(4).menu__item--current~.menu__lines {
-webkit-transform: translate3d(300%, 0, 0);
transform: translate3d(300%, 0, 0);
}
.menu--titania .menu__item:nth-child(5).menu__item--current~.menu__lines {
-webkit-transform: translate3d(400%, 0, 0);
transform: translate3d(400%, 0, 0);
}
@media screen and (max-width:55em) {
.menu--titania .menu__lines {
height: 20%;
border-width: 0 2px;
} .menu--titania .menu__lines::before,
.menu--titania .menu__lines::after {
border-width: 2px 0;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.menu--titania .menu__lines::before {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
.menu--titania .menu__item:active:not(.menu__item--current)~.menu__lines::after {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
.menu--titania .menu__item:nth-child(1).menu__item--current~.menu__lines {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.menu--titania .menu__item:nth-child(2).menu__item--current~.menu__lines {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.menu--titania .menu__item:nth-child(3).menu__item--current~.menu__lines {
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);
}
.menu--titania .menu__item:nth-child(4).menu__item--current~.menu__lines {
-webkit-transform: translate3d(0, 300%, 0);
transform: translate3d(0, 300%, 0);
}
.menu--titania .menu__item:nth-child(5).menu__item--current~.menu__lines {
-webkit-transform: translate3d(0, 400%, 0);
transform: translate3d(0, 400%, 0);
}
} .menu--bagot .menu__item {
position: relative;
}
.menu--bagot .menu__link {
position: relative;
min-width: 7rem;
height: 50px;
padding: 1em 1.5em;
text-align: center;
opacity: 0.7;
color: #929292;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.menu--bagot .menu__item::before,
.menu--bagot .menu__item::after {
content: '';
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #d94f5c;
border-style: solid;
-webkit-transition: -webkit-transform 0.2s cubic-bezier(1, 0.6, 0, 1);
transition: transform 0.2s cubic-bezier(1, 0.6, 0, 1);
}
.menu--bagot .menu__item::before {
border-width: 2px 0 0;
-webkit-transform: translateY(calc(100% - 2px));
transform: translateY(calc(100% - 2px));
}
.menu--bagot .menu__item::after {
right: -1px;
left: -1px; border-width: 0 2px;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.menu--bagot .menu__item.menu__item--current::before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22);
transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22);
}
.menu--bagot .menu__item.menu__item--current::after {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22);
transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22);
}
.menu--bagot .menu__item--current .menu__link,
.menu--bagot .menu__link:hover,
.menu--bagot .menu__link:focus {
opacity: 1;
}
.menu--bagot .menu__item--current .menu__link {
color: #d94f5c;
}
@media screen and (max-width:55em) {
.menu--bagot .menu__item {
margin: 0;
}
.menu--bagot .menu__item::before {
border-width: 0 2px 0 0;
-webkit-transform: translateX(calc(2px - 100%));
transform: translateX(calc(2px - 100%));
}
.menu--bagot .menu__item::after {
top: -1px;
right: 0;
bottom: -1px;
left: 0;
border-width: 2px 0;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
} .menu--shylock .menu__link {
position: relative;
margin: 0 1em;
padding-right: 0;
padding-left: 0;
color: #b5b5b5;
-webkit-transition: color 0.4s;
transition: color 0.4s;
}
.menu--shylock .menu__item--current .menu__link,
.menu--shylock .menu__item--current .menu__link:hover,
.menu--shylock .menu__item--current .menu__link:focus {
color: #d94f5c;
}
.menu--shylock .menu__item--current .menu__link::after,
.menu--shylock .menu__item--current .menu__link::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.menu--shylock .menu__item--current .menu__link::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.menu--shylock .menu__link:hover,
.menu--shylock .menu__link:focus {
color: #b5b5b5;
}
.menu--shylock .menu__link:hover::before,
.menu--shylock .menu__link:focus::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.menu--shylock .menu__link::before,
.menu--shylock .menu__link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: center left;
transform-origin: center left;
-webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.menu--shylock .menu__link::before {
background: #b5b5b5;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.menu--shylock .menu__link::after {
background: #d94f5c;
} .menu--cordelia .menu__item {
position: relative;
}
.menu--cordelia .menu__link {
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.menu--cordelia .menu__item--current .menu__link {
color: #d94f5c;
-webkit-transition: color 0.6s;
transition: color 0.6s;
}
.menu--cordelia .menu__item::before,
.menu--cordelia .menu__item::after {
content: '';
position: absolute;
z-index: 10;
width: 100%;
height: 2px;
background: #d94f5c;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-animation-fill-mode: initial;
animation-fill-mode: initial;
}
.menu--cordelia .menu__item::before {
top: 0;
right: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.menu--cordelia .menu__item::after {
bottom: 0;
left: 0;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.menu--cordelia .menu__item--current::before {
-webkit-animation: anim-cordelia-top 0.6s linear both;
animation: anim-cordelia-top 0.6s linear both;
}
.menu--cordelia .menu__item--current::after {
-webkit-animation: anim-cordelia-bottom 0.6s linear both;
animation: anim-cordelia-bottom 0.6s linear both;
}
@-webkit-keyframes anim-cordelia-top {
0% {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
10% {
-webkit-transform: scale3d(0.05, 1, 1);
transform: scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1);
transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
}
@keyframes anim-cordelia-top {
0% {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
10% {
-webkit-transform: scale3d(0.05, 1, 1);
transform: scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1);
transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
}
@-webkit-keyframes anim-cordelia-bottom {
0% {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
10% {
-webkit-transform: scale3d(0.05, 1, 1);
transform: scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1);
transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
}
@keyframes anim-cordelia-bottom {
0% {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
10% {
-webkit-transform: scale3d(0.05, 1, 1);
transform: scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1);
transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
} .menu--horatio .menu__item {
margin-left: 3px;
margin-right: 3px;
color: #4e3c3e;
}
.menu--horatio .menu__item {
position: relative;
-webkit-transition: color .25s;
transition: color .25s;
}
.menu--horatio .menu__item a {
position: relative;
color: inherit;
}
.menu--horatio .menu__item--current {
color: #b5b5b5;
}
.menu--horatio .menu__item:hover {
color: #d94f5c;
}
.menu--horatio .menu__item::before,
.menu--horatio .menu__item::after,
.menu--horatio .menu__item a::before,
.menu--horatio .menu__item a::after {
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid currentColor;
}
.menu--horatio .menu__item::before {
border-width: 0 0 0 2px;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
.menu--horatio .menu__item::after {
border-width: 0 2px 0 0;
-webkit-transform-origin: right top;
transform-origin: right top;
}
.menu--horatio .menu__item a::before,
.menu--horatio .menu__item a::after {
z-index: 2;
}
.menu--horatio .menu__item a::before {
border-width: 2px 0 0;
-webkit-transform-origin: left top;
transform-origin: left top;
}
.menu--horatio .menu__item a::after {
border-width: 0 0 2px;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
.menu--horatio .menu__item--current::before,
.menu--horatio .menu__item--current::after,
.menu--horatio .menu__item:hover::before,
.menu--horatio .menu__item:hover::after,
.menu--horatio .menu__item--current a::before,
.menu--horatio .menu__item--current a::after,
.menu--horatio .menu__item:hover a::before,
.menu--horatio .menu__item:hover a::after {
content: '';
background-color: transparent !important;
}
.menu--horatio .menu__item:not(.menu__item--current):hover::before,
.menu--horatio .menu__item:not(.menu__item--current):hover::after,
.menu--horatio .menu__item:not(.menu__item--current):hover a::before,
.menu--horatio .menu__item:not(.menu__item--current):hover a::after {
-webkit-animation: horatio-anim .6s ease-in-out;
animation: horatio-anim .6s ease-in-out;
}
.menu--horatio .menu__item:not(.menu__item--current):hover::before {
-webkit-animation-delay: -.45s;
animation-delay: -.45s;
}
.menu--horatio .menu__item:not(.menu__item--current):hover a::before {
-webkit-animation-delay: -.3s;
animation-delay: -.3s;
}
.menu--horatio .menu__item:not(.menu__item--current):hover::after {
-webkit-animation-delay: -.15s;
animation-delay: -.15s;
}
.menu--horatio .menu__item:not(.menu__item--current):hover a::after {
-webkit-animation-delay: 0;
animation-delay: 0;
}
@-webkit-keyframes horatio-anim {
0%,
33% {
opacity: 0;
-webkit-transform: rotate(45deg) scale(1.5);
transform: rotate(45deg) scale(1.5);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes horatio-anim {
0%,
33% {
opacity: 0;
-webkit-transform: rotate(45deg) scale(1.5);
transform: rotate(45deg) scale(1.5);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}  .menu--luce .menu__item {
position: relative;
margin: 1em;
}
.menu--luce .menu__link {
position: relative;
display: block;
min-width: 120px;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.6s;
transition: color 0.6s;
}
.menu--luce .menu__link:hover,
.menu--luce .menu__link:focus {
color: #929292;
}
.menu--luce .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--luce .menu__item::before,
.menu--luce .menu__item::after,
.menu--luce .menu__link::before,
.menu--luce .menu__link::after {
content: '';
position: absolute;
background: #b5b5b5;
-webkit-transition: -webkit-transform 0.25s, background .75s;
transition: transform 0.25s, background .75s;
-webkit-transition-timing-function: cubic-bezier(1, 0.53, 0.79, 0.68);
transition-timing-function: cubic-bezier(1, 0.53, 0.79, 0.68);
} .menu--luce .menu__item::before,
.menu--luce .menu__item::after {
top: 0;
width: 2px;
height: 100%;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
} .menu--luce .menu__item::before {
left: 0;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
} .menu--luce .menu__item::after {
right: 0;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
} .menu--luce .menu__link::before,
.menu--luce .menu__link::after {
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
} .menu--luce .menu__link::before {
top: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
} .menu--luce .menu__link::after {
bottom: 0;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}   .menu--luce .menu__item .menu__link::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.menu--luce .menu__item--current .menu__link::after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
} .menu--luce .menu__item::before {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.menu--luce .menu__item--current::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .menu--luce .menu__item .menu__link::before {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.menu--luce .menu__item--current .menu__link::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .menu--luce .menu__item--current::after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.menu--luce .menu__item--current::before,
.menu--luce .menu__item--current::after,
.menu--luce .menu__item--current .menu__link::before,
.menu--luce .menu__item--current .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
background: #d94f5c;
}  .menu--juliet .menu__item {
position: relative;
-webkit-transition: color .25s;
transition: color .25s;
}
.menu--juliet .menu__item::before,
.menu--juliet .menu__item::after,
.menu--juliet .menu__item--current::before,
.menu--juliet .menu__item--current::after {
position: absolute;
left: 50%;
width: 0;
height: 0;
border: solid transparent;
content: '';
pointer-events: none;
top: 100% !important;
}
.menu--juliet .menu__item::before,
.menu--juliet .menu__item::after {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: left left;
transform-origin: left left;
-webkit-transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
background: transparent !important;
}
.menu--juliet .menu__item--current::before,
.menu--juliet .menu__item--current::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.menu--juliet .menu__item:hover::before,
.menu--juliet .menu__item:hover::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.menu--juliet .menu__item::before {
top: 100%;
margin-left: -9px;
border-width: 10px;
border-top-color: #b5b5b5;
}
.menu--juliet .menu__item--current::before {
margin-left: -9px;
border-width: 10px;
border-top-color: #d94f5c;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
.menu--juliet .menu__item::after,
.menu--juliet .menu__item--current::after {
top: 94%;
margin-left: -5px;
border-width: 6px;
border-top-color: #2a282b;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
.menu--juliet .menu__link {
position: relative;
margin: 0 1em;
padding-right: 0;
padding-left: 0;
color: #b5b5b5;
-webkit-transition: color 0.4s;
transition: color 0.4s;
}
.menu--juliet .menu__item--current .menu__link,
.menu--juliet .menu__item--current .menu__link:hover,
.menu--juliet .menu__item--current .menu__link:focus {
color: #d94f5c;
}
.menu--juliet .menu__item--current .menu__link::after,
.menu--juliet .menu__item--current .menu__link::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.menu--juliet .menu__item--current .menu__link::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.menu--juliet .menu__link:hover,
.menu--juliet .menu__link:focus {
color: #b5b5b5;
}
.menu--juliet .menu__item:hover .menu__link::before,
.menu--juliet .menu__item:focus .menu__link::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.menu--juliet .menu__link::before,
.menu--juliet .menu__link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: center left;
transform-origin: center left;
-webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.menu--juliet .menu__link::before {
background: #b5b5b5;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.menu--juliet .menu__link::after {
background: #d94f5c;
}  .menu--invulner .menu__link {
position: relative;
-webkit-transition: color .4s ease-in;
transition: color .4s ease-in;
}
.menu--invulner .menu__item--current .menu__link {
color: #d94f5c;
}
.menu--invulner .menu__link::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 0;
height: 0;
border-radius: 100%;
border: 2px solid #d94f5c;
-webkit-transition: all .5s cubic-bezier(.52, .27, .4, 1.52);
transition: all .5s cubic-bezier(.52, .27, .4, 1.52);
opacity: 0;
background-color: transparent !important;
}
.menu--invulner .menu__item--current .menu__link::before {
left: 0;
top: 0;
margin-top: 0;
margin-left: 0;
width: 100%;
height: 100%;
border-radius: 0;
opacity: 1;
}  .menu--tantalid .menu__link {
color: #929292;
position: relative;
-webkit-transition: color .4s ease-in;
transition: color .4s ease-in;
}
.menu--tantalid .menu__link:hover {
color: #fff;
}
.menu--tantalid .menu__item--current .menu__link {
color: #d94f5c;
overflow: visible;
}
.menu--tantalid .menu__link::before,
.menu--tantalid .menu__link::after {
content: '';
position: absolute;
width: 100px;
height: 100px;
opacity: 0;
border: 2px solid #d94f5c;
-webkit-transition: -webkit-transform 0.4s, opacity 0.3s, width 0.4s;
transition: transform .4s, opacity 0.3s, width .4s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
background-color: transparent !important;
}
.menu--tantalid .menu__link::before {
top: 0;
left: 0;
border-width: 2px 0 0 2px;
-webkit-transform: translate3d(-150%, 70%, 0) rotate(-30deg);
transform: translate3d(-150%, 70%, 0) rotate(-30deg);
}
.menu--tantalid .menu__link::after {
right: 0;
bottom: 0;
border-width: 0 2px 2px 0;
-webkit-transform: translate3d(150%, -70%, 0) rotate(-30deg);
transform: translate3d(150%, -70%, 0) rotate(-30deg);
}
.menu--tantalid .menu__item--current .menu__link::before,
.menu--tantalid .menu__item--current .menu__link::after {
width: 80%;
height: 80%;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg);
transform: translate3d(0, 0, 0) rotate(0deg);
}  @media screen and (max-width:55em) {
.menu__list {
display: block;
margin: 0 auto;
}
} .filter-by-wrapper span {
color: #000;
}
.filter-by-wrapper.opened span:after {
border-color: transparent transparent #000 transparent;
}
.filter-by-wrapper span:after {
border-color: #000 transparent transparent transparent;
} .modula-album .modula-items .modula-item.effect-under {
display: flex;
flex-direction: column;
}
.modula.modula-album.modula-custom-grid .modula-items .modula-item.effect-under .modula-item-content {
height: auto;
max-height: 50%;
}
.modula-album .modula-items .modula-item.effect-under .modula-item-image-container {
flex-grow: 1;
width: 100%;
position: relative;
overflow: hidden;
}
.modula-album .modula-items .modula-item.effect-under .figc {
height: auto !important;
text-align: left;
position: relative;
}
.modula-album .modula-items .modula-item.effect-under .figc-inner {
width: 100%;
}
.modula-album .modula-items .modula-item.effect-under .figc .jtg-social {
right: auto;
position: relative;
bottom: auto;
text-align: left;
}
.modula-album .modula-items .modula-item.effect-under .jtg-social a {
opacity: 1;
}
.modula-album .modula-items .modula-item.effect-under h2:before {
display: none;
} .modula-album.modula-custom-grid .modula-items .modula-item.effect-under .modula-item-image-container {
flex-grow: 1;
width: 100%;
position: relative;
overflow: hidden;
}
.modula-album.modula-custom-grid .modula-items .modula-item.effect-under .figc {
height: auto !important;
text-align: left;
position: relative;
max-height: 100%;
overflow-y: auto;
}
.modula-album.modula-custom-grid .modula-items .modula-item.effect-under .figc-inner {
box-sizing: border-box;
width: 100%;
}
.modula-album.modula-custom-grid .modula-items .modula-item.effect-under h2:before {
display: none;
} .modula-album .modula-items .modula-item.effect-julia .figc,
.modula-album .modula-items .modula-item.effect-selena .figc,
.modula-album .modula-items .modula-item.effect-phoebe .figc,
.modula-album .modula-items .modula-item.effect-apollo .figc,
.modula-album .modula-items .modula-item.effect-steve .figc,
.modula-album .modula-items .modula-item.effect-jazz .figc,
.modula-album .modula-items .modula-item.effect-ming .figc,
.modula-album .modula-items .modula-item.effect-lexi .figc,
.modula-album .modula-items .modula-item.effect-duke .figc,
.modula-album .modula-items .modula-item.effect-sarah .figc {
padding: 2em;
}
.modula-album .modula-items .modula-item.effect-ming .figc-inner,
.modula-album .modula-items .modula-item.effect-chico .figc-inner {
width: 100%;
padding: 1em;
box-sizing: border-box;
}
.modula-album .modula-item.effect-phoebe .figc-inner,
.modula-album .modula-item.effect-jazz .figc-inner,
.modula-album .modula-item.effect-lexi .figc-inner,
.modula-album .modula-item.effect-duke .figc-inner,
.modula-album .modula-item.effect-apollo .figc-inner {
width: 100%;
height: 100%;
}
.modula-album .modula-item.effect-milo h2:before {
display: none;
} .modula-album .modula-items .modula-item.effect-fluid-up .figc .jtg-title:before,
.modula-album .modula-items .modula-item.effect-hide .figc .jtg-title:before,
.modula-album .modula-items .modula-item.effect-quiet .figc .jtg-title:before,
.modula-album .modula-items .modula-item.effect-reflex .figc .jtg-title:before,
.modula-album .modula-items .modula-item.effect-curtain .figc .jtg-title:before,
.modula-album .modula-items .modula-item.effect-lens .figc .jtg-title:before,
.modula-album .modula-items .modula-item.effect-appear .figc .jtg-title:before,
.modula-album .modula-items .modula-item.effect-crafty .figc .jtg-title:before,
.modula-album .modula-items .modula-item.effect-seemo .figc .jtg-title:before,
.modula-album .modula-items .modula-item.effect-comodo .figc .jtg-title:before,
.modula-album .modula-items .modula-item.effect-pufrobo .figc .jtg-title:before {
display: none;
} .modula-album .modula-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.modula-album .modula-row:after {
display: table;
content: " ";
}
.modula-album .modula-row:after {
clear: both;
}
.modula-album .modula-row {
margin-right: -15px;
margin-left: -15px;
}
.modula-album .modula-col-1,
.modula-album .modula-col-2,
.modula-album .modula-col-3,
.modula-album .modula-col-4,
.modula-album .modula-col-5,
.modula-album .modula-col-6 {
position: relative;
min-height: 1px;
padding: 15px;
}
body .modula-album .modula-items .modula-item {
position: relative;
}
body .modula-album .modula-items .modula-col-1 {
width: 100%;
}
body .modula-album .modula-items .modula-col-2 {
width: 50%;
}
body .modula-album .modula-items .modula-col-3 {
width: 33.33333333%;
}
body .modula-album .modula-items .modula-col-4 {
width: 25%;
}
body .modula-album .modula-items .modula-col-5 {
width: 20%;
}
body .modula-album .modula-items .modula-col-6 {
width: 16.66%;
}
@media screen and (max-width: 960px) {
body .modula-album .modula-items .modula-t-col-1 {
width: 100%;
}
body .modula-album .modula-items .modula-t-col-2 {
width: 50%;
}
body .modula-album .modula-items .modula-t-col-3 {
width: 33.33%;
}
body .modula-album .modula-items .modula-t-col-4 {
width: 25%;
}
body .modula-album .modula-items .modula-t-col-5 {
width: 20%;
}
body .modula-album .modula-items .modula-t-col-6 {
width: 16.66%;
}
}
@media screen and (max-width: 576px) {
body .modula-album .modula-items .modula-m-col-1 {
width: 100%;
}
body .modula-album .modula-items .modula-m-col-2 {
width: 50%;
}
body .modula-album .modula-items .modula-m-col-3 {
width: 33.33%;
}
body .modula-album .modula-items .modula-m-col-4 {
width: 25%;
}
body .modula-album .modula-items .modula-m-col-5 {
width: 20%;
}
body .modula-album .modula-items .modula-m-col-6 {
width: 16.66%;
}
}
.modula-album .modula-album h2.jtg-title:before,
.modula-album .modula-album h2.jtg-title:after {
content: none;
} .modula-album .modula-item {
background: transparent;
}
body .modula-album .modula-items {
width: 100%;
}
.modula-album .modula-items .modula-item .figc {
height: 100%;
top: 0;
}
.modula-album span.image_count {
position: relative;
} .modula-album .modula-items .modula-item a.gallery-link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
p.image_count {
text-align: center;
} .modula-album .modula-items .modula-item.effect-seemo:hover img.pic,
.modula-album .modula-items .modula-item.effect-seemo:hover picture.pic {
transform: scale(1.3, 1.3) !important;
}
.modula-album .modula-items .modula-item.effect-lily img.pic,
.modula-album .modula-items .modula-item.effect-lily picture.pic {
width: calc(100% + 40px);
}
.modula-album .modula-items .modula-item.effect-layla img.pic,
.modula-album .modula-items .modula-item.effect-layla picture.pic {
margin-bottom: -30px;
height: auto;
}
.modula-album .modula-items .modula-item.effect-sarah img.pic,
.modula-album .modula-items .modula-item.effect-sarah picture.pic,
.modula-album .modula-items .modula-item.effect-milo img.pic,
.modula-album .modula-items .modula-item.effect-milo picture.pic {
width: calc(100% + 20px);
}
.modula-album .modula-items .modula-item.effect-lexi img.pic,
.modula-album .modula-items .modula-item.effect-lexi picture.pic {
transform: translate3d(0px, 0px, 0);
}
.modula-album .modula-items .modula-item.effect-lexi:hover img.pic,
.modula-album .modula-items .modula-item.effect-lexi:hover picture.pic {
transform: translate3d(10px, 10px, 0);
}
.modula-album .modula-items .modula-item.effect-winston img.pic,
.modula-album .modula-items .modula-item.effect-winston picture.pic {
width: calc(100% + 40px);
}
.modula-album .modula-items .modula-item.effect-julia p.description,
.modula-album .modula-items .modula-item.effect-julia .jtg-description {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transform: translate3d(-620%, 0, 0);
}
.modula-album .modula-items .modula-item.effect-julia:hover p.description,
.modula-album .modula-items .modula-item.effect-julia:hover .jtg-description {
transform: translate3d(0, 0, 0);
}
.modula-album .modula-items .modula-item.effect-winston a {
margin: 0 auto;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-appear:hover .figc:before {
transform: translate3d(0px, -10px, 0);
}
.modula-album.modula-gallery .modula-items .modula-item.effect-lily .figc .jtg-social {
right: 30px;
position: absolute;
bottom: 20px;
text-align: right;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-honey,
.modula-album.modula-gallery .modula-items .modula-item.effect-layla,
.modula-album.modula-gallery .modula-items .modula-item.effect-oscar,
.modula-album.modula-gallery .modula-items .modula-item.effect-ruby,
.modula-album.modula-gallery .modula-items .modula-item.effect-roxy,
.modula-album.modula-gallery .modula-items .modula-item.effect-bubba,
.modula-album.modula-gallery .modula-items .modula-item.effect-dexter,
.modula-album.modula-gallery .modula-items .modula-item.effect-sarah,
.modula-album.modula-gallery .modula-items .modula-item.effect-chico,
.modula-album.modula-gallery .modula-items .modula-item.effect-milo,
.modula-album.modula-gallery .modula-items .modula-item.effect-julia,
.modula-album.modula-gallery .modula-items .modula-item.effect-hera,
.modula-album.modula-gallery .modula-items .modula-item.effect-winston,
.modula-album.modula-gallery .modula-items .modula-item.effect-terry,
.modula-album.modula-gallery .modula-items .modula-item.effect-phoebe,
.modula-album.modula-gallery .modula-items .modula-item.effect-apollo,
.modula-album.modula-gallery .modula-items .modula-item.effect-steve,
.modula-album.modula-gallery .modula-items .modula-item.effect-steve:before,
.modula-album.modula-gallery .modula-items .modula-item.effect-jazz,
.modula-album.modula-gallery .modula-items .modula-item.effect-ming,
.modula-album.modula-gallery .modula-items .modula-item.effect-lexi,
.modula-album.modula-gallery .modula-items .modula-item.effect-duke {
background: transparent;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-honey .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-layla .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-oscar .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-ruby .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-roxy .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-bubba .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-dexter .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-sarah .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-chico .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-milo .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-julia .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-hera .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-winston .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-terry .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-phoebe .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-apollo .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-steve .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-jazz .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-ming .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-lexi .figc,
.modula-album.modula-gallery .modula-items .modula-item.effect-duke .figc {
overflow: hidden;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-honey a.gallery-link {
background: #4a3753;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-layla a.gallery-link {
background: #18a367;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-ruby a.gallery-link {
background: #17819c;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-roxy a.gallery-link {
background: -webkit-linear-gradient(45deg, #ff89e9 0, #05abe0 100%);
background: linear-gradient(45deg,
#ff89e9 0, #05abe0 100%);
}
.modula-album.modula-gallery .modula-items .modula-item.effect-oscar a.gallery-link {
background: -webkit-linear-gradient(45deg, #22682a 0, #9b4a1b 40%, #3a342a 100%);
background: linear-gradient(45deg,
#22682a 0, #9b4a1b 40%, #3a342a 100%);
}
.modula-album.modula-gallery .modula-items .modula-item.effect-bubba a.gallery-link {
background: #9e5406;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-dexter a.gallery-link {
background: -webkit-linear-gradient(top, rgba(37, 141, 200, 1) 0, rgba(104, 60, 19, 1) 100%);
background: linear-gradient(to bottom,
rgba(37, 141, 200, 1) 0, rgba(104, 60, 19, 1) 100%);
}
.modula-album.modula-gallery .modula-items .modula-item.effect-sarah a.gallery-link {
background: #42b078;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-chico a.gallery-link {
background: #000;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-milo .figc-inner {
width: 100%;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-milo a.gallery-link {
background: #2e5d5a;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-hera a.gallery-link {
background: #303fa9;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-julia a.gallery-link {
background: #2f3238;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-winston a.gallery-link {
background: #162633;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-terry a.gallery-link {
background: #34495e;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-phoebe a.gallery-link {
background: #675983;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-apollo a.gallery-link {
background: #3498db;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-steve a.gallery-link {
background: #000;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-jazz a.gallery-link {
background: -webkit-linear-gradient(-45deg, #f3cf3f 0, #f33f58 100%);
background: linear-gradient(-45deg,
#f3cf3f 0, #f33f58 100%);
}
.modula-album.modula-gallery .modula-items .modula-item.effect-ming a.gallery-link {
background: #030c17;
}
.modula-album.modula-gallery .modula-items .modula-item.effect-lexi a.gallery-link {
background: -webkit-linear-gradient(-45deg, #000 0, #fff 100%);
background: linear-gradient(-45deg,
#000 0, #fff 100%);
}
.modula-album.modula-gallery .modula-items .modula-item.effect-lexi img.pic,
.modula-album.modula-gallery .modula-items .modula-item.effect-lexi picture.pic {
transform: translate3d(-20px, -20px, 0);
}
.modula-album.modula-gallery .modula-items .modula-item.effect-lexi:hover img.pic,
.modula-album.modula-gallery .modula-items .modula-item.effect-lexi:hover picture.pic {
transform: translate3d(0px, 0px, 0);
}
.modula-album.modula-gallery .modula-items .modula-item.effect-duke a.gallery-link {
background: -webkit-linear-gradient(-45deg, #34495e 0, #cc6055 100%);
background: linear-gradient(-45deg,
#34495e 0, #cc6055 100%);
} .modula-album .modula-items .modula-col-1 .modula-item,
.modula-album .modula-items .modula-col-2 .modula-item,
.modula-album .modula-items .modula-col-3 .modula-item,
.modula-album .modula-items .modula-col-4 .modula-item,
.modula-album .modula-items .modula-col-5 .modula-item,
.modula-album .modula-items .modula-col-6 .modula-item {
width: max-content;
} .modula-album .modula-items .modula-item picture.pic,
.modula-album .modula-items .modula-item img.pic {
position: relative;
}
.modula.modula-album.modula-custom-grid .modula-items .modula-item .modula-item-content {
height: 100%;
}
.modula.modula-album.modula-grid .modula-items .modula-item picture.pic img,
.modula.modula-album.modula-grid .modula-items .modula-item img.pic {
max-width: 100%;
margin: 0 auto;
object-fit: cover;
}
.modula-album:not(.modula-album-initialized)>.modula-items {
visibility: hidden;
} .modula-album-button{
display: inline-flex;
align-items: center;
gap: 5px;
}
.modula-album-button.modula-next-album-button {
margin-left: auto;
}
.modula-albums-navigation-buttons {
display: flex;
width: 100%;
justify-content: space-between;
}