/** Lightbox */
body.lightbox--is-open { overflow: auto; }
body.lightbox--is-open .site { transform: inherit; -webkit-transform: inherit; }

.Lightbox { position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 100; opacity: 0; -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; transition: opacity 300ms linear; }

.Lightbox.is-open { opacity: 1; }

.Lightbox-popup { width: 92%; max-width: 680px; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #000; }

.Lightbox-heading { font-family: "bebas-neue", sans-serif; font-size: 2.5rem; line-height: 2.5rem; margin-top: 1.5rem; }

.Lightbox-body { line-height: 1.25rem; margin-top: 0.8125rem; margin-bottom: 1.25rem; }

.Lightbox-close { position: absolute; width: 55px; height: 55px; right: 0; top: 0; cursor: pointer; }

.Lightbox-close .Icon--close { fill: #999; width: 15px; height: 15px; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg); -o-transform: translateX(-50%) translateY(-50%) rotate(0deg); transform: translateX(-50%) translateY(-50%) rotate(0deg); -webkit-transition: -webkit-transform 250ms ease-in-out; -moz-transition: -moz-transform 250ms ease-in-out; transition: transform 250ms ease-in-out; }

.Lightbox-close:hover .Icon--close { -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(180deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(180deg); -o-transform: translateX(-50%) translateY(-50%) rotate(180deg); transform: translateX(-50%) translateY(-50%) rotate(180deg); }

.Lightbox--firstVisit .Lightbox-close .Icon--close, .Lightbox--download .Lightbox-close .Icon--close { -webkit-transition: none; -moz-transition: none; transition: none; }

.Lightbox--firstVisit .Lightbox-close:hover .Icon--close, .Lightbox--download .Lightbox-close:hover .Icon--close { -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg); -o-transform: translateX(-50%) translateY(-50%) rotate(0deg); transform: translateX(-50%) translateY(-50%) rotate(0deg); }

.Lightbox-icon { width: 78px; height: 78px; background-color: #cccccc; margin-left: auto; margin-right: auto; color: #fff; border-radius: 50%; position: relative; }

.Lightbox-icon .icon-camera { width: 32px; height: 39px; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.Lightbox--media { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }

.Lightbox--media.is-open { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; }

.Lightbox--media .Lightbox-popup .ImageSlider-button--next { right: 8px; }

.Lightbox--media .Lightbox-popup .ImageSlider-button--prev { left: 8px; }

.Lightbox--media .Lightbox-popup-slider { padding-bottom: 75%; position: relative; }

.Lightbox--media .Lightbox-popup-slider .rsOverflow { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important; }

.Lightbox--media .Lightbox-popup-slider .rsSlide {  padding-bottom: 60px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; }

.Lightbox--media .Lightbox-popup-slider .slide { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; }

.Lightbox--media .Lightbox-popup-slider .ImageGrid-item__author--overlay { position: absolute; left: 0; right: 0; bottom: 0; }

.Lightbox--media .ImageGrid-item__author--overlay { background-color: rgba(0,0,0,.9); color: #999; text-transform: uppercase; width: 100%; height: 40px; padding-left: 20px; padding-right: 20px; }

.Lightbox--media .ImageGrid-item__author--overlay .icon-camera { fill: #999; }

.Lightbox--media .Lightbox-close { width: 40px; height: 40px; background-color: #111111; border-left: 1px solid #30302f; border-bottom: 1px solid #30302f; color: #999 !important; top: 1px; }

.Lightbox--media .Lightbox-close .Icon--close { width: 13px; height: 13px; }

.Lightbox--media .ImageSlider-button { width: 40px; height: 40px; cursor: pointer; }

/** Lightbox download */
.Lightbox--download form { max-width: 367px; margin-left: auto; margin-right: auto; position: relative; }

.Lightbox--download form .throbber { background: #000000; }

.Lightbox--download .form-item { margin: 0; }

.Lightbox--download label { display: none; }

.Lightbox--download input[type="email"] { width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #f1f1f1; border-radius: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; height: 46px; font-size: 1rem; padding-left: 15px; padding-right: 15px; border-bottom: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.4); }

.Lightbox--download .form-actions { margin: 0; }

.Lightbox--download input[type="submit"] { border: none; width: 100%; border-top-left-radius: 0; border-top-right-radius: 0; }

/** Responsive */
@media (min-width: 600px) { .Lightbox--download form > div { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; }
    .Lightbox--download .form-item { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
    .Lightbox--download input[type="email"] { border: 1px solid #f1f1f1; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
    .Lightbox--download .fomr-actions { -webkit-box-flex: none; -moz-box-flex: none; box-flex: none; -webkit-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }
    .Lightbox--download input[type="submit"] { width: auto; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0; } }

@media (min-width: 700px) { .Lightbox-heading { font-size: 3rem; line-height: 3rem; margin-top: 1.125rem; }
    .Lightbox-body { line-height: 1.375rem; margin-top: 0.6875rem; }
    .Lightbox--download .Lightbox-popup, .Lightbox--firstVisit .Lightbox-popup { padding: 40px; }
    .Lightbox--media .Lightbox-popup { max-width: 850px; }
    .Lightbox--media .Lightbox-popup .ImageSlider-button--next { right: 10px; }
    .Lightbox--media .Lightbox-popup .ImageSlider-button--prev { left: 10px; }
    .Lightbox--media .ImageSlider-button { width: 64px; height: 64px; }
    .Lightbox--media .Lightbox-popup-slider .ImageGrid-item__author--overlay { height: 60px; padding-left: 40px; padding-right: 40px; }
    .Lightbox--media .ImageGrid-item__author--overlay { padding-left: 40px; padding-right: 40px; }
    .Lightbox--media .ImageGrid-item__author--overlay .icon-camera { width: 22px; height: 18px; }
    .Lightbox--media .Lightbox-close { width: 60px; height: 60px; }
    .Lightbox--media .Lightbox-close .Icon--close { width: 18px; height: 18px; }
    }

@media (min-width: 1400px) {
    .Lightbox--firstVisit .Lightbox-popup { max-width: 850px; }
    .Lightbox--firstVisit .Lightbox-popup .Button, .Lightbox--firstVisit .Lightbox-popup #user-login input[type="submit"], #user-login .Lightbox--firstVisit .Lightbox-popup input[type="submit"], .Lightbox--firstVisit .Lightbox-popup .Lightbox--download input[type="submit"], .Lightbox--download .Lightbox--firstVisit .Lightbox-popup input[type="submit"], .Lightbox--firstVisit .Lightbox-popup div.tabs ul.primary li a, div.tabs ul.primary li .Lightbox--firstVisit .Lightbox-popup a { font-size: 1.5rem; padding-top: 16px; padding-bottom: 16px; padding-left: 22px; padding-right: 22px; }
    .Lightbox--media .Lightbox-popup { max-width: 1080px; }
    .Lightbox-heading { font-size: 3.75rem; margin-top: 1.625rem; }
    .Lightbox-body { font-size: 1.125rem; line-height: 1.75rem; margin-top: 1.25rem; margin-bottom: 1.4375rem; }
    .Lightbox-icon { width: 98px; height: 98px; }
    .Lightbox-icon .icon-camera { width: 41px; height: 48px; }
    .Lightbox--media .ImageSlider-button { width: 80px; height: 80px; }
    .Lightbox--media .Lightbox-close { width: 80px; height: 80px; }
    .Lightbox--media .Lightbox-close .Icon--close { width: 21px; height: 21px; }
    }

@media (max-height: 800px) { .Lightbox--media .Lightbox-popup { max-width: 600px; } }

@media (max-height: 500px) { .Lightbox--media .Lightbox-popup { max-width: 500px; } }

@media (max-height: 400px) { .Lightbox-icon { display: none; } }