.rdgallery { margin: 0 auto; } .rdgallery figure { overflow: hidden; background: #3085a3; text-align: center; cursor: pointer; opacity: 0; margin: 0; } .rdgallery figure img { position: relative; display: block; opacity: 0.8; } .rdgallery figure.rdgallery-thumbnail > img { max-width: none; height: 100%; } .rdgallery figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .rdgallery figure figcaption:before, .rdgallery figure figcaption:after { pointer-events: none; } .rdgallery figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .rdgallery figure h2 { word-spacing: -0.15em; font-weight: 600; margin: 0; font-size: 22px; line-height: 1.5em; color: #FFFFFF; } .rdgallery figure h2 span { font-weight: 800; } .rdgallery figure p { font-size: 11px; font-weight: 600; letter-spacing: 1px; margin: 0; color: #FFFFFF; } .rdgallery figure p.icon-links { display: none; } .rdgallery figure p.icon-links a { text-decoration: none; } #rdgallery-lightbox-overlay { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #292929; z-index: 999; } .rdgallery-loader { position: relative; display: block; left: 50%; width: 4.33333em; height: 4.33333em; margin-left: -2.166665em; z-index: 100000; margin-bottom: 20px; margin-top: 20px; } .rdgallery-loader .rdgallery-loader-block { position: absolute; top: 0; left: 0; display: inline-block; opacity: 0; width: 1em; height: 1em; background: #e1e1e1; -webkit-animation: show 1s step-end infinite alternate, pulse 1s linear infinite alternate; animation: show 1s step-end infinite alternate, pulse 1s linear infinite alternate; } .rdgallery-loader .rdgallery-loader-block:nth-child(1) { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-animation-delay: 0.06s; animation-delay: 0.06s; } .rdgallery-loader .rdgallery-loader-block:nth-child(2) { margin-left: 1.66667em; -webkit-animation-delay: 0.48s; animation-delay: 0.48s; } .rdgallery-loader .rdgallery-loader-block:nth-child(3) { margin-left: 3.33333em; -webkit-animation-delay: 0.18s; animation-delay: 0.18s; } .rdgallery-loader .rdgallery-loader-block:nth-child(4) { margin-top: 1.66667em; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .rdgallery-loader .rdgallery-loader-block:nth-child(5) { margin-left: 1.66667em; margin-top: 1.66667em; -webkit-animation-delay: 0.12s; animation-delay: 0.12s; } .rdgallery-loader .rdgallery-loader-block:nth-child(6) { margin-left: 3.33333em; margin-top: 1.66667em; -webkit-animation-delay: 0.42s; animation-delay: 0.42s; } .rdgallery-loader .rdgallery-loader-block:nth-child(7) { margin-top: 3.33333em; -webkit-animation-delay: 0.36s; animation-delay: 0.36s; } .rdgallery-loader .rdgallery-loader-block:nth-child(8) { margin-left: 1.66667em; margin-top: 3.33333em; -webkit-animation-delay: 0.24s; animation-delay: 0.24s; } .rdgallery-loader .rdgallery-loader-block:nth-child(9) { margin-left: 3.33333em; margin-top: 3.33333em; } @-webkit-keyframes pulse { from, 40% { background: #e1e1e1; } to { background: #c5c5c5; } } @-webkit-keyframes show { from, 40% { opacity: 0; } 41%, to { opacity: 1; } } @keyframes pulse { from, 40% { background: #e1e1e1; } to { background: #c5c5c5; } } @keyframes show { from, 40% { opacity: 0; } 41%, to { opacity: 1; } }