/* Issue: Strata, remove z-index from #t-band Writer, remove z-index from .wrapper.main */ @font-face { font-family: 'velvet'; src: url('../files/icons/velvet.eot?ddr21z'); src: url('../files/icons/velvet.eot?ddr21z#iefix') format('embedded-opentype'), url('../files/icons/velvet.woff2?ddr21z') format('woff2'), url('../files/icons/velvet.ttf?ddr21z') format('truetype'), url('../files/icons/velvet.woff?ddr21z') format('woff'), url('../files/icons/velvet.svg?ddr21z#velvet') format('svg'); font-weight: normal; font-style: normal; } [class^="velvet-"], [class*=" velvet-"] { font-family: 'velvet' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .velvet_alert{ position: absolute; color: #fff; top: 50%; left: 50%; font-size: 13px; transform: translate(-50%,-50%); padding: 6px 10px; line-height: 1.5; background: rgba(0,0,0,0.8); border-radius: 5px; text-align: center; font-family: arial; } .velvet-play-1:before { content: "\e903"; } .velvet-play-2:before { content: "\e904"; } .velvet-play-6:before { content: "\e905"; } .velvet-play-3:before { content: "\e901"; } .velvet-play-4:before { content: "\e902"; } .velvet-play-5:before { content: "\e900"; } .velvet-icon{ position: absolute; z-index: 2; pointer-events:none; text-align: center; text-shadow: none; transition: color 300ms; } .velvet-icon:after { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; } .vzoom-img-op .velvet-icon{ opacity: 0; } .cf:after{ content: ""; display: table; clear: both; } .velvet_active{ overflow: visible !important; } .velvet_active:after{ content: ""; display: table; clear: both; } .vzoom-img-in[data-preventzoom="True"]{ z-index: 0 !important; } .vzoom-img-in[data-preventzoom="True"] img, .vzoom-img-in[data-preventzoom="True"] .vzoom-img-wrap{ transform: none !important; } .vzoom-player table{ background: transparent !important; } .vzoom-player .embed-center{ max-width: 150vh; margin: 0 auto; } .vzoom-player .embed-container{ position: relative; padding-bottom: 56.25%; height: 0; background: #000; overflow: hidden !important; max-width: 100%; margin-bottom: 0 !important; line-height: 0; box-shadow: 0 10px 40px rgba(0,0,0,0.4); } body.velvet_scaleIn .vzoom-player .embed-container{ animation: ncdVideoScaleIn .5s .2s backwards; } .vzoom-player .embed-container:before{ height: 100%; width: 100%; background: #000; content: ''; display: block; position: absolute; z-index: 0; opacity: 0; transition: opacity 150ms; } .vzoom-player .embed-container:after{ padding-top: 100%; content: ''; display: block; } .vzoom-player.close .embed-container:before{ z-index: 1; opacity: 1; } .vzoom-player .embed-container iframe, .vzoom-player .embed-container object, .vzoom-player .embed-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vzoom-player .embed-container video{ position: relative; z-index: 1000; } .vzoom-img, .vzoom-img-wrap { position: relative; z-index: 66669999; -webkit-transition: all 300ms 100ms; -o-transition: all 300ms 100ms; transition: all 300ms 100ms; } .vzoom-overlay-open .vzoom-img, .vzoom-overlay-open .vzoom-img-wrap { -webkit-transition: all 325ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 325ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 325ms cubic-bezier(0.165, 0.840, 0.440, 1.000); } img[data-action="vzoom"] { cursor: pointer; width: 100%; max-width: none; float: left; position: relative; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } img.vzoom-img { cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; } .velvet_placeholder{ text-align: center; } @media screen and (min-width: 900px) { .velvet_placeholder{ height: 0; padding-top: 50%; } } .velvet_placeholder img{ float: none; position: absolute; left: 0; top: 0; height: 100%; } .velvet_placeholder .velvet-icon{ display: none; } .no_image + .velvet-icon{ display: block; } .vzoom-img-in{ transition: opacity .4s .1s; position: relative; } .vzoom-img-in img{ margin: 0; } .vzoom-img-in:before{ position: absolute; pointer-events:none; top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: 1; transition: background 300ms; } .vzoom-img-in:hover:before{ background: ; } .vzoom-img-in.velvet_active{ z-index: 77779999; } .vzoom-img-in:after { content: ""; display: table; clear: both; } .vzoom-img-in.vzoom-img-op{ transition: opacity .35s; opacity: 0; pointer-events: none; } .vzoom-img-in.vzoom-img-op[data-preventzoom="True"]{ opacity: 1; } .vzoom-overlay, .vzoom-player { z-index: 1000; background: #000000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; } .vzoom-overlay-open .vzoom-overlay { filter: "alpha(opacity=89)"; opacity: .89; } .vzoom-overlay{ -webkit-transition: opacity 300ms 300ms; -o-transition: opacity 300ms 300ms; transition: opacity 300ms 300ms; } .vzoom-overlay-open .vzoom-overlay{ -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .vzoom-player { z-index: 1001; background: none; margin: 40px; opacity: 1; filter: none; pointer-events: auto; animation: ncdVideoOpacityIn .6s .25s backwards; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .vzoom-player table{ height: 100%; width: 100%; border-collapse: collapse; } .vzoom-player table td{ vertical-align: middle; } .vzoom-player *{ box-sizing: content-box; } .vzoom-player.close .embed-container{ transition: opacity 300ms; opacity: 0; } .vzoom-overlay-open, .vzoom-overlay-transitioning { cursor: default; } @keyframes ncdVideoOpacityIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes ncdVideoScaleIn { 0% { transform: scale(0.96); } 100% { transform: scale(1); } } .vzoom-img-in .embed-container{ position: relative; padding-bottom: 56.25%; height: 0; background: #000; overflow: hidden !important; max-width: 100%; line-height: 0; } .vzoom-img-in .embed-container iframe, .vzoom-img-in .embed-container object, .vzoom-img-in .embed-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 900px) { .vzoom-img-in .embed-container{ display: none; } } @media screen and (max-width: 900px) { .vzoom-img-in img, .vzoom-img-in:before, .vzoom-img-in .velvet-icon{ display: none !important; } .vzoom-img-in .embed-container, .vzoom-img-in .embed-container iframe, .vzoom-img-in .embed-container object, .vzoom-img-in .embed-container embed{ display: block; } } /* Edit Mode */ @important "partials/mixins"; #loader-outer-stacks_in_862_page0 { z-index: 10000000000000000000; position: relative; /* */ } #loader-stacks_in_862_page0 .loader-text { font-family: "Droid Serif"; top: 50%; left: 50%; text-align: center; position: absolute; width: 100%; max-width: 90%; z-index: 10000000000000000000; color: rgba(0, 0, 0, 1.00); font-size: 20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #loader-stacks_in_862_page0 .loader-text.loader-8-text { /* */ margin-top: -50px; /* */ } #loader-stacks_in_862_page0 .loader-text.loader-4-text { /* */ margin-top: -50px; /* */ } #loader-stacks_in_862_page0 .loader-type { position: relative; z-index: 10000000000000000000; } #loader-stacks_in_862_page0 { /* */ /* */ /* */ position: fixed; /* */ /* */ overflow: hidden; z-index: 10000000000000000000; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #loader-stacks_in_862_page0::before { /* */ background: rgba(245, 245, 245, 1.00); /* */ /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; opacity: 1.0; } .loader-1-stacks_in_862_page0 { width: 100%; max-width: 90%; height: 8px; position: relative; background-color: rgba(253, 186, 44, 1.00); } .loader-1-stacks_in_862_page0 .bar { content: ""; display: inline; position: absolute; width: 0; height: 100%; left: 50%; text-align: center; } .loader-1-stacks_in_862_page0 .bar:nth-child(1) { background-color: rgba(218, 71, 51, 1.00); -webkit-animation: loader-1-stacks_in_862_page0 3s linear infinite; animation: loader-1-stacks_in_862_page0 3s linear infinite; } .loader-1-stacks_in_862_page0 .bar:nth-child(2) { background-color: rgba(59, 120, 231, 1.00); -webkit-animation: loader-1-stacks_in_862_page0 3s linear 1s infinite; animation: loader-1-stacks_in_862_page0 3s linear 1s infinite; } .loader-1-stacks_in_862_page0 .bar:nth-child(3) { background-color: rgba(253, 186, 44, 1.00); -webkit-animation: loader-1-stacks_in_862_page0 3s linear 2s infinite; animation: loader-1-stacks_in_862_page0 3s linear 2s infinite; } @-webkit-keyframes loader-1-stacks_in_862_page0 { from { left: 50%; width: 0; z-index: 100; } 33.3333% { left: 0; z-index: 10; width: 100%; } to { left: 0; width: 100%; } } @keyframes loader-1-stacks_in_862_page0 { from { left: 50%; width: 0; z-index: 100; } 33.3333% { left: 0; z-index: 10; width: 100%; } to { left: 0; width: 100%; } } .loader-2-stacks_in_862_page0 { width: 50px; height: 50px; margin: 50px; -webkit-animation: loader-2-1-stacks_in_862_page0 1.4s infinite ease-in-out, loader-2-2-stacks_in_862_page0 1.4s infinite ease-in-out alternate; animation: loader-2-1-stacks_in_862_page0 1.4s infinite ease-in-out, loader-2-2-stacks_in_862_page0 1.4s infinite ease-in-out alternate; } @-webkit-keyframes loader-2-1-stacks_in_862_page0 { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0deg); transform: perspective(120px) rotateX(-180deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } } @keyframes loader-2-1-stacks_in_862_page0 { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0deg); transform: perspective(120px) rotateX(-180deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } } @-webkit-keyframes loader-2-2-stacks_in_862_page0 { 0% { background-color: rgba(218, 71, 51, 1.00); } 50% { background-color: rgba(59, 120, 231, 1.00); } 100% { background-color: rgba(253, 186, 44, 1.00); } } @keyframes loader-2-2-stacks_in_862_page0 { 0% { background-color: rgba(218, 71, 51, 1.00); } 50% { background-color: rgba(59, 120, 231, 1.00); } 100% { background-color: rgba(253, 186, 44, 1.00); } } .loader-3-stacks_in_862_page0 { width: 50px; height: 50px; border: none; overflow: hidden; position: relative; border-radius: 50%; box-sizing: border-box; background: rgba(35, 100, 39, 1.00); -webkit-animation: loader-3-stacks_in_862_page0 1s infinite linear; animation: loader-3-stacks_in_862_page0 1s infinite linear; } .loader-3-stacks_in_862_page0::before { content: ''; position: absolute; top: 10px; left: 50%; width: 10px; height: 10px; display: block; border-radius: 50%; background: rgba(255, 255, 255, 1.00); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @-webkit-keyframes loader-3-stacks_in_862_page0 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-3-stacks_in_862_page0 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loader-4-stacks_in_862_page0 .bar { border-radius: 0px; display: inline-block; width: 4px; height: 18px; margin: 0 0px; -webkit-animation: loader-4-stacks_in_862_page0 1s ease-in-out infinite; animation: loader-4-stacks_in_862_page0 1s ease-in-out infinite; } .loader-4-stacks_in_862_page0 .bar:nth-child(1) { background-color: rgba(52, 152, 219, 1.00); -webkit-animation-delay: 0; animation-delay: 0; } .loader-4-stacks_in_862_page0 .bar:nth-child(2) { background-color: rgba(192, 57, 43, 1.00); -webkit-animation-delay: 0.09s; animation-delay: 0.09s; } .loader-4-stacks_in_862_page0 .bar:nth-child(3) { background-color: rgba(241, 196, 15, 1.00); -webkit-animation-delay: .18s; animation-delay: .18s; } .loader-4-stacks_in_862_page0 .bar:nth-child(4) { background-color: rgba(39, 174, 96, 1.00); -webkit-animation-delay: .27s; animation-delay: .27s; } @-webkit-keyframes loader-4-stacks_in_862_page0 { 0% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(1, 2.2); transform: scale(1, 2.2); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes loader-4-stacks_in_862_page0 { 0% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(1, 2.2); transform: scale(1, 2.2); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .loader-5-stacks_in_862_page0 { opacity: 0; width: 50px; height: 50px; border-radius: 50px; -webkit-animation: loader-5-stacks_in_862_page0 1s ease-out; animation: loader-5-stacks_in_862_page0 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border: 5px solid rgba(39, 174, 96, 1.00); } @-webkit-keyframes loader-5-stacks_in_862_page0 { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes loader-5-stacks_in_862_page0 { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .loader-6-stacks_in_862_page0 { width: 100%; height: 40px; } .loader-6-stacks_in_862_page0 .bar { width: 40px; height: 40px; left: -40px; position: absolute; background-color: rgba(54, 52, 174, 1.00); border-radius: 4px; -webkit-animation: loader-6-stacks_in_862_page0 4s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23); animation: loader-6-stacks_in_862_page0 4s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23); } .loader-6-stacks_in_862_page0 .bar:nth-child(2) { -webkit-animation-delay: 150ms; animation-delay: 150ms; } .loader-6-stacks_in_862_page0 .bar:nth-child(3) { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .loader-6-stacks_in_862_page0 .bar:nth-child(4) { -webkit-animation-delay: 450ms; animation-delay: 450ms; } @-webkit-keyframes loader-6-stacks_in_862_page0 { 0% { left: 0%; } 75% { left: 100%; } 100% { left: 100%; } } @keyframes loader-6-stacks_in_862_page0 { 0% { left: 0%; } 75% { left: 100%; } 100% { left: 100%; } } .loader-7-stacks_in_862_page0 { width: 100%; overflow: hidden; position: relative; height: 8px; max-width: 90%; background-color: rgba(241, 241, 241, 1.00); } .loader-7-stacks_in_862_page0:before { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 8px; background-color: rgba(0, 0, 0, 1.00); -webkit-animation: loader-7-stacks_in_862_page0 2s linear infinite; animation: loader-7-stacks_in_862_page0 2s linear infinite; } @-webkit-keyframes loader-7-stacks_in_862_page0 { from { left: -200px; width: 30%; } 50% { width: 30%; } 70% { width: 70%; } 80% { left: 50%; } 95% { left: 120%; } to { left: 100%; } } @keyframes loader-7-stacks_in_862_page0 { from { left: -200px; width: 30%; } 50% { width: 30%; } 70% { width: 70%; } 80% { left: 50%; } 95% { left: 120%; } to { left: 100%; } } .loader-8-stacks_in_862_page0 { width: 100%; height: 20px; background-size: 28px 28px; max-width: 90%; border-radius: 3pxpx; -webkit-animation: loader-8-stacks_in_862_page0 .5s linear infinite; animation: loader-8-stacks_in_862_page0 .5s linear infinite; border: 1px solid rgba(0, 0, 0, 1.00); background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00) 11px, rgba(241, 241, 241, 1.00) 10px, rgba(241, 241, 241, 1.00) 20px); } @-webkit-keyframes loader-8-stacks_in_862_page0 { 0% { background-position: 0 0; } 100% { background-position: 28px 0; } } @keyframes loader-8-stacks_in_862_page0 { 0% { background-position: 0 0; } 100% { background-position: 28px 0; } } .loader-9-stacks_in_862_page0 { font-family: "Droid Serif"; position: relative; color: rgba(241, 241, 241, 1.00); font-size: px; } .loader-9-stacks_in_862_page0:before { content: attr(data-text); max-width: 100%; overflow: hidden; position: absolute; white-space: nowrap; color: rgba(0, 0, 0, 1.00); -webkit-animation: loader-9-stacks_in_862_page0 8s linear; animation: loader-9-stacks_in_862_page0 8s linear; /* */ } @media only screen and (min-width: 480px) { .loader-9-stacks_in_862_page0 { font-size: 24px; } } @media only screen and (min-width: 768px) { .loader-9-stacks_in_862_page0 { font-size: 32px; } } @media only screen and (min-width: 1100px) { .loader-9-stacks_in_862_page0 { font-size: 40px; } } @-webkit-keyframes loader-9-stacks_in_862_page0 { 0% { max-width: 0; } } @keyframes loader-9-stacks_in_862_page0 { 0% { max-width: 0; } } .loader-10-stacks_in_862_page0 { width: 200px; height: 200px; position: relative; border-radius: 50%; background: url() no-repeat center center; background-size: 100% 100%; } .loader-10-stacks_in_862_page0::after { content: ''; z-index: 2; width: 200px; height: 200px; display: block; margin-top: -8px; margin-left: -8px; position: absolute; border-radius: 50%; border: 8px solid rgba(241, 241, 241, 1.00); -webkit-animation: loader-10-stacks_in_862_page0 1.7s infinite linear; animation: loader-10-stacks_in_862_page0 1.7s infinite linear; } .loader-10-stacks_in_862_page0-half::after { border-right-color: transparent; border-bottom-color: transparent; } .loader-10-stacks_in_862_page0-quarter::after { border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; } .loader-10-stacks_in_862_page0-third::after { border-right-color: transparent; } .loader-10-stacks_in_862_page0::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: -1; margin-top: -8px; margin-left: -8px; border-radius: 50%; border: 8px solid rgba(0, 0, 0, 1.00); } @-webkit-keyframes loader-10-stacks_in_862_page0 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-10-stacks_in_862_page0 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #stacks_in_450_page0{ max-width: 1000px;margin: 0 auto; } #stacks_in_450_page0{ padding: 0px 0px 0px 0px; } @media screen and (min-width: 770px){ #stacks_in_450_page0{ padding: 0px 0px 0px 0px; } }#stacks_in_456_page0>.s3_row { margin: 0 -20px; } #stacks_in_456_page0>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_456_page0>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_456_page0>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { #stacks_in_456_page0>.s3_row { margin: -20px 0; } #stacks_in_456_page0>.s3_row>.s3_column { padding: 20px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_456_page0>.s3_row { margin: -20px 0; } #stacks_in_456_page0>.s3_row>.s3_column { padding: 20px 0; width:100%; } } #stacks_in_542_page0 { padding: 0px 0px 15px 0px; } #stacks_in_539_page0>.s3_row { margin: 0 -0px; } #stacks_in_539_page0>.s3_row>.s3_column_left { width: 32.00%; } #stacks_in_539_page0>.s3_row>.s3_column_right { width: 68.000000%; } #stacks_in_539_page0>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_459_page0 { margin: 0px 30px 0px 0px; } #stacks_in_456_page0 .stacks_in, #stacks_in_456_page0 .stacks_out, #stacks_out_778_page0 .stacks_in, #stacks_out_778_page0.stacks_out { /* */ overflow: visible !important; /* */ } /* */ #ultra-list-stacks_in_778_page0-main { z-index: 500; max-width: 500px; padding: 10px; margin: 0 auto; position: relative; box-sizing: border-box; } #ultra-list-stacks_in_778_page0-main mark { padding: 2px; display: inline; color: rgba(49, 44, 50, 1.00); background: rgba(152, 218, 252, 1.00); } #ultra-list-stacks_in_778_page0-main .search-result-info { display: none; text-align: center; padding: 20px 10px; } #ultra-list-stacks_in_778_page0-main.tags-created .ultra-li-tags::before { display: none; } #ultra-list-stacks_in_778_page0-main.no-results { /* */ font-family: "Open Sans"; /* */ } #ultra-list-stacks_in_778_page0-main.no-results .search-result-info { display: block; } #ultra-list-stacks_in_778_page0-main.no-results .ultra-list-search { color: rgba(152, 218, 252, 1.00); } #ultra-list-stacks_in_778_page0-main.no-results .ultra-list-search::after { height: 3px; background: rgba(152, 218, 252, 1.00); } #ultra-list-stacks_in_778_page0-main.no-results .ultra-list-search button i::after { content: 'error_outline'; } #ultra-list-stacks_in_778_page0-main.yes-results .ultra-list-search { color: rgba(152, 218, 252, 1.00); } #ultra-list-stacks_in_778_page0-main.yes-results .ultra-list-search::after { height: 3px; background: rgba(152, 218, 252, 1.00); } #ultra-list-stacks_in_778_page0-main.yes-results .ultra-list-search button i::after { content: 'check_circle'; } #ultra-list-stacks_in_778_page0-options { /* */ font-family: "Open Sans"; /* */ margin-bottom: 20px; z-index: 100; display: flex; position: relative; box-sizing: border-box; justify-content: flex-end; } #ultra-list-stacks_in_778_page0-options .ultra-list-search { color: #2BDD31; width: 100%; display: flex; overflow: hidden; position: relative; margin-right: 10px; box-sizing: border-box; -ms-input-placeholder-color: #2BDD31; -moz-placeholder-color: #2BDD31; } #ultra-list-stacks_in_778_page0-options .ultra-list-search ::-webkit-input-placeholder { color: #2BDD31; } #ultra-list-stacks_in_778_page0-options .ultra-list-search ::-moz-placeholder { color: #2BDD31; } #ultra-list-stacks_in_778_page0-options .ultra-list-search::after { content: ''; left: 0; bottom: 0; height: 1px; width: 100%; opacity: 0.4; display: block; position: absolute; background: #343B48; } #ultra-list-stacks_in_778_page0-options .ultra-list-search button { margin: 0; padding: 0; border: none; line-height: 1; color: inherit; flex: 0 1 auto; background: none; } #ultra-list-stacks_in_778_page0-options .ultra-list-search button i::after { display: inline; content: 'search'; font-size: 24px; } #ultra-list-stacks_in_778_page0-options .ultra-list-search input { color: #2BDD31; font-size: 16px; padding: 10px 10px; margin: 0; width: 100%; border: none; outline: none; flex: 0 1 auto; box-shadow: none; background: none; box-sizing: border-box; } #ultra-list-stacks_in_778_page0-options .ultra-list-sort { color: rgba(208, 157, 115, 1.00); background: rgba(49, 44, 50, 1.00); border-radius: 3px; z-index: 20; flex: 0 1 auto; cursor: pointer; align-items: center; display: inline-flex; justify-content: center; } #ultra-list-stacks_in_778_page0-options .ultra-list-sort.sorting, #ultra-list-stacks_in_778_page0-options .ultra-list-sort.filter { color: rgba(49, 44, 50, 1.00); background: rgba(218, 173, 134, 1.00); } #ultra-list-stacks_in_778_page0-options .ultra-list-sort.sorting .sort-count { display: flex; } #ultra-list-stacks_in_778_page0-options .ultra-list-sort.filter .sort-overlay { display: block; } #ultra-list-stacks_in_778_page0-options .ultra-list-sort.filter ul.sort-list { opacity: 1; pointer-events: auto; transform: translateX(0); } #ultra-list-stacks_in_778_page0-options .ultra-list-sort i { width: 40px; height: 40px; font-size: 24px; display: flex; align-items: center; justify-content: center; } #ultra-list-stacks_in_778_page0-options .ultra-list-sort .sort-count { width: 40px; height: 40px; display: none; align-items: center; justify-content: center; } #ultra-list-stacks_in_778_page0-options .ultra-list-sort .sort-count span { font-size: 16px; display: inline-block; } #ultra-list-stacks_in_778_page0-options .ultra-list-sort .sort-overlay { z-index: -1; top: 0; left: 0; right: 0; bottom: 0; display: none; position: fixed; cursor: auto; } #ultra-list-stacks_in_778_page0-options .ultra-list-sort ul.sort-list { /* */ background: rgba(49, 44, 50, 1.00); /* */ /* */ max-width: 180px; padding: 10px 15px; max-height: 450px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30); right: 0; margin: 0; opacity: 0; z-index: 20; width: 100%; list-style: none; position: absolute; pointer-events: none; text-align-last: left; border-radius: 4px; transition: all 0.3s; top: calc(100% + 5px); box-sizing: border-box; transform: translateX(100%); } #ultra-list-stacks_in_778_page0-options .ultra-list-sort ul.sort-list li { color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: flex; cursor: pointer; font-size: 15px; padding: 8px 0; align-items: center; } #ultra-list-stacks_in_778_page0-options .ultra-list-sort ul.sort-list li:last-child { border-bottom: none; } #ultra-list-stacks_in_778_page0-options .ultra-list-sort ul.sort-list li::before { color: rgba(152, 218, 252, 1.00); font-size: 20px; margin-right: 10px; content: 'check_box_outline_blank'; font-family: "Material Icons"; transition: all 0.3s; } #ultra-list-stacks_in_778_page0-options .ultra-list-sort ul.sort-list li:hover::before { transform: scale(1.1); } #ultra-list-stacks_in_778_page0-options .ultra-list-sort ul.sort-list li.filter-on:hover::before { content: 'indeterminate_check_box'; } #ultra-list-stacks_in_778_page0-options .ultra-list-sort ul.sort-list li.filter-on::before { content: 'check_box'; } #ultra-list-stacks_in_778_page0 { margin: 0; padding: 0; list-style: none; box-sizing: border-box; } #ultra-list-stacks_in_778_page0 .ultra-li { overflow: hidden; transition: all 0.3s; } #ultra-list-stacks_in_778_page0 .ultra-li-top { display: flex; /* */ background: rgba(49, 44, 50, 1.00); /* */ /* */ padding: 15px 15px; } #ultra-list-stacks_in_778_page0 .ultra-li-top * { box-sizing: border-box; } #ultra-list-stacks_in_778_page0 .ultra-li-details { /* */ font-family: "Open Sans"; /* */ /* */ background: rgba(68, 61, 70, 1.00); /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); /* */ height: 0; /* */ /* */ } #ultra-list-stacks_in_778_page0 .ultra-li-details-inner { padding: 15px; /* */ transform: scale(0); transition: all 0.5s 0.5s; /* */ } #ultra-list-stacks_in_778_page0 .ultra-li-col-icon { display: flex; flex: 0 1 auto; align-self: center; } #ultra-list-stacks_in_778_page0 .ultra-li-icon { color: rgba(38, 34, 39, 0.50); width: 60px; height: 60px; border-radius: 40px; background: rgba(218, 173, 134, 1.00); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05); } #ultra-list-stacks_in_778_page0 .ultra-li-icon i { font-size: 24px; } #ultra-list-stacks_in_778_page0 .ultra-li-col-header { padding: 0 12px; flex: 0 1 auto; overflow: hidden; align-self: center; } #ultra-list-stacks_in_778_page0 .ultra-li-title { /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 28.000000px; margin-bottom: 5px; } #ultra-list-stacks_in_778_page0 .ultra-li-description { /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 0.50); font-size: 15px; line-height: 21.000000px; } #ultra-list-stacks_in_778_page0 .ultra-li-tags { /* */ font-family: "Open Sans"; /* */ padding: 0; margin: 0; display: flex; flex-wrap: wrap; list-style: none; align-items: flex-start; justify-content: flex-start; } #ultra-list-stacks_in_778_page0 .ultra-li-tags::before { content: ' ... '; align-items: center; } #ultra-list-stacks_in_778_page0 .ultra-li-tags li, #ultra-list-stacks_in_778_page0 .ultra-li-tags::before { margin-top: 12px; flex: 0 1 auto; margin-right: 4px; color: rgba(255, 255, 255, 0.50); background: rgba(68, 61, 70, 0.50); font-size: 12px; padding: 3px 10px; border-radius: 20px; } #ultra-list-stacks_in_778_page0 .ultra-li-col-toggle { flex: 0 1 auto; margin-left: auto; align-self: center; } #ultra-list-stacks_in_778_page0 .ultra-li-toggle { /* */ font-family: "Open Sans"; /* */ color: rgba(49, 44, 50, 1.00); height: 30px; background: rgba(218, 173, 134, 1.00); font-size: 16px; border-radius: 30px; width: 100%; display: flex; line-height: 0; cursor: pointer; margin-left: auto; overflow: hidden; position: relative; text-align: center; align-items: center; justify-content: center; transition: all 0.3s; } #ultra-list-stacks_in_778_page0 .ultra-li-toggle::after { padding: 0 16px; content: "Purchase"; z-index: 2; width: 100%; height: 100%; color: inherit; overflow: hidden; user-select: none; position: relative; align-items: center; white-space: nowrap; display: inline-flex; transition: width 0.3s; justify-content: center; } #ultra-list-stacks_in_778_page0 .ultra-li-toggle i { font-size: 24px; opacity: 0; z-index: 1; user-select: none; position: absolute; pointer-events: none; transition: all 0.3s; } #ultra-list-stacks_in_778_page0-main.no-search .ultra-list-search { display: none; } #ultra-list-stacks_in_778_page0-main.no-sort .ultra-list-search { margin-right: 0; } #ultra-list-stacks_in_778_page0-main.no-sort .ultra-list-sort { display: none; } #ultra-list-stacks_in_778_page0-main.no-description .ultra-li-title { margin-bottom: 0; } #ultra-list-stacks_in_778_page0-main.no-description .ultra-li-description { display: none; } #ultra-list-stacks_in_778_page0-main.no-tags .ultra-list-search { margin-right: 0; } #ultra-list-stacks_in_778_page0-main.no-tags .ultra-list-sort { display: none; } #ultra-list-stacks_in_778_page0-main.no-tags .ultra-li-tags { display: none; } #ultra-list-stacks_in_778_page0-main.no-toggle-text .ultra-li-toggle { padding: 0; width: 30px; } #ultra-list-stacks_in_778_page0-main.no-toggle-text .ultra-li-toggle::after { font-family: "Material Icons"; content: 'more_vert'; } #ultra-list-stacks_in_778_page0 .ultra-li.expanded .ultra-li-details-inner { transform: scale(1); transition: all 0.3s 0s; } #ultra-list-stacks_in_778_page0 .ultra-li.expanded .ultra-li-description { overflow: visible; white-space: normal; } #ultra-list-stacks_in_778_page0 .ultra-li.expanded .ultra-li-toggle { width: 30px; transition: all 0.3s; } #ultra-list-stacks_in_778_page0 .ultra-li.expanded .ultra-li-toggle::after { opacity: 0; padding: 0; pointer-events: none; } #ultra-list-stacks_in_778_page0 .ultra-li.expanded .ultra-li-toggle i { opacity: 1; pointer-events: auto; } #ultra-list-stacks_in_778_page0.separated .ultra-li { box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30); border-radius: 3px; margin-bottom: 15px; } #ultra-list-stacks_in_778_page0.separated .ultra-li:hover { transform: translateY(-3px); } #ultra-list-stacks_in_778_page0.connected { overflow: hidden; border-radius: 3px; } #ultra-list-stacks_in_778_page0.connected .ultra-li { margin-bottom: 0; box-shadow: none; } #ultra-list-stacks_in_778_page0.connected .ultra-li .ultra-li-details { min-height: 1px; position: relative; } #ultra-list-stacks_in_778_page0.connected .ultra-li .ultra-li-details::after { content: ''; left: 0; bottom: 0; width: 100%; height: 1px; display: block; position: absolute; background: rgba(119, 119, 119, 1.00); } #ultra-list-stacks_in_778_page0.connected .ultra-li:first-of-type { border-top-left-radius: 3px; border-top-right-radius: 3px; } #ultra-list-stacks_in_778_page0.connected .ultra-li:last-of-type, #ultra-list-stacks_in_778_page0.connected .ultra-li.last { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #ultra-list-stacks_in_778_page0.connected .ultra-li:last-of-type .ultra-li-details, #ultra-list-stacks_in_778_page0.connected .ultra-li.last .ultra-li-details { min-height: 0; } #ultra-list-stacks_in_778_page0.connected .ultra-li:last-of-type .ultra-li-details::after, #ultra-list-stacks_in_778_page0.connected .ultra-li.last .ultra-li-details::after { display: none; } #ultra-list-stacks_in_778_page0.truncate .ultra-li-description { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media (max-width: 600px) { #ultra-list-stacks_in_778_page0 .ultra-li-top { flex-wrap: wrap; } #ultra-list-stacks_in_778_page0 .ultra-li-col-header { width: 100%; padding: 12px 0; } } /* */ #stacks_in_778_page0 { margin: 0px 0px 50px 0px; } #ultra-li-stacks_in_p787_n1_page0.image-icon .ultra-li-icon { background: url("../files/icon_image_p787_n1.jpg") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_p787_n1_page0.image-icon .ultra-li-icon i { display: none; } #ultra-li-stacks_in_p790_n1_page0.image-icon .ultra-li-icon { background: url("../files/icon_image_p790_n1.jpg") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_p790_n1_page0.image-icon .ultra-li-icon i { display: none; } #ultra-li-stacks_in_p793_n1_page0.image-icon .ultra-li-icon { background: url("../files/icon_image_p793_n1.jpg") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_p793_n1_page0.image-icon .ultra-li-icon i { display: none; } #ultra-li-stacks_in_p796_n1_page0.image-icon .ultra-li-icon { background: url("../files/icon_image_p796_n1.jpg") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_p796_n1_page0.image-icon .ultra-li-icon i { display: none; } #ultra-li-stacks_in_p992_n1_page0.image-icon .ultra-li-icon { background: url("../files/icon_image_p992_n1.jpg") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_p992_n1_page0.image-icon .ultra-li-icon i { display: none; } #ultra-li-stacks_in_p998_n1_page0.image-icon .ultra-li-icon { background: url("../files/icon_image_p998_n1.png") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_p998_n1_page0.image-icon .ultra-li-icon i { display: none; } #ultra-li-stacks_in_p939_n1_page0.image-icon .ultra-li-icon { background: url("../files/icon_image_p939_n1.jpg") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_p939_n1_page0.image-icon .ultra-li-icon i { display: none; } #ultra-li-stacks_in_p953_n1_page0.image-icon .ultra-li-icon { background: url("../files/icon_image_p953_n1.jpg") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_p953_n1_page0.image-icon .ultra-li-icon i { display: none; } #ultra-li-stacks_in_p1026_n1_page0.image-icon .ultra-li-icon { background: url("../files/icon_image_p1026_n1.png") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_p1026_n1_page0.image-icon .ultra-li-icon i { display: none; } #ultra-li-stacks_in_p1035_n1_page0.image-icon .ultra-li-icon { background: url("../files/icon_image_p1035_n1.png") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_p1035_n1_page0.image-icon .ultra-li-icon i { display: none; } #stacks_in_834_page0{ max-width: 600px;margin: 0 auto; } #stacks_in_834_page0{ padding: 0px 0px 10px 0px; } @media screen and (min-width: 900px){ #stacks_in_834_page0{ padding: 0px 40px 0px 40px; } }#stacks_in_835_page0 .velvet-icon{ font-size: 6vw; color: rgba(216, 255, 14, 1.00); top: 50%; left: 50%; transform: translate(-50%, -50%);; padding:0px; text-shadow: rgba(0, 0, 0, 1.00) 0 0 10px,rgba(0, 0, 0, 1.00) 0 0 30px,rgba(0, 0, 0, 1.00) 0 0 50px; } #stacks_in_835_page0:hover .velvet-icon{ text-shadow: rgba(0, 0, 0, 1.00) 0 0 10px,rgba(0, 0, 0, 1.00) 0 0 30px,rgba(0, 0, 0, 1.00) 0 0 50px; } #stacks_in_835_page0 .velvet-icon{font-size: 92px;} #stacks_in_835_page0 .vzoom-img-in:hover .velvet-icon{color: rgba(250, 250, 250, 1.00);} #stacks_in_835_page0 .vzoom-img-in:before{background: rgba(0, 0, 0, 0.00);border-radius:0px;} #stacks_in_835_page0 .vzoom-img-in:hover:before{background: rgba(0, 0, 0, 0.00);} #stacks_in_835_page0 .vzoom-img-in img{border-radius:0px;} #stacks_in_835_page0 .velvet-icon:after { content: "WATCH"; display: block; font-size: 22px; font-weight: bold; padding-top: 10px; } #stacks_in_421_page0 { padding: 0px 0px 70px 0px; } #stacks_in_422_page0 { font-size: 90%; } #stacks_in_620_page0.aspen_split{ position: relative; font-size: 18px; padding: 20px 20px 20px 20px; } @media screen and (min-width: 770px){ #stacks_in_620_page0.aspen_split{ padding: 80px 30px 80px 30px; } } #stacks_in_620_page0.aspen_split section.theme {position: relative;z-index: 1;} #stacks_in_620_page0.aspen_split .bg-wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;} #stacks_in_620_page0.aspen_split .bg{ position: absolute; display: block; top: 0;left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; transform: translateZ(0); will-change: transform; opacity: 0.3; } #stacks_in_620_page0.aspen_split .bg{position: fixed;} @supports (-ms-ime-align:auto) { #stacks_in_620_page0 .bg{ position: absolute; transform: none; background-attachment: fixed; } } #stacks_in_620_page0.aspen_split .max_width_wrap_content{ max-width: 950px; margin: 0 auto; } #stacks_in_620_page0.aspen_split{ text-align:left; background-image: linear-gradient(to bottom, rgba(248, 248, 248, 1.00), rgba(239, 239, 239, 1.00)); } #stacks_in_620_page0.aspen_split{color:rgba(148, 148, 148, 1.00);} #stacks_in_620_page0.aspen_split h1, #stacks_in_620_page0.aspen_split h2, #stacks_in_620_page0.aspen_split h3, #stacks_in_620_page0.aspen_split h4, #stacks_in_620_page0.aspen_split h5, #stacks_in_620_page0.aspen_split h6{color: rgba(0, 0, 0, 1.00);} #stacks_in_620_page0.aspen_split a{color: rgba(0, 0, 0, 1.00);} #stacks_in_620_page0.aspen_split a:hover{color: rgba(0, 0, 0, 1.00);} #stacks_in_594_page0 { margin: 0px 0px 25px 0px; } #stacks_in_588_page0>.s3_row { margin: 0 -20px; } #stacks_in_588_page0>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_588_page0>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_588_page0>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_588_page0>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { #stacks_in_588_page0>.s3_row { margin: -20px 0; } #stacks_in_588_page0>.s3_row>.s3_column { padding: 20px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_588_page0>.s3_row { margin: -20px 0; } #stacks_in_588_page0>.s3_row>.s3_column { padding: 20px 0; width:100%; } } html.ncd-photo-lock{ overflow: hidden; } a[data-photo-group]{ cursor:pointer; } .ncd-photo *{ padding: 0; margin: 0; list-style: none; } .ncd-photo *, .ncd-photo *:before, .ncd-photo *:after{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ncd-photo .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ width: 100%; margin: 0 !important; padding: 0 !important; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo li.hide{ display: none !important; } .ncd-photo li div{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: -webkit-box-shadow 150ms ease-out; -moz-transition: -moz-box-shadow 150ms ease-out; transition: box-shadow 150ms ease-out; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); } .ncd-photo li img{ position: relative; z-index: 10; -webkit-transform: -webkit-translateZ(0); -moz-transform: -moz-translateZ(0); transform: translateZ(0); } .ncd-photo ul p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: -webkit-translateZ(0); -moz-transform: -moz-translateZ(0); transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo ul p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo ul p em{ font-weight: normal; font-style: normal; } .ncd-photo ul p span{ display: inline-block; padding: 6px 12px; } .ncd-photo ul p span.empty{ visibility: hidden; } .ncd-photo[data-italic-title="True"] p b, .ncd-photo[data-italic-caption="True"] p em{ font-style: italic; } .ncd-photo[data-bold-title="True"] p b, .ncd-photo[data-bold-caption="True"] p em{ font-weight: bold; } .ncd-photo[data-hide-title="True"] p b, .ncd-photo[data-hide-caption="True"] p em, .ncd-photo[data-hide-title="True"][data-hide-caption="True"] p{ display: none; } .ncd-photo[data-hide-caption="True"] ul p b{padding-right: 0;} /* Caption Positions */ .ncd-photo ul.cap-hov li p{ opacity: 0; -webkit-transition: -webkit-transform 300ms, opacity 300ms; -moz-transition: -moz-transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms; -webkit-transform: -webkit-translate3d(0,4px,0); -moz-transform: -moz-translate3d(0,4px,0); transform: translate3d(0,4px,0); } .ncd-photo ul.cap-hov li:hover p{ opacity: 1; -webkit-transform: -webkit-translate3d(0,0,0); -moz-transform: -moz-translate3d(0,0,0); transform: translate3d(0,0,0); } .ncd-photo ul.cap-hide li p{ display: none !important; } .ncd-photo ul.cap-ibl p, .ncd-photo ul.cap-ibc p{ left: 0; bottom: 0; right: 0; margin: 0; text-align: left; } .ncd-photo ul.cap-ibl p span, .ncd-photo ul.cap-ibc p span{ display: block; } .ncd-photo ul.cap-imbl p, .ncd-photo ul.cap-imbc p{ left: 20px; bottom: 10px; right: 20px; text-align: left; } .ncd-photo ul.cap-ibc p, .ncd-photo ul.cap-imbc p{ text-align: center; } .ncd-photo ul.cap-imbl p span, .ncd-photo ul.cap-imbc p span{ border-radius: 3px; } /* FLOW Thumbnails */ .ncd-photo.photo-flow { margin: 0; padding: 0; width: 100%; font-size: .85em; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .ncd-photo.photo-flow li div{ display: inline-block; width: 100%; background: none !important; } .ncd-photo.photo-flow li div:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; content: ""; display: block; -webkit-transition: box-shadow 150ms ease-out; -moz-transition: box-shadow 150ms ease-out; transition: box-shadow 150ms ease-out; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); } .ncd-photo.photo-flow li img { max-width: 100%; width: 100%; height: auto; display: block; } .ncd-photo.photo-flow ul.cap-ibl li p, .ncd-photo.photo-flow ul.cap-ibc li p{ -webkit-transform: -webkit-translate3d(0,0,0); -moz-transform: -moz-translate3d(0,0,0); transform: translate3d(0,0,0); } /* Spacing Thumbnails */ .ncd-photo.space-0.photo-grid{margin: 0;} .ncd-photo.space-0.photo-grid li div{margin: 0;} .ncd-photo.space-0.photo-flow li div{margin: 0;} .ncd-photo.space-0.photo-flow { -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } .ncd-photo.space-1.photo-grid{margin: 0 -1px;} .ncd-photo.space-1.photo-grid li div{margin: 1px;} .ncd-photo.space-1.photo-flow li div{margin: 0 0 2px;} .ncd-photo.space-1.photo-flow { -moz-column-gap: 2px; -webkit-column-gap: 2px; column-gap: 2px; } .ncd-photo.space-3.photo-grid{margin: 0 -3px;} .ncd-photo.space-3.photo-grid li div{margin: 3px;} .ncd-photo.space-3.photo-flow li div{margin: 0 0 6px;} .ncd-photo.space-3.photo-flow { -moz-column-gap: 6px; -webkit-column-gap: 6px; column-gap: 6px; } .ncd-photo.space-5.photo-grid{margin: 0 -5px;} .ncd-photo.space-5.photo-grid li div{margin: 5px;} .ncd-photo.space-5.photo-flow li div{margin: 0 0 10px;} .ncd-photo.space-5.photo-flow { -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } .ncd-photo.space-7.photo-grid{margin: 0 -7px;} .ncd-photo.space-7.photo-grid li div{margin: 7px;} .ncd-photo.space-7.photo-flow li div{margin: 0 0 14px;} .ncd-photo.space-7.photo-flow { -moz-column-gap: 14px; -webkit-column-gap: 14px; column-gap: 14px; } .ncd-photo.space-9.photo-grid{margin: 0 -9px;} .ncd-photo.space-9.photo-grid li div{margin: 9px;} .ncd-photo.space-9.photo-flow li div{margin: 0 0 18px;} .ncd-photo.space-9.photo-flow { -moz-column-gap: 18px; -webkit-column-gap: 18px; column-gap: 18px; } .ncd-photo.space-11.photo-grid{margin: 0 -11px;} .ncd-photo.space-11.photo-grid li div{margin: 11px;} .ncd-photo.space-11.photo-flow li div{margin: 0 0 22px;} .ncd-photo.space-11.photo-flow { -moz-column-gap: 22px; -webkit-column-gap: 22px; column-gap: 22px; } .ncd-photo.space-13.photo-grid{margin: 0 -13px;} .ncd-photo.space-13.photo-grid li div{margin: 13px;} .ncd-photo.space-13.photo-flow li div{margin: 0 0 26px;} .ncd-photo.space-13.photo-flow { -moz-column-gap: 26px; -webkit-column-gap: 26px; column-gap: 26px; } .ncd-photo.space-15.photo-grid{margin: 0 -15px;} .ncd-photo.space-15.photo-grid li div{margin: 15px;} .ncd-photo.space-15.photo-flow li div{margin: 0 0 30px;} .ncd-photo.space-15.photo-flow { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } /* GRID Thumbnails */ .ncd-photo.photo-grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.photo-grid li div{ overflow: hidden; } .ncd-photo.photo-grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.photo-grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.photo-grid li, .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 100%;} /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0.photo-flow li div:before, .ncd-photo.rad-0.photo-flow li img, .ncd-photo.rad-0.photo-flow li div{border-radius: 0;} .ncd-photo.rad-0 ul.cap-ibl p span, .ncd-photo.rad-0 ul.cap-ibc p span{border-radius: 0; } .ncd-photo.rad-3 li div, .ncd-photo.rad-3.photo-flow li div:before, .ncd-photo.rad-3.photo-flow li img, .ncd-photo.rad-3.photo-flow li div{border-radius: 3px;} .ncd-photo.rad-3 ul.cap-ibl p span, .ncd-photo.rad-3 ul.cap-ibc p span{border-radius: 0 0 3px 3px; } .ncd-photo.rad-5 li div, .ncd-photo.rad-5.photo-flow li div:before, .ncd-photo.rad-5.photo-flow li img, .ncd-photo.rad-5.photo-flow li div{border-radius: 5px;} .ncd-photo.rad-5 ul.cap-ibl p span, .ncd-photo.rad-5 ul.cap-ibc p span{border-radius: 0 0 5px 5px; } .ncd-photo.rad-7 li div, .ncd-photo.rad-7.photo-flow li div:before, .ncd-photo.rad-7.photo-flow li img, .ncd-photo.rad-7.photo-flow li div{border-radius: 7px;} .ncd-photo.rad-7 ul.cap-ibl p span, .ncd-photo.rad-7 ul.cap-ibc p span{border-radius: 0 0 7px 7px; } /* Break Points for Columns */ @media only screen and (min-width: 400px) { .ncd-photo.photo-col-1.photo-grid li, .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 100%;} .ncd-photo.photo-col-1.photo-flow, .ncd-photo.photo-col-2.photo-flow, .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media only screen and (min-width: 550px) { .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 50%;} .ncd-photo.photo-col-2.photo-flow, .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media only screen and (min-width: 750px) { .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 33.3333%;} .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (min-width: 950px) { .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 25%;} .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } @media only screen and (min-width: 1200px) { .ncd-photo.photo-col-5.photo-grid li{width: 20%;} .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; } } .batch-hide{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } @media only screen and (max-width: 400px) { .ncd-photo ul p{ opacity: 0 !important; } } /* Captions Under Flow */ .ncd-photo.photo-flow.cap-under ul p, .ncd-photo.photo-flow.cap-under ul p span{ position: static; display: block; margin-bottom: 0; } .ncd-photo.photo-flow.cap-under ul p span{ border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; padding: 10px; } .ncd-photo.photo-flow.cap-under ul img{ border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .ncd-photo.photo-flow.cap-under li div{ -webkit-box-shadow: none; box-shadow: none; } /* Lightbox */ #ncdPhotoLoader{ position: absolute; color: #ff0000; top: 50%; left: 50%; opacity: 0; -webkit-transition: opacity 350ms 150ms; -moz-transition: opacity 350ms 150ms; transition: opacity 350ms 150ms; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ height: 44px; width: 44px; margin: 0 auto; position: relative; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-radius: 100%; } @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} } @-moz-keyframes rotation { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);} } @-o-keyframes rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} } @keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; -webkit-transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; -moz-transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none;} #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; -webkit-transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; -moz-transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out;} #ncdPhotoBase.out { z-index: 10000; } .ncdPhotoZoom, .ncdPhotoClose, .ncdPhotoNext, .ncdPhotoPrev { z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; } /* ZOOM & CLOSE */ .ncdPhotoZoom, .ncdPhotoClose{ margin-top: 4%; top: 0; -webkit-transition: border 0.3s ease-out, box-shadow 0.15s ease-out; -moz-transition: border 0.3s ease-out, box-shadow 0.15s ease-out; transition: border 0.3s ease-out, box-shadow 0.15s ease-out; } .ncdPhotoZoom:before, .ncdPhotoZoom:after, .ncdPhotoClose:before, .ncdPhotoClose:after { top:50%; left:0; width:2px; height:18px; content:""; position:absolute; margin:-9px 22.5px 0; -webkit-transition: opacity 300ms, transform 300ms; -moz-transition: opacity 300ms, transform 300ms; transition: opacity 300ms, transform 300ms;} /* ZOOM */ .ncdPhotoZoom{ -webkit-transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; -moz-transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; left: 0; transform: rotate(90deg); opacity: 0; margin-left: 4%;} .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom:after { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);} .ncdPhotoZoom.zoom:after { opacity: 0; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);} .ncdPhotoZoom:before { transform:rotate(0deg);} .ncdPhotoZoom.zoom:before { transform:rotate(-90deg);} /* CLOSE */ .ncdPhotoClose { right: 0; margin-right: 4%;} .ncdPhotoClose:before, .ncdPhotoClose:after { height:22px; margin:-11px 22.5px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .ncdPhotoClose:after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev { top: 50%; margin-top: -25px; opacity: 0; transition: opacity 0.2s ease-out, transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; -moz-transition: opacity 0.2s ease-out, -moz-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; } .ncdPhotoNext:before, .ncdPhotoNext:after, .ncdPhotoPrev:before, .ncdPhotoPrev:after { top:50%; left:0; width:2px; height:15px; content:''; position:absolute; margin:-13px 24px 0;} .ncdPhotoNext:after, .ncdPhotoPrev:after{ margin-top: -3px; } .ncdPhotoPrev:after,.ncdPhotoPrev:before {left:-3px;} .ncdPhotoNext:after{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} .ncdPhotoNext:before { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);} .ncdPhotoPrev:after{ -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -ms-transform:rotate(315deg); -o-transform:rotate(315deg); transform:rotate(315deg);} .ncdPhotoPrev:before { -webkit-transform:rotate(-315deg); -moz-transform:rotate(-315deg); -ms-transform:rotate(-315deg); -o-transform:rotate(-315deg); transform:rotate(-315deg);} @media screen and (min-width: 800px) { #ncdPhotoControls #ncdPhotoCounter{ display: none; } } @media screen and (max-width: 800px) { #ncdPhotoControls{ position: absolute; bottom: 100%; left: 0; width: 100%; height: 53px; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout:none; z-index: 100;} /* No Caption Mobile */ #ncdPhotoBase.cap-hide #ncdPhotoControls{height: 70px;} #ncdPhotoBase.cap-hide .ncd-ui{bottom: 8px !important;} .ncdPhotoZoom.zoom{ -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } } /* Prev Button */ .ncdPhotoNext { -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); transform: translateX(-15px); right: 4%;} .ncdPhotoPrev { -webkit-transform: translateX(15px); -moz-transform: translateX(15px); transform: translateX(15px); left: 4%;} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev { -webkit-transform: translateX(0) rotate(0deg);opacity: 1; -moz-transform: translateX(0) rotate(0deg);opacity: 1; transform: translateX(0) rotate(0deg);opacity: 1; } @media screen and (max-width: 800px) { #ncdPhotoBase .ncdPhotoNext, #ncdPhotoBase .ncdPhotoPrev { -webkit-transform: translateX(0) rotate(0deg); -moz-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); margin-top: 4%; top: 0; opacity: 1; } #ncdPhotoBase .ncdPhotoNext{margin-right: 20%; } #ncdPhotoBase .ncdPhotoZoom{margin-left: -25px;left: 50%;} #ncdPhotoBase .ncdPhotoPrev{margin-left: 20%;} #ncdPhotoBase #ncdPhotoCounter, #ncdPhotoBase .ncdPhotoClose, #ncdPhotoBase .ncdPhotoNext, #ncdPhotoBase .ncdPhotoZoom, #ncdPhotoBase .ncdPhotoPrev{top: auto; bottom: 0;} #ncdPhotoOverlay div.slide p{ position: absolute; bottom: 100%; left: 0; } #ncdPhotoCounter{ position: absolute; left: 4%; margin-left: 10px; font-family: 'Helvetica Neue'; font-weight: 300; letter-spacing: -1px; height: 27px; line-height: 0; font-size: 16px; z-index: 100; } #ncdPhotoCounter .lb-current{ font-size: 28px; padding-right: 2px; letter-spacing: -2px; } } #ncdPhotoBase.out .ncdPhotoNext { -webkit-transform: translateX(30px) rotate(0deg);opacity: 0; -moz-transform: translateX(30px) rotate(0deg);opacity: 0; transform: translateX(30px) rotate(0deg);opacity: 0; } #ncdPhotoBase.out .ncdPhotoPrev { -webkit-transform: translateX(-30px) rotate(0deg);opacity: 0; -moz-transform: translateX(-30px) rotate(0deg);opacity: 0; transform: translateX(-30px) rotate(0deg);opacity: 0; } #ncdPhotoBase .ncdPhotoNext.hide, #ncdPhotoBase .ncdPhotoPrev.hide {opacity: 0;} #ncdPhotoBase.single-image .ncdPhotoNext, #ncdPhotoBase.single-image .ncdPhotoPrev, #ncdPhotoOverlay[data-hide-full-title="True"] span b, #ncdPhotoOverlay[data-hide-full-caption="True"] span em{ display: none; } /* Lightbox */ #ncdPhotoOverlay { position: absolute; height: 100%; width: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } #ncdPhotoOverlay div.slide { display: block; height: 100%; text-align: center; vertical-align: middle; line-height: 0; position:absolute; top:-9999px; left:-9999px; } #ncdPhotoOverlay div.slide.ncd-show{ position: relative; top: 50%; left: 0%; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #ncdPhotoOverlay div.slide.out{ position: absolute; top: 50%; left: 0; right: 0; height: auto; -webkit-transform: translateY(-50%) translateX(-10px); -ms-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-next #ncdPhotoOverlay div.slide.out{ -webkit-transform: translateY(-50%) translateX(-10px); -ms-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-prev #ncdPhotoOverlay div.slide.out{ -webkit-transform: translateY(-50%) translateX(10px); -ms-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-next div.slide.out img, #ncdPhotoBase.go-prev div.slide.out img, #ncdPhotoBase.processing div.slide.ncd-show.out img{ -webkit-animation: none !important; animation: none !important; opacity: 1 !important; } #ncdPhotoOverlay div.slide.out.ncd-show, .go-next #ncdPhotoOverlay div.slide.out.ncd-show, .go-prev #ncdPhotoOverlay div.slide.out.ncd-show{ opacity: 0; transition: none; } #ncdPhotoOverlay div.slide > div { display: inline-block; position: relative; padding: 4%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #ncdPhotoOverlay div.slide.zoom.in > div { padding: 0; } #ncdPhotoOverlay div.slide.zoom.in, #ncdPhotoOverlay div.slide.zoom.in > div {font-size: 0;} #ncdPhotoOverlay div.slide.zoom { overflow: scroll; cursor:move; -webkit-overflow-scrolling: touch;} #ncdPhotoOverlay div.slide.zoom::-webkit-scrollbar { display: none; } #ncdPhotoOverlay div.slide.zoom.in br{display: none;} #ncdPhotoOverlay div.slide.zoom.out br{display: block;} #ncdPhotoOverlay div.slide.zoom.in.transition, #ncdPhotoOverlay div.slide.zoom.out{overflow: hidden;} #ncdPhotoOverlay div.slide.zoom.transition div{ -webkit-animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.in div{ line-height: normal; -webkit-animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.in.transition div{ -webkit-animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.out div{ -webkit-animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.ncd-show > div{opacity: 1;} @-webkit-keyframes float-zoom-in { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(1.03);opacity: 0} } @keyframes float-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @-webkit-keyframes float-zoom-in-complete { from {-webkit-transform: scale(.98);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-zoom-in-complete { from {transform: scale(.98);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-zoom-out { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(.98);opacity: 0} } @keyframes float-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @-webkit-keyframes float-zoom-out-complete { from {-webkit-transform: scale(1.03);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-in { from {-webkit-transform: scale(1.04);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-in { from {transform: scale(1.02);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-down { from {-webkit-transform: translateY(-10px);opacity: 0} to {-webkit-transform: translateY(0);opacity: 1} } @keyframes float-down { from {transform: translateY(-10px);opacity: 0} to {transform: translateY(0);opacity: 1} } @-webkit-keyframes float-out { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(0.97);opacity: 0} } @keyframes float-out { from {transform: scale(1);opacity: 1} to {transform: scale(0.97);opacity: 0} } @-webkit-keyframes float-up { from {-webkit-transform: translateY(0px);opacity: 1} to {-webkit-transform: translateY(10px);opacity: 0} } @keyframes float-up { from {transform: translateY(0px);opacity: 1} to {transform: translateY(10px);opacity: 0} } @-webkit-keyframes float-next { from {-webkit-transform: translateX(5px);opacity: 0} to {-webkit-transform: translateX(0);opacity: 1} } @keyframes float-next { from {transform: translateX(5px);opacity: 0} to {transform: translateX(0);opacity: 1} } @-webkit-keyframes float-prev { from {-webkit-transform: translateX(-5px);opacity: 0} to {-webkit-transform: translateX(0);opacity: 1} } @keyframes float-prev { from {transform: translateX(-5px);opacity: 0} to {transform: translateX(0);opacity: 1} } @-webkit-keyframes text-swap { from {-webkit-opacity: 0} to {-webkit-opacity: 1} } @keyframes text-swap { from {opacity: 0} to {opacity: 1} } #ncdPhotoOverlay div.slide img { list-style: none; line-height: 0; max-width: 100% !important; max-height: 80vh !important; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout:none; border-radius: 0px; } #ncdPhotoOverlay div.slide.zoom.in > div{ height: auto; } #ncdPhotoOverlay div.slide.zoom.in img{ max-width: none !important; max-height: none !important; border-radius: 0; } #ncdPhotoBase.go-next div.slide img{ -webkit-animation: float-next 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-next 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.go-prev div.slide img{ -webkit-animation: float-prev 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-prev 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.processing div.slide.ncd-show img{ -webkit-animation: none; animation: none; opacity: 0; } @media screen and (min-width: 800px) { /* #ncdPhotoOverlay div.slide > div{ height: 60vh; } */ } @media screen and (max-width: 800px) { #ncdPhotoBase > .ncdPhotoZoom{display: none} #ncdPhotoBase.go-next #ncdPhotoCaption p, #ncdPhotoBase.go-prev #ncdPhotoCaption p { -webkit-animation: text-swap 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards; animation: text-swap 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards; } } /* COUNTER */ .ncdPhotoCounter{ left: auto !important; right: 0;} .ncdPhotoCounter[data-show-count="False"], #ncdPhotoCounter[data-show-count="False"]{ display: none !important;} /* CAPTION - MOBILE */ #ncdPhotoCaption{ display: block; position: fixed; bottom: 0; left: 0; right: 0; text-align:center; padding: 12px 4%; font-size: 15px; z-index: 100; line-height: 1.4; } #ncdPhotoCaption p{ margin: 0; } #ncdPhotoCaption b{ padding-right: 5px; } #ncdPhotoOverlay p b, #ncdPhotoCaption p b{ font-weight: normal; font-style: normal; padding-right: 5px; } #ncdPhotoOverlay p em, #ncdPhotoCaption p em{ font-weight: normal; font-style: normal; } @media screen and (min-width: 800px) { #ncdPhotoCaption{ display: none; } .img-caption-in{ display: block; } .img-caption-in:after { content: ""; display: table; clear: both; } } #ncdPhotoOverlay p.ncdPhotoCounter, #ncdPhotoOverlay p{ display: inline-block; text-align: left; padding: 12px 0 18px; font-size: 14px; font-variant: normal; line-height: 20px; margin: 0; float: left; } #ncdPhotoOverlay p.ncdPhotoCounter{ float: right; } /* CAPTION - DESK */ #ncdPhotoBase:hover .img-caption-in {opacity: 1} #ncdPhotoBase.cap-hide .img-caption-in{ display: none; } #ncdPhotoBase.cap-show .img-caption-in.invis{ visibility: hidden; -webkit-animation:none; animation:none } #ncdPhotoBase .img-caption-in{ opacity: 0 ; transition: opacity 200ms; } #ncdPhotoBase.cap-show .ncd-show .img-caption-in{ opacity: 1; -webkit-animation: float-down 600ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-down 600ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.processing .img-caption-in{ opacity: 0 ; } @media screen and (max-width: 800px) { .img-caption-in{display: none} } /* LB Font Styles */ #ncdPhotoBase [data-italic-title="True"] p b, #ncdPhotoBase [data-italic-caption="True"] p em{ font-style: italic; } #ncdPhotoBase [data-bold-title="True"] p b, #ncdPhotoBase [data-bold-caption="True"] p em{ font-weight: bold; } #ncdPhotoBase [data-hide-title="True"] p b, #ncdPhotoBase [data-hide-caption="True"] p em{ display: none; } /* LB Theme - Default Dark */ .style-default #ncdPhotoOverlay p b, .style-default #ncdPhotoCaption p b{color: #FFF} /* Caption Title */ .style-default #ncdPhotoOverlay p em, .style-default #ncdPhotoCaption p em, .style-default .ncdPhotoCounter, .style-default #ncdPhotoCounter{color: #EEE} /* Caption Text */ .style-default img{box-shadow: 0 2px 16px rgba(0,0,0,0.6);} /* Img Shadow */ .style-default{background: rgba(0,0,0,0.85) !important} /* Overlay */ .style-default #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ border-left: 3px solid rgba(200,200,200, .15); border-right: 3px solid rgba(200,200,200, .15); border-bottom: 3px solid rgba(200,200,200, .15); border-top: 3px solid rgba(200,200,200, .8); } @media screen and (max-width: 800px) { .style-default #ncdPhotoControls{ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));} } .style-default .ncdPhotoZoom, .style-default .ncdPhotoClose, .style-default .ncdPhotoNext, .style-default .ncdPhotoPrev { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.1))); background-image: -webkit-radial-gradient(50% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.00)); background-image: radial-gradient(50% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.00)); } .style-default #ncdPhotoCaption{background: #000;} .style-default .ncdPhotoNext:before,.ncdPhotoNext:after, .style-default .ncdPhotoPrev:before,.ncdPhotoPrev:after, .style-default .ncdPhotoZoom:before,.ncdPhotoZoom:after, .style-default .ncdPhotoClose:before,.ncdPhotoClose:after, .style-default .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .style-default .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .style-default .ncdPhotoClose:hover:before,.ncdPhotoClose:hover:after {background: #FFF} .style-default #ncdPhotoCounter{color: #FFF} .style-default .ncdPhotoZoom:active, .style-default .ncdPhotoClose:active, .style-default .ncdPhotoNext:active, .style-default .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(255,255,255,0.6); border: 2px solid #FFF;} .style-default .ncdPhotoZoom.zoom{border: 2px solid #FFF;} @media screen and (min-width: 800px) { .style-default .ncdPhotoZoom:hover, .style-default .ncdPhotoClose:hover, .style-default .ncdPhotoNext:hover, .style-default .ncdPhotoPrev:hover{border: 2px solid #FFF;} } /* LB Theme - Contrast Light */ .style-contrast #ncdPhotoOverlay p b{color: #333} .style-contrast #ncdPhotoCaption p b{color: #FFF} .style-contrast #ncdPhotoOverlay p em, .style-contrast .ncdPhotoCounter{color: #555} .style-contrast #ncdPhotoCaption p em{color: #EEE} .style-contrast img{box-shadow: 0 2px 10px rgba(0,0,0,0.15);} .style-contrast{background: rgba(255,255,255,0.85) !important} .style-contrast #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ border-left: 3px solid rgba(100,100,100, .15); border-right: 3px solid rgba(100,100,100, .15); border-bottom: 3px solid rgba(100,100,100, .15); border-top: 3px solid rgba(100,100,100, .8); } .style-contrast #ncdPhotoCaption{background: #000} .style-contrast #ncdPhotoCounter{color: #222} .style-contrast .ncdPhotoNext:before,.style-contrast .ncdPhotoNext:after, .style-contrast .ncdPhotoPrev:before,.style-contrast .ncdPhotoPrev:after, .style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after, .style-contrast .ncdPhotoNext:hover:before,.style-contrast .ncdPhotoNext:hover:after, .style-contrast .ncdPhotoPrev:hover:before,.style-contrast .ncdPhotoPrev:hover:after, .style-contrast .ncdPhotoClose:hover:before,.style-contrast .ncdPhotoClose:hover:after {background: #222} .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose{ background: rgba(0,0,0,0.3); } .style-contrast .ncdPhotoZoom, .style-contrast .ncdPhotoClose, .style-contrast .ncdPhotoZoom:before, .style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before, .style-contrast .ncdPhotoClose:after{transition: transform 300ms, border 300ms, box-shadow 300ms, background 300ms;} .style-contrast .ncdPhotoZoom.zoom:before, .style-contrast .ncdPhotoZoom.zoom:after, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose:before, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose:after{background: #FFF;} .style-contrast .ncdPhotoZoom:active, .style-contrast .ncdPhotoClose:active, .style-contrast .ncdPhotoNext:active, .style-contrast .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(0,0,0,0.15); border: 2px solid #222;} .ncdPhotoZoom.zoom{border: 2px solid rgba(0,0,0,0.6);} @media screen and (min-width: 800px) { .style-contrast .ncdPhotoZoom, .style-contrast .ncdPhotoClose, .style-contrast .ncdPhotoNext, .style-contrast .ncdPhotoPrev { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255,255,255, 0.00)), to(rgba(255,255,255, 0.4))); background-image: -webkit-radial-gradient(50% 50%, rgba(255,255,255, 0.4), rgba(255,255,255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255,255,255, 0.4), rgba(255,255,255, 0.00)); } .style-contrast .ncdPhotoZoom:hover, .style-contrast .ncdPhotoClose:hover, .style-contrast .ncdPhotoNext:hover, .style-contrast .ncdPhotoPrev:hover{border: 2px solid #222;} } @media screen and (max-width: 800px) { .style-contrast #ncdPhotoCounter{color: #fff} .style-contrast .ncdPhotoNext:before,.style-contrast .ncdPhotoNext:after, .style-contrast .ncdPhotoPrev:before,.style-contrast .ncdPhotoPrev:after, .style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after, .style-contrast .ncdPhotoNext:hover:before,.style-contrast .ncdPhotoNext:hover:after, .style-contrast .ncdPhotoPrev:hover:before,.style-contrast .ncdPhotoPrev:hover:after, .style-contrast .ncdPhotoClose:hover:before,.style-contrast .ncdPhotoClose:hover:after {background: #fff} .style-contrast #ncdPhotoControls{ background-color: rgba(0,0,0,0.3); background-image: none;} .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose{ background: transparent; } .style-contrast .ncdPhotoZoom:active, .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoClose:active, .style-contrast .ncdPhotoNext:active, .style-contrast .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px transparent; border: 2px solid transparent;} .style-contrast .ncdPhotoZoom.zoom{transform: translateY(0px);} #ncdPhotoBase.style-contrast .ncdPhotoNext.hide, #ncdPhotoBase.style-contrast .ncdPhotoPrev.hide{opacity: 1;} } .processing img{ box-shadow: none !important; } /* Edit Mode */ #stacks_in_469_page0.aspen_split{ position: relative; font-size: 17px; padding: 60px 30px 80px 30px; } @media screen and (min-width: 770px){ #stacks_in_469_page0.aspen_split{ padding: 180px 30px 120px 30px; } } #stacks_in_469_page0.aspen_split section.theme {position: relative;z-index: 1;} #stacks_in_469_page0.aspen_split .bg-wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;} #stacks_in_469_page0.aspen_split .bg{ position: absolute; display: block; top: 0;left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; transform: translateZ(0); will-change: transform; opacity: 0.3; background-size: cover; } #stacks_in_469_page0.aspen_split .bg{position: fixed;} @supports (-ms-ime-align:auto) { #stacks_in_469_page0 .bg{ position: absolute; transform: none; background-attachment: fixed; } } #stacks_in_469_page0.aspen_split .max_width_wrap_content{ max-width: 700px; margin: 0 auto; } #stacks_in_469_page0.aspen_split{ text-align:left; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #stacks_in_469_page0.aspen_split{color:rgba(255, 255, 255, 1.00);} #stacks_in_469_page0.aspen_split h1, #stacks_in_469_page0.aspen_split h2, #stacks_in_469_page0.aspen_split h3, #stacks_in_469_page0.aspen_split h4, #stacks_in_469_page0.aspen_split h5, #stacks_in_469_page0.aspen_split h6{color: rgba(255, 255, 255, 1.00);} #stacks_in_469_page0.aspen_split a{color: rgba(255, 255, 255, 1.00);} #stacks_in_469_page0.aspen_split a:hover{color: rgba(255, 255, 255, 1.00);}