#stacks_in_50>.s3_row { margin: 0 -10px; } #stacks_in_50>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_50>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_50>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_50>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_50>.s3_row { margin: -10px 0; } #stacks_in_50>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* */ #stacks_in_50, #stacks_in_52, #stacks_in_50 .stacks_in, #stacks_in_50 .stacks_out { overflow: visible !important; } #album-stacks_in_51 { z-index: 1000; position: relative; } #album-stacks_in_51 .album-cover { margin: 20px; max-width: 300px; border-radius: 5px; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_51 .album-cover.cover-left { margin-right: auto; } #album-stacks_in_51 .album-cover.cover-right { margin-left: auto; } #album-stacks_in_51 .album-cover.cover-center { margin-left: auto; margin-right: auto; } #album-stacks_in_51 .album-cover:hover { /* */ cursor: pointer; -webkit-transform: translateY(-3px); transform: translateY(-3px); /* */ } #album-stacks_in_51 .album-cover:hover .album-cover-inner { /* */ box-shadow: none; /* */ } #album-stacks_in_51 .album-cover:hover .album-cover-image::after { /* */ opacity: 1; /* */ } #album-stacks_in_51 .album-cover:hover::before, #album-stacks_in_51 .album-cover:hover::after { /* */ -webkit-transform: rotate(0deg); transform: rotate(0deg); /* */ } #album-stacks_in_51 .album-cover::before, #album-stacks_in_51 .album-cover::after { content: ''; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; display: block; position: absolute; transition: all 0.3s; background: rgba(255, 255, 255, 0); border-radius: 5px; -webkit-animation: album-shape-show-stacks_in_51 0.4s 0.6s; animation: album-shape-show-stacks_in_51 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_51 .album-cover::before { -webkit-transform: rotate(4deg); transform: rotate(4deg); } #album-stacks_in_51 .album-cover::after { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } #album-stacks_in_51 .album-cover-placeholder { /* */ font-family: "Varela"; /* */ color: rgba(112, 128, 144, 0.30); border-radius: 5px; border: 3px dashed rgba(112, 128, 144, 0.30); top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #album-stacks_in_51 .album-cover-placeholder i { font-size: 50px; } #album-stacks_in_51 .album-cover-placeholder span { font-size: 20px; } #album-stacks_in_51 .album-cover-count { /* */ font-family: "Varela"; /* */ top: 10px; right: 10px; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 13px; padding: 5px 10px; border-radius: 20px; opacity: 0; z-index: 20; line-height: 1; position: absolute; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation: album-count-show 0.5s 0.6s; animation: album-count-show 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_51 .album-cover-inner { /* */ background: rgba(125, 187, 12, 1.00); /* */ /* */ box-shadow: none; border-radius: 5px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* */ -webkit-transform: scale(0); transform: scale(0); -webkit-animation: album-cover-show 0.3s 0.4s; animation: album-cover-show 0.3s 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ } #album-stacks_in_51 .album-cover-image { height: 150px; max-width: 300px; background: url(../files/cover_image-51.jpg); width: 100%; position: relative; background-size: cover; background-position: center center; } #album-stacks_in_51 .album-cover-image::after { content: '\f133'; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; font-family: "Ionicons"; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 0.20); background: rgba(44, 44, 59, 0.60); font-size: 100px; } #album-stacks_in_51 .album-cover-info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 12px 15px; } #album-stacks_in_51 .album-cover-info-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 21.000000px; margin-bottom: 5px; } #album-stacks_in_51 .album-cover-info-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 13px; line-height: 18.199999px; text-overflow: ellipsis; } #album-stacks_in_51 #album-gallery-stacks_in_51 { /* */ z-index: 200; height: 100%; position: fixed; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation: album-gallery-hide 0.5s; animation: album-gallery-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ top: 0; left: 0; width: 100%; overflow-y: scroll; /* */ } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-info { /* */ background: rgba(34, 34, 45, 1.00); /* */ /* */ z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; transition: all 0.3s; font-family: "Proxima Nova"; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-back { color: rgba(255, 255, 255, 1.00); padding: 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; font-size: 18px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-back i { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-back::after { line-height: 0; margin-left: 8px; display: inline-block; content: "Back"; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-header { padding: 20px 15px; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; padding-bottom: 5px; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 14px; line-height: 19.600000px; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content { z-index: 200; position: relative; padding: 20px 20px; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; box-sizing: border-box; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid .stack { /* */ } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid .stack li { margin: 0 auto; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; padding: 10px 10px; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid a { box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.10); border-radius: 4px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: block; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid a .img { width: 100%; height: 100%; transition: inherit; background-size: cover; box-sizing: border-box; background-position: center center; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid a:hover .img { /* */ overflow: hidden; -webkit-transform: scale(1.05); transform: scale(1.05); /* */ } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid a:hover::before { /* */ top: 0; left: 0; content: ''; z-index: 20; width: 100%; height: 100%; display: block; position: absolute; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.1); /* */ } body.album-stacks_in_51-expand .simple-lightbox { position: fixed; z-index: 1002; } body.album-stacks_in_51-expand .sl-overlay { /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ opacity: 0.9; position: fixed; z-index: 1001; } body.album-stacks_in_51-expand .sl-close { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_51-expand .sl-navigation button { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_51-expand .sl-counter { color: rgba(255, 255, 255, 1.00); font-family: "Proxima Nova"; } body.album-stacks_in_51-expand .sl-spinner { border-color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_51-expand .sl-wrapper .sl-image { overflow: hidden; border-radius: 5px; } body.album-stacks_in_51-expand .sl-wrapper .sl-image .sl-caption { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); background: rgba(44, 44, 59, 0.60); font-size: 18px; padding: 15px 15px; font-weight: bold; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.30); } #album-stacks_in_51.album-was-opened #album-gallery-stacks_in_51 { visibility: visible; } #album-stacks_in_51.album-expand .album-cover::before, #album-stacks_in_51.album-expand .album-cover::after { display: none; } #album-stacks_in_51.album-expand .album-cover-inner { -webkit-animation: album-cover-hide 0.5s; animation: album-cover-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_51.album-expand .album-cover-count { -webkit-animation: album-count-hide 0.3s; animation: album-count-hide 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_51.album-expand #album-gallery-stacks_in_51 { visibility: visible; -webkit-animation: album-gallery-show 0.5s 0.5s; animation: album-gallery-show 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_51.album-expand.album-close #album-gallery-stacks_in_51 { -webkit-animation: album-gallery-hide 5s 0.5s; animation: album-gallery-hide 5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (min-width: 801px) { #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid li { width: 33.333332%; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid li a { height: 250px; } } @media (max-width: 800px) { #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid li { width: 50.000000%; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @media (max-width: 400px) { #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-info { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-back i { font-size: 24px; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-back::after { display: none; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid li { width: 100.000000%; } #album-stacks_in_51 #album-gallery-stacks_in_51 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @-webkit-keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @-webkit-keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-shape-show-stacks_in_51 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @keyframes album-shape-show-stacks_in_51 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @-webkit-keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } #album-image-stacks_in_53 .img { /* */ background-image: url(../files/image_thumb-53.jpg); /* */ } #album-image-stacks_in_54 .img { /* */ background-image: url(../files/image_thumb-54.jpg); /* */ } #album-image-stacks_in_55 .img { /* */ background-image: url(../files/image_thumb-55.jpg); /* */ } #album-image-stacks_in_69 .img { /* */ background-image: url(../files/image_thumb-69.jpg); /* */ } #album-image-stacks_in_70 .img { /* */ background-image: url(../files/image_thumb-70.jpg); /* */ } #album-image-stacks_in_71 .img { /* */ background-image: url(../files/image_thumb-71.jpg); /* */ } #album-image-stacks_in_72 .img { /* */ background-image: url(../files/image_thumb-72.jpg); /* */ } #album-image-stacks_in_73 .img { /* */ background-image: url(../files/image_thumb-73.jpg); /* */ } #album-image-stacks_in_74 .img { /* */ background-image: url(../files/image_thumb-74.jpg); /* */ } #album-image-stacks_in_75 .img { /* */ background-image: url(../files/image_thumb-75.jpg); /* */ } /* */ #stacks_in_50, #stacks_in_58, #stacks_in_50 .stacks_in, #stacks_in_50 .stacks_out { overflow: visible !important; } #album-stacks_in_57 { z-index: 1000; position: relative; } #album-stacks_in_57 .album-cover { margin: 20px; max-width: 300px; border-radius: 5px; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_57 .album-cover.cover-left { margin-right: auto; } #album-stacks_in_57 .album-cover.cover-right { margin-left: auto; } #album-stacks_in_57 .album-cover.cover-center { margin-left: auto; margin-right: auto; } #album-stacks_in_57 .album-cover:hover { /* */ cursor: pointer; -webkit-transform: translateY(-3px); transform: translateY(-3px); /* */ } #album-stacks_in_57 .album-cover:hover .album-cover-inner { /* */ box-shadow: none; /* */ } #album-stacks_in_57 .album-cover:hover .album-cover-image::after { /* */ opacity: 1; /* */ } #album-stacks_in_57 .album-cover:hover::before, #album-stacks_in_57 .album-cover:hover::after { /* */ -webkit-transform: rotate(0deg); transform: rotate(0deg); /* */ } #album-stacks_in_57 .album-cover::before, #album-stacks_in_57 .album-cover::after { content: ''; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; display: block; position: absolute; transition: all 0.3s; background: rgba(255, 255, 255, 0); border-radius: 5px; -webkit-animation: album-shape-show-stacks_in_57 0.4s 0.6s; animation: album-shape-show-stacks_in_57 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_57 .album-cover::before { -webkit-transform: rotate(4deg); transform: rotate(4deg); } #album-stacks_in_57 .album-cover::after { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } #album-stacks_in_57 .album-cover-placeholder { /* */ font-family: "Varela"; /* */ color: rgba(112, 128, 144, 0.30); border-radius: 5px; border: 3px dashed rgba(112, 128, 144, 0.30); top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #album-stacks_in_57 .album-cover-placeholder i { font-size: 50px; } #album-stacks_in_57 .album-cover-placeholder span { font-size: 20px; } #album-stacks_in_57 .album-cover-count { /* */ font-family: "Varela"; /* */ top: 10px; right: 10px; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 13px; padding: 5px 10px; border-radius: 20px; opacity: 0; z-index: 20; line-height: 1; position: absolute; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation: album-count-show 0.5s 0.6s; animation: album-count-show 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_57 .album-cover-inner { /* */ background: rgba(125, 187, 12, 1.00); /* */ /* */ box-shadow: none; border-radius: 5px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* */ -webkit-transform: scale(0); transform: scale(0); -webkit-animation: album-cover-show 0.3s 0.4s; animation: album-cover-show 0.3s 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ } #album-stacks_in_57 .album-cover-image { height: 150px; max-width: 300px; background: url(../files/cover_image-57.jpg); width: 100%; position: relative; background-size: cover; background-position: center center; } #album-stacks_in_57 .album-cover-image::after { content: '\f133'; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; font-family: "Ionicons"; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 0.20); background: rgba(44, 44, 59, 0.60); font-size: 100px; } #album-stacks_in_57 .album-cover-info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 12px 15px; } #album-stacks_in_57 .album-cover-info-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 21.000000px; margin-bottom: 5px; } #album-stacks_in_57 .album-cover-info-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 13px; line-height: 18.199999px; text-overflow: ellipsis; } #album-stacks_in_57 #album-gallery-stacks_in_57 { /* */ z-index: 200; height: 100%; position: fixed; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation: album-gallery-hide 0.5s; animation: album-gallery-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ top: 0; left: 0; width: 100%; overflow-y: scroll; /* */ } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-info { /* */ background: rgba(34, 34, 45, 1.00); /* */ /* */ z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; transition: all 0.3s; font-family: "Proxima Nova"; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-back { color: rgba(255, 255, 255, 1.00); padding: 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; font-size: 18px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-back i { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-back::after { line-height: 0; margin-left: 8px; display: inline-block; content: "Back"; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-header { padding: 20px 15px; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; padding-bottom: 5px; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 14px; line-height: 19.600000px; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content { z-index: 200; position: relative; padding: 20px 20px; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; box-sizing: border-box; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid .stack { /* */ } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid .stack li { margin: 0 auto; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; padding: 10px 10px; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid a { box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.10); border-radius: 4px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: block; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid a .img { width: 100%; height: 100%; transition: inherit; background-size: cover; box-sizing: border-box; background-position: center center; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid a:hover .img { /* */ overflow: hidden; -webkit-transform: scale(1.05); transform: scale(1.05); /* */ } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid a:hover::before { /* */ top: 0; left: 0; content: ''; z-index: 20; width: 100%; height: 100%; display: block; position: absolute; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.1); /* */ } body.album-stacks_in_57-expand .simple-lightbox { position: fixed; z-index: 1002; } body.album-stacks_in_57-expand .sl-overlay { /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ opacity: 0.9; position: fixed; z-index: 1001; } body.album-stacks_in_57-expand .sl-close { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_57-expand .sl-navigation button { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_57-expand .sl-counter { color: rgba(255, 255, 255, 1.00); font-family: "Proxima Nova"; } body.album-stacks_in_57-expand .sl-spinner { border-color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_57-expand .sl-wrapper .sl-image { overflow: hidden; border-radius: 5px; } body.album-stacks_in_57-expand .sl-wrapper .sl-image .sl-caption { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); background: rgba(44, 44, 59, 0.60); font-size: 18px; padding: 15px 15px; font-weight: bold; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.30); } #album-stacks_in_57.album-was-opened #album-gallery-stacks_in_57 { visibility: visible; } #album-stacks_in_57.album-expand .album-cover::before, #album-stacks_in_57.album-expand .album-cover::after { display: none; } #album-stacks_in_57.album-expand .album-cover-inner { -webkit-animation: album-cover-hide 0.5s; animation: album-cover-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_57.album-expand .album-cover-count { -webkit-animation: album-count-hide 0.3s; animation: album-count-hide 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_57.album-expand #album-gallery-stacks_in_57 { visibility: visible; -webkit-animation: album-gallery-show 0.5s 0.5s; animation: album-gallery-show 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_57.album-expand.album-close #album-gallery-stacks_in_57 { -webkit-animation: album-gallery-hide 5s 0.5s; animation: album-gallery-hide 5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (min-width: 801px) { #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid li { width: 33.333332%; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid li a { height: 250px; } } @media (max-width: 800px) { #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid li { width: 50.000000%; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @media (max-width: 400px) { #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-info { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-back i { font-size: 24px; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-back::after { display: none; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid li { width: 100.000000%; } #album-stacks_in_57 #album-gallery-stacks_in_57 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @-webkit-keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @-webkit-keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-shape-show-stacks_in_57 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @keyframes album-shape-show-stacks_in_57 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @-webkit-keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } #album-image-stacks_in_59 .img { /* */ background-image: url(../files/image_thumb-59.jpg); /* */ } #album-image-stacks_in_60 .img { /* */ background-image: url(../files/image_thumb-60.jpg); /* */ } #album-image-stacks_in_61 .img { /* */ background-image: url(../files/image_thumb-61.jpg); /* */ } #album-image-stacks_in_76 .img { /* */ background-image: url(../files/image_thumb-76.jpg); /* */ } #album-image-stacks_in_77 .img { /* */ background-image: url(../files/image_thumb-77.jpg); /* */ } #album-image-stacks_in_78 .img { /* */ background-image: url(../files/image_thumb-78.jpg); /* */ } #album-image-stacks_in_79 .img { /* */ background-image: url(../files/image_thumb-79.jpg); /* */ } #album-image-stacks_in_80 .img { /* */ background-image: url(../files/image_thumb-80.jpg); /* */ } #album-image-stacks_in_81 .img { /* */ background-image: url(../files/image_thumb-81.jpg); /* */ } #album-image-stacks_in_90 .img { /* */ background-image: url(../files/image_thumb-90.jpg); /* */ } /* */ #stacks_in_50, #stacks_in_64, #stacks_in_50 .stacks_in, #stacks_in_50 .stacks_out { overflow: visible !important; } #album-stacks_in_63 { z-index: 1000; position: relative; } #album-stacks_in_63 .album-cover { margin: 20px; max-width: 300px; border-radius: 5px; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_63 .album-cover.cover-left { margin-right: auto; } #album-stacks_in_63 .album-cover.cover-right { margin-left: auto; } #album-stacks_in_63 .album-cover.cover-center { margin-left: auto; margin-right: auto; } #album-stacks_in_63 .album-cover:hover { /* */ cursor: pointer; -webkit-transform: translateY(-3px); transform: translateY(-3px); /* */ } #album-stacks_in_63 .album-cover:hover .album-cover-inner { /* */ box-shadow: none; /* */ } #album-stacks_in_63 .album-cover:hover .album-cover-image::after { /* */ opacity: 1; /* */ } #album-stacks_in_63 .album-cover:hover::before, #album-stacks_in_63 .album-cover:hover::after { /* */ -webkit-transform: rotate(0deg); transform: rotate(0deg); /* */ } #album-stacks_in_63 .album-cover::before, #album-stacks_in_63 .album-cover::after { content: ''; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; display: block; position: absolute; transition: all 0.3s; background: rgba(255, 255, 255, 0); border-radius: 5px; -webkit-animation: album-shape-show-stacks_in_63 0.4s 0.6s; animation: album-shape-show-stacks_in_63 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_63 .album-cover::before { -webkit-transform: rotate(4deg); transform: rotate(4deg); } #album-stacks_in_63 .album-cover::after { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } #album-stacks_in_63 .album-cover-placeholder { /* */ font-family: "Varela"; /* */ color: rgba(112, 128, 144, 0.30); border-radius: 5px; border: 3px dashed rgba(112, 128, 144, 0.30); top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #album-stacks_in_63 .album-cover-placeholder i { font-size: 50px; } #album-stacks_in_63 .album-cover-placeholder span { font-size: 20px; } #album-stacks_in_63 .album-cover-count { /* */ font-family: "Varela"; /* */ top: 10px; right: 10px; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 13px; padding: 5px 10px; border-radius: 20px; opacity: 0; z-index: 20; line-height: 1; position: absolute; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation: album-count-show 0.5s 0.6s; animation: album-count-show 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_63 .album-cover-inner { /* */ background: rgba(125, 187, 12, 1.00); /* */ /* */ box-shadow: none; border-radius: 5px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* */ -webkit-transform: scale(0); transform: scale(0); -webkit-animation: album-cover-show 0.3s 0.4s; animation: album-cover-show 0.3s 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ } #album-stacks_in_63 .album-cover-image { height: 150px; max-width: 300px; background: url(../files/cover_image-63.jpg); width: 100%; position: relative; background-size: cover; background-position: center center; } #album-stacks_in_63 .album-cover-image::after { content: '\f133'; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; font-family: "Ionicons"; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 0.20); background: rgba(44, 44, 59, 0.60); font-size: 100px; } #album-stacks_in_63 .album-cover-info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 12px 15px; } #album-stacks_in_63 .album-cover-info-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 21.000000px; margin-bottom: 5px; } #album-stacks_in_63 .album-cover-info-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 13px; line-height: 18.199999px; text-overflow: ellipsis; } #album-stacks_in_63 #album-gallery-stacks_in_63 { /* */ z-index: 200; height: 100%; position: fixed; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation: album-gallery-hide 0.5s; animation: album-gallery-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ top: 0; left: 0; width: 100%; overflow-y: scroll; /* */ } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-info { /* */ background: rgba(34, 34, 45, 1.00); /* */ /* */ z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; transition: all 0.3s; font-family: "Proxima Nova"; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-back { color: rgba(255, 255, 255, 1.00); padding: 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; font-size: 18px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-back i { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-back::after { line-height: 0; margin-left: 8px; display: inline-block; content: "Back"; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-header { padding: 20px 15px; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; padding-bottom: 5px; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 14px; line-height: 19.600000px; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content { z-index: 200; position: relative; padding: 20px 20px; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; box-sizing: border-box; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid .stack { /* */ } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid .stack li { margin: 0 auto; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; padding: 10px 10px; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid a { box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.10); border-radius: 4px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: block; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid a .img { width: 100%; height: 100%; transition: inherit; background-size: cover; box-sizing: border-box; background-position: center center; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid a:hover .img { /* */ overflow: hidden; -webkit-transform: scale(1.05); transform: scale(1.05); /* */ } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid a:hover::before { /* */ top: 0; left: 0; content: ''; z-index: 20; width: 100%; height: 100%; display: block; position: absolute; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.1); /* */ } body.album-stacks_in_63-expand .simple-lightbox { position: fixed; z-index: 1002; } body.album-stacks_in_63-expand .sl-overlay { /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ opacity: 0.9; position: fixed; z-index: 1001; } body.album-stacks_in_63-expand .sl-close { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_63-expand .sl-navigation button { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_63-expand .sl-counter { color: rgba(255, 255, 255, 1.00); font-family: "Proxima Nova"; } body.album-stacks_in_63-expand .sl-spinner { border-color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_63-expand .sl-wrapper .sl-image { overflow: hidden; border-radius: 5px; } body.album-stacks_in_63-expand .sl-wrapper .sl-image .sl-caption { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); background: rgba(44, 44, 59, 0.60); font-size: 18px; padding: 15px 15px; font-weight: bold; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.30); } #album-stacks_in_63.album-was-opened #album-gallery-stacks_in_63 { visibility: visible; } #album-stacks_in_63.album-expand .album-cover::before, #album-stacks_in_63.album-expand .album-cover::after { display: none; } #album-stacks_in_63.album-expand .album-cover-inner { -webkit-animation: album-cover-hide 0.5s; animation: album-cover-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_63.album-expand .album-cover-count { -webkit-animation: album-count-hide 0.3s; animation: album-count-hide 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_63.album-expand #album-gallery-stacks_in_63 { visibility: visible; -webkit-animation: album-gallery-show 0.5s 0.5s; animation: album-gallery-show 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_63.album-expand.album-close #album-gallery-stacks_in_63 { -webkit-animation: album-gallery-hide 5s 0.5s; animation: album-gallery-hide 5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (min-width: 801px) { #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid li { width: 33.333332%; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid li a { height: 250px; } } @media (max-width: 800px) { #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid li { width: 50.000000%; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @media (max-width: 400px) { #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-info { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-back i { font-size: 24px; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-back::after { display: none; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid li { width: 100.000000%; } #album-stacks_in_63 #album-gallery-stacks_in_63 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @-webkit-keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @-webkit-keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-shape-show-stacks_in_63 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @keyframes album-shape-show-stacks_in_63 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @-webkit-keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } #album-image-stacks_in_65 .img { /* */ background-image: url(../files/image_thumb-65.jpg); /* */ } #album-image-stacks_in_66 .img { /* */ background-image: url(../files/image_thumb-66.jpg); /* */ } #album-image-stacks_in_67 .img { /* */ background-image: url(../files/image_thumb-67.jpg); /* */ } #album-image-stacks_in_82 .img { /* */ background-image: url(../files/image_thumb-82.jpg); /* */ } #album-image-stacks_in_83 .img { /* */ background-image: url(../files/image_thumb-83.jpg); /* */ } #stacks_in_31>.s3_row { margin: 0 -10px; } #stacks_in_31>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_31>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_31>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_31>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_31>.s3_row { margin: -10px 0; } #stacks_in_31>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* */ #stacks_in_31, #stacks_in_33, #stacks_in_31 .stacks_in, #stacks_in_31 .stacks_out { overflow: visible !important; } #album-stacks_in_32 { z-index: 1000; position: relative; } #album-stacks_in_32 .album-cover { margin: 20px; max-width: 300px; border-radius: 5px; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_32 .album-cover.cover-left { margin-right: auto; } #album-stacks_in_32 .album-cover.cover-right { margin-left: auto; } #album-stacks_in_32 .album-cover.cover-center { margin-left: auto; margin-right: auto; } #album-stacks_in_32 .album-cover:hover { /* */ cursor: pointer; -webkit-transform: translateY(-3px); transform: translateY(-3px); /* */ } #album-stacks_in_32 .album-cover:hover .album-cover-inner { /* */ box-shadow: none; /* */ } #album-stacks_in_32 .album-cover:hover .album-cover-image::after { /* */ opacity: 1; /* */ } #album-stacks_in_32 .album-cover:hover::before, #album-stacks_in_32 .album-cover:hover::after { /* */ -webkit-transform: rotate(0deg); transform: rotate(0deg); /* */ } #album-stacks_in_32 .album-cover::before, #album-stacks_in_32 .album-cover::after { content: ''; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; display: block; position: absolute; transition: all 0.3s; background: rgba(255, 255, 255, 0); border-radius: 5px; -webkit-animation: album-shape-show-stacks_in_32 0.4s 0.6s; animation: album-shape-show-stacks_in_32 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_32 .album-cover::before { -webkit-transform: rotate(4deg); transform: rotate(4deg); } #album-stacks_in_32 .album-cover::after { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } #album-stacks_in_32 .album-cover-placeholder { /* */ font-family: "Varela"; /* */ color: rgba(112, 128, 144, 0.30); border-radius: 5px; border: 3px dashed rgba(112, 128, 144, 0.30); top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #album-stacks_in_32 .album-cover-placeholder i { font-size: 50px; } #album-stacks_in_32 .album-cover-placeholder span { font-size: 20px; } #album-stacks_in_32 .album-cover-count { /* */ font-family: "Varela"; /* */ top: 10px; right: 10px; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 13px; padding: 5px 10px; border-radius: 20px; opacity: 0; z-index: 20; line-height: 1; position: absolute; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation: album-count-show 0.5s 0.6s; animation: album-count-show 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_32 .album-cover-inner { /* */ background: rgba(125, 187, 12, 1.00); /* */ /* */ box-shadow: none; border-radius: 5px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* */ -webkit-transform: scale(0); transform: scale(0); -webkit-animation: album-cover-show 0.3s 0.4s; animation: album-cover-show 0.3s 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ } #album-stacks_in_32 .album-cover-image { height: 150px; max-width: 300px; background: url(../files/cover_image-32.jpg); width: 100%; position: relative; background-size: cover; background-position: center center; } #album-stacks_in_32 .album-cover-image::after { content: '\f133'; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; font-family: "Ionicons"; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 0.20); background: rgba(44, 44, 59, 0.60); font-size: 100px; } #album-stacks_in_32 .album-cover-info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 12px 15px; } #album-stacks_in_32 .album-cover-info-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 21.000000px; margin-bottom: 5px; } #album-stacks_in_32 .album-cover-info-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 13px; line-height: 18.199999px; text-overflow: ellipsis; } #album-stacks_in_32 #album-gallery-stacks_in_32 { /* */ z-index: 200; height: 100%; position: fixed; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation: album-gallery-hide 0.5s; animation: album-gallery-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ top: 0; left: 0; width: 100%; overflow-y: scroll; /* */ } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-info { /* */ background: rgba(34, 34, 45, 1.00); /* */ /* */ z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; transition: all 0.3s; font-family: "Proxima Nova"; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-back { color: rgba(255, 255, 255, 1.00); padding: 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; font-size: 18px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-back i { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-back::after { line-height: 0; margin-left: 8px; display: inline-block; content: "Back"; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-header { padding: 20px 15px; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; padding-bottom: 5px; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 14px; line-height: 19.600000px; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content { z-index: 200; position: relative; padding: 20px 20px; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; box-sizing: border-box; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid .stack { /* */ } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid .stack li { margin: 0 auto; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; padding: 10px 10px; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid a { box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.10); border-radius: 4px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: block; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid a .img { width: 100%; height: 100%; transition: inherit; background-size: cover; box-sizing: border-box; background-position: center center; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid a:hover .img { /* */ overflow: hidden; -webkit-transform: scale(1.05); transform: scale(1.05); /* */ } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid a:hover::before { /* */ top: 0; left: 0; content: ''; z-index: 20; width: 100%; height: 100%; display: block; position: absolute; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.1); /* */ } body.album-stacks_in_32-expand .simple-lightbox { position: fixed; z-index: 1002; } body.album-stacks_in_32-expand .sl-overlay { /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ opacity: 0.9; position: fixed; z-index: 1001; } body.album-stacks_in_32-expand .sl-close { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_32-expand .sl-navigation button { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_32-expand .sl-counter { color: rgba(255, 255, 255, 1.00); font-family: "Proxima Nova"; } body.album-stacks_in_32-expand .sl-spinner { border-color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_32-expand .sl-wrapper .sl-image { overflow: hidden; border-radius: 5px; } body.album-stacks_in_32-expand .sl-wrapper .sl-image .sl-caption { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); background: rgba(44, 44, 59, 0.60); font-size: 18px; padding: 15px 15px; font-weight: bold; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.30); } #album-stacks_in_32.album-was-opened #album-gallery-stacks_in_32 { visibility: visible; } #album-stacks_in_32.album-expand .album-cover::before, #album-stacks_in_32.album-expand .album-cover::after { display: none; } #album-stacks_in_32.album-expand .album-cover-inner { -webkit-animation: album-cover-hide 0.5s; animation: album-cover-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_32.album-expand .album-cover-count { -webkit-animation: album-count-hide 0.3s; animation: album-count-hide 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_32.album-expand #album-gallery-stacks_in_32 { visibility: visible; -webkit-animation: album-gallery-show 0.5s 0.5s; animation: album-gallery-show 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_32.album-expand.album-close #album-gallery-stacks_in_32 { -webkit-animation: album-gallery-hide 5s 0.5s; animation: album-gallery-hide 5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (min-width: 801px) { #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid li { width: 33.333332%; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid li a { height: 250px; } } @media (max-width: 800px) { #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid li { width: 50.000000%; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @media (max-width: 400px) { #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-info { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-back i { font-size: 24px; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-back::after { display: none; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid li { width: 100.000000%; } #album-stacks_in_32 #album-gallery-stacks_in_32 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @-webkit-keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @-webkit-keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-shape-show-stacks_in_32 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @keyframes album-shape-show-stacks_in_32 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @-webkit-keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } #album-image-stacks_in_34 .img { /* */ background-image: url(../files/image_thumb-34.jpg); /* */ } #album-image-stacks_in_35 .img { /* */ background-image: url(../files/image_thumb-35.jpg); /* */ } #album-image-stacks_in_36 .img { /* */ background-image: url(../files/image_thumb-36.jpg); /* */ } #album-image-stacks_in_84 .img { /* */ background-image: url(../files/image_thumb-84.jpg); /* */ } #album-image-stacks_in_85 .img { /* */ background-image: url(../files/image_thumb-85.jpg); /* */ } /* */ #stacks_in_31, #stacks_in_39, #stacks_in_31 .stacks_in, #stacks_in_31 .stacks_out { overflow: visible !important; } #album-stacks_in_38 { z-index: 1000; position: relative; } #album-stacks_in_38 .album-cover { margin: 20px; max-width: 300px; border-radius: 5px; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_38 .album-cover.cover-left { margin-right: auto; } #album-stacks_in_38 .album-cover.cover-right { margin-left: auto; } #album-stacks_in_38 .album-cover.cover-center { margin-left: auto; margin-right: auto; } #album-stacks_in_38 .album-cover:hover { /* */ cursor: pointer; -webkit-transform: translateY(-3px); transform: translateY(-3px); /* */ } #album-stacks_in_38 .album-cover:hover .album-cover-inner { /* */ box-shadow: none; /* */ } #album-stacks_in_38 .album-cover:hover .album-cover-image::after { /* */ opacity: 1; /* */ } #album-stacks_in_38 .album-cover:hover::before, #album-stacks_in_38 .album-cover:hover::after { /* */ -webkit-transform: rotate(0deg); transform: rotate(0deg); /* */ } #album-stacks_in_38 .album-cover::before, #album-stacks_in_38 .album-cover::after { content: ''; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; display: block; position: absolute; transition: all 0.3s; background: rgba(255, 255, 255, 0); border-radius: 5px; -webkit-animation: album-shape-show-stacks_in_38 0.4s 0.6s; animation: album-shape-show-stacks_in_38 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_38 .album-cover::before { -webkit-transform: rotate(4deg); transform: rotate(4deg); } #album-stacks_in_38 .album-cover::after { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } #album-stacks_in_38 .album-cover-placeholder { /* */ font-family: "Varela"; /* */ color: rgba(112, 128, 144, 0.30); border-radius: 5px; border: 3px dashed rgba(112, 128, 144, 0.30); top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #album-stacks_in_38 .album-cover-placeholder i { font-size: 50px; } #album-stacks_in_38 .album-cover-placeholder span { font-size: 20px; } #album-stacks_in_38 .album-cover-count { /* */ font-family: "Varela"; /* */ top: 10px; right: 10px; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 13px; padding: 5px 10px; border-radius: 20px; opacity: 0; z-index: 20; line-height: 1; position: absolute; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation: album-count-show 0.5s 0.6s; animation: album-count-show 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_38 .album-cover-inner { /* */ background: rgba(125, 187, 12, 1.00); /* */ /* */ box-shadow: none; border-radius: 5px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* */ -webkit-transform: scale(0); transform: scale(0); -webkit-animation: album-cover-show 0.3s 0.4s; animation: album-cover-show 0.3s 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ } #album-stacks_in_38 .album-cover-image { height: 150px; max-width: 300px; background: url(../files/cover_image-38.jpg); width: 100%; position: relative; background-size: cover; background-position: center center; } #album-stacks_in_38 .album-cover-image::after { content: '\f133'; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; font-family: "Ionicons"; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 0.20); background: rgba(44, 44, 59, 0.60); font-size: 100px; } #album-stacks_in_38 .album-cover-info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 12px 15px; } #album-stacks_in_38 .album-cover-info-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 21.000000px; margin-bottom: 5px; } #album-stacks_in_38 .album-cover-info-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 13px; line-height: 18.199999px; text-overflow: ellipsis; } #album-stacks_in_38 #album-gallery-stacks_in_38 { /* */ z-index: 200; height: 100%; position: fixed; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation: album-gallery-hide 0.5s; animation: album-gallery-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ top: 0; left: 0; width: 100%; overflow-y: scroll; /* */ } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-info { /* */ background: rgba(34, 34, 45, 1.00); /* */ /* */ z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; transition: all 0.3s; font-family: "Proxima Nova"; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-back { color: rgba(255, 255, 255, 1.00); padding: 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; font-size: 18px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-back i { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-back::after { line-height: 0; margin-left: 8px; display: inline-block; content: "Back"; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-header { padding: 20px 15px; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; padding-bottom: 5px; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 14px; line-height: 19.600000px; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content { z-index: 200; position: relative; padding: 20px 20px; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; box-sizing: border-box; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid .stack { /* */ } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid .stack li { margin: 0 auto; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; padding: 10px 10px; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid a { box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.10); border-radius: 4px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: block; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid a .img { width: 100%; height: 100%; transition: inherit; background-size: cover; box-sizing: border-box; background-position: center center; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid a:hover .img { /* */ overflow: hidden; -webkit-transform: scale(1.05); transform: scale(1.05); /* */ } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid a:hover::before { /* */ top: 0; left: 0; content: ''; z-index: 20; width: 100%; height: 100%; display: block; position: absolute; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.1); /* */ } body.album-stacks_in_38-expand .simple-lightbox { position: fixed; z-index: 1002; } body.album-stacks_in_38-expand .sl-overlay { /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ opacity: 0.9; position: fixed; z-index: 1001; } body.album-stacks_in_38-expand .sl-close { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_38-expand .sl-navigation button { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_38-expand .sl-counter { color: rgba(255, 255, 255, 1.00); font-family: "Proxima Nova"; } body.album-stacks_in_38-expand .sl-spinner { border-color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_38-expand .sl-wrapper .sl-image { overflow: hidden; border-radius: 5px; } body.album-stacks_in_38-expand .sl-wrapper .sl-image .sl-caption { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); background: rgba(44, 44, 59, 0.60); font-size: 18px; padding: 15px 15px; font-weight: bold; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.30); } #album-stacks_in_38.album-was-opened #album-gallery-stacks_in_38 { visibility: visible; } #album-stacks_in_38.album-expand .album-cover::before, #album-stacks_in_38.album-expand .album-cover::after { display: none; } #album-stacks_in_38.album-expand .album-cover-inner { -webkit-animation: album-cover-hide 0.5s; animation: album-cover-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_38.album-expand .album-cover-count { -webkit-animation: album-count-hide 0.3s; animation: album-count-hide 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_38.album-expand #album-gallery-stacks_in_38 { visibility: visible; -webkit-animation: album-gallery-show 0.5s 0.5s; animation: album-gallery-show 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_38.album-expand.album-close #album-gallery-stacks_in_38 { -webkit-animation: album-gallery-hide 5s 0.5s; animation: album-gallery-hide 5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (min-width: 801px) { #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid li { width: 33.333332%; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid li a { height: 250px; } } @media (max-width: 800px) { #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid li { width: 50.000000%; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @media (max-width: 400px) { #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-info { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-back i { font-size: 24px; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-back::after { display: none; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid li { width: 100.000000%; } #album-stacks_in_38 #album-gallery-stacks_in_38 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @-webkit-keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @-webkit-keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-shape-show-stacks_in_38 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @keyframes album-shape-show-stacks_in_38 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @-webkit-keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } #album-image-stacks_in_40 .img { /* */ background-image: url(../files/image_thumb-40.jpg); /* */ } #album-image-stacks_in_41 .img { /* */ background-image: url(../files/image_thumb-41.jpg); /* */ } #album-image-stacks_in_42 .img { /* */ background-image: url(../files/image_thumb-42.jpg); /* */ } #album-image-stacks_in_86 .img { /* */ background-image: url(../files/image_thumb-86.jpg); /* */ } #album-image-stacks_in_87 .img { /* */ background-image: url(../files/image_thumb-87.jpg); /* */ } #album-image-stacks_in_88 .img { /* */ background-image: url(../files/image_thumb-88.jpg); /* */ } #album-image-stacks_in_89 .img { /* */ background-image: url(../files/image_thumb-89.jpg); /* */ } /* */ #stacks_in_31, #stacks_in_45, #stacks_in_31 .stacks_in, #stacks_in_31 .stacks_out { overflow: visible !important; } #album-stacks_in_44 { z-index: 1000; position: relative; } #album-stacks_in_44 .album-cover { margin: 20px; max-width: 300px; border-radius: 5px; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_44 .album-cover.cover-left { margin-right: auto; } #album-stacks_in_44 .album-cover.cover-right { margin-left: auto; } #album-stacks_in_44 .album-cover.cover-center { margin-left: auto; margin-right: auto; } #album-stacks_in_44 .album-cover:hover { /* */ cursor: pointer; -webkit-transform: translateY(-3px); transform: translateY(-3px); /* */ } #album-stacks_in_44 .album-cover:hover .album-cover-inner { /* */ box-shadow: none; /* */ } #album-stacks_in_44 .album-cover:hover .album-cover-image::after { /* */ opacity: 1; /* */ } #album-stacks_in_44 .album-cover:hover::before, #album-stacks_in_44 .album-cover:hover::after { /* */ -webkit-transform: rotate(0deg); transform: rotate(0deg); /* */ } #album-stacks_in_44 .album-cover::before, #album-stacks_in_44 .album-cover::after { content: ''; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; display: block; position: absolute; transition: all 0.3s; background: rgba(255, 255, 255, 0); border-radius: 5px; -webkit-animation: album-shape-show-stacks_in_44 0.4s 0.6s; animation: album-shape-show-stacks_in_44 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_44 .album-cover::before { -webkit-transform: rotate(4deg); transform: rotate(4deg); } #album-stacks_in_44 .album-cover::after { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } #album-stacks_in_44 .album-cover-placeholder { /* */ font-family: "Varela"; /* */ color: rgba(112, 128, 144, 0.30); border-radius: 5px; border: 3px dashed rgba(112, 128, 144, 0.30); top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #album-stacks_in_44 .album-cover-placeholder i { font-size: 50px; } #album-stacks_in_44 .album-cover-placeholder span { font-size: 20px; } #album-stacks_in_44 .album-cover-count { /* */ font-family: "Varela"; /* */ top: 10px; right: 10px; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 13px; padding: 5px 10px; border-radius: 20px; opacity: 0; z-index: 20; line-height: 1; position: absolute; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation: album-count-show 0.5s 0.6s; animation: album-count-show 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_44 .album-cover-inner { /* */ background: rgba(125, 187, 12, 1.00); /* */ /* */ box-shadow: none; border-radius: 5px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* */ -webkit-transform: scale(0); transform: scale(0); -webkit-animation: album-cover-show 0.3s 0.4s; animation: album-cover-show 0.3s 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ } #album-stacks_in_44 .album-cover-image { height: 150px; max-width: 300px; background: url(../files/cover_image-44.jpg); width: 100%; position: relative; background-size: cover; background-position: center center; } #album-stacks_in_44 .album-cover-image::after { content: '\f133'; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; font-family: "Ionicons"; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 0.20); background: rgba(44, 44, 59, 0.60); font-size: 100px; } #album-stacks_in_44 .album-cover-info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 12px 15px; } #album-stacks_in_44 .album-cover-info-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 21.000000px; margin-bottom: 5px; } #album-stacks_in_44 .album-cover-info-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 13px; line-height: 18.199999px; text-overflow: ellipsis; } #album-stacks_in_44 #album-gallery-stacks_in_44 { /* */ z-index: 200; height: 100%; position: fixed; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation: album-gallery-hide 0.5s; animation: album-gallery-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ top: 0; left: 0; width: 100%; overflow-y: scroll; /* */ } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-info { /* */ background: rgba(34, 34, 45, 1.00); /* */ /* */ z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; transition: all 0.3s; font-family: "Proxima Nova"; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-back { color: rgba(255, 255, 255, 1.00); padding: 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; font-size: 18px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-back i { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-back::after { line-height: 0; margin-left: 8px; display: inline-block; content: "Back"; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-header { padding: 20px 15px; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; padding-bottom: 5px; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 14px; line-height: 19.600000px; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content { z-index: 200; position: relative; padding: 20px 20px; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; box-sizing: border-box; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid .stack { /* */ } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid .stack li { margin: 0 auto; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; padding: 10px 10px; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid a { box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.10); border-radius: 4px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: block; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid a .img { width: 100%; height: 100%; transition: inherit; background-size: cover; box-sizing: border-box; background-position: center center; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid a:hover .img { /* */ overflow: hidden; -webkit-transform: scale(1.05); transform: scale(1.05); /* */ } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid a:hover::before { /* */ top: 0; left: 0; content: ''; z-index: 20; width: 100%; height: 100%; display: block; position: absolute; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.1); /* */ } body.album-stacks_in_44-expand .simple-lightbox { position: fixed; z-index: 1002; } body.album-stacks_in_44-expand .sl-overlay { /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ opacity: 0.9; position: fixed; z-index: 1001; } body.album-stacks_in_44-expand .sl-close { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_44-expand .sl-navigation button { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_44-expand .sl-counter { color: rgba(255, 255, 255, 1.00); font-family: "Proxima Nova"; } body.album-stacks_in_44-expand .sl-spinner { border-color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_44-expand .sl-wrapper .sl-image { overflow: hidden; border-radius: 5px; } body.album-stacks_in_44-expand .sl-wrapper .sl-image .sl-caption { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); background: rgba(44, 44, 59, 0.60); font-size: 18px; padding: 15px 15px; font-weight: bold; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.30); } #album-stacks_in_44.album-was-opened #album-gallery-stacks_in_44 { visibility: visible; } #album-stacks_in_44.album-expand .album-cover::before, #album-stacks_in_44.album-expand .album-cover::after { display: none; } #album-stacks_in_44.album-expand .album-cover-inner { -webkit-animation: album-cover-hide 0.5s; animation: album-cover-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_44.album-expand .album-cover-count { -webkit-animation: album-count-hide 0.3s; animation: album-count-hide 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_44.album-expand #album-gallery-stacks_in_44 { visibility: visible; -webkit-animation: album-gallery-show 0.5s 0.5s; animation: album-gallery-show 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_44.album-expand.album-close #album-gallery-stacks_in_44 { -webkit-animation: album-gallery-hide 5s 0.5s; animation: album-gallery-hide 5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (min-width: 801px) { #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid li { width: 33.333332%; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid li a { height: 250px; } } @media (max-width: 800px) { #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid li { width: 50.000000%; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @media (max-width: 400px) { #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-info { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-back i { font-size: 24px; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-back::after { display: none; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid li { width: 100.000000%; } #album-stacks_in_44 #album-gallery-stacks_in_44 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @-webkit-keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @-webkit-keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-shape-show-stacks_in_44 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @keyframes album-shape-show-stacks_in_44 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @-webkit-keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } #album-image-stacks_in_46 .img { /* */ background-image: url(../files/image_thumb-46.jpg); /* */ } #album-image-stacks_in_47 .img { /* */ background-image: url(../files/image_thumb-47.jpg); /* */ } #album-image-stacks_in_48 .img { /* */ background-image: url(../files/image_thumb-48.jpg); /* */ } #album-image-stacks_in_91 .img { /* */ background-image: url(../files/image_thumb-91.jpg); /* */ } #stacks_in_7>.s3_row { margin: 0 -10px; } #stacks_in_7>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_7>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_7>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_7>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_7>.s3_row { margin: -10px 0; } #stacks_in_7>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* */ #stacks_in_7, #stacks_in_8, #stacks_in_7 .stacks_in, #stacks_in_7 .stacks_out { overflow: visible !important; } #album-stacks_in_11 { z-index: 1000; position: relative; } #album-stacks_in_11 .album-cover { margin: 20px; max-width: 300px; border-radius: 5px; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_11 .album-cover.cover-left { margin-right: auto; } #album-stacks_in_11 .album-cover.cover-right { margin-left: auto; } #album-stacks_in_11 .album-cover.cover-center { margin-left: auto; margin-right: auto; } #album-stacks_in_11 .album-cover:hover { /* */ cursor: pointer; -webkit-transform: translateY(-3px); transform: translateY(-3px); /* */ } #album-stacks_in_11 .album-cover:hover .album-cover-inner { /* */ box-shadow: none; /* */ } #album-stacks_in_11 .album-cover:hover .album-cover-image::after { /* */ opacity: 1; /* */ } #album-stacks_in_11 .album-cover:hover::before, #album-stacks_in_11 .album-cover:hover::after { /* */ -webkit-transform: rotate(0deg); transform: rotate(0deg); /* */ } #album-stacks_in_11 .album-cover::before, #album-stacks_in_11 .album-cover::after { content: ''; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; display: block; position: absolute; transition: all 0.3s; background: rgba(255, 255, 255, 0); border-radius: 5px; -webkit-animation: album-shape-show-stacks_in_11 0.4s 0.6s; animation: album-shape-show-stacks_in_11 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_11 .album-cover::before { -webkit-transform: rotate(4deg); transform: rotate(4deg); } #album-stacks_in_11 .album-cover::after { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } #album-stacks_in_11 .album-cover-placeholder { /* */ font-family: "Varela"; /* */ color: rgba(112, 128, 144, 0.30); border-radius: 5px; border: 3px dashed rgba(112, 128, 144, 0.30); top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #album-stacks_in_11 .album-cover-placeholder i { font-size: 50px; } #album-stacks_in_11 .album-cover-placeholder span { font-size: 20px; } #album-stacks_in_11 .album-cover-count { /* */ font-family: "Varela"; /* */ top: 10px; right: 10px; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 13px; padding: 5px 10px; border-radius: 20px; opacity: 0; z-index: 20; line-height: 1; position: absolute; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation: album-count-show 0.5s 0.6s; animation: album-count-show 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_11 .album-cover-inner { /* */ background: rgba(125, 187, 12, 1.00); /* */ /* */ box-shadow: none; border-radius: 5px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* */ -webkit-transform: scale(0); transform: scale(0); -webkit-animation: album-cover-show 0.3s 0.4s; animation: album-cover-show 0.3s 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ } #album-stacks_in_11 .album-cover-image { height: 150px; max-width: 300px; background: url(../files/cover_image-11.jpg); width: 100%; position: relative; background-size: cover; background-position: center center; } #album-stacks_in_11 .album-cover-image::after { content: '\f133'; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; font-family: "Ionicons"; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 0.20); background: rgba(44, 44, 59, 0.60); font-size: 100px; } #album-stacks_in_11 .album-cover-info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 12px 15px; } #album-stacks_in_11 .album-cover-info-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 21.000000px; margin-bottom: 5px; } #album-stacks_in_11 .album-cover-info-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 13px; line-height: 18.199999px; text-overflow: ellipsis; } #album-stacks_in_11 #album-gallery-stacks_in_11 { /* */ z-index: 200; height: 100%; position: fixed; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation: album-gallery-hide 0.5s; animation: album-gallery-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ top: 0; left: 0; width: 100%; overflow-y: scroll; /* */ } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-info { /* */ background: rgba(34, 34, 45, 1.00); /* */ /* */ z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; transition: all 0.3s; font-family: "Proxima Nova"; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-back { color: rgba(255, 255, 255, 1.00); padding: 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; font-size: 18px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-back i { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-back::after { line-height: 0; margin-left: 8px; display: inline-block; content: "Back"; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-header { padding: 20px 15px; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; padding-bottom: 5px; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 14px; line-height: 19.600000px; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content { z-index: 200; position: relative; padding: 20px 20px; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; box-sizing: border-box; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid .stack { /* */ } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid .stack li { margin: 0 auto; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; padding: 10px 10px; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid a { box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.10); border-radius: 4px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: block; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid a .img { width: 100%; height: 100%; transition: inherit; background-size: cover; box-sizing: border-box; background-position: center center; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid a:hover .img { /* */ overflow: hidden; -webkit-transform: scale(1.05); transform: scale(1.05); /* */ } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid a:hover::before { /* */ top: 0; left: 0; content: ''; z-index: 20; width: 100%; height: 100%; display: block; position: absolute; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.1); /* */ } body.album-stacks_in_11-expand .simple-lightbox { position: fixed; z-index: 1002; } body.album-stacks_in_11-expand .sl-overlay { /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ opacity: 0.9; position: fixed; z-index: 1001; } body.album-stacks_in_11-expand .sl-close { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_11-expand .sl-navigation button { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_11-expand .sl-counter { color: rgba(255, 255, 255, 1.00); font-family: "Proxima Nova"; } body.album-stacks_in_11-expand .sl-spinner { border-color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_11-expand .sl-wrapper .sl-image { overflow: hidden; border-radius: 5px; } body.album-stacks_in_11-expand .sl-wrapper .sl-image .sl-caption { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); background: rgba(44, 44, 59, 0.60); font-size: 18px; padding: 15px 15px; font-weight: bold; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.30); } #album-stacks_in_11.album-was-opened #album-gallery-stacks_in_11 { visibility: visible; } #album-stacks_in_11.album-expand .album-cover::before, #album-stacks_in_11.album-expand .album-cover::after { display: none; } #album-stacks_in_11.album-expand .album-cover-inner { -webkit-animation: album-cover-hide 0.5s; animation: album-cover-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_11.album-expand .album-cover-count { -webkit-animation: album-count-hide 0.3s; animation: album-count-hide 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_11.album-expand #album-gallery-stacks_in_11 { visibility: visible; -webkit-animation: album-gallery-show 0.5s 0.5s; animation: album-gallery-show 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_11.album-expand.album-close #album-gallery-stacks_in_11 { -webkit-animation: album-gallery-hide 5s 0.5s; animation: album-gallery-hide 5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (min-width: 801px) { #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid li { width: 33.333332%; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid li a { height: 250px; } } @media (max-width: 800px) { #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid li { width: 50.000000%; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @media (max-width: 400px) { #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-info { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-back i { font-size: 24px; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-back::after { display: none; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid li { width: 100.000000%; } #album-stacks_in_11 #album-gallery-stacks_in_11 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @-webkit-keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @-webkit-keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-shape-show-stacks_in_11 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @keyframes album-shape-show-stacks_in_11 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @-webkit-keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } #album-image-stacks_in_12 .img { /* */ background-image: url(../files/image_thumb-12.jpg); /* */ } #album-image-stacks_in_13 .img { /* */ background-image: url(../files/image_thumb-13.jpg); /* */ } #album-image-stacks_in_14 .img { /* */ background-image: url(../files/image_thumb-14.jpg); /* */ } #album-image-stacks_in_92 .img { /* */ background-image: url(../files/image_thumb-92.jpg); /* */ } /* */ #stacks_in_7, #stacks_in_9, #stacks_in_7 .stacks_in, #stacks_in_7 .stacks_out { overflow: visible !important; } #album-stacks_in_21 { z-index: 1000; position: relative; } #album-stacks_in_21 .album-cover { margin: 20px; max-width: 300px; border-radius: 5px; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_21 .album-cover.cover-left { margin-right: auto; } #album-stacks_in_21 .album-cover.cover-right { margin-left: auto; } #album-stacks_in_21 .album-cover.cover-center { margin-left: auto; margin-right: auto; } #album-stacks_in_21 .album-cover:hover { /* */ cursor: pointer; -webkit-transform: translateY(-3px); transform: translateY(-3px); /* */ } #album-stacks_in_21 .album-cover:hover .album-cover-inner { /* */ box-shadow: none; /* */ } #album-stacks_in_21 .album-cover:hover .album-cover-image::after { /* */ opacity: 1; /* */ } #album-stacks_in_21 .album-cover:hover::before, #album-stacks_in_21 .album-cover:hover::after { /* */ -webkit-transform: rotate(0deg); transform: rotate(0deg); /* */ } #album-stacks_in_21 .album-cover::before, #album-stacks_in_21 .album-cover::after { content: ''; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; display: block; position: absolute; transition: all 0.3s; background: rgba(255, 255, 255, 0); border-radius: 5px; -webkit-animation: album-shape-show-stacks_in_21 0.4s 0.6s; animation: album-shape-show-stacks_in_21 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_21 .album-cover::before { -webkit-transform: rotate(4deg); transform: rotate(4deg); } #album-stacks_in_21 .album-cover::after { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } #album-stacks_in_21 .album-cover-placeholder { /* */ font-family: "Varela"; /* */ color: rgba(112, 128, 144, 0.30); border-radius: 5px; border: 3px dashed rgba(112, 128, 144, 0.30); top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #album-stacks_in_21 .album-cover-placeholder i { font-size: 50px; } #album-stacks_in_21 .album-cover-placeholder span { font-size: 20px; } #album-stacks_in_21 .album-cover-count { /* */ font-family: "Varela"; /* */ top: 10px; right: 10px; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 13px; padding: 5px 10px; border-radius: 20px; opacity: 0; z-index: 20; line-height: 1; position: absolute; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation: album-count-show 0.5s 0.6s; animation: album-count-show 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_21 .album-cover-inner { /* */ background: rgba(125, 187, 12, 1.00); /* */ /* */ box-shadow: none; border-radius: 5px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* */ -webkit-transform: scale(0); transform: scale(0); -webkit-animation: album-cover-show 0.3s 0.4s; animation: album-cover-show 0.3s 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ } #album-stacks_in_21 .album-cover-image { height: 150px; max-width: 300px; background: url(../files/cover_image-21.jpg); width: 100%; position: relative; background-size: cover; background-position: center center; } #album-stacks_in_21 .album-cover-image::after { content: '\f133'; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; font-family: "Ionicons"; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 0.20); background: rgba(44, 44, 59, 0.60); font-size: 100px; } #album-stacks_in_21 .album-cover-info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 12px 15px; } #album-stacks_in_21 .album-cover-info-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 21.000000px; margin-bottom: 5px; } #album-stacks_in_21 .album-cover-info-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 13px; line-height: 18.199999px; text-overflow: ellipsis; } #album-stacks_in_21 #album-gallery-stacks_in_21 { /* */ z-index: 200; height: 100%; position: fixed; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation: album-gallery-hide 0.5s; animation: album-gallery-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ top: 0; left: 0; width: 100%; overflow-y: scroll; /* */ } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-info { /* */ background: rgba(34, 34, 45, 1.00); /* */ /* */ z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; transition: all 0.3s; font-family: "Proxima Nova"; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-back { color: rgba(255, 255, 255, 1.00); padding: 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; font-size: 18px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-back i { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-back::after { line-height: 0; margin-left: 8px; display: inline-block; content: "Back"; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-header { padding: 20px 15px; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; padding-bottom: 5px; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 14px; line-height: 19.600000px; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content { z-index: 200; position: relative; padding: 20px 20px; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; box-sizing: border-box; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid .stack { /* */ } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid .stack li { margin: 0 auto; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; padding: 10px 10px; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid a { box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.10); border-radius: 4px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: block; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid a .img { width: 100%; height: 100%; transition: inherit; background-size: cover; box-sizing: border-box; background-position: center center; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid a:hover .img { /* */ overflow: hidden; -webkit-transform: scale(1.05); transform: scale(1.05); /* */ } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid a:hover::before { /* */ top: 0; left: 0; content: ''; z-index: 20; width: 100%; height: 100%; display: block; position: absolute; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.1); /* */ } body.album-stacks_in_21-expand .simple-lightbox { position: fixed; z-index: 1002; } body.album-stacks_in_21-expand .sl-overlay { /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ opacity: 0.9; position: fixed; z-index: 1001; } body.album-stacks_in_21-expand .sl-close { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_21-expand .sl-navigation button { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_21-expand .sl-counter { color: rgba(255, 255, 255, 1.00); font-family: "Proxima Nova"; } body.album-stacks_in_21-expand .sl-spinner { border-color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_21-expand .sl-wrapper .sl-image { overflow: hidden; border-radius: 5px; } body.album-stacks_in_21-expand .sl-wrapper .sl-image .sl-caption { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); background: rgba(44, 44, 59, 0.60); font-size: 18px; padding: 15px 15px; font-weight: bold; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.30); } #album-stacks_in_21.album-was-opened #album-gallery-stacks_in_21 { visibility: visible; } #album-stacks_in_21.album-expand .album-cover::before, #album-stacks_in_21.album-expand .album-cover::after { display: none; } #album-stacks_in_21.album-expand .album-cover-inner { -webkit-animation: album-cover-hide 0.5s; animation: album-cover-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_21.album-expand .album-cover-count { -webkit-animation: album-count-hide 0.3s; animation: album-count-hide 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_21.album-expand #album-gallery-stacks_in_21 { visibility: visible; -webkit-animation: album-gallery-show 0.5s 0.5s; animation: album-gallery-show 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_21.album-expand.album-close #album-gallery-stacks_in_21 { -webkit-animation: album-gallery-hide 5s 0.5s; animation: album-gallery-hide 5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (min-width: 801px) { #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid li { width: 33.333332%; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid li a { height: 250px; } } @media (max-width: 800px) { #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid li { width: 50.000000%; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @media (max-width: 400px) { #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-info { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-back i { font-size: 24px; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-back::after { display: none; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid li { width: 100.000000%; } #album-stacks_in_21 #album-gallery-stacks_in_21 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @-webkit-keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @-webkit-keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-shape-show-stacks_in_21 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @keyframes album-shape-show-stacks_in_21 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @-webkit-keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } #album-image-stacks_in_22 .img { /* */ background-image: url(../files/image_thumb-22.jpg); /* */ } #album-image-stacks_in_23 .img { /* */ background-image: url(../files/image_thumb-23.jpg); /* */ } #album-image-stacks_in_24 .img { /* */ background-image: url(../files/image_thumb-24.jpg); /* */ } #album-image-stacks_in_93 .img { /* */ background-image: url(../files/image_thumb-93.jpg); /* */ } #album-image-stacks_in_94 .img { /* */ background-image: url(../files/image_thumb-94.jpg); /* */ } #album-image-stacks_in_95 .img { /* */ background-image: url(../files/image_thumb-95.jpg); /* */ } #album-image-stacks_in_96 .img { /* */ background-image: url(../files/image_thumb-96.jpg); /* */ } #album-image-stacks_in_97 .img { /* */ background-image: url(../files/image_thumb-97.jpg); /* */ } #album-image-stacks_in_98 .img { /* */ background-image: url(../files/image_thumb-98.jpg); /* */ } /* */ #stacks_in_7, #stacks_in_10, #stacks_in_7 .stacks_in, #stacks_in_7 .stacks_out { overflow: visible !important; } #album-stacks_in_26 { z-index: 1000; position: relative; } #album-stacks_in_26 .album-cover { margin: 20px; max-width: 300px; border-radius: 5px; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_26 .album-cover.cover-left { margin-right: auto; } #album-stacks_in_26 .album-cover.cover-right { margin-left: auto; } #album-stacks_in_26 .album-cover.cover-center { margin-left: auto; margin-right: auto; } #album-stacks_in_26 .album-cover:hover { /* */ cursor: pointer; -webkit-transform: translateY(-3px); transform: translateY(-3px); /* */ } #album-stacks_in_26 .album-cover:hover .album-cover-inner { /* */ box-shadow: none; /* */ } #album-stacks_in_26 .album-cover:hover .album-cover-image::after { /* */ opacity: 1; /* */ } #album-stacks_in_26 .album-cover:hover::before, #album-stacks_in_26 .album-cover:hover::after { /* */ -webkit-transform: rotate(0deg); transform: rotate(0deg); /* */ } #album-stacks_in_26 .album-cover::before, #album-stacks_in_26 .album-cover::after { content: ''; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; display: block; position: absolute; transition: all 0.3s; background: rgba(255, 255, 255, 0); border-radius: 5px; -webkit-animation: album-shape-show-stacks_in_26 0.4s 0.6s; animation: album-shape-show-stacks_in_26 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_26 .album-cover::before { -webkit-transform: rotate(4deg); transform: rotate(4deg); } #album-stacks_in_26 .album-cover::after { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } #album-stacks_in_26 .album-cover-placeholder { /* */ font-family: "Varela"; /* */ color: rgba(112, 128, 144, 0.30); border-radius: 5px; border: 3px dashed rgba(112, 128, 144, 0.30); top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #album-stacks_in_26 .album-cover-placeholder i { font-size: 50px; } #album-stacks_in_26 .album-cover-placeholder span { font-size: 20px; } #album-stacks_in_26 .album-cover-count { /* */ font-family: "Varela"; /* */ top: 10px; right: 10px; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 13px; padding: 5px 10px; border-radius: 20px; opacity: 0; z-index: 20; line-height: 1; position: absolute; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation: album-count-show 0.5s 0.6s; animation: album-count-show 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_26 .album-cover-inner { /* */ background: rgba(125, 187, 12, 1.00); /* */ /* */ box-shadow: none; border-radius: 5px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* */ -webkit-transform: scale(0); transform: scale(0); -webkit-animation: album-cover-show 0.3s 0.4s; animation: album-cover-show 0.3s 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ } #album-stacks_in_26 .album-cover-image { height: 150px; max-width: 300px; background: url(../files/cover_image-26.jpg); width: 100%; position: relative; background-size: cover; background-position: center center; } #album-stacks_in_26 .album-cover-image::after { content: '\f133'; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; font-family: "Ionicons"; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 0.20); background: rgba(44, 44, 59, 0.60); font-size: 100px; } #album-stacks_in_26 .album-cover-info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 12px 15px; } #album-stacks_in_26 .album-cover-info-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 21.000000px; margin-bottom: 5px; } #album-stacks_in_26 .album-cover-info-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 13px; line-height: 18.199999px; text-overflow: ellipsis; } #album-stacks_in_26 #album-gallery-stacks_in_26 { /* */ z-index: 200; height: 100%; position: fixed; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation: album-gallery-hide 0.5s; animation: album-gallery-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* */ /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ top: 0; left: 0; width: 100%; overflow-y: scroll; /* */ } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-info { /* */ background: rgba(34, 34, 45, 1.00); /* */ /* */ z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; transition: all 0.3s; font-family: "Proxima Nova"; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-back { color: rgba(255, 255, 255, 1.00); padding: 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; font-size: 18px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-back i { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-back::after { line-height: 0; margin-left: 8px; display: inline-block; content: "Back"; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-header { padding: 20px 15px; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; padding-bottom: 5px; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.40); font-size: 14px; line-height: 19.600000px; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content { z-index: 200; position: relative; padding: 20px 20px; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; box-sizing: border-box; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid .stack { /* */ } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid .stack li { margin: 0 auto; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; padding: 10px 10px; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid a { box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.10); border-radius: 4px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: block; overflow: hidden; position: relative; transition: all 0.3s; box-sizing: border-box; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid a .img { width: 100%; height: 100%; transition: inherit; background-size: cover; box-sizing: border-box; background-position: center center; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid a:hover .img { /* */ overflow: hidden; -webkit-transform: scale(1.05); transform: scale(1.05); /* */ } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid a:hover::before { /* */ top: 0; left: 0; content: ''; z-index: 20; width: 100%; height: 100%; display: block; position: absolute; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.1); /* */ } body.album-stacks_in_26-expand .simple-lightbox { position: fixed; z-index: 1002; } body.album-stacks_in_26-expand .sl-overlay { /* */ background: rgba(44, 44, 59, 1.00); /* */ /* */ opacity: 0.9; position: fixed; z-index: 1001; } body.album-stacks_in_26-expand .sl-close { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_26-expand .sl-navigation button { color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_26-expand .sl-counter { color: rgba(255, 255, 255, 1.00); font-family: "Proxima Nova"; } body.album-stacks_in_26-expand .sl-spinner { border-color: rgba(255, 255, 255, 1.00); } body.album-stacks_in_26-expand .sl-wrapper .sl-image { overflow: hidden; border-radius: 5px; } body.album-stacks_in_26-expand .sl-wrapper .sl-image .sl-caption { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); background: rgba(44, 44, 59, 0.60); font-size: 18px; padding: 15px 15px; font-weight: bold; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.30); } #album-stacks_in_26.album-was-opened #album-gallery-stacks_in_26 { visibility: visible; } #album-stacks_in_26.album-expand .album-cover::before, #album-stacks_in_26.album-expand .album-cover::after { display: none; } #album-stacks_in_26.album-expand .album-cover-inner { -webkit-animation: album-cover-hide 0.5s; animation: album-cover-hide 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_26.album-expand .album-cover-count { -webkit-animation: album-count-hide 0.3s; animation: album-count-hide 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_26.album-expand #album-gallery-stacks_in_26 { visibility: visible; -webkit-animation: album-gallery-show 0.5s 0.5s; animation: album-gallery-show 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #album-stacks_in_26.album-expand.album-close #album-gallery-stacks_in_26 { -webkit-animation: album-gallery-hide 5s 0.5s; animation: album-gallery-hide 5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (min-width: 801px) { #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid li { width: 33.333332%; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid li a { height: 250px; } } @media (max-width: 800px) { #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid li { width: 50.000000%; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @media (max-width: 400px) { #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-info { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-back i { font-size: 24px; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-back::after { display: none; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid li { width: 100.000000%; } #album-stacks_in_26 #album-gallery-stacks_in_26 .album-gallery-content .album-gallery-grid li a { height: 200px; } } @-webkit-keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @keyframes album-cover-hide { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 50% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 99% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } } @-webkit-keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes album-cover-show { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes album-count-show { 0% { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-count-hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-shape-show-stacks_in_26 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @keyframes album-shape-show-stacks_in_26 { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(44, 44, 59, 0.60); } } @-webkit-keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-show { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes album-gallery-hide { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes album-gallery-info-show { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes album-gallery-content-show { 0% { opacity: 0; } 100% { opacity: 1; } } #album-image-stacks_in_27 .img { /* */ background-image: url(../files/image_thumb-27.jpg); /* */ } #album-image-stacks_in_28 .img { /* */ background-image: url(../files/image_thumb-28.jpg); /* */ } #album-image-stacks_in_29 .img { /* */ background-image: url(../files/image_thumb-29.jpg); /* */ } #album-image-stacks_in_99 .img { /* */ background-image: url(../files/image_thumb-99.jpg); /* */ } #album-image-stacks_in_100 .img { /* */ background-image: url(../files/image_thumb-100.jpg); /* */ } #album-image-stacks_in_101 .img { /* */ background-image: url(../files/image_thumb-101.jpg); /* */ }