/* Corner Stack v.1.0.1 */ /* General styles for the modal */ .corner-modal { position: fixed; z-index: 9999; transform: translateZ(0px); right: 0px; bottom: 0px; max-width: 320px; /*max-height:100%;*/ visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; margin:20px; } .corner-modal.corner-show{ visibility: visible; } .corner-button { visibility: hidden; opacity: 0; z-index: 9998; transform: translateZ(0px); position: fixed; right:0px; bottom:0px; padding:10px 20px; margin: 20px; background: rgba(143,27,15,0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; cursor:pointer; } .corner-button.corner-tl, .corner-button.corner-tr { margin-top: -60px; } .corner-button.corner-bl, .corner-button.corner-br { margin-bottom: -60px; } .corner-button.corner-show { visibility: visible; opacity: 1; } .corner-button.corner-tl.corner-show, .corner-button.corner-tr.corner-show { margin-top: 20px; } .corner-button.corner-bl.corner-show, .corner-button.corner-br.corner-show { margin-bottom: 20px; } .corner-close { position:absolute; top:10px; right:10px; cursor:pointer; } .corner-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(143,27,15,0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-overlay.corner-show { opacity: 1; visibility: visible; } /* Content styles */ .corner-content { position: relative; margin: 0 auto; padding:30px 20px 20px 20px; } /*.corner-content > div { padding: 15px 40px 30px; margin: 0; font-weight: 300; font-size: 1.15em; }*/ .corner-tl { left: 0px; top: 0px; bottom: auto !important; right:auto !important; } .corner-tr { left: auto !important; top: 0px; bottom: auto !important; right:0px; } .corner-br { left: auto !important; top: auto !important; bottom: 0px; right:0px; } .corner-bl { left: 0px; top: auto !important; bottom: 0px; right:auto !important; } /* Individual modal styles with animations/transitions */ /* Effect 1: Fade in and scale up */ .corner-effect-1 .corner-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-1 .corner-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 2: Slide from the right */ .corner-effect-2 .corner-content { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .corner-show.corner-effect-2 .corner-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* Effect 3: Slide from the bottom */ .corner-effect-3 .corner-content { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-3 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 4: Newspaper */ .corner-effect-4 .corner-content { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .corner-show.corner-effect-4 ~ .corner-overlay, .corner-effect-4 .corner-content { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .corner-show.corner-effect-4 .corner-content { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* Effect 5: fall */ .corner-effect-5.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-5 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .corner-show.corner-effect-5 .corner-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* Effect 6: side fall */ .corner-effect-6.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-6 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .corner-show.corner-effect-6 .corner-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* Effect 7: slide and stick to top */ .corner-effect-7{ top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .corner-effect-7 .corner-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 0; } .corner-show.corner-effect-7 .corner-content { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* Effect 8: 3D flip horizontal */ .corner-effect-8.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-8 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .corner-show.corner-effect-8 .corner-content { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* Effect 9: 3D flip vertical */ .corner-effect-9.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-9 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .corner-show.corner-effect-9 .corner-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 10: 3D sign */ .corner-effect-10.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-10 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-10 .corner-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 11: Super scaled */ .corner-effect-11 .corner-content { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-11 .corner-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 12: Just me */ .corner-effect-12 .corner-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-12 ~ .corner-overlay { background: #e74c3c; } .corner-effect-12 .corner-content h3, .corner-effect-12 .corner-content { background: transparent; } .corner-show.corner-effect-12 .corner-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 13: 3D slit */ .corner-effect-13.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-13 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .corner-show.corner-effect-13 .corner-content { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* Effect 14: 3D Rotate from bottom */ .corner-effect-14.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-14 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .corner-show.corner-effect-14 .corner-content { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* Effect 15: 3D Rotate in from left */ .corner-effect-15.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-15 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-15 .corner-content { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* Effect 16: Blur */ .corner-show.corner-effect-16 ~ .corner-overlay { background: rgba(180,46,32,0.5); } .corner-show.corner-effect-16 ~ .container { -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); } .corner-effect-16 .corner-content { -webkit-transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; } .corner-show.corner-effect-16 ~ .container, .corner-effect-16 .corner-content { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-16 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 17: Slide in from bottom with perspective on container */ .corner-show.corner-effect-17 ~ .container { height: 100%; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .corner-show.corner-effect-17 ~ .container, .corner-show.corner-effect-17 ~ .corner-overlay { -webkit-transform: rotateX(-2deg); -moz-transform: rotateX(-2deg); -ms-transform: rotateX(-2deg); transform: rotateX(-2deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .corner-effect-17 .corner-content { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); } .corner-show.corner-effect-17 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.3s 0.2s; -moz-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; } /* Effect 18: Slide from right with perspective on container */ .corner-show.corner-effect-18 ~ .container { height: 100%; overflow: hidden; } .corner-show.corner-effect-18 ~ .corner-overlay { background: rgba(143,27,15,0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .corner-show.corner-effect-18 ~ .container, .corner-show.corner-effect-18 ~ .corner-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 0% 50%; -moz-animation: rotateRightSideFirst 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 0% 50%; animation: rotateRightSideFirst 0.5s forwards ease-in; } @-webkit-keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: translateZ(-200px); } } @-moz-keyframes rotateRightSideFirst { 50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; } 100% { -moz-transform: translateZ(-200px); } } @keyframes rotateRightSideFirst { 50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; } 100% { transform: translateZ(-200px); } } .corner-effect-18 .corner-content { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); opacity: 0; } .corner-show.corner-effect-18 .corner-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } /* Effect 19: Slip in from the top with perspective on container */ .corner-show.corner-effect-19 ~ .container { height: 100%; overflow: hidden; } .corner-show.corner-effect-19 ~ .corner-overlay { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .corner-show.corner-effect-19 ~ .container, .corner-show.corner-effect-19 ~ .corner-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; -webkit-animation: OpenTop 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 50% 100%; -moz-animation: OpenTop 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 50% 100%; animation: OpenTop 0.5s forwards ease-in; } @-webkit-keyframes OpenTop { 50% { -webkit-transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; } } @-moz-keyframes OpenTop { 50% { -moz-transform: rotateX(10deg); -moz-animation-timing-function: ease-out; } } @keyframes OpenTop { 50% { transform: rotateX(10deg); animation-timing-function: ease-out; } } .corner-effect-19 .corner-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; } .corner-show.corner-effect-19 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } #stacks_in_1 { margin: 0px 0px 20px 0px; } #toTop{--elevator-image:url(../rw_common/plugins/stacks/elevator-images/top.png);--elevator-size:50px;display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:var(--elevator-size);height:var(--elevator-size);border:none;text-indent:-9999px;background-image:var(--elevator-image);background-repeat:no-repeat;background-position:left top;z-index:9988}#toTop:active,#toTop:focus{outline:none}#toTop:hover{background-position:left calc(var(--elevator-size) * -1)} 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: 4px; } #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_783>.s3_row { margin: 0 -10px; } #stacks_in_783>.s3_row>.s3_column_left { width: 74.00%; } #stacks_in_783>.s3_row>.s3_column_right { width: 26.000000%; } #stacks_in_783>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_783>.s3_row { margin: -10px 0; } #stacks_in_783>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_411 { margin: 30px 0px 25px 0px; } #stacks_in_412 { display:inline-block; width:100%; line-height: 1.620000em; letter-spacing: 1px; word-spacing: 1px; font-size: 153%; font-weight: lighter; } #stacks_in_794>.s3_row { margin: 0 -10px; } #stacks_in_794>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_794>.s3_row { margin: -10px -10px; } #stacks_in_794>.s3_row>.s3_column { padding: 10px 10px; width:50%; } } @media only screen and (max-width: 400px) { #stacks_in_794>.s3_row { margin: -10px 0; } #stacks_in_794>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_794 { margin: 0px 0px 16px 0px; } #stacks_in_425 { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #stacks_in_888 { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #stacks_in_421 { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #stacks_in_444 { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #stacks_in_786 { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #stacks_in_832 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(128, 128, 128, 1.00); border-width: 1px 0px 1px 0px; margin: 4px 0px 0px 0px; padding: 10px 0px 0px 0px; } /* AnchorPoint CSS code */ #businessportrait-starnberg { height: 0px; opacity: 0; overflow: hidden; } #stacks_in_818>.s3_row { margin: 0 -10px; } #stacks_in_818>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_818>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_818>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_818>.s3_row { margin: -10px 0; } #stacks_in_818>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_818 { border: solid rgba(77, 77, 77, 1.00); border-width: 0px 0px 1px 0px; margin: 0px 0px 18px 0px; } #stacks_in_819_button { display:block; position: relative; text-align: center; } #stacks_in_819 a:link, #stacks_in_819 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_819 a:hover, #stacks_in_819 a:active { color:#FFFFFF; } #stacks_in_819 a:link, #stacks_in_819 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_819 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_819 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_819 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0px 10px 0px; } #stacks_in_172 { margin: 0px 0px 20px 0px; } /* AnchorPoint CSS code */ #starke-frauen-vor-der-kamera { height: 0px; opacity: 0; overflow: hidden; } #stacks_in_801>.s3_row { margin: 0 -10px; } #stacks_in_801>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_801>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_801>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_801>.s3_row { margin: -10px 0; } #stacks_in_801>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_801 { border: solid rgba(77, 77, 77, 1.00); border-width: 0px 0px 1px 0px; margin: 0px 0px 18px 0px; } #stacks_in_465_button { display:block; position: relative; text-align: center; } #stacks_in_465 a:link, #stacks_in_465 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_465 a:hover, #stacks_in_465 a:active { color:#FFFFFF; } #stacks_in_465 a:link, #stacks_in_465 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_465 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_465 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_465 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0px 10px 0px; } /* Zoom Image v2.2.4 Copyright @2010-2012 Joe Workman */ #stacks_in_790{text-align:center}#stacks_in_790 img{cursor:pointer;border-color:#000000;border-width:0px;border-style:solid} #stacks_in_790 .zoom_hover_img{border-style:none;}.jqfancyzoombox{z-index:9998}.jqfancyzoomclosebox{z-index:9999} #stacks_in_790 { margin: 0px 0px 18px 0px; } #stacks_in_148 { margin: 0px 0px 20px 0px; } /* AnchorPoint CSS code */ #starke-maenner-vor-der-kamera { height: 0px; opacity: 0; overflow: hidden; } #stacks_in_804>.s3_row { margin: 0 -10px; } #stacks_in_804>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_804>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_804>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_804>.s3_row { margin: -10px 0; } #stacks_in_804>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_804 { border: solid rgba(77, 77, 77, 1.00); border-width: 0px 0px 1px 0px; margin: 0px 0px 18px 0px; } #stacks_in_805_button { display:block; position: relative; text-align: center; } #stacks_in_805 a:link, #stacks_in_805 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_805 a:hover, #stacks_in_805 a:active { color:#FFFFFF; } #stacks_in_805 a:link, #stacks_in_805 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_805 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_805 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_805 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0px 10px 0px; } #stacks_in_660 { margin: 0px 0px 20px 0px; } #stacks_in_639 { margin: 0px 0px 20px 0px; } /* AnchorPoint CSS code */ #kinder-und-geschwister-portraits { height: 0px; opacity: 0; overflow: hidden; } #stacks_in_853 { border: solid rgba(128, 128, 128, 1.00); border-width: 0px 0px 1px 0px; margin: 0px 0px 18px 0px; } #stacks_in_769 { margin: 0px 0px 20px 0px; } /* AnchorPoint CSS code */ #irisfotografie { height: 0px; opacity: 0; overflow: hidden; } #stacks_in_872 { border: solid rgba(128, 128, 128, 1.00); border-width: 0px 0px 1px 0px; margin: 0px 0px 18px 0px; } #stacks_in_875>.s3_row { margin: 0 -10px; } #stacks_in_875>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_875>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_875>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_875>.s3_row { margin: -10px 0; } #stacks_in_875>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_875 { margin: 0px 0px 16px 0px; } #stacks_in_882 { margin: 0px 0px 16px 0px; } #stacks_in_885_button { display:block; position: relative; text-align: center; } #stacks_in_885 a:link, #stacks_in_885 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_885 a:hover, #stacks_in_885 a:active { color:#FFFFFF; } #stacks_in_885 a:link, #stacks_in_885 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_885 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_885 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_885 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0px 10px 0px; } /* Zoom Image v2.2.4 Copyright @2010-2012 Joe Workman */ #stacks_in_876{text-align:center}#stacks_in_876 img{cursor:pointer;border-color:#000000;border-width:0px;border-style:solid} #stacks_in_876 .zoom_hover_img{border-style:none;}.jqfancyzoombox{z-index:9998}.jqfancyzoomclosebox{z-index:9999} #stacks_in_876 { margin: 0px 0px 25px 0px; } /* AnchorPoint CSS code */ #models { height: 0px; opacity: 0; overflow: hidden; } #stacks_in_836 { border: solid rgba(128, 128, 128, 1.00); border-width: 0px 0px 1px 0px; margin: 0px 0px 18px 0px; } /* Zoom Image v2.2.4 Copyright @2010-2012 Joe Workman */ #stacks_in_847{text-align:center}#stacks_in_847 img{cursor:pointer;border-color:#000000;border-width:0px;border-style:solid} #stacks_in_847 .zoom_hover_img{border-style:none;}.jqfancyzoombox{z-index:9998}.jqfancyzoomclosebox{z-index:9999} #stacks_in_847 { margin: 0px 0px 25px 0px; } #stacks_in_839>.s3_row { margin: 0 -10px; } #stacks_in_839>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_839>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_839>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_839>.s3_row { margin: -10px 0; } #stacks_in_839>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_839 { margin: 0px 0px 16px 0px; } #stacks_in_842 { margin: 0px 0px 16px 0px; } #stacks_in_845_button { display:block; position: relative; text-align: center; } #stacks_in_845 a:link, #stacks_in_845 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_845 a:hover, #stacks_in_845 a:active { color:#FFFFFF; } #stacks_in_845 a:link, #stacks_in_845 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_845 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_845 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_845 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0px 10px 0px; } /* Zoom Image v2.2.4 Copyright @2010-2012 Joe Workman */ #stacks_in_692{text-align:center}#stacks_in_692 img{cursor:pointer;border-color:#000000;border-width:0px;border-style:solid} #stacks_in_692 .zoom_hover_img{border-style:none;}.jqfancyzoombox{z-index:9998}.jqfancyzoomclosebox{z-index:9999} #stacks_in_692 { margin: 0px 0px 25px 0px; } #stacks_in_849 { margin: 0px 0px 16px 0px; } #stacks_in_851_button { display:block; position: relative; text-align: center; } #stacks_in_851 a:link, #stacks_in_851 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_851 a:hover, #stacks_in_851 a:active { color:#FFFFFF; } #stacks_in_851 a:link, #stacks_in_851 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_851 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_851 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_851 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0px 10px 0px; } /* AnchorPoint CSS code */ #homeshooting { height: 0px; opacity: 0; overflow: hidden; } #stacks_in_825 { border: solid rgba(128, 128, 128, 1.00); border-width: 0px 0px 1px 0px; margin: 0px 0px 18px 0px; } #stacks_in_827>.s3_row { margin: 0 -10px; } #stacks_in_827>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_827>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_827>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_827>.s3_row { margin: -10px 0; } #stacks_in_827>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_827 { margin: 0px 0px 16px 0px; } #stacks_in_834 { margin: 0px 0px 16px 0px; } #stacks_in_812_button { display:block; position: relative; text-align: center; } #stacks_in_812 a:link, #stacks_in_812 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_812 a:hover, #stacks_in_812 a:active { color:#FFFFFF; } #stacks_in_812 a:link, #stacks_in_812 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_812 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_812 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_812 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0px 10px 0px; } /* AnchorPoint CSS code */ #fotostudio-preise { height: 0px; opacity: 0; overflow: hidden; } #stacks_in_208 { border: solid rgba(128, 128, 128, 1.00); border-width: 0px 0px 1px 0px; margin: 0px 0px 18px 0px; } #stacks_in_711 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_711 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_711 #jwresp_col2_stacks_in_711{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_711 #jwresp_col1_stacks_in_711,#stacks_in_711 #jwresp_col2_stacks_in_711{width:100%;float:none;display:block}#stacks_in_711 #jwresp_col1_stacks_in_711{margin-bottom:15px}} #stacks_in_245_button { display:block; position: relative; text-align: center; } #stacks_in_245 a:link, #stacks_in_245 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_245 a:hover, #stacks_in_245 a:active { color:#FFFFFF; } #stacks_in_245 a:link, #stacks_in_245 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_245 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_245 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_245 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0px 10px 0px; } /* AnchorPoint CSS code */ #portraitfotograf { height: 0px; opacity: 0; overflow: hidden; } #stacks_in_383 { border: solid rgba(128, 128, 128, 1.00); border-width: 0px 0px 1px 0px; margin: 0px 0px 18px 0px; } #stacks_in_714 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_714 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_714 #jwresp_col2_stacks_in_714{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_714 #jwresp_col1_stacks_in_714,#stacks_in_714 #jwresp_col2_stacks_in_714{width:100%;float:none;display:block}#stacks_in_714 #jwresp_col1_stacks_in_714{margin-bottom:15px}} #stacks_in_395 { display:inline-block; width:100%; line-height: 1.320000em; letter-spacing: 1px; word-spacing: 1px; } #stacks_in_400_button { display:block; position: relative; text-align: center; } #stacks_in_400 a:link, #stacks_in_400 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_400 a:hover, #stacks_in_400 a:active { color:#FFFFFF; } #stacks_in_400 a:link, #stacks_in_400 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_400 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_400 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_400 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0px 10px 0px; } /* Zoom Image v2.2.4 Copyright @2010-2012 Joe Workman */ #stacks_in_869{text-align:center}#stacks_in_869 img{cursor:pointer;border-color:#000000;border-width:0px;border-style:solid} #stacks_in_869 .zoom_hover_img{border-style:none;}.jqfancyzoombox{z-index:9998}.jqfancyzoomclosebox{z-index:9999} #stacks_in_869 { margin: 0px 0px 25px 0px; } #stacks_in_397 { display:inline-block; width:100%; line-height: 1.320000em; letter-spacing: 1px; word-spacing: 1px; } /* AnchorPoint CSS code */ #kundenstimmen { height: 0px; opacity: 0; overflow: hidden; } #stacks_in_236 { border: solid rgba(128, 128, 128, 1.00); border-width: 0px 0px 1px 0px; } #stacks_in_717 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_717 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_717 #jwresp_col2_stacks_in_717{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_717 #jwresp_col1_stacks_in_717,#stacks_in_717 #jwresp_col2_stacks_in_717{width:100%;float:none;display:block}#stacks_in_717 #jwresp_col1_stacks_in_717{margin-bottom:15px}} #fullScreenWrapper-player1 { width: 100%; } #playerWrapper-player1 { display: block; position: relative; } #playerWrapper-player1 *, #playerWrapper-player1 *:before, #playerWrapper-player1 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player1 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player1 { padding-bottom: 56.25%; } #playerWrapper-player1 #media-player1 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player1 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player1 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player1 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player1 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player1 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player1 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player1 { position: relative; z-index: 4; width: 100%; } #toolbar-player1 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player1 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player1 { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player1:hover #toolbar-player1 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player1.playerInFullScreenMode:hover #toolbar-player1, #playerWrapper-player1.playerInFullScreenMode #toolbar-player1 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1.playerInFullScreenMode #toolbar-player1.toolbarHovered, .playerTouchDevice #playerWrapper-player1.playerInFullScreenMode #toolbar-player1 { opacity: 1.00; } */ #playerWrapper-player1.playerInFullScreenMode #fullscreenHoverRegionstacks_in_437 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player1 .media-button, #toolbar-player1 .timingContent { line-height: 45px; } #toolbar-player1 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player1 span.time, #media-controls-player1 span.player-extra-element, #media-controls-player1 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #replaystacks_in_437 { order: 1; } #playstacks_in_437 { order: 3; display: block; } #pausestacks_in_437 { order: 3; display: none /* Start hidden */ } #skipBackstacks_in_437 { order: 2; } #expandToFullScreenstacks_in_437 { order: 4; } #contractFromFullScreenstacks_in_437 { order: 4; display: none /* Start hidden */ } #toolbar-player1 [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player1 [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player1 .media-button a, #toolbar-player1 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player1 span.media-button a:hover, #media-controls-player1 span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player1 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player1 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_437 { display: flex; flex: 1; align-items: center; } #toolbar-player1 .duration, #toolbar-player1 .scrubberWrapper, #toolbar-player1 .time { /* display: table-cell; */ } #toolbar-player1 .time, #toolbar-player1 .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player1 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 18px; vertical-align: middle; } #toolbar-player1 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 18px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player1 .progress { -webkit-appearance: none; width: 0px; height: 18px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player1 .progress { background-color: rgba(128, 0, 2, 1.00); } /* @group Volume */ #volumestacks_in_437 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_437 { display: none !important; } #volumestacks_in_437:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_437 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_437:hover #volumeMasterControllerstacks_in_437 { display: none; } #volumeMinstacks_in_437 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_437 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_437[type=range], #volumeMinstacks_in_437, #volumeMaxstacks_in_437 { display: none; } #volumeMinstacks_in_437, #volumeMaxstacks_in_437 { cursor: pointer; } #volumestacks_in_437:hover #volumeMinstacks_in_437, #volumestacks_in_437:hover #volumeMaxstacks_in_437, #volumestacks_in_437:hover #volume-barstacks_in_437 { display: inline; } #volume-barstacks_in_437[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_437[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_437[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_437[type=range]:focus { outline: none; } #volume-barstacks_in_437[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_437[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_437[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_437[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_437[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_437[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_437[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_437[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_437[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player1.playerInFullScreenMode, #fullScreenWrapper-player1.playerInFullScreenMode #playerWrapper-player1 { height: 100%; } #fullScreenWrapper-player1.playerInFullScreenMode #mediaFrame-player1 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player1.playerInFullScreenMode player1 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player1.playerInFullScreenMode #toolbar-player1 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player1.playerInFullScreenMode #toolbar-player1.toolbarVisible { display: flex; } #fullScreenWrapper-player1.playerInFullScreenMode #PlayerCaptionsBarplayer1 { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player1.playerInFullScreenMode #PlayerCaptionsBarplayer1.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player1 #fullscreenHoverRegion-player1 { display: none; } #fullScreenWrapper-player1.playerInFullScreenMode #fullscreenHoverRegion-player1 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_437 { margin: 0px 0px 20px 0px; } #stacks_in_720 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_720 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_720 #jwresp_col2_stacks_in_720{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_720 #jwresp_col1_stacks_in_720,#stacks_in_720 #jwresp_col2_stacks_in_720{width:100%;float:none;display:block}#stacks_in_720 #jwresp_col1_stacks_in_720{margin-bottom:15px}} #stacks_in_861 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(128, 128, 128, 1.00); border-width: 1px 0px 1px 0px; margin: 4px 0px 0px 0px; padding: 10px 0px 0px 0px; } #stacks_in_723 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_723 .jwresp_col_wrapper{margin:0;width:49%;float:left;position:relative;overflow:auto}#stacks_in_723 .jwresp_col_wrapper.right{float:right}#stacks_in_723 .jwresp_col{overflow:hidden;width:48%;float:left;margin:0}#stacks_in_723 #jwresp_col2_stacks_in_723,#stacks_in_723 #jwresp_col4_stacks_in_723{float:right}#stacks_in_723 #jwresp_col1_stacks_in_723,#stacks_in_723 #jwresp_col3_stacks_in_723{margin-right:2} @media screen and (max-width:770px){#stacks_in_723 .jwresp_col_wrapper.left,#stacks_in_723 .jwresp_col_wrapper.right{width:100%;float:none;clear:both}#stacks_in_723 .jwresp_col_wrapper.left{margin-bottom:20px}#stacks_in_723 .jwresp_col{width:49%}#stacks_in_723 #jwresp_col1_stacks_in_723,#stacks_in_723 #jwresp_col3_stacks_in_723{margin:0}} @media screen and (max-width:500px){#stacks_in_723 .jwresp_col{width:100%;display:block}#stacks_in_723 #jwresp_col1_stacks_in_723,#stacks_in_723 #jwresp_col2_stacks_in_723,#stacks_in_723 #jwresp_col3_stacks_in_723{margin:0;margin-bottom:20px}#stacks_in_723 #jwresp_col4_stacks_in_723{margin:0}#stacks_in_723 .jwresp_col_wrapper.left{margin-bottom:0}} #stacks_in_357_button { display:block; position: relative; text-align: center; } #stacks_in_357 a:link, #stacks_in_357 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_357 a:hover, #stacks_in_357 a:active { color:#FFFFFF; } #stacks_in_357 a:link, #stacks_in_357 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_357 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_357 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_357 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0px 10px 0px; } /* AnchorPoint CSS code */ #studio { height: 0px; opacity: 0; overflow: hidden; } #stacks_in_556 { border: solid rgba(128, 128, 128, 1.00); border-width: 0px 0px 1px 0px; } #stacks_in_728 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_728 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_728 #jwresp_col2_stacks_in_728{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_728 #jwresp_col1_stacks_in_728,#stacks_in_728 #jwresp_col2_stacks_in_728{width:100%;float:none;display:block}#stacks_in_728 #jwresp_col1_stacks_in_728{margin-bottom:15px}} /* Zoom Image v2.2.4 Copyright @2010-2012 Joe Workman */ #stacks_in_579{text-align:center}#stacks_in_579 img{cursor:pointer;border-color:#000000;border-width:0px;border-style:solid} #stacks_in_579 .zoom_hover_img{border-style:none;}.jqfancyzoombox{z-index:9998}.jqfancyzoomclosebox{z-index:9999} #stacks_in_731 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_731 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_731 #jwresp_col2_stacks_in_731{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_731 #jwresp_col1_stacks_in_731,#stacks_in_731 #jwresp_col2_stacks_in_731{width:100%;float:none;display:block}#stacks_in_731 #jwresp_col1_stacks_in_731{margin-bottom:15px}} #stacks_in_741_button { display:block; position: relative; text-align: center; } #stacks_in_741 a:link, #stacks_in_741 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_741 a:hover, #stacks_in_741 a:active { color:#FFFFFF; } #stacks_in_741 a:link, #stacks_in_741 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_741 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_741 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_741 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0px 10px 0px; } #stacks_in_593 { border: solid rgba(128, 128, 128, 1.00); border-width: 0px 0px 1px 0px; margin: 0px 0px 18px 0px; } #stacks_in_734 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_734 .jwresp_col_wrapper{margin:0;width:49%;float:left;position:relative;overflow:auto}#stacks_in_734 .jwresp_col_wrapper.right{float:right}#stacks_in_734 .jwresp_col{overflow:hidden;width:48%;float:left;margin:0}#stacks_in_734 #jwresp_col2_stacks_in_734,#stacks_in_734 #jwresp_col4_stacks_in_734{float:right}#stacks_in_734 #jwresp_col1_stacks_in_734,#stacks_in_734 #jwresp_col3_stacks_in_734{margin-right:2} @media screen and (max-width:770px){#stacks_in_734 .jwresp_col_wrapper.left,#stacks_in_734 .jwresp_col_wrapper.right{width:100%;float:none;clear:both}#stacks_in_734 .jwresp_col_wrapper.left{margin-bottom:20px}#stacks_in_734 .jwresp_col{width:49%}#stacks_in_734 #jwresp_col1_stacks_in_734,#stacks_in_734 #jwresp_col3_stacks_in_734{margin:0}} @media screen and (max-width:500px){#stacks_in_734 .jwresp_col{width:100%;display:block}#stacks_in_734 #jwresp_col1_stacks_in_734,#stacks_in_734 #jwresp_col2_stacks_in_734,#stacks_in_734 #jwresp_col3_stacks_in_734{margin:0;margin-bottom:20px}#stacks_in_734 #jwresp_col4_stacks_in_734{margin:0}#stacks_in_734 .jwresp_col_wrapper.left{margin-bottom:0}} #stacks_in_734 { margin: 0px 0px 16px 0px; } #stacks_in_739_button { display:block; position: relative; text-align: center; } #stacks_in_739 a:link, #stacks_in_739 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_739 a:hover, #stacks_in_739 a:active { color:#FFFFFF; } #stacks_in_739 a:link, #stacks_in_739 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_739 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_739 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_739 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0px 10px 0px; } /* custom stuff */ #corner-stacks_in_255 .corner-modal { z-index: 9999; max-width:400px; max-height:400px; } #corner-stacks_in_255 .corner-content { border:1px solid rgba(0, 0, 0, 0.40); border-radius:2px; background-color:rgba(255, 255, 255, 1.00); color: rgba(102, 102, 102, 1.00); overflow:auto; } #corner-stacks_in_255 .corner-button { font-family: Helvetica; font-size: 14px; font-weight: 700; border:2px solid rgba(255, 255, 255, 0.40); border-radius:22px; background-color:rgba(53, 69, 92, 1.00); color: rgba(255, 255, 255, 1.00); padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; z-index: 9998; } #corner-stacks_in_255 .corner-button.corner-tl, #corner-stacks_in_255 .corner-button.corner-tr { margin-top: -60px; } #corner-stacks_in_255 .corner-button.corner-bl, #corner-stacks_in_255 .corner-button.corner-br { margin-bottom: -60px; } #corner-stacks_in_255 .corner-content { padding-top: 30px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } #corner-stacks_in_255 .corner-button.corner-tl.corner-show, #corner-stacks_in_255 .corner-button.corner-tr.corner-show { margin-top: 20px; } #corner-stacks_in_255 .corner-button.corner-bl.corner-show, #corner-stacks_in_255 .corner-button.corner-br.corner-show { margin-bottom: 20px; } /* hide the text in button on smaller screens */ @media only screen and (max-width: 770px) { #corner-stacks_in_255 .corner-modal { width:100%; max-width:100%; max-height:100%; margin:0; } #corner-stacks_in_255 .corner-content { margin:4px; } #corner-stacks_in_255 span.corner-label { display:none; } } #stacks_in_259 .button_icon,#stacks_in_259 .button_icon i { margin:0; padding:0; display:inline-block; font-weight:normal; height:32px; line-height:32px; font-size:19px; } #stacks_in_259 .button_label { font: 500 16px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; height:2em; line-height:2em; display: inline-block; } #stacks_in_259 .button_icon { border-right: 1px solid rgba(0,0,0,0.2); float:left; padding-right:14px; } #stacks_in_259 .button_label { border-left: 1px solid rgba(255,255,255, 0.2); float:left; padding: 0px 7px 0px 14px; } #stacks_in_259 .sweet_button_wrapper { text-align:left; height:32px; } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_259 .sweet_button_wrapper { height:28px; } #stacks_in_259 .button_icon,#stacks_in_259 .button_icon i { height:28px; line-height:2em; font-size:17px; } #stacks_in_259 .button_label { font: 500 14px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:2em; } } #stacks_in_259 a.sweet_button { cursor: pointer; display:inline-block; margin:0; padding:0px 14px; text-decoration:none; text-align:center; color:rgba(255, 255, 255, 1.00); border-style:solid; border-width:0px; border-color:rgba(0, 0, 0, 1.00); border-radius:5px; background:rgba(179, 8, 0, 1.00); } #stacks_in_259 a.sweet_button:visited { color:rgba(255, 255, 255, 1.00); } #stacks_in_259 a.sweet_button:hover { border-color:rgba(153, 153, 153, 1.00); } #stacks_in_259 .sweet_button { -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.75); -webkit-shadow: 0px 2px 5px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px rgba(0,0,0,0.75); } #stacks_in_259 .sweet_button_wrapper{padding-bottom:13px;} #stacks_in_259 .sweet_button:hover { color:rgba(255, 255, 255, 1.00); background: rgba(199, 28, 20, 1.00); } #stacks_in_259 .sweet_button:active{ background: rgba(159, 0, 0, 1.00); } #stacks_in_259 .sweet_button.clicked { background: rgba(38, 113, 45, 1.00); border-color:rgba(0, 0, 0, 1.00); } #stacks_in_259 .sweet_button.clicked:hover { background: rgba(58, 133, 65, 1.00); border-color:rgba(153, 153, 153, 1.00); } #stacks_in_259 .sweet_button.clicked:active{ background: rgba(18, 93, 25, 1.00); } #stacks_in_259 { margin: 14px 0px 0px 0px; }