.fancybox-enabled { overflow:hidden } .fancybox-enabled body { overflow:visible; height:100% } .fancybox-container { position:fixed; top:0; left:0; width:100%; height:100%; z-index:99993; -webkit-backface-visibility:hidden; backface-visibility:hidden } .fancybox-container~.fancybox-container { z-index:99992 } .fancybox-bg { position:absolute; top:0; right:0; bottom:0; left:0; background:#0f0f11; opacity:0; -webkit-transition-timing-function:cubic-bezier(.55, .06, .68, .19); -o-transition-timing-function:cubic-bezier(.55, .06, .68, .19); transition-timing-function:cubic-bezier(.55, .06, .68, .19); -webkit-backface-visibility:hidden; backface-visibility:hidden } .fancybox-container--ready .fancybox-bg { opacity:.87; -webkit-transition-timing-function:cubic-bezier(.22, .61, .36, 1); -o-transition-timing-function:cubic-bezier(.22, .61, .36, 1); transition-timing-function:cubic-bezier(.22, .61, .36, 1) } .fancybox-controls { position:absolute; top:0; left:0; right:0; text-align:center; opacity:0; z-index:99994; -webkit-transition:opacity .2s; -o-transition:opacity .2s; transition:opacity .2s; pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; direction:ltr } .fancybox-show-controls .fancybox-controls { opacity:1 } .fancybox-infobar { display:none } .fancybox-show-infobar .fancybox-infobar { display:inline-block; pointer-events:all } .fancybox-infobar__body { display:inline-block; width:70px; line-height:44px; font-size:13px; font-family:Helvetica Neue, Helvetica, Arial, sans-serif; text-align:center; color:#ddd; background-color:rgba(30, 30, 30, .7); pointer-events:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; -webkit-font-smoothing:subpixel-antialiased } .fancybox-buttons { position:absolute; top:0; right:0; display:none; pointer-events:all } .fancybox-show-buttons .fancybox-buttons { display:block } .fancybox-slider-wrap { overflow:hidden; direction:ltr } .fancybox-slider, .fancybox-slider-wrap { position:absolute; top:0; left:0; bottom:0; right:0; padding:0; margin:0; z-index:99993; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-tap-highlight-color:transparent } .fancybox-slide { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; overflow:auto; outline:0; white-space:normal; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; z-index:99994; -webkit-overflow-scrolling:touch } .fancybox-slide:before { content:""; height:100%; width:0 } .fancybox-slide:before, .fancybox-slide>* { display:inline-block; vertical-align:middle } .fancybox-slide>* { position:relative; padding:24px; margin:44px 0; border-width:0; text-align:left; background-color:#fff; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box } .fancybox-slide--image { overflow:hidden } .fancybox-slide--image:before { display:none } .fancybox-content { display:inline-block; position:relative; margin:44px auto; padding:0; border:0; width:80%; height:calc(100% - 88px); vertical-align:middle; line-height:normal; text-align:left; white-space:normal; outline:0; font-size:16px; font-family:Arial, sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:transparent; -webkit-overflow-scrolling:touch } .fancybox-iframe { display:block; margin:0; padding:0; border:0; width:100%; height:100%; background:#fff } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background:0 0 } .fancybox-placeholder { z-index:99995; background:0 0; cursor:default; overflow:visible; -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; background-size:100% 100%; background-repeat:no-repeat; -webkit-backface-visibility:hidden; backface-visibility:hidden } .fancybox-image, .fancybox-placeholder, .fancybox-spaceball { position:absolute; top:0; left:0; margin:0; padding:0; border:0 } .fancybox-image, .fancybox-spaceball { width:100%; height:100%; max-width:none; max-height:none; background:0 0; background-size:100% 100% } .fancybox-controls--canzoomOut .fancybox-placeholder { cursor:-webkit-zoom-out; cursor:zoom-out } .fancybox-controls--canzoomIn .fancybox-placeholder { cursor:-webkit-zoom-in; cursor:zoom-in } .fancybox-controls--canGrab .fancybox-placeholder { cursor:-webkit-grab; cursor:grab; /* transform: translate(815px,552px) scale(2,2)!important; */ } .fancybox-controls--isGrabbing .fancybox-placeholder { cursor:-webkit-grabbing; cursor:grabbing } .fancybox-spaceball { z-index:1 } .fancybox-tmp { position:absolute; top:-9999px; left:-9999px; visibility:hidden } .fancybox-error { position:absolute; margin:0; padding:40px; top:50%; left:50%; width:380px; max-width:100%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#fff; cursor:default } .fancybox-error p { margin:0; padding:0; color:#444; font:16px/20px Helvetica Neue, Helvetica, Arial, sans-serif } .fancybox-close-small { position:absolute; top:0; right:0; width:44px; height:44px; padding:0; margin:0; border:0; border-radius:0; outline:0; background:0 0; z-index:10; cursor:pointer } .fancybox-close-small:after { content:"×"; position:absolute; top:5px; right:5px; width:30px; height:30px; font:20px/30px Arial, Helvetica Neue, Helvetica, sans-serif; color:#888; font-weight:300; text-align:center; border-radius:50%; border-width:0; background:#fff; -webkit-transition:background .2s; -o-transition:background .2s; transition:background .2s; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:2 } .fancybox-close-small:focus:after { outline:1px dotted #888 } .fancybox-slide--video .fancybox-close-small { top:-36px; right:-36px; background:0 0 } .fancybox-close-small:hover:after { color:#555; background:#eee } .fancybox-caption-wrap { position:absolute; bottom:0; left:0; right:0; padding:60px 30px 0; z-index:99998; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-box-sizing:border-box; box-sizing:border-box; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, rgba(0, 0, 0, .1)), color-stop(40%, rgba(0, 0, 0, .2)), color-stop(80%, rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .8))); background:-webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8)); background:-o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8)); background:linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8)); opacity:0; -webkit-transition:opacity .2s; -o-transition:opacity .2s; transition:opacity .2s; pointer-events:none } .fancybox-show-caption .fancybox-caption-wrap { opacity:1 } .fancybox-caption { padding:30px 0; border-top:1px solid rgba(255, 255, 255, .4); font-size:14px; font-family:Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff; line-height:20px; -webkit-text-size-adjust:none } .fancybox-caption a, .fancybox-caption button { pointer-events:all } .fancybox-caption a { color:#fff; text-decoration:underline } .fancybox-button { display:inline-block; position:relative; width:44px; height:44px; line-height:44px; margin:0; padding:0; border:0; border-radius:0; cursor:pointer; background:0 0; color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:top; outline:0 } .fancybox-button--disabled { cursor:default; pointer-events:none } .fancybox-button, .fancybox-infobar__body { background:rgba(30, 30, 30, .6) } .fancybox-button:hover { background:rgba(0, 0, 0, .8) } .fancybox-button:after, .fancybox-button:before { content:""; pointer-events:none; position:absolute; border-color:#fff; background-color:currentColor; color:currentColor; opacity:.9; -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block } .fancybox-button--disabled:after, .fancybox-button--disabled:before { opacity:.5 } .fancybox-button--left:after { left:20px; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg) } .fancybox-button--left:after, .fancybox-button--right:after { top:18px; width:6px; height:6px; background:0 0; border-top:2px solid currentColor; border-right:2px solid currentColor } .fancybox-button--right:after { right:20px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) } .fancybox-button--left { border-bottom-left-radius:5px } .fancybox-button--right { border-bottom-right-radius:5px } .fancybox-button--close { float:right } .fancybox-button--close:after, .fancybox-button--close:before { content:""; display:inline-block; position:absolute; height:2px; width:16px; top:calc(50% - 1px); left:calc(50% - 8px) } .fancybox-button--close:before { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) } .fancybox-button--close:after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg) } .fancybox-loading { border:6px solid rgba(99, 99, 99, .4); border-top:6px solid rgba(255, 255, 255, .6); border-radius:100%; height:50px; width:50px; -webkit-animation:a .8s infinite linear; animation:a .8s infinite linear; background:0 0; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px; z-index:99999 } @-webkit-keyframes a { 0% { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(359deg); transform:rotate(359deg) } } @keyframes a { 0% { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(359deg); transform:rotate(359deg) } } @media (max-width:768px) { .fancybox-controls { text-align:left } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display:none!important } .fancybox-caption { padding:20px 0; margin:0 } } .fancybox-button--fullscreen:before { width:15px; height:11px; left:15px; top:16px; border:2px solid; background:0 0 } .fancybox-button--play:before { top:16px; left:18px; width:0; height:0; border-top:6px inset transparent; border-bottom:6px inset transparent; border-left:10px solid; border-radius:1px; background:0 0 } .fancybox-button--pause:before { top:16px; left:18px; width:7px; height:11px; border-style:solid; border-width:0 2px; background:0 0 } .fancybox-button--thumbs span { font-size:23px } .fancybox-button--thumbs:before { top:20px; left:21px; width:3px; height:3px; -webkit-box-shadow:0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; box-shadow:0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0 } .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right:220px } .fancybox-thumbs { position:absolute; top:0; right:0; bottom:0; left:auto; width:220px; margin:0; padding:5px 5px 0 0; background:#fff; z-index:99993; word-break:normal; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:transparent; -webkit-box-sizing:border-box; box-sizing:border-box } .fancybox-thumbs>ul { list-style:none; position:absolute; position:relative; width:100%; height:100%; margin:0; padding:0; overflow-x:hidden; overflow-y:auto; font-size:0 } .fancybox-thumbs>ul>li { float:left; overflow:hidden; max-width:50%; padding:0; margin:0; width:105px; height:75px; position:relative; cursor:pointer; outline:0; border:5px solid #fff; border-top-width:0; border-right-width:0; -webkit-tap-highlight-color:transparent; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-box-sizing:border-box; box-sizing:border-box } li.fancybox-thumbs-loading { background:rgba(0, 0, 0, .1) } .fancybox-thumbs>ul>li>img { position:absolute; top:0; left:0; min-width:100%; min-height:100%; max-width:none; max-height:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .fancybox-thumbs>ul>li:before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:2px; border:4px solid #4ea7f9; z-index:99991; opacity:0; -webkit-transition:all .2s cubic-bezier(.25, .46, .45, .94); -o-transition:all .2s cubic-bezier(.25, .46, .45, .94); transition:all .2s cubic-bezier(.25, .46, .45, .94) } .fancybox-thumbs>ul>li.fancybox-thumbs-active:before { opacity:1 } @media (max-width:768px) { .fancybox-thumbs { display:none!important } .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right:0 }