.target-wrapper{position:relative}.target-show-on-hover{opacity:0;transition:opacity 750ms ease}.target-show-on-hover:hover{opacity:1}.target{position:absolute;width:100%;height:auto}.target.width-auto{width:auto}.target.height-fill,.target.height-fixed,.target.height-flexible{display:flex;align-items:center}.target.height-fill{height:100%}.target[class*="float-"],.target[class*="shift-"]{position:relative}.target[class*="pin-"],.target.relative-browser{position:fixed}.target.float-right{float:right}.target.float-left{float:left}.target.vcenter[class*="relative-"]{top:50%;transform:translateY(-50%)}.target.hcenter[class*="relative-"]{left:50%;transform:translateX(-50%)}.target.hcenter.vcenter[class*="relative-"]{transform:translateX(-50%) translateY(-50%)}.target.shift-up,.target.shift-down{margin-left:auto;margin-right:auto}.target.target-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.target.pin-top{top:0}.target.pin-bottom{bottom:0}.target.pin-left{left:0}.target.pin-right{right:0}.target.target-disable{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}@media only screen and (min-width:40em){.target.target-mobile-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:39.9375em){.target.target-disable-mobile{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:62.5em){.target.target-desktop-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}} #stacks_in_1 { background-color: rgba(252, 252, 251, 1.00); } /*This is because the show-for-small class is had coded in the Top Bar JS*/ #stacks_in_3000 ul.dropdown .parent-link.show-for-small { display:block!important; } ul.zone { float:left; } meta.foundation-mq-topbar { font-family:"/only screen and (min-width:1020px)/"!important; width:1020px!important; } @media only screen and (min-width:1020px) { .contain-to-grid.matchPadding .top-bar { padding-left:0.9375rem; padding-right:0.9375rem; } .menu-align-right.zone-align-left ul.menu, .menu-align-left.zone-align-right ul.zone, .menu-align-centered.zone-align-right ul.zone, .menu-align-right.zone-align-right .top-bar-section { float:right; } .menu-align-centered.full-width .zone, .menu-align-centered.full-width .title-area .name { display:none!important; } .top-bar .title-area { margin-right:1.1rem; } .top-bar .title-area.title-area-hide { margin-right:0; } #stacks_in_3000 ul.dropdown .parent-link.show-for-small { display:none!important; } .top-bar {overflow: visible; } .top-bar:before, .top-bar:after { content: " "; display: table; } .top-bar:after { clear: both; } .top-bar .toggle-topbar { display: none; } .top-bar .title-area { float: left; } .top-bar .name .site-title a { width: auto; } .top-bar input, .top-bar .button, .top-bar button { font-size: 0.875rem; position: relative; top: 7px; } .top-bar-section { transition: none 0 0; left: 0 !important; } /* .top-bar-section.align-right { position: absolute; left:auto!important; right:0 !important; } */ .top-bar-section ul { width: auto; height: auto !important; display: inline; } .top-bar-section ul li { float: left; } *[dir="rtl"] .top-bar-section ul li {float:right} .top-bar-section ul li .js-generated { display: none; } .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 15px; line-height: 32px;} .top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0 15px; line-height: 32px; color: white;} .top-bar-section .has-dropdown > a { padding-right: 35px !important; } *[dir="rtl"] .top-bar-section .has-dropdown > a { padding-right: 15px !important; padding-left: 35px !important; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; margin-top: -2.5px; top: 22.5px; } .top-bar-section .has-dropdown.moved { position: relative; } .top-bar-section .has-dropdown.moved > .dropdown { display: block; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 1rem; margin-top: -1px; right: 5px; line-height: 1.2; } .top-bar-section .dropdown { left: 0; top: auto; background: transparent; min-width: 100%; } *[dir="rtl"] .top-bar-section .dropdown { left: auto; right:0; } .top-bar-section .dropdown li a { color: white; line-height: 30px; white-space: nowrap; padding: 12px 15px;} .top-bar-section .dropdown li label { white-space: nowrap;} .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; } /* Updated below selector to support Magellan div */ .top-bar-section > div > ul > .divider, .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-bottom: none; border-top: none; border-right: solid 1px #4e4e4e; clear: none; height: 32px; width: 0; } .top-bar-section .has-form { padding: 0 15px; height: 32px; } .top-bar-section .right li .dropdown { left: auto; right: 0; } .top-bar-section .right li .dropdown li .dropdown { right: 100%; } .top-bar-section .left li .dropdown { right: auto; left: 0; } .top-bar-section .left li .dropdown li .dropdown { left: 100%; } .no-js .top-bar-section .has-dropdown:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } #stacks_in_3000 .menu-align-centered ul.menu { display:block; text-align:center; position: absolute; top:0; left:0; width:100%; } #stacks_in_3000 .menu-align-centered ul.menu >li { float:none; display:inline-block; vertical-align:top; } #stacks_in_3000 .menu-align-centered.full-width ul.menu >li { float:left; } #stacks_in_3000 .top-bar .name .site-title small{ display:inline!important; } #stacks_in_3000 .top-bar-section > ul > .divider, #stacks_in_3000 .top-bar-section > ul > [role="separator"] { height: 32px; } #stacks_in_3000 .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 14px; line-height: 32px; } #stacks_in_3000 .top-bar-section .has-dropdown > a{ padding-right: 34px !important; } #stacks_in_3000 .top-bar-section .has-dropdown > a:after { top:50%; } #stacks_in_3000 .top-bar-section .has-dropdown .dropdown li a{ line-height:30px !important; padding:0 14px !important; } #stacks_in_3000 .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after{ top: 1rem; } #stacks_in_3000 .top-bar-section .has-dropdown .dropdown label { padding: 8px 14px 2px; } #stacks_in_3000 .top-bar-section .has-form { padding: 0 14px; height: 32px; } } *[dir="rtl"] .top-bar .toggle-topbar.menu-icon a{padding:0 .9375rem 0 2.5rem;text-indent:0}*[dir="rtl"] .top-bar-section ul li > a{padding:12px 0.9375rem}#stacks_in_3000{overflow:visible}#stacks_in_3000 [data-magellan-expedition],#stacks_in_3000 [data-magellan-expedition-clone]{background:none;padding:0 !important}#stacks_in_3000 .contain-to-grid .top-bar{margin:0 auto}#stacks_in_3000 .top-bar-wrapper{z-index:1999}#stacks_in_3000 .top-bar-wrapper .top-bar-section .dropdown{z-index:1999}#stacks_in_3000 .top-bar .site-title small{font-size:60%;display:inline}#stacks_in_3000 .top-bar .top-bar-section ul li{background:none !important}#stacks_in_3000 .top-bar .top-bar-section ul li > a.button{padding-top:0.35rem;position:relative}#stacks_in_3000 a:not(.button){text-decoration:none}#stacks_in_3000 .top-bar-section .has-form{background:inherit}#stacks_in_3000 .top-bar .fa{vertical-align:middle}#stacks_in_3000 .top-bar ul.title-area,#stacks_in_3000 .top-bar ul.zone{z-index:2000}#stacks_in_3000 .top-bar ul.zone{position:relative}#stacks_in_3000 .top-bar .name{display:block;position:relative;padding:0 0.9375rem}#stacks_in_3000 .top-bar .name.collapse{padding:0}#stacks_in_3000 .top-bar .name a{height:45px;display:inline-block}#stacks_in_3000 .top-bar .name span{height:100%}#stacks_in_3000 .top-bar .name img{display:inline-block;vertical-align:top;height:100%;width:auto}#stacks_in_3000 .top-bar .name .site-title{display:inline-block;color:rgba(255, 255, 255, 1.00);height:45px;padding:0;margin:0;line-height:45px;font-size:1.0625rem}#stacks_in_3000 .top-bar .name .site-title small{color:rgba(229, 229, 229, 1.00)}#stacks_in_3000 .top-bar,#stacks_in_3000 .title-area,#stacks_in_3000 a:not(.button){background:transparent}#stacks_in_3000 ul:not(.title-area) .dropdown label{color:rgba(227, 227, 227, 1.00)}#stacks_in_3000 ul:not(.title-area) li:hover > a:not(.button),#stacks_in_3000 ul:not(.title-area) li.has-dropdown > a.hovered:not(.button){background-color:rgba(13, 13, 13, 1.00);color:rgba(255, 255, 255, 1.00)}#stacks_in_3000 .top-bar-section .divider,#stacks_in_3000 .top-bar-section [role="separator"]{border-color:rgba(227, 227, 227, 1.00)}#stacks_in_3000 .top-bar-section .has-dropdown > a:after{border-color:rgba(227, 227, 227, 1.00) transparent transparent transparent}#stacks_in_3000 .top-bar.expanded .toggle-topbar a span{-webkit-box-shadow:none;box-shadow:none}#stacks_in_3000 .top-bar-wrapper:not(.swatch) .site-title{color:rgba(255, 255, 255, 1.00)}#stacks_in_3000 .top-bar-wrapper:not(.swatch) .site-title small{color:rgba(229, 229, 229, 1.00)}#stacks_in_3000 .top-bar-wrapper:not(.swatch) .back > h5,#stacks_in_3000 .top-bar-wrapper:not(.swatch) .back > h5 > a,#stacks_in_3000 .top-bar-wrapper:not(.swatch) a:not(.button){color:rgba(255, 255, 255, 1.00)}#stacks_in_3000 .top-bar-wrapper:not(.swatch) .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00);box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00);height:1px;background-color:rgba(255, 255, 255, 1.00)}#stacks_in_3000 .top-bar-wrapper:not(.swatch) ul:not(.title-area) ul.dropdown{background:rgba(179, 179, 179, 1.00)}#stacks_in_3000 .top-bar-wrapper.fixed{top:0px}#stacks_in_3000 .top-bar-wrapper.fixed.fixedShadow{-webkit-box-shadow:rgba(0,0,0,0.10) 0 1px 0px;box-shadow:rgba(0,0,0,0.10) 0 1px 0px}#stacks_in_3000 .top-bar-wrapper.solid{background:rgba(179, 179, 179, 1.00)}#stacks_in_3000 .top-bar-wrapper.twotone{background-color:rgba(255, 255, 255, 1.00);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(+,%id=baseColor[1]),color-stop(+,%id=baseColor[1]),color-stop(+,%id=baseColor[1]),color-stop(50%,rgba(179, 179, 179, 1.00)),color-stop(-,%id=baseColor[0]));background-image:linear-gradient(to bottom,rgba(255, 255, 255, 1.00) 0%,rgba(255, 255, 255, 1.00) 45%,rgba(255, 255, 255, 1.00) 50%,rgba(179, 179, 179, 1.00) 50%,rgba(169, 169, 169, 1.00) 100%)}#stacks_in_3000 .top-bar-wrapper.onecolor{background-color:rgba(219, 219, 219, 1.00);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(+,%id=baseColor[0]),color-stop(85%,rgba(179, 179, 179, 1.00)));background-image:linear-gradient(to bottom,rgba(219, 219, 219, 1.00),rgba(179, 179, 179, 1.00) 85%)}#stacks_in_3000 .top-bar-wrapper.twocolor{background-color:rgba(255, 255, 255, 1.00);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, 1.00)),color-stop(85%,rgba(179, 179, 179, 1.00)));background-image:linear-gradient(to bottom,rgba(255, 255, 255, 1.00),rgba(179, 179, 179, 1.00) 85%)}#stacks_in_3000 .top-bar-wrapper.styleActive li.active > a{background:rgba(247, 247, 247, 1.00);color:rgba(252, 98, 103, 1.00)}#stacks_in_3000 .top-bar-wrapper.stickyLogo.sticky .top-bar .title-area li.name{visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;transition:visibility 0s linear 0.5s,opacity 0.5s linear}#stacks_in_3000 .top-bar-wrapper.stickyLogo.fixed .top-bar .title-area li.name{opacity:1;visibility:visible;-webkit-transition-delay:0s;transition-delay:0s}#stacks_in_3000 .top-bar-wrapper.sticky.sticky-hide{opacity:0;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease}#stacks_in_3000 .top-bar-wrapper.sticky.sticky-hide.fixed{opacity:1;height:32px;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}#stacks_in_3000 .top-bar-wrapper.sticky.sticky-hide.expanded{height:auto}#stacks_in_3000 .top-bar-wrapper:not(.submenuIndicator) .top-bar-section .has-dropdown > a{padding-right:15px !important}#stacks_in_3000 .top-bar-wrapper:not(.submenuIndicator) .top-bar-section .has-dropdown > a::after{display:none}.f-topbar-fixed{padding-top:32px !important}#stacks_in_3000 .expanded:not(.top-bar) .top-bar-section{margin-top:32px}#stacks_in_3000 .top-bar{height:32px;line-height:32px}#stacks_in_3000 .top-bar.expanded{height:auto;line-height:inherit}#stacks_in_3000 .top-bar .name{height:32px;padding:0 14px}#stacks_in_3000 .top-bar .name .site-title,#stacks_in_3000 .top-bar .name a,#stacks_in_3000 .top-bar .name span{height:32px;line-height:32px;font-size:0.83rem}#stacks_in_3000 .toggle-topbar a{font-size:0.90rem}#stacks_in_3000 .toggle-topbar.menu-icon{right:14px}#stacks_in_3000 .top-bar-section ul li > a{padding-left:14px;font-size:0.90rem}#stacks_in_3000 .top-bar-section ul li > a.button{font-size:0.90rem;padding-right:14px;padding-left:14px}#stacks_in_3000 .top-bar-section .has-form{padding:0 15px}#stacks_in_3000 .top-bar-section .dropdown li{font-size:0.90rem}#stacks_in_3000 .top-bar-section .dropdown li a{padding:8px 14px}#stacks_in_3000 .top-bar-section .dropdown li.has-form{padding:8px 14px}#stacks_in_3000 .top-bar-section .dropdown label{padding:8px 14px 2px;font-size:80%} #stacks_in_3000 { background-color: rgba(153, 153, 153, 0.00); margin: 0px 0px 0px 110px; padding: 0px 0px 0px 68px; } #stacks_out_3000 { margin-left:0; } /*This is because the show-for-small class is had coded in the Top Bar JS*/ #stacks_in_3006 ul.dropdown .parent-link.show-for-small { display:block!important; } ul.zone { float:left; } meta.foundation-mq-topbar { font-family:"/only screen and (min-width:500px)/"!important; width:500px!important; } @media only screen and (min-width:500px) { .contain-to-grid.matchPadding .top-bar { padding-left:0.9375rem; padding-right:0.9375rem; } .menu-align-right.zone-align-left ul.menu, .menu-align-left.zone-align-right ul.zone, .menu-align-centered.zone-align-right ul.zone, .menu-align-right.zone-align-right .top-bar-section { float:right; } .menu-align-centered.full-width .zone, .menu-align-centered.full-width .title-area .name { display:none!important; } .top-bar .title-area { margin-right:1.1rem; } .top-bar .title-area.title-area-hide { margin-right:0; } #stacks_in_3006 ul.dropdown .parent-link.show-for-small { display:none!important; } .top-bar {overflow: visible; } .top-bar:before, .top-bar:after { content: " "; display: table; } .top-bar:after { clear: both; } .top-bar .toggle-topbar { display: none; } .top-bar .title-area { float: left; } .top-bar .name .site-title a { width: auto; } .top-bar input, .top-bar .button, .top-bar button { font-size: 0.875rem; position: relative; top: 7px; } .top-bar-section { transition: none 0 0; left: 0 !important; } /* .top-bar-section.align-right { position: absolute; left:auto!important; right:0 !important; } */ .top-bar-section ul { width: auto; height: auto !important; display: inline; } .top-bar-section ul li { float: left; } *[dir="rtl"] .top-bar-section ul li {float:right} .top-bar-section ul li .js-generated { display: none; } .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 15px; line-height: 38px;} .top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0 15px; line-height: 38px; color: white;} .top-bar-section .has-dropdown > a { padding-right: 35px !important; } *[dir="rtl"] .top-bar-section .has-dropdown > a { padding-right: 15px !important; padding-left: 35px !important; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; margin-top: -2.5px; top: 22.5px; } .top-bar-section .has-dropdown.moved { position: relative; } .top-bar-section .has-dropdown.moved > .dropdown { display: block; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 1rem; margin-top: -1px; right: 5px; line-height: 1.2; } .top-bar-section .dropdown { left: 0; top: auto; background: transparent; min-width: 100%; } *[dir="rtl"] .top-bar-section .dropdown { left: auto; right:0; } .top-bar-section .dropdown li a { color: white; line-height: 28px; white-space: nowrap; padding: 12px 15px;} .top-bar-section .dropdown li label { white-space: nowrap;} .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; } /* Updated below selector to support Magellan div */ .top-bar-section > div > ul > .divider, .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-bottom: none; border-top: none; border-right: solid 1px #4e4e4e; clear: none; height: 38px; width: 0; } .top-bar-section .has-form { padding: 0 15px; height: 38px; } .top-bar-section .right li .dropdown { left: auto; right: 0; } .top-bar-section .right li .dropdown li .dropdown { right: 100%; } .top-bar-section .left li .dropdown { right: auto; left: 0; } .top-bar-section .left li .dropdown li .dropdown { left: 100%; } .no-js .top-bar-section .has-dropdown:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } #stacks_in_3006 .menu-align-centered ul.menu { display:block; text-align:center; position: absolute; top:0; left:0; width:100%; } #stacks_in_3006 .menu-align-centered ul.menu >li { float:none; display:inline-block; vertical-align:top; } #stacks_in_3006 .menu-align-centered.full-width ul.menu >li { float:left; } #stacks_in_3006 .top-bar .name .site-title small{ display:inline!important; } #stacks_in_3006 .top-bar-section > ul > .divider, #stacks_in_3006 .top-bar-section > ul > [role="separator"] { height: 38px; } #stacks_in_3006 .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 12px; line-height: 38px; } #stacks_in_3006 .top-bar-section .has-dropdown > a{ padding-right: 32px !important; } #stacks_in_3006 .top-bar-section .has-dropdown > a:after { top:50%; } #stacks_in_3006 .top-bar-section .has-dropdown .dropdown li a{ line-height:28px !important; padding:0 12px !important; } #stacks_in_3006 .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after{ top: 1rem; } #stacks_in_3006 .top-bar-section .has-dropdown .dropdown label { padding: 8px 12px 2px; } #stacks_in_3006 .top-bar-section .has-form { padding: 0 12px; height: 38px; } } *[dir="rtl"] .top-bar .toggle-topbar.menu-icon a{padding:0 .9375rem 0 2.5rem;text-indent:0}*[dir="rtl"] .top-bar-section ul li > a{padding:12px 0.9375rem}#stacks_in_3006{overflow:visible}#stacks_in_3006 [data-magellan-expedition],#stacks_in_3006 [data-magellan-expedition-clone]{background:none;padding:0 !important}#stacks_in_3006 .contain-to-grid .top-bar{margin:0 auto}#stacks_in_3006 .top-bar-wrapper{z-index:1999}#stacks_in_3006 .top-bar-wrapper .top-bar-section .dropdown{z-index:1999}#stacks_in_3006 .top-bar .site-title small{font-size:60%;display:inline}#stacks_in_3006 .top-bar .top-bar-section ul li{background:none !important}#stacks_in_3006 .top-bar .top-bar-section ul li > a.button{padding-top:0.35rem;position:relative}#stacks_in_3006 a:not(.button){text-decoration:none}#stacks_in_3006 .top-bar-section .has-form{background:inherit}#stacks_in_3006 .top-bar .fa{vertical-align:middle}#stacks_in_3006 .top-bar ul.title-area,#stacks_in_3006 .top-bar ul.zone{z-index:2000}#stacks_in_3006 .top-bar ul.zone{position:relative}#stacks_in_3006 .top-bar .name{display:block;position:relative;padding:0 0.9375rem}#stacks_in_3006 .top-bar .name.collapse{padding:0}#stacks_in_3006 .top-bar .name a{height:45px;display:inline-block}#stacks_in_3006 .top-bar .name span{height:100%}#stacks_in_3006 .top-bar .name img{display:inline-block;vertical-align:top;height:100%;width:auto}#stacks_in_3006 .top-bar .name .site-title{display:inline-block;color:rgba(204, 204, 204, 1.00);height:45px;padding:0;margin:0;line-height:45px;font-size:1.0625rem}#stacks_in_3006 .top-bar .name .site-title small{color:rgba(183, 183, 183, 1.00)}#stacks_in_3006 .top-bar,#stacks_in_3006 .title-area,#stacks_in_3006 a:not(.button){background:transparent}#stacks_in_3006 ul:not(.title-area) .dropdown label{color:rgba(153, 153, 153, 1.00)}#stacks_in_3006 ul:not(.title-area) li:hover > a:not(.button),#stacks_in_3006 ul:not(.title-area) li.has-dropdown > a.hovered:not(.button){background-color:rgba(13, 13, 13, 1.00);color:rgba(255, 255, 255, 1.00)}#stacks_in_3006 .top-bar-section .divider,#stacks_in_3006 .top-bar-section [role="separator"]{border-color:rgba(153, 153, 153, 1.00)}#stacks_in_3006 .top-bar-section .has-dropdown > a:after{border-color:rgba(153, 153, 153, 1.00) transparent transparent transparent}#stacks_in_3006 .top-bar.expanded .toggle-topbar a span{-webkit-box-shadow:none;box-shadow:none}#stacks_in_3006 .top-bar-wrapper:not(.swatch) .site-title{color:rgba(204, 204, 204, 1.00)}#stacks_in_3006 .top-bar-wrapper:not(.swatch) .site-title small{color:rgba(183, 183, 183, 1.00)}#stacks_in_3006 .top-bar-wrapper:not(.swatch) .back > h5,#stacks_in_3006 .top-bar-wrapper:not(.swatch) .back > h5 > a,#stacks_in_3006 .top-bar-wrapper:not(.swatch) a:not(.button){color:rgba(204, 204, 204, 1.00)}#stacks_in_3006 .top-bar-wrapper:not(.swatch) .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(204, 204, 204, 1.00),0 7px 0 1px rgba(204, 204, 204, 1.00),0 14px 0 1px rgba(204, 204, 204, 1.00);box-shadow:0 0 0 1px rgba(204, 204, 204, 1.00),0 7px 0 1px rgba(204, 204, 204, 1.00),0 14px 0 1px rgba(204, 204, 204, 1.00);height:1px;background-color:rgba(204, 204, 204, 1.00)}#stacks_in_3006 .top-bar-wrapper:not(.swatch) ul:not(.title-area) ul.dropdown{background:rgba(103, 103, 103, 1.00)}#stacks_in_3006 .top-bar-wrapper.fixed{top:0px}#stacks_in_3006 .top-bar-wrapper.fixed.fixedShadow{-webkit-box-shadow:rgba(0,0,0,0.10) 0 1px 0px;box-shadow:rgba(0,0,0,0.10) 0 1px 0px}#stacks_in_3006 .top-bar-wrapper.solid{background:rgba(103, 103, 103, 1.00)}#stacks_in_3006 .top-bar-wrapper.twotone{background-color:rgba(255, 255, 255, 1.00);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(+,%id=baseColor[1]),color-stop(+,%id=baseColor[1]),color-stop(+,%id=baseColor[1]),color-stop(50%,rgba(103, 103, 103, 1.00)),color-stop(-,%id=baseColor[0]));background-image:linear-gradient(to bottom,rgba(255, 255, 255, 1.00) 0%,rgba(255, 255, 255, 1.00) 45%,rgba(255, 255, 255, 1.00) 50%,rgba(103, 103, 103, 1.00) 50%,rgba(93, 93, 93, 1.00) 100%)}#stacks_in_3006 .top-bar-wrapper.onecolor{background-color:rgba(143, 143, 143, 1.00);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(+,%id=baseColor[0]),color-stop(85%,rgba(103, 103, 103, 1.00)));background-image:linear-gradient(to bottom,rgba(143, 143, 143, 1.00),rgba(103, 103, 103, 1.00) 85%)}#stacks_in_3006 .top-bar-wrapper.twocolor{background-color:rgba(255, 255, 255, 1.00);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, 1.00)),color-stop(85%,rgba(103, 103, 103, 1.00)));background-image:linear-gradient(to bottom,rgba(255, 255, 255, 1.00),rgba(103, 103, 103, 1.00) 85%)}#stacks_in_3006 .top-bar-wrapper.styleActive li.active > a{background:rgba(247, 247, 247, 1.00);color:rgba(252, 98, 103, 1.00)}#stacks_in_3006 .top-bar-wrapper.stickyLogo.sticky .top-bar .title-area li.name{visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;transition:visibility 0s linear 0.5s,opacity 0.5s linear}#stacks_in_3006 .top-bar-wrapper.stickyLogo.fixed .top-bar .title-area li.name{opacity:1;visibility:visible;-webkit-transition-delay:0s;transition-delay:0s}#stacks_in_3006 .top-bar-wrapper.sticky.sticky-hide{opacity:0;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease}#stacks_in_3006 .top-bar-wrapper.sticky.sticky-hide.fixed{opacity:1;height:38px;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}#stacks_in_3006 .top-bar-wrapper.sticky.sticky-hide.expanded{height:auto}#stacks_in_3006 .top-bar-wrapper:not(.submenuIndicator) .top-bar-section .has-dropdown > a{padding-right:15px !important}#stacks_in_3006 .top-bar-wrapper:not(.submenuIndicator) .top-bar-section .has-dropdown > a::after{display:none}.f-topbar-fixed{padding-top:38px !important}#stacks_in_3006 .expanded:not(.top-bar) .top-bar-section{margin-top:38px}#stacks_in_3006 .top-bar{height:38px;line-height:38px}#stacks_in_3006 .top-bar.expanded{height:auto;line-height:inherit}#stacks_in_3006 .top-bar .name{height:38px;padding:0 12px}#stacks_in_3006 .top-bar .name .site-title,#stacks_in_3006 .top-bar .name a,#stacks_in_3006 .top-bar .name span{height:38px;line-height:38px;font-size:0.83rem}#stacks_in_3006 .toggle-topbar a{font-size:0.83rem}#stacks_in_3006 .toggle-topbar.menu-icon{right:12px}#stacks_in_3006 .top-bar-section ul li > a{padding-left:12px;font-size:0.83rem}#stacks_in_3006 .top-bar-section ul li > a.button{font-size:0.83rem;padding-right:12px;padding-left:12px}#stacks_in_3006 .top-bar-section .has-form{padding:0 15px}#stacks_in_3006 .top-bar-section .dropdown li{font-size:0.83rem}#stacks_in_3006 .top-bar-section .dropdown li a{padding:8px 12px}#stacks_in_3006 .top-bar-section .dropdown li.has-form{padding:8px 12px}#stacks_in_3006 .top-bar-section .dropdown label{padding:8px 12px 2px;font-size:80%} #stacks_in_3006 { background-color: rgba(153, 153, 153, 0.00); margin: 0px 0px 0px 110px; padding: 0px 0px 0px 68px; } #stacks_out_3006 { margin-left:0; } #stacks_in_2996 { background-color: rgba(253, 253, 253, 0.00); margin: 0px 22px -22px 14px; } #stacks_out_2996 { margin-right:0; } #stacks_in_2658 { background-color: rgba(252, 252, 251, 1.00); margin: 0px 22px -23px 14px; } #stacks_out_2658 { margin-right:0; } #stacks_in_2659 { font-size: 55%; } #stacks_in_2142 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_2142 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_2142 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_2142 > .row.padding-detailed.padding-medium-up,#stacks_in_2142 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_2142 > .row.padding-detailed.padding-y-medium-up,#stacks_in_2142 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_2142 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_2142 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} #stacks_in_2142 { background-color: rgba(249, 249, 249, 1.00); } #stacks_out_2142 { width: 90%; } #stacks_in_2833 .smooth_scroll{ cursor:pointer; } #stacks_in_2833 { padding: 10px 0px 0px 0px; } #stacks_in_2836 { margin: 0px 10px 18px 8px; } #stacks_in_2838 { letter-spacing: 1px; } #stacks_in_2652 { background-color: rgba(204, 204, 204, 0.00); margin: 5px 10px -14px -10px; } #stacks_out_2652 { width: 80%; margin-left:0; } #stacks_in_2653 { display:inline-block; width:100%; line-height: 0.970000em; letter-spacing: 2px; font-size: 106%; } #stacks_in_2776{overflow:hidden}#stacks_in_2776 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_2776 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_2776 { margin: -16px 10px -12px -10px; } #stacks_out_2776 { margin-left:0; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 10px; margin-right: 10px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } #stacks_in_3263 { background-color: rgba(250, 250, 249, 1.00); } #stacks_out_3263 { margin-left:0; } #stacks_in_3268 { padding: 0px 0px 10px 0px; } #stacks_out_3268 { margin-left:0; } #stacks_in_3270 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; } #stacks_in_3266 { border: solid rgba(166, 166, 166, 1.00); border-width: 1px; margin: 16px 0px 0px 0px; } #stacks_in_3300{overflow:hidden}#stacks_in_3300 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_3300 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3300 { margin: 8px 10px -12px -10px; } #stacks_out_3300 { margin-left:0; } #stacks_in_3302 { margin: 4px 0px 6px 0px; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 10px; margin-right: 10px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } #stacks_in_3293 { background-color: rgba(250, 250, 249, 1.00); } #stacks_out_3293 { margin-left:0; } #stacks_in_3294 { padding: 0px 0px 10px 0px; } #stacks_out_3294 { margin-left:0; } #stacks_in_3296 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 9px 0px; } #stacks_in_3299 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 12px 0px 0px 0px; } #stacks_in_3301{overflow:hidden}#stacks_in_3301 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_3301 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3301 { margin: -16px 10px -12px -10px; } #stacks_out_3301 { margin-left:0; } #stacks_in_2831 { margin: 10px 0px 0px 0px; } #stacks_in_2830{overflow:hidden}#stacks_in_2830 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_2830 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_2830 { margin: -16px 10px -12px -10px; } #stacks_out_2830 { margin-left:0; } #stacks_in_2647 { background-color: rgba(204, 204, 204, 0.00); margin: 0px 10px 0px -10px; } #stacks_out_2647 { margin-left:0; } #stacks_in_2650 { display:inline-block; width:100%; line-height: 0.970000em; letter-spacing: 1px; word-spacing: 3px; font-size: 106%; } #stacks_in_2648 { margin: 0px 0px 6px 0px; } #stacks_in_2651 { letter-spacing: 1px; } #stacks_in_2775{overflow:hidden}#stacks_in_2775 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_2775 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_2775 { margin: -7px 10px -5px -10px; } #stacks_out_2775 { margin-left:0; } #stacks_out_2148 { margin-left:0; } #stacks_in_2382 { background-color: rgba(204, 204, 204, 0.00); margin: 0px 10px 0px -10px; } #stacks_out_2382 { width: 80%; margin-left:0; } #stacks_in_2384 { display:inline-block; width:100%; line-height: 0.970000em; letter-spacing: 2px; word-spacing: 3px; font-size: 106%; } #stacks_in_2219 { background-color: rgba(255, 255, 255, 1.00); margin: 8px 0px -15px 0px; } #stacks_out_2219 { margin-left:0; } #stacks_in_2399 { background-color: rgba(204, 204, 204, 0.00); margin: 4px 10px 10px 0px; } #stacks_out_2399 { margin-left:0; } #stacks_in_2405 { display:inline-block; width:100%; line-height: 0.860000em; word-spacing: -1px; font-size: 137%; } #stacks_out_3027 { margin-left:0; } #stacks_in_3078 { margin: 0px 0px 3px 0px; } #stacks_in_2574 { background-color: rgba(204, 204, 204, 0.00); margin: -8px -13px 12px 0px; } #stacks_out_2574 { margin-left:0; } #stacks_in_2575 { display:inline-block; width:100%; line-height: 0.690000em; font-size: 106%; } .lightbox_error{ color: rgba(255, 255, 255, 1.00); font-size: 15px; text-align: center; } .lightbox_error h2{ font-size: 20px; } /* Loader Circle */ .preloader_wrapper{ position: relative; padding: 10px; width: 100%; text-align: center; } .preloader_icn { width: 40px; height: 40px; position: relative; display: inline-block; -webkit-animation: clockwise 750ms linear infinite; animation: clockwise 750ms linear infinite; } .preloader_cut { position: relative; width: calc(40px * .5); height: 40px; overflow: hidden; position: absolute; top: 0; left: 0; } .preloader_donut { box-sizing: border-box; width: 40px; height: 40px; border: 2px solid rgba(204, 204, 204, 1.00); border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; position: absolute; background: none; margin:0; -webkit-animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes clockwise { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0) } } @keyframes donut-rotate { 0% { transform: rotate(0) } 50% { transform: rotate(-140deg) } 100% { transform: rotate(0) } } 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; } .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ margin: 0; padding: 0; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo ul[data-hide="True"]{ height: 0 !important; } .ncd-photo ul[data-hide="True"] li, .ncd-photo li.hide{ display: none !important; } .ncd-photo li > div:first-child{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: box-shadow 150ms ease-out; } .ncd-photo li img{ position: relative; z-index: 10; transform: translateZ(0); } .ncd-photo li p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; user-select: none; transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo li p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo li p em{ font-weight: normal; font-style: normal; } .ncd-photo li p span{ padding: 6px 12px; } .ncd-photo li 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.caption-hover li p{ opacity: 0; transition: transform 300ms, opacity 300ms; transform: translate3d(0,4px,0); } .ncd-photo ul.caption-hover li:hover p{ opacity: 1; transform: translate3d(0,0,0); } .ncd-photo ul.caption-hide li p{ display: none !important; } .ncd-photo ul.caption-bottom p{ left: 0; bottom: 0; right: 0; margin: 0; border-radius: 0 0 3px 3px; overflow: hidden; } .ncd-photo ul.caption-margin p span{ border-radius: 3px; } .ncd-photo ul.caption-margin p{ left: 20px; bottom: 10px; right: 20px; } /* GRID Style */ .ncd-photo.grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.grid li div{ overflow: hidden; } .ncd-photo.grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.grid li, .ncd-photo.photo-col-2.grid li, .ncd-photo.photo-col-3.grid li, .ncd-photo.photo-col-4.grid li, .ncd-photo.photo-col-5.grid li{width: 100%;} .ncd-photo[data-margin="0"].grid{margin: 0;} .ncd-photo[data-margin="0"].grid li div{margin: 0;} .ncd-photo[data-margin="1"].grid{margin: 0 -1px;} .ncd-photo[data-margin="1"].grid li div{margin: 1px;} .ncd-photo[data-margin="3"].grid{margin: 0 -3px;} .ncd-photo[data-margin="3"].grid li div{margin: 3px;} .ncd-photo[data-margin="5"].grid{margin: 0 -5px;} .ncd-photo[data-margin="5"].grid li div{margin: 5px;} .ncd-photo[data-margin="7"].grid{margin: 0 -7px;} .ncd-photo[data-margin="7"].grid li div{margin: 7px;} .ncd-photo[data-margin="9"].grid{margin: 0 -9px;} .ncd-photo[data-margin="9"].grid li div{margin: 9px;} .ncd-photo[data-margin="11"].grid{margin: 0 -11px;} .ncd-photo[data-margin="11"].grid li div{margin: 11px;} .ncd-photo[data-margin="13"].grid{margin: 0 -13px;} .ncd-photo[data-margin="13"].grid li div{margin: 13px;} .ncd-photo[data-margin="15"].grid{margin: 0 -15px;} .ncd-photo[data-margin="15"].grid li div{margin: 15px;} .ncd-photo[data-margin="17"].grid{margin: 0 -17px;} .ncd-photo[data-margin="17"].grid li div{margin: 17px;} .ncd-photo[data-margin="19"].grid{margin: 0 -19px;} .ncd-photo[data-margin="19"].grid li div{margin: 19px;} .ncd-photo[data-margin="21"].grid{margin: 0 -21px;} .ncd-photo[data-margin="21"].grid li div{margin: 21px;} .ncd-photo[data-margin="23"].grid{margin: 0 -23px;} .ncd-photo[data-margin="23"].grid li div{margin: 23px;} .ncd-photo[data-margin="25"].grid{margin: 0 -25px;} .ncd-photo[data-margin="25"].grid li div{margin: 25px;} /* MASONRY Style */ .ncd-photo.grid ul, .ncd-photo.masonry ul, .ncd-photo.justifiedGallery ul{ opacity: 0; } .ncd-photo.grid ul[data-imagesLoaded="1"], .ncd-photo.masonry ul[data-imagesLoaded="1"], .ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{ opacity: 1; transition: opacity 600ms; } .ncd-photo[data-margin="0"].masonry ul{margin: 0;} .ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin: 0;} .ncd-photo[data-margin="1"].masonry ul{margin: 0 -1px;} .ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin: 1px;} .ncd-photo[data-margin="3"].masonry ul{margin: 0 -3px;} .ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin: 3px;} .ncd-photo[data-margin="5"].masonry ul{margin: 0 -5px;} .ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin: 5px;} .ncd-photo[data-margin="7"].masonry ul{margin: 0 -7px;} .ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin: 7px;} .ncd-photo[data-margin="9"].masonry ul{margin: 0 -9px;} .ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin: 9px;} .ncd-photo[data-margin="11"].masonry ul{margin: 0 -11px;} .ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin: 11px;} .ncd-photo[data-margin="13"].masonry ul{margin: 0 -13px;} .ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin: 13px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -15px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 15px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -17px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 17px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -19px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 19px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -21px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 21px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -23px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 23px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -25px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 25px;} .ncd-photo.masonry img{ width: 100%; } /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0 li img, .ncd-photo.rad-0 .thumb-corner{border-radius: 0;} .ncd-photo.rad-3 li div, .ncd-photo.rad-3 li img, .ncd-photo.rad-3 .thumb-corner{border-radius: 3px;} .ncd-photo.rad-5 li div, .ncd-photo.rad-5 li img, .ncd-photo.rad-5 .thumb-corner{border-radius: 5px;} .ncd-photo.rad-7 li div, .ncd-photo.rad-7 li img, .ncd-photo.rad-7 .thumb-corner{border-radius: 7px;} [data-batch-hide="True"]{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } .thumb-corner{ position: absolute; bottom: 0; left: 0; z-index: 50; } .ncd-photo .thumb-corner{ width: 120px; height: 120px; background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); } .photo-stack:hover .thumb-corner i{ transform: scale(1.2); transform-origin: center; } .thumb-corner.video-icon i{ width: 0; height: 0; margin: 0 0 18px 22px; left: 0; bottom: 0; transform: scale(1); position: absolute; transition: transform 200ms; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 17px solid #fff; } #ncdPhotoCarousel .thumb-corner.video-icon i{ margin: 0; left: 33px; bottom: 21px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #fff; } .thumb-corner.bag-icon a{ left: 4px; bottom: 2px; display: block; transform: scale(1.1); position: absolute; cursor: pointer; height: 44px; width: 44px; transition: transform 200ms; } #ncdPhotoCarousel .thumb-corner.bag-icon{ display: none; } .thumb-corner.bag-icon a:first-child:before{ position: absolute; content: ''; top: 16px; left: 14px; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid #fff; } .thumb-corner.bag-icon a:first-child:after{ position: absolute; content: ''; height: 6px; width: 9px; top: 12px; left: 17px; border-radius: 8px 8px 0 0; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } @media only screen and (max-width: 300px) { .ncd-photo ul p{ opacity: 0 !important; } } /*************************** ***** L I G H T B O X ****** ****************************/ /* Loading Animation */ #ncdPhotoLoader{ position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 350ms 150ms; transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } /* Lightbox Base */ #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none; } #ncdPhotoBase.on, #ncdPhotoBase.on ~ *{ pointer-events: none; } #ncdPhotoBase.on ~ iframe{ pointer-events: auto; } #ncdPhotoHeader, #ncdPhotoControls, .exif_wrapper, #ncdPhotoOverlay{ pointer-events: auto; } #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; user-select: none; -webkit-user-select: none; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; } #ncdPhotoBase.out { z-index: 10000; } #ncdPhotoHeader{ position: absolute; right: 0; left: 0; top: 0; padding: 15px; font-size: 14px; z-index: 200; pointer-events: none; } #ncdPhotoOptions{ float: right; pointer-events: auto; padding: 10px 0 10px 20px; border-radius: 30px; transition: padding 0.3s ease-out; } @media only screen and (min-width: 400px) { #ncdPhotoHeader{ right: 1.5%; left: 1.5%; } } #ncdPhotoOptions.zoom{ background: rgba(0, 0, 0, 0.60); padding: 10px 5px; } #ncdPhotoOptions > .ncd-ui:first-child{ margin-left: 0px; } #ncdPhotoOptions .ncd-ui{ z-index: 100; width: 15px; height: 15px; cursor: pointer; position: relative; display: block; float: left; margin-left: 30px; user-select: none; transition: margin 0.3s ease-out, border 0.3s ease-out, box-shadow 0.15s ease-out; } #ncdPhotoOptions .ncd-ui:before{ position: absolute; top: -9px; left: -9px; right: 0; bottom: 0; content: ''; height: 33px; width: 33px; border-radius: 40px; /*box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.30);*/ transition: background .5s ease-out; } #ncdPhotoOptions .ncd-ui:active:before{ background: rgba(255, 255, 255, 0.30); transition: background 0.15s ease-out; /*box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.30);*/ } #ncdPhotoOptions.zoom .ncd-ui{ margin-left: 11px; margin-right: 11px; } #ncdPhotoOptions.zoom #ncdPhotoShare, #ncdPhotoOptions.zoom #ncdPhotoDownload, #ncdPhotoOptions.zoom #ncdPhotoBuynow, #ncdPhotoOptions .ncdPhotoZoom.zoomOut{ display: none; } #ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{ display: block; } #ncdPhotoControls{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; user-select: none; z-index: 100; pointer-events: none; } #ncdPhotoCarousel{ background: rgba(0, 0, 0, 0.60); text-align: center; padding: 5px; line-height: 0; overflow: auto; pointer-events: auto; -webkit-overflow-scrolling: touch; } #ncdPhotoCarousel li[data-hidefromlightbox="True"]{ display: none; } #ncdPhotoOverlay .hide{ display: none; } #ncdPhotoFooter{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background: rgba(0, 0, 0, 0.00); } #ncdZoomAmt{ position: absolute; top: 0; left: 0; right: 0; margin-top: 5px; text-align: center; color: rgba(245, 245, 245, 1.00); font: 400 13px/1.4 Arial; pointer-events: none; transition: opacity 200ms, transform 200ms; transform: translateY(10px); opacity: 0; } #ncdZoomAmt.zoom{ transform: translateY(0px); opacity: 1; } #ncdZoomAmt[data-zoom="50"] span:after{ content:' 50%'; } #ncdZoomAmt[data-zoom="75"] span:after{ content:' 75%'; } #ncdZoomAmt[data-zoom="100"] span:after{ content:' 100%'; } #ncdZoomAmt span{ background: rgba(0, 0, 0, 0.60); padding: 7px 14px; border-radius: 20px; } #ncdPhotoCarousel ul{ padding: 0; margin: 0; list-style: none; display: inline-block; white-space: nowrap; } #ncdPhotoCarousel li{ display: inline-block; position: relative; } #ncdPhotoCarousel li div{ width: 80px; height: 45px; margin: 3px 5px; border-radius: 2px; transform: scale(1); transition: box-shadow 200ms, transform 200ms, opacity 200ms; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0); } #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ transition: box-shadow 200ms, transform 200ms, opacity 200ms; } #ncdPhotoCarousel li div{opacity: 0.4;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{opacity: 1;} #ncdPhotoCarousel li.current div{ transform: scale(1.1); } .photo_slide.zoom::-webkit-scrollbar, #ncdPhotoCarousel::-webkit-scrollbar, #ncdPhotoFooter p, #ncdPhotoFooter img, #ncdPhotoOptions .ncd-ui.hide, #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; } /* ZOOM & CLOSE */ .ncdPhotoZoom i:first-child:before, .ncdPhotoZoom i:first-child:after{ width: 1px; left: 7px; top: 3px; height: 7px; content: ""; background: rgba(245, 245, 245, 1.00); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoZoom i{ position: absolute; } .ncdPhotoZoom i:last-child:before{ position: absolute; height: 15px; width: 15px; top: -1px; border: 1.5px solid rgba(245, 245, 245, 1.00); border-radius: 15px; content: ''; } .ncdPhotoZoom i:last-child:after{ width: 5px; height: 2px; position: absolute; background: rgba(245, 245, 245, 1.00); transform: rotate(40deg); content: ''; top: 12px; border-radius: 6px; right: -17px; } /* ZOOM */ .ncdPhotoZoom{ transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transform: rotate(90deg); opacity: 0; } .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom i:after{ transform:rotate(-90deg); } .ncdPhotoZoom i:before{ transform:rotate(0deg); } .ncdPhotoZoom.zoom i:before { transform:rotate(-90deg); } /* CLOSE */ .ncdPhotoClose i{ position: absolute; } .ncdPhotoClose i:before, .ncdPhotoClose i:after{ height:20px; width: 2px; left: 7px; top: -2px; content: ''; transform:rotate(45deg); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoClose i:after{ transform:rotate(-45deg); } /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev{ z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; 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; pointer-events: auto; user-select: none; } .ncdPhotoNext{ transform: translateX(-15px); right: 4%; } .ncdPhotoPrev{ transform: translateX(15px); left: 4%; } .ncdPhotoNext.hide, .ncdPhotoPrev.hide{opacity: 0 !important;visibility: hidden;} @media screen and (max-width: 800px){ .ncdPhotoNext, .ncdPhotoPrev{ transform: translateX(0) rotate(0deg); opacity: 1; } } .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{transform:rotate(45deg);} .ncdPhotoNext:before{transform:rotate(-45deg);} .ncdPhotoPrev:after{transform:rotate(315deg);} .ncdPhotoPrev:before{transform:rotate(-315deg);} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev{ transform: translateX(0) rotate(0deg);opacity: 1; } /* Always Prev/Next */ /* OVERLAY */ #ncdPhotoOverlay { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; z-index: 0; user-select: none; -webkit-user-select: none; } .go-prev #ncdPhotoOverlay, .go-next #ncdPhotoOverlay{ transition: bottom 150ms ease-out; } #ncdPhotoOverlay.zoom { top: 0; bottom: 65px; } /* SLIDE IMAGES */ .photo_slide { height: 100%; position:absolute; top:-9999px; left:-9999px; right: auto; user-select: none; } #ncdPhotoOverlay:not(.zoom) .photo_slide > div { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .photo_slide img{ padding: 0; margin: 0; } .photo_slide img, .photo-embed-container { list-style: none; line-height: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; -webkit-touch-callout:none; transition: opacity 200ms; transform: translate3d(0,0,0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.50); } /* SHOW IMAGE */ .photo_slide.out, .photo_slide.ncd-show{ top:0; left:0; right: 0; } .photo_slide.ncd-show img{ cursor: zoom-in; } .processing .photo_slide img, .photo_slide.out img, .photo_slide.out .photo-embed-container{ opacity: 0; } .photo-embed-container { padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .photo-embed-container iframe, .photo-embed-container object, .photo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ncdPhotoBase.video-player #ncdPhotoDownload, #ncdPhotoBase.video-player #ncdPhotoFullscreen, #ncdPhotoBase.video-player .ncdPhotoZoom{ display: none !important; } /* ZOOM */ .photo_slide.ncd-show.zoom { position: absolute; overflow: auto; cursor: move; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; } .photo_slide.zoom.in.transition, .photo_slide.zoom.out{ overflow: hidden; } .photo_slide.zoom.transition div{ animation: photo-zoom-in 150ms ease-out both; } .photo_slide.zoom.in div{ animation: photo-zoom-in-complete 200ms ease-out both; } .photo_slide.zoom.in.transition div{ animation: photo-zoom-out 150ms ease-out both; } .photo_slide.zoom.out div{ animation: photo-zoom-out-complete 150ms ease-out both; } .photo_slide.zoom.in img{ max-width: none; max-height: none; border-radius: 0; box-shadow: none; transition: box-shadow 200ms; } .photo_slide.zoom.in img[data-zoom="25"]{ transform: scale(0.25); } .photo_slide.zoom.in img[data-zoom="50"]{ transform: scale(0.50); } .photo_slide.zoom.in img[data-zoom="75"]{ transform: scale(0.75); } .photo_slide.zoom.in img[data-zoom="100"]{ transform: scale(1); } /* ANIMATIONS */ @keyframes photo-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @keyframes photo-zoom-in-complete { 0% {transform: scale(.98);opacity: 0} 50% {transform: scale(.98);opacity: 0} 100% {transform: scale(1);opacity: 1} } @keyframes photo-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @keyframes photo-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @keyframes photo-fade-in { from {opacity: 0} to {opacity: 1} } /* FULLSCREEN */ #ncdPhotoFullscreen i{ position: absolute; } #ncdPhotoFullscreen i:before, #ncdPhotoFullscreen i:after{ position: absolute; content: ''; height: 2px; width: 6px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoFullscreen i:after{ width: 2px; height: 6px; } #ncdPhotoFullscreen i:first-child{ top: 0; left: 0; } #ncdPhotoFullscreen i:last-child{ bottom: 0; right: 0; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:first-child{ top: 6px; left: 6px; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:last-child{ bottom: 6px; right: 6px; transform: rotate(0deg); } /* SHARE */ #ncdPhotoShare{ line-height: 0; } #ncdPhotoShare svg{ height: 15px; width: auto; position: relative; margin-top: -1px; margin-left: -2px; } #ncdPhotoShare path{ fill: rgba(245, 245, 245, 1.00) !important; } #ncdShareOptions{ background: rgba(30, 30, 30, 1.00); box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); position: absolute; padding: 10px; border-radius: 7px; line-height: 1.4; margin: 10px 0 0; list-style: none; width: 150px; top: -99999px; left: -99999px; opacity: 0; transform: translateX(-50%) scale(.3); transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 150ms, left 0ms 150ms; transform-origin: 50% 0%; } #ncdShareOptions.show{ left: 50%; top: 100%; opacity: 1; transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 0ms, left 0ms 0ms; transform: translateX(-50%) scale(1); } #ncdShareOptions:before{ content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(30, 30, 30, 1.00); } #ncdShareOptions li{ padding: 6px 10px; margin: 0; border-radius: 4px; transition: background 150ms; } #ncdShareOptions li:hover{ background: rgba(255,255,255,0.1); } #ncdShareOptions button{ display: block; border: 0; margin: 0; padding: 0; font: 400 15px/1.4 Arial !important; background: transparent; color: rgba(255, 255, 255, 1.00); } /* BUY NOW */ #ncdPhotoBuynow.hide{ opacity: 0; max-width: 0; margin-left: 0; } #ncdPhotoBuynow i{ position: absolute; } #ncdPhotoBuynow i:first-child:before{ position: absolute; content: ''; top: 2px; left: 0; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid rgba(245, 245, 245, 1.00); } #ncdPhotoBuynow i:last-child:before{ position: absolute; content: ''; height: 6px; width: 9px; top: -2px; left: 3px; border-radius: 8px 8px 0 0; border-left: 1.5px solid rgba(245, 245, 245, 1.00); border-top: 1.5px solid rgba(245, 245, 245, 1.00); border-right: 1.5px solid rgba(245, 245, 245, 1.00); } /* DOWNLOAD 1 */ #ncdPhotoDownload{ display: block; } #ncdPhotoDownload i{ position: absolute; } #ncdPhotoDownload i:last-child:before, #ncdPhotoDownload i:last-child:after{ position: absolute; content: ''; height: 2px; width: 9px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload i:last-child:after{ width: 2px; height: 9px; } #ncdPhotoDownload i:last-child{ bottom: 1px; left: 7px; transform: rotate(225deg); } #ncdPhotoDownload i:first-child:before{ position: absolute; content: ''; top: -1px; left: 6px; height: 12px; width: 2px; background: rgba(245, 245, 245, 1.00); } /* DOWNLOAD 2 */ }#ncdPhotoDownload.alt i:last-child:before, #ncdPhotoDownload.alt i:last-child:after{ position: absolute; content: ''; height: 2px; width: 7px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:last-child:after{ width: 2px; height: 7px; } #ncdPhotoDownload.alt i:last-child{ bottom: 3px; left: 6px; transform: rotate(225deg); } #ncdPhotoDownload.alt i:first-child:before{ position: absolute; content: ''; top: 0; left: 5px; height: 8px; width: 2px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:first-child:after{ position: absolute; content: ''; top: 11px; left: 0px; height: 2px; width: 12px; background: rgba(245, 245, 245, 1.00); } /* COUNTER */ #ncdPhotoCounter{ float: left; line-height: 1; font-size: 12px; padding: 8px 16px 8px 0; border-radius: 30px; font-family: arial !important; pointer-events: none; font-weight: bolder; transition: opacity 200ms; } #ncdPhotoCounter.zoom{ opacity: 0; } #ncdPhotoCounter span{ vertical-align: top; line-height: 1; } .lb-current{ font-size: 1.45em; font-weight: normal; } .lb-total{ letter-spacing: 0.05em; } #ncdPhotoCounter[data-show-count="False"]{ display: none; } /* EXIF */ .exif_wrapper{ position: absolute; width: 300px; margin-left: -45px; top: -12px; } .exif_container{ background: rgba(30, 30, 30, 1.00); border-radius: 7px; left: 10px; bottom: 100%; z-index: 1; opacity: 0; width: 260px; height: 300px; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 25px; transform: scale(.3); transform-origin: 0 100%; position: absolute; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); transition: transform 200ms, opacity 200ms; pointer-events: none; } .exif_container *{ transform: translate3d(0,0,0); } .exif_wrapper.show .exif_container{ pointer-events: auto; transform: scale(1); opacity: 1; } .exif_data{ font: 400 15px/1.4 Arial !important; color: rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 10px 10px 10px 0; margin: 0; display: block; white-space: break-spaces; position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .exif_data.hasData{ position: relative; visibility: visible; top: 0; left: 0; } .exif_data:before{ color: rgba(170, 170, 170, 1.00); display: block; font-size: 11px; letter-spacing: 0; } .exif_data.hasData:after{ position: absolute; content: ''; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .exif_data.hasData.last:after{ display: none } #exif_FNumber{ letter-spacing: 0.1em; } .fstop{ font-family: georgia; font-style: italic; padding-left: 3px; padding-right: 2px; } .exif-trigger{ padding: 10px; cursor: pointer; display: inline-block; user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; z-index: 100; transform: scale(0); } .exif_wrapper.hasData .exif-trigger{ transform: scale(1); transition: transform 200ms; } .exif-trigger span:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } .exif-trigger span{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); transition: background 200ms; border-radius: 25px; height: 25px; width: 25px; line-height: 26px; font-family: monospace; text-align: center; font-size: 13px; font-weight: bolder; float: right; user-select: none; -webkit-user-select: none; } #exif_GPSMap{ color: #fff; text-decoration: none; } #exif_iptc_DateCreated:before{ content: 'Date Created'; } #exif_iptc_Keywords:before{ content: 'Keywords'; } #exif_model:before{ content: 'Camera Model'; } #exif_LensModel:before{ content: 'Lens Model'; } #exif_FocalLength:before{ content: 'Focal Length'; } #exif_FNumber:before{ content: 'Aperture'; } #exif_ExposureTime:before{ content: 'Shutter Speed'; } #exif_ISOSpeedRatings:before{ content: 'ISO'; } #exif_Dimensions:before{ content: 'Dimensions'; } #exif_ExposureProgram:before{ content: 'Exposure Program'; } #exif_Flash:before{ content: 'Flash'; } #exif_WhiteBalance:before{ content: 'White Balance'; } #exif_GPSLat:before{ content: 'GPS Latitude'; } #exif_GPSLong:before{ content: 'GPS Longitude'; } #exif_DateTimeOriginal:before{ content: 'Date & Time'; } #exif_GPSMap:before{ content: 'Google Map'; } .photo-stack .exif_wrapper{ position: absolute; top: 0; left: 0; } .photo-stack .exif-trigger{ position: absolute; top: 0; transform: scale(1); box-shadow: none; } /* CAPTION */ .captionWrapper{ max-width: 600px; margin: 0 auto; padding-left: 32px; text-align: left; position: relative; } .imageCaption{ font-size: px; padding-bottom: 0.2em; } .groupTitle{ font-size: px; } #ncdPhotoBase:hover .img-caption-in { opacity: 1; } #ncdPhotoBase .img-caption-in{ opacity: 0; transition: opacity 200ms; } .processing .img-caption-in{ opacity: 0; } #ncdPhotoCaption{ padding: 10px; transition: opacity 200ms; } #ncdPhotoCaption.zoom{ opacity: 0; pointer-events: none; } #ncdPhotoCaption [data-italic-title="True"], #ncdPhotoCaption [data-italic-caption="True"]{ font-style: italic; } #ncdPhotoCaption [data-bold-title="True"], #ncdPhotoCaption [data-bold-caption="True"]{ font-weight: bold; } #ncdPhotoCaption [data-hide-title="True"], #ncdPhotoCaption [data-hide-caption="True"]{ display: none; } .imageCaption{ color: rgba(255, 255, 255, 1.00); } .groupTitle{ color: rgba(136, 136, 136, 1.00); } .groupTitle.ncdPhotoCopywrite{ color: rgba(132, 132, 132, 1.00); } #ncdPhotoCounter{ color: rgba(245, 245, 245, 1.00); } #ncdPhotoBase{ background: rgba(15, 15, 15, 0.97); } .ncdPhotoNext:before,.ncdPhotoNext:after, .ncdPhotoPrev:before,.ncdPhotoPrev:after, .ncdPhotoClose i:before,.ncdPhotoClose i:after, .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after { background: rgba(245, 245, 245, 1.00); } .ncdPhotoNext:active, .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.30); /*border: 2px solid rgba(245, 245, 245, 1.00);*/ } /* Edit Mode */ /*! * justifiedGallery - v4.0.0-alpha * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2019 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > li, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .ncd-photo .justified-gallery > li > div{ position: static; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > li > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > li > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > li > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > div > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } .exif_wrapper{display: none;} #stacks_in_3018.ncd-photo p{ text-align: left; } #stacks_in_3018 li > div.img-wrapper:before{ box-shadow: inset 0 0 0 0px rgba(178, 178, 178, 0.25); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; content: ''; z-index: 20; transition: box-shadow 200ms; border-radius: 0px; } #stacks_in_3018 li:hover > div.img-wrapper:before{ box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.20); } #stacks_in_3018.ncd-photo li p span{ display: block; } /* Break Points for Columns */ /* Phone */ #stacks_in_3018.grid li, #stacks_in_3018.masonry li{width: calc(100% / 2);} /* Phone + */ @media only screen and (min-width: 600px) { #stacks_in_3018.grid li, #stacks_in_3018.masonry li{width: calc(100% / 2);} } /* Tablet */ @media only screen and (min-width: 800px) { #stacks_in_3018.grid li, #stacks_in_3018.masonry li{width: calc(100% / 4);} } /* Desktop */ @media only screen and (min-width: 1100px) { #stacks_in_3018.grid li, #stacks_in_3018.masonry li{width: calc(100% / 4);} } #stacks_in_3018.grid li div{background-size: cover;} #stacks_in_3018.grid ul li div:after{padding-top: 71%;} #stacks_in_3018.fitRows img{ max-height: px; max-width: 200px; } #stacks_in_3018 p{font-size: 11px;} #stacks_in_3018 b{ font-size: 12px; color: rgba(96, 96, 96, 1.00); } #stacks_in_3018 em{color: rgba(65, 65, 65, 1.00);} #stacks_in_3018 span{background: rgba(0, 0, 0, 1.00);} #stacks_in_2149{overflow:hidden}#stacks_in_2149 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_2149 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_2149 { margin: -7px 10px -5px -10px; } #stacks_out_2149 { margin-left:0; } /* Blink! stack v1.1.3 */ #stacks_in_2157 u { -webkit-transform: translateZ(0); } #stacks_in_2157 u { text-decoration: none; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; -webkit-animation: stacks_in_2157-blink 3050ms linear infinite; -moz-animation: stacks_in_2157-blink 3050ms linear infinite; -ms-animation: stacks_in_2157-blink 3050ms linear infinite; -o-animation: stacks_in_2157-blink 3050ms linear infinite; animation: stacks_in_2157-blink 3050ms linear infinite; } @-webkit-keyframes stacks_in_2157-blink { 0% {color: #FF3300} 50% {color: #FFFFFF} 100% {color: #FF3300} } @-moz-keyframes stacks_in_2157-blink { 0% {color: #FF3300} 50% {color: #FFFFFF} 100% {color: #FF3300} } @-ms-keyframes stacks_in_2157-blink { 0% {color: #FF3300} 50% {color: #FFFFFF} 100% {color: #FF3300} } @-o-keyframes stacks_in_2157-blink { 0% {color: #FF3300} 50% {color: #FFFFFF} 100% {color: #FF3300} } @keyframes stacks_in_2157-blink { 0% {color: #FF3300} 50% {color: #FFFFFF} 100% {color: #FF3300} } /* End of Blink! stack */.featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } #stacks_in_2385 { padding: 0px 0px 26px 0px; } #stacks_out_2385 { margin-left:0; } #stacks_in_2391 { padding: 0px 0px 4px 0px; } #stacks_out_2391 { margin-left:0; } #stacks_in_2395 { padding: 0px 0px 4px 0px; } #stacks_out_2395 { margin-left:0; } #stacks_in_2453 { background-color: rgba(204, 204, 204, 0.00); margin: -2px 10px 10px 0px; } #stacks_out_2453 { margin-left:0; } #stacks_in_2454 { display:inline-block; width:100%; line-height: 0.860000em; font-size: 137%; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } #stacks_out_2460 { margin-left:0; } :root{--mejs-background:#000;--mejs-color:#fff;--mejs-controls:url('http://www.schneiderchristoph.com/rw_common/plugins/stacks/mejs-controls.svg')}.stacks_in_2461{overflow:hidden;width:100%;text-align:center;height:auto;}.stacks_in_2461 div:focus{outline:none}.stacks_in_2461 .html5video,.stacks_in_2461 img,.stacks_in_2461 video.html5video{outline:none;margin:0 auto;display:block;width:100% !important;height:auto;}.stacks_in_2461 button{box-shadow:none;border-width:0;border-style:none}.stacks_in_2461 .mejs__container .mejs__overlay-play,.stacks_in_2461 .mejs__container .mejs__overlay-loading{}.stacks_in_2461 .mejs__container .mejs__controls{}.stacks_in_2461 .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total{}.stacks_in_2461 .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-loaded{}.stacks_in_2461 .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-current{} #stacks_in_2165{overflow:hidden}#stacks_in_2165 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_2165 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_2165 { padding: 0px 0px 5px 0px; } #stacks_out_2165 { margin-left:0; } #stacks_out_2178 { margin-left:0; } #stacks_in_2144 { background-color: rgba(204, 204, 204, 0.00); margin: 0px 10px -14px 0px; } #stacks_out_2144 { width: 55%; margin-left:0; } #stacks_in_2180 { display:inline-block; width:100%; line-height: 0.970000em; font-size: 106%; } #stacks_in_2181{overflow:hidden}#stacks_in_2181 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_2181 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_2181 { padding: 0px 0px 5px 0px; } #stacks_out_2181 { margin-left:0; } #stacks_in_2284 { background-color: rgba(204, 204, 204, 0.00); margin: -17px -2px 6px 0px; } #stacks_out_2284 { margin-left:0; } #stacks_in_2285 { display:inline-block; width:100%; line-height: 1.110000em; font-size: 106%; } #stacks_in_2591{overflow:hidden}#stacks_in_2591 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_2591 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_2591 { padding: 0px 0px 5px 0px; } #stacks_out_2591 { margin-left:0; } #stacks_in_2182 { background-color: rgba(204, 204, 204, 0.00); margin: -16px 10px 0px 0px; } #stacks_out_2182 { margin-left:0; } #stacks_in_2183 { display:inline-block; width:100%; line-height: 0.970000em; font-size: 106%; } #stacks_in_2184 { padding: 0px 0px 8px 0px; } #stacks_in_2185 { display:inline-block; width:100%; line-height: 0.790000em; } #stacks_out_2186 { margin-left:0; } #stacks_in_2187{overflow:hidden}#stacks_in_2187 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_2187 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_2187 { padding: 0px 0px 5px 0px; } #stacks_out_2187 { margin-left:0; } #stacks_in_2589 { background-color: rgba(204, 204, 204, 0.00); margin: -17px -2px 6px 0px; } #stacks_out_2589 { margin-left:0; } #stacks_in_2590 { display:inline-block; width:100%; line-height: 1.110000em; font-size: 106%; } .lightbox_error{ color: rgba(255, 255, 255, 1.00); font-size: 15px; text-align: center; } .lightbox_error h2{ font-size: 20px; } /* Loader Circle */ .preloader_wrapper{ position: relative; padding: 10px; width: 100%; text-align: center; } .preloader_icn { width: 40px; height: 40px; position: relative; display: inline-block; -webkit-animation: clockwise 750ms linear infinite; animation: clockwise 750ms linear infinite; } .preloader_cut { position: relative; width: calc(40px * .5); height: 40px; overflow: hidden; position: absolute; top: 0; left: 0; } .preloader_donut { box-sizing: border-box; width: 40px; height: 40px; border: 2px solid rgba(204, 204, 204, 1.00); border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; position: absolute; background: none; margin:0; -webkit-animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes clockwise { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0) } } @keyframes donut-rotate { 0% { transform: rotate(0) } 50% { transform: rotate(-140deg) } 100% { transform: rotate(0) } } 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; } .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ margin: 0; padding: 0; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo ul[data-hide="True"]{ height: 0 !important; } .ncd-photo ul[data-hide="True"] li, .ncd-photo li.hide{ display: none !important; } .ncd-photo li > div:first-child{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: box-shadow 150ms ease-out; } .ncd-photo li img{ position: relative; z-index: 10; transform: translateZ(0); } .ncd-photo li p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; user-select: none; transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo li p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo li p em{ font-weight: normal; font-style: normal; } .ncd-photo li p span{ padding: 6px 12px; } .ncd-photo li 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.caption-hover li p{ opacity: 0; transition: transform 300ms, opacity 300ms; transform: translate3d(0,4px,0); } .ncd-photo ul.caption-hover li:hover p{ opacity: 1; transform: translate3d(0,0,0); } .ncd-photo ul.caption-hide li p{ display: none !important; } .ncd-photo ul.caption-bottom p{ left: 0; bottom: 0; right: 0; margin: 0; border-radius: 0 0 3px 3px; overflow: hidden; } .ncd-photo ul.caption-margin p span{ border-radius: 3px; } .ncd-photo ul.caption-margin p{ left: 20px; bottom: 10px; right: 20px; } /* GRID Style */ .ncd-photo.grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.grid li div{ overflow: hidden; } .ncd-photo.grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.grid li, .ncd-photo.photo-col-2.grid li, .ncd-photo.photo-col-3.grid li, .ncd-photo.photo-col-4.grid li, .ncd-photo.photo-col-5.grid li{width: 100%;} .ncd-photo[data-margin="0"].grid{margin: 0;} .ncd-photo[data-margin="0"].grid li div{margin: 0;} .ncd-photo[data-margin="1"].grid{margin: 0 -1px;} .ncd-photo[data-margin="1"].grid li div{margin: 1px;} .ncd-photo[data-margin="3"].grid{margin: 0 -3px;} .ncd-photo[data-margin="3"].grid li div{margin: 3px;} .ncd-photo[data-margin="5"].grid{margin: 0 -5px;} .ncd-photo[data-margin="5"].grid li div{margin: 5px;} .ncd-photo[data-margin="7"].grid{margin: 0 -7px;} .ncd-photo[data-margin="7"].grid li div{margin: 7px;} .ncd-photo[data-margin="9"].grid{margin: 0 -9px;} .ncd-photo[data-margin="9"].grid li div{margin: 9px;} .ncd-photo[data-margin="11"].grid{margin: 0 -11px;} .ncd-photo[data-margin="11"].grid li div{margin: 11px;} .ncd-photo[data-margin="13"].grid{margin: 0 -13px;} .ncd-photo[data-margin="13"].grid li div{margin: 13px;} .ncd-photo[data-margin="15"].grid{margin: 0 -15px;} .ncd-photo[data-margin="15"].grid li div{margin: 15px;} .ncd-photo[data-margin="17"].grid{margin: 0 -17px;} .ncd-photo[data-margin="17"].grid li div{margin: 17px;} .ncd-photo[data-margin="19"].grid{margin: 0 -19px;} .ncd-photo[data-margin="19"].grid li div{margin: 19px;} .ncd-photo[data-margin="21"].grid{margin: 0 -21px;} .ncd-photo[data-margin="21"].grid li div{margin: 21px;} .ncd-photo[data-margin="23"].grid{margin: 0 -23px;} .ncd-photo[data-margin="23"].grid li div{margin: 23px;} .ncd-photo[data-margin="25"].grid{margin: 0 -25px;} .ncd-photo[data-margin="25"].grid li div{margin: 25px;} /* MASONRY Style */ .ncd-photo.grid ul, .ncd-photo.masonry ul, .ncd-photo.justifiedGallery ul{ opacity: 0; } .ncd-photo.grid ul[data-imagesLoaded="1"], .ncd-photo.masonry ul[data-imagesLoaded="1"], .ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{ opacity: 1; transition: opacity 600ms; } .ncd-photo[data-margin="0"].masonry ul{margin: 0;} .ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin: 0;} .ncd-photo[data-margin="1"].masonry ul{margin: 0 -1px;} .ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin: 1px;} .ncd-photo[data-margin="3"].masonry ul{margin: 0 -3px;} .ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin: 3px;} .ncd-photo[data-margin="5"].masonry ul{margin: 0 -5px;} .ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin: 5px;} .ncd-photo[data-margin="7"].masonry ul{margin: 0 -7px;} .ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin: 7px;} .ncd-photo[data-margin="9"].masonry ul{margin: 0 -9px;} .ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin: 9px;} .ncd-photo[data-margin="11"].masonry ul{margin: 0 -11px;} .ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin: 11px;} .ncd-photo[data-margin="13"].masonry ul{margin: 0 -13px;} .ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin: 13px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -15px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 15px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -17px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 17px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -19px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 19px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -21px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 21px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -23px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 23px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -25px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 25px;} .ncd-photo.masonry img{ width: 100%; } /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0 li img, .ncd-photo.rad-0 .thumb-corner{border-radius: 0;} .ncd-photo.rad-3 li div, .ncd-photo.rad-3 li img, .ncd-photo.rad-3 .thumb-corner{border-radius: 3px;} .ncd-photo.rad-5 li div, .ncd-photo.rad-5 li img, .ncd-photo.rad-5 .thumb-corner{border-radius: 5px;} .ncd-photo.rad-7 li div, .ncd-photo.rad-7 li img, .ncd-photo.rad-7 .thumb-corner{border-radius: 7px;} [data-batch-hide="True"]{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } .thumb-corner{ position: absolute; bottom: 0; left: 0; z-index: 50; } .ncd-photo .thumb-corner{ width: 120px; height: 120px; background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); } .photo-stack:hover .thumb-corner i{ transform: scale(1.2); transform-origin: center; } .thumb-corner.video-icon i{ width: 0; height: 0; margin: 0 0 18px 22px; left: 0; bottom: 0; transform: scale(1); position: absolute; transition: transform 200ms; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 17px solid #fff; } #ncdPhotoCarousel .thumb-corner.video-icon i{ margin: 0; left: 33px; bottom: 21px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #fff; } .thumb-corner.bag-icon a{ left: 4px; bottom: 2px; display: block; transform: scale(1.1); position: absolute; cursor: pointer; height: 44px; width: 44px; transition: transform 200ms; } #ncdPhotoCarousel .thumb-corner.bag-icon{ display: none; } .thumb-corner.bag-icon a:first-child:before{ position: absolute; content: ''; top: 16px; left: 14px; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid #fff; } .thumb-corner.bag-icon a:first-child:after{ position: absolute; content: ''; height: 6px; width: 9px; top: 12px; left: 17px; border-radius: 8px 8px 0 0; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } @media only screen and (max-width: 300px) { .ncd-photo ul p{ opacity: 0 !important; } } /*************************** ***** L I G H T B O X ****** ****************************/ /* Loading Animation */ #ncdPhotoLoader{ position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 350ms 150ms; transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } /* Lightbox Base */ #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none; } #ncdPhotoBase.on, #ncdPhotoBase.on ~ *{ pointer-events: none; } #ncdPhotoBase.on ~ iframe{ pointer-events: auto; } #ncdPhotoHeader, #ncdPhotoControls, .exif_wrapper, #ncdPhotoOverlay{ pointer-events: auto; } #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; user-select: none; -webkit-user-select: none; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; } #ncdPhotoBase.out { z-index: 10000; } #ncdPhotoHeader{ position: absolute; right: 0; left: 0; top: 0; padding: 15px; font-size: 14px; z-index: 200; pointer-events: none; } #ncdPhotoOptions{ float: right; pointer-events: auto; padding: 10px 0 10px 20px; border-radius: 30px; transition: padding 0.3s ease-out; } @media only screen and (min-width: 400px) { #ncdPhotoHeader{ right: 1.5%; left: 1.5%; } } #ncdPhotoOptions.zoom{ background: rgba(0, 0, 0, 0.60); padding: 10px 5px; } #ncdPhotoOptions > .ncd-ui:first-child{ margin-left: 0px; } #ncdPhotoOptions .ncd-ui{ z-index: 100; width: 15px; height: 15px; cursor: pointer; position: relative; display: block; float: left; margin-left: 30px; user-select: none; transition: margin 0.3s ease-out, border 0.3s ease-out, box-shadow 0.15s ease-out; } #ncdPhotoOptions .ncd-ui:before{ position: absolute; top: -9px; left: -9px; right: 0; bottom: 0; content: ''; height: 33px; width: 33px; border-radius: 40px; /*box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.30);*/ transition: background .5s ease-out; } #ncdPhotoOptions .ncd-ui:active:before{ background: rgba(255, 255, 255, 0.30); transition: background 0.15s ease-out; /*box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.30);*/ } #ncdPhotoOptions.zoom .ncd-ui{ margin-left: 11px; margin-right: 11px; } #ncdPhotoOptions.zoom #ncdPhotoShare, #ncdPhotoOptions.zoom #ncdPhotoDownload, #ncdPhotoOptions.zoom #ncdPhotoBuynow, #ncdPhotoOptions .ncdPhotoZoom.zoomOut{ display: none; } #ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{ display: block; } #ncdPhotoControls{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; user-select: none; z-index: 100; pointer-events: none; } #ncdPhotoCarousel{ background: rgba(0, 0, 0, 0.60); text-align: center; padding: 5px; line-height: 0; overflow: auto; pointer-events: auto; -webkit-overflow-scrolling: touch; } #ncdPhotoCarousel li[data-hidefromlightbox="True"]{ display: none; } #ncdPhotoOverlay .hide{ display: none; } #ncdPhotoFooter{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background: rgba(0, 0, 0, 0.00); } #ncdZoomAmt{ position: absolute; top: 0; left: 0; right: 0; margin-top: 5px; text-align: center; color: rgba(245, 245, 245, 1.00); font: 400 13px/1.4 Arial; pointer-events: none; transition: opacity 200ms, transform 200ms; transform: translateY(10px); opacity: 0; } #ncdZoomAmt.zoom{ transform: translateY(0px); opacity: 1; } #ncdZoomAmt[data-zoom="50"] span:after{ content:' 50%'; } #ncdZoomAmt[data-zoom="75"] span:after{ content:' 75%'; } #ncdZoomAmt[data-zoom="100"] span:after{ content:' 100%'; } #ncdZoomAmt span{ background: rgba(0, 0, 0, 0.60); padding: 7px 14px; border-radius: 20px; } #ncdPhotoCarousel ul{ padding: 0; margin: 0; list-style: none; display: inline-block; white-space: nowrap; } #ncdPhotoCarousel li{ display: inline-block; position: relative; } #ncdPhotoCarousel li div{ width: 80px; height: 45px; margin: 3px 5px; border-radius: 2px; transform: scale(1); transition: box-shadow 200ms, transform 200ms, opacity 200ms; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0); } #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ transition: box-shadow 200ms, transform 200ms, opacity 200ms; } #ncdPhotoCarousel li div{opacity: 0.4;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{opacity: 1;} #ncdPhotoCarousel li.current div{ transform: scale(1.1); } .photo_slide.zoom::-webkit-scrollbar, #ncdPhotoCarousel::-webkit-scrollbar, #ncdPhotoFooter p, #ncdPhotoFooter img, #ncdPhotoOptions .ncd-ui.hide, #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; } /* ZOOM & CLOSE */ .ncdPhotoZoom i:first-child:before, .ncdPhotoZoom i:first-child:after{ width: 1px; left: 7px; top: 3px; height: 7px; content: ""; background: rgba(245, 245, 245, 1.00); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoZoom i{ position: absolute; } .ncdPhotoZoom i:last-child:before{ position: absolute; height: 15px; width: 15px; top: -1px; border: 1.5px solid rgba(245, 245, 245, 1.00); border-radius: 15px; content: ''; } .ncdPhotoZoom i:last-child:after{ width: 5px; height: 2px; position: absolute; background: rgba(245, 245, 245, 1.00); transform: rotate(40deg); content: ''; top: 12px; border-radius: 6px; right: -17px; } /* ZOOM */ .ncdPhotoZoom{ transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transform: rotate(90deg); opacity: 0; } .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom i:after{ transform:rotate(-90deg); } .ncdPhotoZoom i:before{ transform:rotate(0deg); } .ncdPhotoZoom.zoom i:before { transform:rotate(-90deg); } /* CLOSE */ .ncdPhotoClose i{ position: absolute; } .ncdPhotoClose i:before, .ncdPhotoClose i:after{ height:20px; width: 2px; left: 7px; top: -2px; content: ''; transform:rotate(45deg); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoClose i:after{ transform:rotate(-45deg); } /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev{ z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; 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; pointer-events: auto; user-select: none; } .ncdPhotoNext{ transform: translateX(-15px); right: 4%; } .ncdPhotoPrev{ transform: translateX(15px); left: 4%; } .ncdPhotoNext.hide, .ncdPhotoPrev.hide{opacity: 0 !important;visibility: hidden;} @media screen and (max-width: 800px){ .ncdPhotoNext, .ncdPhotoPrev{ transform: translateX(0) rotate(0deg); opacity: 1; } } .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{transform:rotate(45deg);} .ncdPhotoNext:before{transform:rotate(-45deg);} .ncdPhotoPrev:after{transform:rotate(315deg);} .ncdPhotoPrev:before{transform:rotate(-315deg);} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev{ transform: translateX(0) rotate(0deg);opacity: 1; } /* Always Prev/Next */ /* OVERLAY */ #ncdPhotoOverlay { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; z-index: 0; user-select: none; -webkit-user-select: none; } .go-prev #ncdPhotoOverlay, .go-next #ncdPhotoOverlay{ transition: bottom 150ms ease-out; } #ncdPhotoOverlay.zoom { top: 0; bottom: 65px; } /* SLIDE IMAGES */ .photo_slide { height: 100%; position:absolute; top:-9999px; left:-9999px; right: auto; user-select: none; } #ncdPhotoOverlay:not(.zoom) .photo_slide > div { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .photo_slide img{ padding: 0; margin: 0; } .photo_slide img, .photo-embed-container { list-style: none; line-height: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; -webkit-touch-callout:none; transition: opacity 200ms; transform: translate3d(0,0,0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.50); } /* SHOW IMAGE */ .photo_slide.out, .photo_slide.ncd-show{ top:0; left:0; right: 0; } .photo_slide.ncd-show img{ cursor: zoom-in; } .processing .photo_slide img, .photo_slide.out img, .photo_slide.out .photo-embed-container{ opacity: 0; } .photo-embed-container { padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .photo-embed-container iframe, .photo-embed-container object, .photo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ncdPhotoBase.video-player #ncdPhotoDownload, #ncdPhotoBase.video-player #ncdPhotoFullscreen, #ncdPhotoBase.video-player .ncdPhotoZoom{ display: none !important; } /* ZOOM */ .photo_slide.ncd-show.zoom { position: absolute; overflow: auto; cursor: move; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; } .photo_slide.zoom.in.transition, .photo_slide.zoom.out{ overflow: hidden; } .photo_slide.zoom.transition div{ animation: photo-zoom-in 150ms ease-out both; } .photo_slide.zoom.in div{ animation: photo-zoom-in-complete 200ms ease-out both; } .photo_slide.zoom.in.transition div{ animation: photo-zoom-out 150ms ease-out both; } .photo_slide.zoom.out div{ animation: photo-zoom-out-complete 150ms ease-out both; } .photo_slide.zoom.in img{ max-width: none; max-height: none; border-radius: 0; box-shadow: none; transition: box-shadow 200ms; } .photo_slide.zoom.in img[data-zoom="25"]{ transform: scale(0.25); } .photo_slide.zoom.in img[data-zoom="50"]{ transform: scale(0.50); } .photo_slide.zoom.in img[data-zoom="75"]{ transform: scale(0.75); } .photo_slide.zoom.in img[data-zoom="100"]{ transform: scale(1); } /* ANIMATIONS */ @keyframes photo-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @keyframes photo-zoom-in-complete { 0% {transform: scale(.98);opacity: 0} 50% {transform: scale(.98);opacity: 0} 100% {transform: scale(1);opacity: 1} } @keyframes photo-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @keyframes photo-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @keyframes photo-fade-in { from {opacity: 0} to {opacity: 1} } /* FULLSCREEN */ #ncdPhotoFullscreen i{ position: absolute; } #ncdPhotoFullscreen i:before, #ncdPhotoFullscreen i:after{ position: absolute; content: ''; height: 2px; width: 6px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoFullscreen i:after{ width: 2px; height: 6px; } #ncdPhotoFullscreen i:first-child{ top: 0; left: 0; } #ncdPhotoFullscreen i:last-child{ bottom: 0; right: 0; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:first-child{ top: 6px; left: 6px; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:last-child{ bottom: 6px; right: 6px; transform: rotate(0deg); } /* SHARE */ #ncdPhotoShare{ line-height: 0; } #ncdPhotoShare svg{ height: 15px; width: auto; position: relative; margin-top: -1px; margin-left: -2px; } #ncdPhotoShare path{ fill: rgba(245, 245, 245, 1.00) !important; } #ncdShareOptions{ background: rgba(30, 30, 30, 1.00); box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); position: absolute; padding: 10px; border-radius: 7px; line-height: 1.4; margin: 10px 0 0; list-style: none; width: 150px; top: -99999px; left: -99999px; opacity: 0; transform: translateX(-50%) scale(.3); transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 150ms, left 0ms 150ms; transform-origin: 50% 0%; } #ncdShareOptions.show{ left: 50%; top: 100%; opacity: 1; transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 0ms, left 0ms 0ms; transform: translateX(-50%) scale(1); } #ncdShareOptions:before{ content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(30, 30, 30, 1.00); } #ncdShareOptions li{ padding: 6px 10px; margin: 0; border-radius: 4px; transition: background 150ms; } #ncdShareOptions li:hover{ background: rgba(255,255,255,0.1); } #ncdShareOptions button{ display: block; border: 0; margin: 0; padding: 0; font: 400 15px/1.4 Arial !important; background: transparent; color: rgba(255, 255, 255, 1.00); } /* BUY NOW */ #ncdPhotoBuynow.hide{ opacity: 0; max-width: 0; margin-left: 0; } #ncdPhotoBuynow i{ position: absolute; } #ncdPhotoBuynow i:first-child:before{ position: absolute; content: ''; top: 2px; left: 0; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid rgba(245, 245, 245, 1.00); } #ncdPhotoBuynow i:last-child:before{ position: absolute; content: ''; height: 6px; width: 9px; top: -2px; left: 3px; border-radius: 8px 8px 0 0; border-left: 1.5px solid rgba(245, 245, 245, 1.00); border-top: 1.5px solid rgba(245, 245, 245, 1.00); border-right: 1.5px solid rgba(245, 245, 245, 1.00); } /* DOWNLOAD 1 */ #ncdPhotoDownload{ display: block; } #ncdPhotoDownload i{ position: absolute; } #ncdPhotoDownload i:last-child:before, #ncdPhotoDownload i:last-child:after{ position: absolute; content: ''; height: 2px; width: 9px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload i:last-child:after{ width: 2px; height: 9px; } #ncdPhotoDownload i:last-child{ bottom: 1px; left: 7px; transform: rotate(225deg); } #ncdPhotoDownload i:first-child:before{ position: absolute; content: ''; top: -1px; left: 6px; height: 12px; width: 2px; background: rgba(245, 245, 245, 1.00); } /* DOWNLOAD 2 */ }#ncdPhotoDownload.alt i:last-child:before, #ncdPhotoDownload.alt i:last-child:after{ position: absolute; content: ''; height: 2px; width: 7px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:last-child:after{ width: 2px; height: 7px; } #ncdPhotoDownload.alt i:last-child{ bottom: 3px; left: 6px; transform: rotate(225deg); } #ncdPhotoDownload.alt i:first-child:before{ position: absolute; content: ''; top: 0; left: 5px; height: 8px; width: 2px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:first-child:after{ position: absolute; content: ''; top: 11px; left: 0px; height: 2px; width: 12px; background: rgba(245, 245, 245, 1.00); } /* COUNTER */ #ncdPhotoCounter{ float: left; line-height: 1; font-size: 12px; padding: 8px 16px 8px 0; border-radius: 30px; font-family: arial !important; pointer-events: none; font-weight: bolder; transition: opacity 200ms; } #ncdPhotoCounter.zoom{ opacity: 0; } #ncdPhotoCounter span{ vertical-align: top; line-height: 1; } .lb-current{ font-size: 1.45em; font-weight: normal; } .lb-total{ letter-spacing: 0.05em; } #ncdPhotoCounter[data-show-count="False"]{ display: none; } /* EXIF */ .exif_wrapper{ position: absolute; width: 300px; margin-left: -45px; top: -12px; } .exif_container{ background: rgba(30, 30, 30, 1.00); border-radius: 7px; left: 10px; bottom: 100%; z-index: 1; opacity: 0; width: 260px; height: 300px; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 25px; transform: scale(.3); transform-origin: 0 100%; position: absolute; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); transition: transform 200ms, opacity 200ms; pointer-events: none; } .exif_container *{ transform: translate3d(0,0,0); } .exif_wrapper.show .exif_container{ pointer-events: auto; transform: scale(1); opacity: 1; } .exif_data{ font: 400 15px/1.4 Arial !important; color: rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 10px 10px 10px 0; margin: 0; display: block; white-space: break-spaces; position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .exif_data.hasData{ position: relative; visibility: visible; top: 0; left: 0; } .exif_data:before{ color: rgba(170, 170, 170, 1.00); display: block; font-size: 11px; letter-spacing: 0; } .exif_data.hasData:after{ position: absolute; content: ''; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .exif_data.hasData.last:after{ display: none } #exif_FNumber{ letter-spacing: 0.1em; } .fstop{ font-family: georgia; font-style: italic; padding-left: 3px; padding-right: 2px; } .exif-trigger{ padding: 10px; cursor: pointer; display: inline-block; user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; z-index: 100; transform: scale(0); } .exif_wrapper.hasData .exif-trigger{ transform: scale(1); transition: transform 200ms; } .exif-trigger span:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } .exif-trigger span{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); transition: background 200ms; border-radius: 25px; height: 25px; width: 25px; line-height: 26px; font-family: monospace; text-align: center; font-size: 13px; font-weight: bolder; float: right; user-select: none; -webkit-user-select: none; } #exif_GPSMap{ color: #fff; text-decoration: none; } #exif_iptc_DateCreated:before{ content: 'Date Created'; } #exif_iptc_Keywords:before{ content: 'Keywords'; } #exif_model:before{ content: 'Camera Model'; } #exif_LensModel:before{ content: 'Lens Model'; } #exif_FocalLength:before{ content: 'Focal Length'; } #exif_FNumber:before{ content: 'Aperture'; } #exif_ExposureTime:before{ content: 'Shutter Speed'; } #exif_ISOSpeedRatings:before{ content: 'ISO'; } #exif_Dimensions:before{ content: 'Dimensions'; } #exif_ExposureProgram:before{ content: 'Exposure Program'; } #exif_Flash:before{ content: 'Flash'; } #exif_WhiteBalance:before{ content: 'White Balance'; } #exif_GPSLat:before{ content: 'GPS Latitude'; } #exif_GPSLong:before{ content: 'GPS Longitude'; } #exif_DateTimeOriginal:before{ content: 'Date & Time'; } #exif_GPSMap:before{ content: 'Google Map'; } .photo-stack .exif_wrapper{ position: absolute; top: 0; left: 0; } .photo-stack .exif-trigger{ position: absolute; top: 0; transform: scale(1); box-shadow: none; } /* CAPTION */ .captionWrapper{ max-width: 600px; margin: 0 auto; padding-left: 32px; text-align: left; position: relative; } .imageCaption{ font-size: px; padding-bottom: 0.2em; } .groupTitle{ font-size: px; } #ncdPhotoBase:hover .img-caption-in { opacity: 1; } #ncdPhotoBase .img-caption-in{ opacity: 0; transition: opacity 200ms; } .processing .img-caption-in{ opacity: 0; } #ncdPhotoCaption{ padding: 10px; transition: opacity 200ms; } #ncdPhotoCaption.zoom{ opacity: 0; pointer-events: none; } #ncdPhotoCaption [data-italic-title="True"], #ncdPhotoCaption [data-italic-caption="True"]{ font-style: italic; } #ncdPhotoCaption [data-bold-title="True"], #ncdPhotoCaption [data-bold-caption="True"]{ font-weight: bold; } #ncdPhotoCaption [data-hide-title="True"], #ncdPhotoCaption [data-hide-caption="True"]{ display: none; } .imageCaption{ color: rgba(255, 255, 255, 1.00); } .groupTitle{ color: rgba(136, 136, 136, 1.00); } .groupTitle.ncdPhotoCopywrite{ color: rgba(132, 132, 132, 1.00); } #ncdPhotoCounter{ color: rgba(245, 245, 245, 1.00); } #ncdPhotoBase{ background: rgba(15, 15, 15, 0.97); } .ncdPhotoNext:before,.ncdPhotoNext:after, .ncdPhotoPrev:before,.ncdPhotoPrev:after, .ncdPhotoClose i:before,.ncdPhotoClose i:after, .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after { background: rgba(245, 245, 245, 1.00); } .ncdPhotoNext:active, .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.30); /*border: 2px solid rgba(245, 245, 245, 1.00);*/ } /* Edit Mode */ /*! * justifiedGallery - v4.0.0-alpha * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2019 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > li, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .ncd-photo .justified-gallery > li > div{ position: static; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > li > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > li > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > li > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > div > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } #stacks_in_2291.ncd-photo p{ text-align: left; } #stacks_in_2291 li > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; content: ''; z-index: 20; transition: box-shadow 200ms; border-radius: 3px; } #stacks_in_2291 li:hover > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.20); } #stacks_in_2291.ncd-photo li p span{ display: inline-block; } /* Break Points for Columns */ /* Phone */ #stacks_in_2291.grid li, #stacks_in_2291.masonry li{width: calc(100% / 2);} /* Phone + */ @media only screen and (min-width: 600px) { #stacks_in_2291.grid li, #stacks_in_2291.masonry li{width: calc(100% / 3);} } /* Tablet */ @media only screen and (min-width: 800px) { #stacks_in_2291.grid li, #stacks_in_2291.masonry li{width: calc(100% / 4);} } /* Desktop */ @media only screen and (min-width: 1100px) { #stacks_in_2291.grid li, #stacks_in_2291.masonry li{width: calc(100% / 5);} } #stacks_in_2291.grid li div{background-size: cover;} #stacks_in_2291.grid ul li div:after{padding-top: 56%;} #stacks_in_2291.fitRows img{ max-height: px; max-width: 200px; } #stacks_in_2291 p{font-size: 13px;} #stacks_in_2291 b{ font-size: 13px; color: rgba(255, 255, 255, 1.00); } #stacks_in_2291 em{color: rgba(187, 187, 187, 1.00);} #stacks_in_2291 span{background: rgba(0, 0, 0, 0.70);} #stacks_in_2189 { background-color: rgba(204, 204, 204, 0.00); margin: -17px -2px 6px 0px; } #stacks_out_2189 { margin-left:0; } #stacks_in_2190 { display:inline-block; width:100%; line-height: 1.110000em; font-size: 106%; } .lightbox_error{ color: rgba(255, 255, 255, 1.00); font-size: 15px; text-align: center; } .lightbox_error h2{ font-size: 20px; } /* Loader Circle */ .preloader_wrapper{ position: relative; padding: 10px; width: 100%; text-align: center; } .preloader_icn { width: 40px; height: 40px; position: relative; display: inline-block; -webkit-animation: clockwise 750ms linear infinite; animation: clockwise 750ms linear infinite; } .preloader_cut { position: relative; width: calc(40px * .5); height: 40px; overflow: hidden; position: absolute; top: 0; left: 0; } .preloader_donut { box-sizing: border-box; width: 40px; height: 40px; border: 2px solid rgba(204, 204, 204, 1.00); border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; position: absolute; background: none; margin:0; -webkit-animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes clockwise { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0) } } @keyframes donut-rotate { 0% { transform: rotate(0) } 50% { transform: rotate(-140deg) } 100% { transform: rotate(0) } } 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; } .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ margin: 0; padding: 0; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo ul[data-hide="True"]{ height: 0 !important; } .ncd-photo ul[data-hide="True"] li, .ncd-photo li.hide{ display: none !important; } .ncd-photo li > div:first-child{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: box-shadow 150ms ease-out; } .ncd-photo li img{ position: relative; z-index: 10; transform: translateZ(0); } .ncd-photo li p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; user-select: none; transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo li p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo li p em{ font-weight: normal; font-style: normal; } .ncd-photo li p span{ padding: 6px 12px; } .ncd-photo li 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.caption-hover li p{ opacity: 0; transition: transform 300ms, opacity 300ms; transform: translate3d(0,4px,0); } .ncd-photo ul.caption-hover li:hover p{ opacity: 1; transform: translate3d(0,0,0); } .ncd-photo ul.caption-hide li p{ display: none !important; } .ncd-photo ul.caption-bottom p{ left: 0; bottom: 0; right: 0; margin: 0; border-radius: 0 0 3px 3px; overflow: hidden; } .ncd-photo ul.caption-margin p span{ border-radius: 3px; } .ncd-photo ul.caption-margin p{ left: 20px; bottom: 10px; right: 20px; } /* GRID Style */ .ncd-photo.grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.grid li div{ overflow: hidden; } .ncd-photo.grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.grid li, .ncd-photo.photo-col-2.grid li, .ncd-photo.photo-col-3.grid li, .ncd-photo.photo-col-4.grid li, .ncd-photo.photo-col-5.grid li{width: 100%;} .ncd-photo[data-margin="0"].grid{margin: 0;} .ncd-photo[data-margin="0"].grid li div{margin: 0;} .ncd-photo[data-margin="1"].grid{margin: 0 -1px;} .ncd-photo[data-margin="1"].grid li div{margin: 1px;} .ncd-photo[data-margin="3"].grid{margin: 0 -3px;} .ncd-photo[data-margin="3"].grid li div{margin: 3px;} .ncd-photo[data-margin="5"].grid{margin: 0 -5px;} .ncd-photo[data-margin="5"].grid li div{margin: 5px;} .ncd-photo[data-margin="7"].grid{margin: 0 -7px;} .ncd-photo[data-margin="7"].grid li div{margin: 7px;} .ncd-photo[data-margin="9"].grid{margin: 0 -9px;} .ncd-photo[data-margin="9"].grid li div{margin: 9px;} .ncd-photo[data-margin="11"].grid{margin: 0 -11px;} .ncd-photo[data-margin="11"].grid li div{margin: 11px;} .ncd-photo[data-margin="13"].grid{margin: 0 -13px;} .ncd-photo[data-margin="13"].grid li div{margin: 13px;} .ncd-photo[data-margin="15"].grid{margin: 0 -15px;} .ncd-photo[data-margin="15"].grid li div{margin: 15px;} .ncd-photo[data-margin="17"].grid{margin: 0 -17px;} .ncd-photo[data-margin="17"].grid li div{margin: 17px;} .ncd-photo[data-margin="19"].grid{margin: 0 -19px;} .ncd-photo[data-margin="19"].grid li div{margin: 19px;} .ncd-photo[data-margin="21"].grid{margin: 0 -21px;} .ncd-photo[data-margin="21"].grid li div{margin: 21px;} .ncd-photo[data-margin="23"].grid{margin: 0 -23px;} .ncd-photo[data-margin="23"].grid li div{margin: 23px;} .ncd-photo[data-margin="25"].grid{margin: 0 -25px;} .ncd-photo[data-margin="25"].grid li div{margin: 25px;} /* MASONRY Style */ .ncd-photo.grid ul, .ncd-photo.masonry ul, .ncd-photo.justifiedGallery ul{ opacity: 0; } .ncd-photo.grid ul[data-imagesLoaded="1"], .ncd-photo.masonry ul[data-imagesLoaded="1"], .ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{ opacity: 1; transition: opacity 600ms; } .ncd-photo[data-margin="0"].masonry ul{margin: 0;} .ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin: 0;} .ncd-photo[data-margin="1"].masonry ul{margin: 0 -1px;} .ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin: 1px;} .ncd-photo[data-margin="3"].masonry ul{margin: 0 -3px;} .ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin: 3px;} .ncd-photo[data-margin="5"].masonry ul{margin: 0 -5px;} .ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin: 5px;} .ncd-photo[data-margin="7"].masonry ul{margin: 0 -7px;} .ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin: 7px;} .ncd-photo[data-margin="9"].masonry ul{margin: 0 -9px;} .ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin: 9px;} .ncd-photo[data-margin="11"].masonry ul{margin: 0 -11px;} .ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin: 11px;} .ncd-photo[data-margin="13"].masonry ul{margin: 0 -13px;} .ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin: 13px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -15px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 15px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -17px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 17px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -19px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 19px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -21px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 21px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -23px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 23px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -25px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 25px;} .ncd-photo.masonry img{ width: 100%; } /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0 li img, .ncd-photo.rad-0 .thumb-corner{border-radius: 0;} .ncd-photo.rad-3 li div, .ncd-photo.rad-3 li img, .ncd-photo.rad-3 .thumb-corner{border-radius: 3px;} .ncd-photo.rad-5 li div, .ncd-photo.rad-5 li img, .ncd-photo.rad-5 .thumb-corner{border-radius: 5px;} .ncd-photo.rad-7 li div, .ncd-photo.rad-7 li img, .ncd-photo.rad-7 .thumb-corner{border-radius: 7px;} [data-batch-hide="True"]{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } .thumb-corner{ position: absolute; bottom: 0; left: 0; z-index: 50; } .ncd-photo .thumb-corner{ width: 120px; height: 120px; background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); } .photo-stack:hover .thumb-corner i{ transform: scale(1.2); transform-origin: center; } .thumb-corner.video-icon i{ width: 0; height: 0; margin: 0 0 18px 22px; left: 0; bottom: 0; transform: scale(1); position: absolute; transition: transform 200ms; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 17px solid #fff; } #ncdPhotoCarousel .thumb-corner.video-icon i{ margin: 0; left: 33px; bottom: 21px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #fff; } .thumb-corner.bag-icon a{ left: 4px; bottom: 2px; display: block; transform: scale(1.1); position: absolute; cursor: pointer; height: 44px; width: 44px; transition: transform 200ms; } #ncdPhotoCarousel .thumb-corner.bag-icon{ display: none; } .thumb-corner.bag-icon a:first-child:before{ position: absolute; content: ''; top: 16px; left: 14px; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid #fff; } .thumb-corner.bag-icon a:first-child:after{ position: absolute; content: ''; height: 6px; width: 9px; top: 12px; left: 17px; border-radius: 8px 8px 0 0; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } @media only screen and (max-width: 300px) { .ncd-photo ul p{ opacity: 0 !important; } } /*************************** ***** L I G H T B O X ****** ****************************/ /* Loading Animation */ #ncdPhotoLoader{ position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 350ms 150ms; transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } /* Lightbox Base */ #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none; } #ncdPhotoBase.on, #ncdPhotoBase.on ~ *{ pointer-events: none; } #ncdPhotoBase.on ~ iframe{ pointer-events: auto; } #ncdPhotoHeader, #ncdPhotoControls, .exif_wrapper, #ncdPhotoOverlay{ pointer-events: auto; } #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; user-select: none; -webkit-user-select: none; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; } #ncdPhotoBase.out { z-index: 10000; } #ncdPhotoHeader{ position: absolute; right: 0; left: 0; top: 0; padding: 15px; font-size: 14px; z-index: 200; pointer-events: none; } #ncdPhotoOptions{ float: right; pointer-events: auto; padding: 10px 0 10px 20px; border-radius: 30px; transition: padding 0.3s ease-out; } @media only screen and (min-width: 400px) { #ncdPhotoHeader{ right: 1.5%; left: 1.5%; } } #ncdPhotoOptions.zoom{ background: rgba(0, 0, 0, 0.60); padding: 10px 5px; } #ncdPhotoOptions > .ncd-ui:first-child{ margin-left: 0px; } #ncdPhotoOptions .ncd-ui{ z-index: 100; width: 15px; height: 15px; cursor: pointer; position: relative; display: block; float: left; margin-left: 30px; user-select: none; transition: margin 0.3s ease-out, border 0.3s ease-out, box-shadow 0.15s ease-out; } #ncdPhotoOptions .ncd-ui:before{ position: absolute; top: -9px; left: -9px; right: 0; bottom: 0; content: ''; height: 33px; width: 33px; border-radius: 40px; /*box-shadow: 0 0 0 0 rgba(94, 94, 94, 0.91);*/ transition: background .5s ease-out; } #ncdPhotoOptions .ncd-ui:active:before{ background: rgba(94, 94, 94, 0.91); transition: background 0.15s ease-out; /*box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91);*/ } #ncdPhotoOptions.zoom .ncd-ui{ margin-left: 11px; margin-right: 11px; } #ncdPhotoOptions.zoom #ncdPhotoShare, #ncdPhotoOptions.zoom #ncdPhotoDownload, #ncdPhotoOptions.zoom #ncdPhotoBuynow, #ncdPhotoOptions .ncdPhotoZoom.zoomOut{ display: none; } #ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{ display: block; } #ncdPhotoControls{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; user-select: none; z-index: 100; pointer-events: none; } #ncdPhotoCarousel{ background: rgba(0, 0, 0, 0.60); text-align: center; padding: 5px; line-height: 0; overflow: auto; pointer-events: auto; -webkit-overflow-scrolling: touch; } #ncdPhotoCarousel li[data-hidefromlightbox="True"]{ display: none; } #ncdPhotoOverlay .hide{ display: none; } #ncdPhotoFooter{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background: rgba(0, 0, 0, 0.00); } #ncdZoomAmt{ position: absolute; top: 0; left: 0; right: 0; margin-top: 5px; text-align: center; color: rgba(245, 245, 245, 1.00); font: 400 13px/1.4 Arial; pointer-events: none; transition: opacity 200ms, transform 200ms; transform: translateY(10px); opacity: 0; } #ncdZoomAmt.zoom{ transform: translateY(0px); opacity: 1; } #ncdZoomAmt[data-zoom="50"] span:after{ content:' 50%'; } #ncdZoomAmt[data-zoom="75"] span:after{ content:' 75%'; } #ncdZoomAmt[data-zoom="100"] span:after{ content:' 100%'; } #ncdZoomAmt span{ background: rgba(0, 0, 0, 0.60); padding: 7px 14px; border-radius: 20px; } #ncdPhotoCarousel ul{ padding: 0; margin: 0; list-style: none; display: inline-block; white-space: nowrap; } #ncdPhotoCarousel li{ display: inline-block; position: relative; } #ncdPhotoCarousel li div{ width: 80px; height: 45px; margin: 3px 5px; border-radius: 2px; transform: scale(1); transition: box-shadow 200ms, transform 200ms, opacity 200ms; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0); } #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ transition: box-shadow 200ms, transform 200ms, opacity 200ms; } #ncdPhotoCarousel li div{opacity: 0.4;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{opacity: 1;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); } #ncdPhotoCarousel li.current div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); } #ncdPhotoCarousel li.current div{ transform: scale(1.1); } .photo_slide.zoom::-webkit-scrollbar, #ncdPhotoCarousel::-webkit-scrollbar, #ncdPhotoFooter p, #ncdPhotoFooter img, #ncdPhotoOptions .ncd-ui.hide, #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; } /* ZOOM & CLOSE */ .ncdPhotoZoom i:first-child:before, .ncdPhotoZoom i:first-child:after{ width: 1px; left: 7px; top: 3px; height: 7px; content: ""; background: rgba(245, 245, 245, 1.00); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoZoom i{ position: absolute; } .ncdPhotoZoom i:last-child:before{ position: absolute; height: 15px; width: 15px; top: -1px; border: 1.5px solid rgba(245, 245, 245, 1.00); border-radius: 15px; content: ''; } .ncdPhotoZoom i:last-child:after{ width: 5px; height: 2px; position: absolute; background: rgba(245, 245, 245, 1.00); transform: rotate(40deg); content: ''; top: 12px; border-radius: 6px; right: -17px; } /* ZOOM */ .ncdPhotoZoom{ transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transform: rotate(90deg); opacity: 0; } .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom i:after{ transform:rotate(-90deg); } .ncdPhotoZoom i:before{ transform:rotate(0deg); } .ncdPhotoZoom.zoom i:before { transform:rotate(-90deg); } /* CLOSE */ .ncdPhotoClose i{ position: absolute; } .ncdPhotoClose i:before, .ncdPhotoClose i:after{ height:20px; width: 2px; left: 7px; top: -2px; content: ''; transform:rotate(45deg); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoClose i:after{ transform:rotate(-45deg); } /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev{ z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; 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; pointer-events: auto; user-select: none; } .ncdPhotoNext{ transform: translateX(-15px); right: 4%; } .ncdPhotoPrev{ transform: translateX(15px); left: 4%; } .ncdPhotoNext.hide, .ncdPhotoPrev.hide{opacity: 0 !important;visibility: hidden;} @media screen and (max-width: 800px){ .ncdPhotoNext, .ncdPhotoPrev{ transform: translateX(0) rotate(0deg); opacity: 1; } } .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{transform:rotate(45deg);} .ncdPhotoNext:before{transform:rotate(-45deg);} .ncdPhotoPrev:after{transform:rotate(315deg);} .ncdPhotoPrev:before{transform:rotate(-315deg);} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev{ transform: translateX(0) rotate(0deg);opacity: 1; } /* Always Prev/Next */ .ncdPhotoNext, .ncdPhotoPrev { transform: translateX(0) rotate(0deg);opacity: 1; } /* OVERLAY */ #ncdPhotoOverlay { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; z-index: 0; user-select: none; -webkit-user-select: none; } .go-prev #ncdPhotoOverlay, .go-next #ncdPhotoOverlay{ transition: bottom 150ms ease-out; } #ncdPhotoOverlay.zoom { top: 0; bottom: 65px; } /* SLIDE IMAGES */ .photo_slide { height: 100%; position:absolute; top:-9999px; left:-9999px; right: auto; user-select: none; } #ncdPhotoOverlay:not(.zoom) .photo_slide > div { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .photo_slide img{ padding: 0; margin: 0; } .photo_slide img, .photo-embed-container { list-style: none; line-height: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; -webkit-touch-callout:none; transition: opacity 200ms; transform: translate3d(0,0,0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.50); } /* SHOW IMAGE */ .photo_slide.out, .photo_slide.ncd-show{ top:0; left:0; right: 0; } .photo_slide.ncd-show img{ cursor: zoom-in; } .processing .photo_slide img, .photo_slide.out img, .photo_slide.out .photo-embed-container{ opacity: 0; } .photo-embed-container { padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .photo-embed-container iframe, .photo-embed-container object, .photo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ncdPhotoBase.video-player #ncdPhotoDownload, #ncdPhotoBase.video-player #ncdPhotoFullscreen, #ncdPhotoBase.video-player .ncdPhotoZoom{ display: none !important; } /* ZOOM */ .photo_slide.ncd-show.zoom { position: absolute; overflow: auto; cursor: move; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; } .photo_slide.zoom.in.transition, .photo_slide.zoom.out{ overflow: hidden; } .photo_slide.zoom.transition div{ animation: photo-zoom-in 150ms ease-out both; } .photo_slide.zoom.in div{ animation: photo-zoom-in-complete 200ms ease-out both; } .photo_slide.zoom.in.transition div{ animation: photo-zoom-out 150ms ease-out both; } .photo_slide.zoom.out div{ animation: photo-zoom-out-complete 150ms ease-out both; } .photo_slide.zoom.in img{ max-width: none; max-height: none; border-radius: 0; box-shadow: none; transition: box-shadow 200ms; } .photo_slide.zoom.in img[data-zoom="25"]{ transform: scale(0.25); } .photo_slide.zoom.in img[data-zoom="50"]{ transform: scale(0.50); } .photo_slide.zoom.in img[data-zoom="75"]{ transform: scale(0.75); } .photo_slide.zoom.in img[data-zoom="100"]{ transform: scale(1); } /* ANIMATIONS */ @keyframes photo-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @keyframes photo-zoom-in-complete { 0% {transform: scale(.98);opacity: 0} 50% {transform: scale(.98);opacity: 0} 100% {transform: scale(1);opacity: 1} } @keyframes photo-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @keyframes photo-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @keyframes photo-fade-in { from {opacity: 0} to {opacity: 1} } /* FULLSCREEN */ #ncdPhotoFullscreen i{ position: absolute; } #ncdPhotoFullscreen i:before, #ncdPhotoFullscreen i:after{ position: absolute; content: ''; height: 2px; width: 6px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoFullscreen i:after{ width: 2px; height: 6px; } #ncdPhotoFullscreen i:first-child{ top: 0; left: 0; } #ncdPhotoFullscreen i:last-child{ bottom: 0; right: 0; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:first-child{ top: 6px; left: 6px; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:last-child{ bottom: 6px; right: 6px; transform: rotate(0deg); } /* SHARE */ #ncdPhotoShare{ line-height: 0; } #ncdPhotoShare svg{ height: 15px; width: auto; position: relative; margin-top: -1px; margin-left: -2px; } #ncdPhotoShare path{ fill: rgba(245, 245, 245, 1.00) !important; } #ncdShareOptions{ background: rgba(30, 30, 30, 1.00); box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); position: absolute; padding: 10px; border-radius: 7px; line-height: 1.4; margin: 10px 0 0; list-style: none; width: 150px; top: -99999px; left: -99999px; opacity: 0; transform: translateX(-50%) scale(.3); transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 150ms, left 0ms 150ms; transform-origin: 50% 0%; } #ncdShareOptions.show{ left: 50%; top: 100%; opacity: 1; transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 0ms, left 0ms 0ms; transform: translateX(-50%) scale(1); } #ncdShareOptions:before{ content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(30, 30, 30, 1.00); } #ncdShareOptions li{ padding: 6px 10px; margin: 0; border-radius: 4px; transition: background 150ms; } #ncdShareOptions li:hover{ background: rgba(255,255,255,0.1); } #ncdShareOptions button{ display: block; border: 0; margin: 0; padding: 0; font: 400 15px/1.4 Arial !important; background: transparent; color: rgba(255, 255, 255, 1.00); } /* BUY NOW */ #ncdPhotoBuynow.hide{ opacity: 0; max-width: 0; margin-left: 0; } #ncdPhotoBuynow i{ position: absolute; } #ncdPhotoBuynow i:first-child:before{ position: absolute; content: ''; top: 2px; left: 0; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid rgba(245, 245, 245, 1.00); } #ncdPhotoBuynow i:last-child:before{ position: absolute; content: ''; height: 6px; width: 9px; top: -2px; left: 3px; border-radius: 8px 8px 0 0; border-left: 1.5px solid rgba(245, 245, 245, 1.00); border-top: 1.5px solid rgba(245, 245, 245, 1.00); border-right: 1.5px solid rgba(245, 245, 245, 1.00); } /* DOWNLOAD 1 */ #ncdPhotoDownload{ display: block; } #ncdPhotoDownload i{ position: absolute; } #ncdPhotoDownload i:last-child:before, #ncdPhotoDownload i:last-child:after{ position: absolute; content: ''; height: 2px; width: 9px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload i:last-child:after{ width: 2px; height: 9px; } #ncdPhotoDownload i:last-child{ bottom: 1px; left: 7px; transform: rotate(225deg); } #ncdPhotoDownload i:first-child:before{ position: absolute; content: ''; top: -1px; left: 6px; height: 12px; width: 2px; background: rgba(245, 245, 245, 1.00); } /* DOWNLOAD 2 */ }#ncdPhotoDownload.alt i:last-child:before, #ncdPhotoDownload.alt i:last-child:after{ position: absolute; content: ''; height: 2px; width: 7px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:last-child:after{ width: 2px; height: 7px; } #ncdPhotoDownload.alt i:last-child{ bottom: 3px; left: 6px; transform: rotate(225deg); } #ncdPhotoDownload.alt i:first-child:before{ position: absolute; content: ''; top: 0; left: 5px; height: 8px; width: 2px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:first-child:after{ position: absolute; content: ''; top: 11px; left: 0px; height: 2px; width: 12px; background: rgba(245, 245, 245, 1.00); } /* COUNTER */ #ncdPhotoCounter{ float: left; line-height: 1; font-size: 12px; padding: 8px 16px 8px 0; border-radius: 30px; font-family: arial !important; pointer-events: none; font-weight: bolder; transition: opacity 200ms; } #ncdPhotoCounter.zoom{ opacity: 0; } #ncdPhotoCounter span{ vertical-align: top; line-height: 1; } .lb-current{ font-size: 1.45em; font-weight: normal; } .lb-total{ letter-spacing: 0.05em; } #ncdPhotoCounter[data-show-count="False"]{ display: none; } /* EXIF */ .exif_wrapper{ position: absolute; width: 300px; margin-left: -45px; top: -12px; } .exif_container{ background: rgba(30, 30, 30, 1.00); border-radius: 7px; left: 10px; bottom: 100%; z-index: 1; opacity: 0; width: 260px; height: 300px; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 25px; transform: scale(.3); transform-origin: 0 100%; position: absolute; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); transition: transform 200ms, opacity 200ms; pointer-events: none; } .exif_container *{ transform: translate3d(0,0,0); } .exif_wrapper.show .exif_container{ pointer-events: auto; transform: scale(1); opacity: 1; } .exif_data{ font: 400 15px/1.4 Arial !important; color: rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 10px 10px 10px 0; margin: 0; display: block; white-space: break-spaces; position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .exif_data.hasData{ position: relative; visibility: visible; top: 0; left: 0; } .exif_data:before{ color: rgba(170, 170, 170, 1.00); display: block; font-size: 11px; letter-spacing: 0; } .exif_data.hasData:after{ position: absolute; content: ''; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .exif_data.hasData.last:after{ display: none } #exif_FNumber{ letter-spacing: 0.1em; } .fstop{ font-family: georgia; font-style: italic; padding-left: 3px; padding-right: 2px; } .exif-trigger{ padding: 10px; cursor: pointer; display: inline-block; user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; z-index: 100; transform: scale(0); } .exif_wrapper.hasData .exif-trigger{ transform: scale(1); transition: transform 200ms; } .exif-trigger span:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } .exif-trigger span{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); transition: background 200ms; border-radius: 25px; height: 25px; width: 25px; line-height: 26px; font-family: monospace; text-align: center; font-size: 13px; font-weight: bolder; float: right; user-select: none; -webkit-user-select: none; } #exif_GPSMap{ color: #fff; text-decoration: none; } #exif_iptc_DateCreated:before{ content: 'Date Created'; } #exif_iptc_Keywords:before{ content: 'Keywords'; } #exif_model:before{ content: 'Camera Model'; } #exif_LensModel:before{ content: 'Lens Model'; } #exif_FocalLength:before{ content: 'Focal Length'; } #exif_FNumber:before{ content: 'Aperture'; } #exif_ExposureTime:before{ content: 'Shutter Speed'; } #exif_ISOSpeedRatings:before{ content: 'ISO'; } #exif_Dimensions:before{ content: 'Dimensions'; } #exif_ExposureProgram:before{ content: 'Exposure Program'; } #exif_Flash:before{ content: 'Flash'; } #exif_WhiteBalance:before{ content: 'White Balance'; } #exif_GPSLat:before{ content: 'GPS Latitude'; } #exif_GPSLong:before{ content: 'GPS Longitude'; } #exif_DateTimeOriginal:before{ content: 'Date & Time'; } #exif_GPSMap:before{ content: 'Google Map'; } .photo-stack .exif_wrapper{ position: absolute; top: 0; left: 0; } .photo-stack .exif-trigger{ position: absolute; top: 0; transform: scale(1); box-shadow: none; } /* CAPTION */ .captionWrapper{ max-width: 600px; margin: 0 auto; padding-left: 32px; text-align: left; position: relative; } .imageCaption{ font-size: px; padding-bottom: 0.2em; } .groupTitle{ font-size: px; } #ncdPhotoBase:hover .img-caption-in { opacity: 1; } #ncdPhotoBase .img-caption-in{ opacity: 0; transition: opacity 200ms; } .processing .img-caption-in{ opacity: 0; } #ncdPhotoCaption{ padding: 10px; transition: opacity 200ms; } #ncdPhotoCaption.zoom{ opacity: 0; pointer-events: none; } #ncdPhotoCaption [data-italic-title="True"], #ncdPhotoCaption [data-italic-caption="True"]{ font-style: italic; } #ncdPhotoCaption [data-bold-title="True"], #ncdPhotoCaption [data-bold-caption="True"]{ font-weight: bold; } #ncdPhotoCaption [data-hide-title="True"], #ncdPhotoCaption [data-hide-caption="True"]{ display: none; } .imageCaption{ color: rgba(255, 255, 255, 1.00); } .groupTitle{ color: rgba(136, 136, 136, 1.00); } .groupTitle.ncdPhotoCopywrite{ color: rgba(132, 132, 132, 1.00); } #ncdPhotoCounter{ color: rgba(245, 245, 245, 1.00); } #ncdPhotoBase{ background: rgba(255, 255, 255, 1.00); } .ncdPhotoNext:before,.ncdPhotoNext:after, .ncdPhotoPrev:before,.ncdPhotoPrev:after, .ncdPhotoClose i:before,.ncdPhotoClose i:after, .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after { background: rgba(245, 245, 245, 1.00); } .ncdPhotoNext:active, .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91); /*border: 2px solid rgba(245, 245, 245, 1.00);*/ } /* Edit Mode */ /*! * justifiedGallery - v4.0.0-alpha * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2019 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > li, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .ncd-photo .justified-gallery > li > div{ position: static; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > li > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > li > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > li > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > div > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } .exif_wrapper{display: none;} #stacks_in_2192.ncd-photo p{ text-align: left; } #stacks_in_2192 li > div.img-wrapper:before{ box-shadow: inset 0 0 0 0px rgba(192, 192, 192, 1.00); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; content: ''; z-index: 20; transition: box-shadow 200ms; border-radius: 0px; } #stacks_in_2192 li:hover > div.img-wrapper:before{ box-shadow: inset 0 0 0 0px rgba(192, 192, 192, 1.00); } #stacks_in_2192.ncd-photo li p span{ display: inline-block; } /* Break Points for Columns */ /* Phone */ #stacks_in_2192.grid li, #stacks_in_2192.masonry li{width: calc(100% / 1);} /* Phone + */ @media only screen and (min-width: 600px) { #stacks_in_2192.grid li, #stacks_in_2192.masonry li{width: calc(100% / 1);} } /* Tablet */ @media only screen and (min-width: 800px) { #stacks_in_2192.grid li, #stacks_in_2192.masonry li{width: calc(100% / 1);} } /* Desktop */ @media only screen and (min-width: 1100px) { #stacks_in_2192.grid li, #stacks_in_2192.masonry li{width: calc(100% / 1);} } #stacks_in_2192.grid li div{background-size: cover;} #stacks_in_2192.grid ul li div:after{padding-top: 100%;} #stacks_in_2192.fitRows img{ max-height: px; max-width: 200px; } #stacks_in_2192 p{font-size: 13px;} #stacks_in_2192 b{ font-size: 13px; color: rgba(255, 255, 255, 1.00); } #stacks_in_2192 em{color: rgba(187, 187, 187, 1.00);} #stacks_in_2192 span{background: rgba(0, 0, 0, 0.70);} #stacks_in_2195 { background-color: rgba(252, 252, 251, 1.00); } #stacks_out_2195 { width: 95%; margin-left:0; } #stacks_in_2196{overflow:hidden}#stacks_in_2196 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.00rem 0;}#stacks_in_2196 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_2196 { padding: 0px 0px 5px 0px; } #stacks_out_2196 { margin-left:0; } #stacks_in_2198 { background-color: rgba(204, 204, 204, 0.00); margin: -14px 10px 6px 0px; } #stacks_out_2198 { margin-left:0; } #stacks_in_2199 { display:inline-block; width:100%; line-height: 1.110000em; font-size: 106%; } #stacks_in_2200 { background-color: rgba(252, 252, 251, 1.00); padding: 0px 0px 76px 0px; } #stacks_out_2200 { width: 95%; margin-left:0; } #stacks_in_2201{overflow:hidden}#stacks_in_2201 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.00rem 0;}#stacks_in_2201 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_2201 { padding: 0px 0px 5px 0px; } #stacks_out_2201 { margin-left:0; } #stacks_in_2203 { background-color: rgba(204, 204, 204, 0.00); margin: -14px 10px 4px 0px; } #stacks_out_2203 { margin-left:0; } #stacks_in_2204 { display:inline-block; width:100%; line-height: 1.120000em; font-size: 106%; } #stacks_in_2205 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_2205 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_2205 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)} #stacks_in_2205 { background-color: rgba(252, 252, 251, 1.00); } #stacks_out_2210 { width: 56%; margin-left:0; } .lightbox_error{ color: rgba(255, 255, 255, 1.00); font-size: 15px; text-align: center; } .lightbox_error h2{ font-size: 20px; } /* Loader Circle */ .preloader_wrapper{ position: relative; padding: 10px; width: 100%; text-align: center; } .preloader_icn { width: 40px; height: 40px; position: relative; display: inline-block; -webkit-animation: clockwise 750ms linear infinite; animation: clockwise 750ms linear infinite; } .preloader_cut { position: relative; width: calc(40px * .5); height: 40px; overflow: hidden; position: absolute; top: 0; left: 0; } .preloader_donut { box-sizing: border-box; width: 40px; height: 40px; border: 2px solid rgba(204, 204, 204, 1.00); border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; position: absolute; background: none; margin:0; -webkit-animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes clockwise { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0) } } @keyframes donut-rotate { 0% { transform: rotate(0) } 50% { transform: rotate(-140deg) } 100% { transform: rotate(0) } } 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; } .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ margin: 0; padding: 0; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo ul[data-hide="True"]{ height: 0 !important; } .ncd-photo ul[data-hide="True"] li, .ncd-photo li.hide{ display: none !important; } .ncd-photo li > div:first-child{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: box-shadow 150ms ease-out; } .ncd-photo li img{ position: relative; z-index: 10; transform: translateZ(0); } .ncd-photo li p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; user-select: none; transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo li p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo li p em{ font-weight: normal; font-style: normal; } .ncd-photo li p span{ padding: 6px 12px; } .ncd-photo li 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.caption-hover li p{ opacity: 0; transition: transform 300ms, opacity 300ms; transform: translate3d(0,4px,0); } .ncd-photo ul.caption-hover li:hover p{ opacity: 1; transform: translate3d(0,0,0); } .ncd-photo ul.caption-hide li p{ display: none !important; } .ncd-photo ul.caption-bottom p{ left: 0; bottom: 0; right: 0; margin: 0; border-radius: 0 0 3px 3px; overflow: hidden; } .ncd-photo ul.caption-margin p span{ border-radius: 3px; } .ncd-photo ul.caption-margin p{ left: 20px; bottom: 10px; right: 20px; } /* GRID Style */ .ncd-photo.grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.grid li div{ overflow: hidden; } .ncd-photo.grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.grid li, .ncd-photo.photo-col-2.grid li, .ncd-photo.photo-col-3.grid li, .ncd-photo.photo-col-4.grid li, .ncd-photo.photo-col-5.grid li{width: 100%;} .ncd-photo[data-margin="0"].grid{margin: 0;} .ncd-photo[data-margin="0"].grid li div{margin: 0;} .ncd-photo[data-margin="1"].grid{margin: 0 -1px;} .ncd-photo[data-margin="1"].grid li div{margin: 1px;} .ncd-photo[data-margin="3"].grid{margin: 0 -3px;} .ncd-photo[data-margin="3"].grid li div{margin: 3px;} .ncd-photo[data-margin="5"].grid{margin: 0 -5px;} .ncd-photo[data-margin="5"].grid li div{margin: 5px;} .ncd-photo[data-margin="7"].grid{margin: 0 -7px;} .ncd-photo[data-margin="7"].grid li div{margin: 7px;} .ncd-photo[data-margin="9"].grid{margin: 0 -9px;} .ncd-photo[data-margin="9"].grid li div{margin: 9px;} .ncd-photo[data-margin="11"].grid{margin: 0 -11px;} .ncd-photo[data-margin="11"].grid li div{margin: 11px;} .ncd-photo[data-margin="13"].grid{margin: 0 -13px;} .ncd-photo[data-margin="13"].grid li div{margin: 13px;} .ncd-photo[data-margin="15"].grid{margin: 0 -15px;} .ncd-photo[data-margin="15"].grid li div{margin: 15px;} .ncd-photo[data-margin="17"].grid{margin: 0 -17px;} .ncd-photo[data-margin="17"].grid li div{margin: 17px;} .ncd-photo[data-margin="19"].grid{margin: 0 -19px;} .ncd-photo[data-margin="19"].grid li div{margin: 19px;} .ncd-photo[data-margin="21"].grid{margin: 0 -21px;} .ncd-photo[data-margin="21"].grid li div{margin: 21px;} .ncd-photo[data-margin="23"].grid{margin: 0 -23px;} .ncd-photo[data-margin="23"].grid li div{margin: 23px;} .ncd-photo[data-margin="25"].grid{margin: 0 -25px;} .ncd-photo[data-margin="25"].grid li div{margin: 25px;} /* MASONRY Style */ .ncd-photo.grid ul, .ncd-photo.masonry ul, .ncd-photo.justifiedGallery ul{ opacity: 0; } .ncd-photo.grid ul[data-imagesLoaded="1"], .ncd-photo.masonry ul[data-imagesLoaded="1"], .ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{ opacity: 1; transition: opacity 600ms; } .ncd-photo[data-margin="0"].masonry ul{margin: 0;} .ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin: 0;} .ncd-photo[data-margin="1"].masonry ul{margin: 0 -1px;} .ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin: 1px;} .ncd-photo[data-margin="3"].masonry ul{margin: 0 -3px;} .ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin: 3px;} .ncd-photo[data-margin="5"].masonry ul{margin: 0 -5px;} .ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin: 5px;} .ncd-photo[data-margin="7"].masonry ul{margin: 0 -7px;} .ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin: 7px;} .ncd-photo[data-margin="9"].masonry ul{margin: 0 -9px;} .ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin: 9px;} .ncd-photo[data-margin="11"].masonry ul{margin: 0 -11px;} .ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin: 11px;} .ncd-photo[data-margin="13"].masonry ul{margin: 0 -13px;} .ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin: 13px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -15px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 15px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -17px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 17px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -19px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 19px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -21px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 21px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -23px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 23px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -25px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 25px;} .ncd-photo.masonry img{ width: 100%; } /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0 li img, .ncd-photo.rad-0 .thumb-corner{border-radius: 0;} .ncd-photo.rad-3 li div, .ncd-photo.rad-3 li img, .ncd-photo.rad-3 .thumb-corner{border-radius: 3px;} .ncd-photo.rad-5 li div, .ncd-photo.rad-5 li img, .ncd-photo.rad-5 .thumb-corner{border-radius: 5px;} .ncd-photo.rad-7 li div, .ncd-photo.rad-7 li img, .ncd-photo.rad-7 .thumb-corner{border-radius: 7px;} [data-batch-hide="True"]{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } .thumb-corner{ position: absolute; bottom: 0; left: 0; z-index: 50; } .ncd-photo .thumb-corner{ width: 120px; height: 120px; background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); } .photo-stack:hover .thumb-corner i{ transform: scale(1.2); transform-origin: center; } .thumb-corner.video-icon i{ width: 0; height: 0; margin: 0 0 18px 22px; left: 0; bottom: 0; transform: scale(1); position: absolute; transition: transform 200ms; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 17px solid #fff; } #ncdPhotoCarousel .thumb-corner.video-icon i{ margin: 0; left: 33px; bottom: 21px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #fff; } .thumb-corner.bag-icon a{ left: 4px; bottom: 2px; display: block; transform: scale(1.1); position: absolute; cursor: pointer; height: 44px; width: 44px; transition: transform 200ms; } #ncdPhotoCarousel .thumb-corner.bag-icon{ display: none; } .thumb-corner.bag-icon a:first-child:before{ position: absolute; content: ''; top: 16px; left: 14px; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid #fff; } .thumb-corner.bag-icon a:first-child:after{ position: absolute; content: ''; height: 6px; width: 9px; top: 12px; left: 17px; border-radius: 8px 8px 0 0; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } @media only screen and (max-width: 300px) { .ncd-photo ul p{ opacity: 0 !important; } } /*************************** ***** L I G H T B O X ****** ****************************/ /* Loading Animation */ #ncdPhotoLoader{ position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 350ms 150ms; transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } /* Lightbox Base */ #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none; } #ncdPhotoBase.on, #ncdPhotoBase.on ~ *{ pointer-events: none; } #ncdPhotoBase.on ~ iframe{ pointer-events: auto; } #ncdPhotoHeader, #ncdPhotoControls, .exif_wrapper, #ncdPhotoOverlay{ pointer-events: auto; } #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; user-select: none; -webkit-user-select: none; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; } #ncdPhotoBase.out { z-index: 10000; } #ncdPhotoHeader{ position: absolute; right: 0; left: 0; top: 0; padding: 15px; font-size: 14px; z-index: 200; pointer-events: none; } #ncdPhotoOptions{ float: right; pointer-events: auto; padding: 10px 0 10px 20px; border-radius: 30px; transition: padding 0.3s ease-out; } @media only screen and (min-width: 400px) { #ncdPhotoHeader{ right: 1.5%; left: 1.5%; } } #ncdPhotoOptions.zoom{ background: rgba(0, 0, 0, 0.60); padding: 10px 5px; } #ncdPhotoOptions > .ncd-ui:first-child{ margin-left: 0px; } #ncdPhotoOptions .ncd-ui{ z-index: 100; width: 15px; height: 15px; cursor: pointer; position: relative; display: block; float: left; margin-left: 30px; user-select: none; transition: margin 0.3s ease-out, border 0.3s ease-out, box-shadow 0.15s ease-out; } #ncdPhotoOptions .ncd-ui:before{ position: absolute; top: -9px; left: -9px; right: 0; bottom: 0; content: ''; height: 33px; width: 33px; border-radius: 40px; /*box-shadow: 0 0 0 0 rgba(94, 94, 94, 0.91);*/ transition: background .5s ease-out; } #ncdPhotoOptions .ncd-ui:active:before{ background: rgba(94, 94, 94, 0.91); transition: background 0.15s ease-out; /*box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91);*/ } #ncdPhotoOptions.zoom .ncd-ui{ margin-left: 11px; margin-right: 11px; } #ncdPhotoOptions.zoom #ncdPhotoShare, #ncdPhotoOptions.zoom #ncdPhotoDownload, #ncdPhotoOptions.zoom #ncdPhotoBuynow, #ncdPhotoOptions .ncdPhotoZoom.zoomOut{ display: none; } #ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{ display: block; } #ncdPhotoControls{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; user-select: none; z-index: 100; pointer-events: none; } #ncdPhotoCarousel{ background: rgba(0, 0, 0, 0.60); text-align: center; padding: 5px; line-height: 0; overflow: auto; pointer-events: auto; -webkit-overflow-scrolling: touch; } #ncdPhotoCarousel li[data-hidefromlightbox="True"]{ display: none; } #ncdPhotoOverlay .hide{ display: none; } #ncdPhotoFooter{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background: rgba(0, 0, 0, 0.00); } #ncdZoomAmt{ position: absolute; top: 0; left: 0; right: 0; margin-top: 5px; text-align: center; color: rgba(245, 245, 245, 1.00); font: 400 13px/1.4 Arial; pointer-events: none; transition: opacity 200ms, transform 200ms; transform: translateY(10px); opacity: 0; } #ncdZoomAmt.zoom{ transform: translateY(0px); opacity: 1; } #ncdZoomAmt[data-zoom="50"] span:after{ content:' 50%'; } #ncdZoomAmt[data-zoom="75"] span:after{ content:' 75%'; } #ncdZoomAmt[data-zoom="100"] span:after{ content:' 100%'; } #ncdZoomAmt span{ background: rgba(0, 0, 0, 0.60); padding: 7px 14px; border-radius: 20px; } #ncdPhotoCarousel ul{ padding: 0; margin: 0; list-style: none; display: inline-block; white-space: nowrap; } #ncdPhotoCarousel li{ display: inline-block; position: relative; } #ncdPhotoCarousel li div{ width: 60px; height: 45px; margin: 3px 5px; border-radius: 2px; transform: scale(1); transition: box-shadow 200ms, transform 200ms, opacity 200ms; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0); } #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ transition: box-shadow 200ms, transform 200ms, opacity 200ms; } #ncdPhotoCarousel li div{opacity: 0.4;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{opacity: 1;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); } #ncdPhotoCarousel li.current div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); } #ncdPhotoCarousel li.current div{ transform: scale(1.1); } .photo_slide.zoom::-webkit-scrollbar, #ncdPhotoCarousel::-webkit-scrollbar, #ncdPhotoFooter p, #ncdPhotoFooter img, #ncdPhotoOptions .ncd-ui.hide, #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; } /* ZOOM & CLOSE */ .ncdPhotoZoom i:first-child:before, .ncdPhotoZoom i:first-child:after{ width: 1px; left: 7px; top: 3px; height: 7px; content: ""; background: rgba(245, 245, 245, 1.00); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoZoom i{ position: absolute; } .ncdPhotoZoom i:last-child:before{ position: absolute; height: 15px; width: 15px; top: -1px; border: 1.5px solid rgba(245, 245, 245, 1.00); border-radius: 15px; content: ''; } .ncdPhotoZoom i:last-child:after{ width: 5px; height: 2px; position: absolute; background: rgba(245, 245, 245, 1.00); transform: rotate(40deg); content: ''; top: 12px; border-radius: 6px; right: -17px; } /* ZOOM */ .ncdPhotoZoom{ transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transform: rotate(90deg); opacity: 0; } .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom i:after{ transform:rotate(-90deg); } .ncdPhotoZoom i:before{ transform:rotate(0deg); } .ncdPhotoZoom.zoom i:before { transform:rotate(-90deg); } /* CLOSE */ .ncdPhotoClose i{ position: absolute; } .ncdPhotoClose i:before, .ncdPhotoClose i:after{ height:20px; width: 2px; left: 7px; top: -2px; content: ''; transform:rotate(45deg); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoClose i:after{ transform:rotate(-45deg); } /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev{ z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; 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; pointer-events: auto; user-select: none; } .ncdPhotoNext{ transform: translateX(-15px); right: 4%; } .ncdPhotoPrev{ transform: translateX(15px); left: 4%; } .ncdPhotoNext.hide, .ncdPhotoPrev.hide{opacity: 0 !important;visibility: hidden;} @media screen and (max-width: 800px){ .ncdPhotoNext, .ncdPhotoPrev{ transform: translateX(0) rotate(0deg); opacity: 1; } } .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{transform:rotate(45deg);} .ncdPhotoNext:before{transform:rotate(-45deg);} .ncdPhotoPrev:after{transform:rotate(315deg);} .ncdPhotoPrev:before{transform:rotate(-315deg);} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev{ transform: translateX(0) rotate(0deg);opacity: 1; } /* Always Prev/Next */ .ncdPhotoNext, .ncdPhotoPrev { transform: translateX(0) rotate(0deg);opacity: 1; } /* OVERLAY */ #ncdPhotoOverlay { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; z-index: 0; user-select: none; -webkit-user-select: none; } .go-prev #ncdPhotoOverlay, .go-next #ncdPhotoOverlay{ transition: bottom 150ms ease-out; } #ncdPhotoOverlay.zoom { top: 0; bottom: 65px; } /* SLIDE IMAGES */ .photo_slide { height: 100%; position:absolute; top:-9999px; left:-9999px; right: auto; user-select: none; } #ncdPhotoOverlay:not(.zoom) .photo_slide > div { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .photo_slide img{ padding: 0; margin: 0; } .photo_slide img, .photo-embed-container { list-style: none; line-height: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; -webkit-touch-callout:none; transition: opacity 200ms; transform: translate3d(0,0,0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.50); } /* SHOW IMAGE */ .photo_slide.out, .photo_slide.ncd-show{ top:0; left:0; right: 0; } .photo_slide.ncd-show img{ cursor: zoom-in; } .processing .photo_slide img, .photo_slide.out img, .photo_slide.out .photo-embed-container{ opacity: 0; } .photo-embed-container { padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .photo-embed-container iframe, .photo-embed-container object, .photo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ncdPhotoBase.video-player #ncdPhotoDownload, #ncdPhotoBase.video-player #ncdPhotoFullscreen, #ncdPhotoBase.video-player .ncdPhotoZoom{ display: none !important; } /* ZOOM */ .photo_slide.ncd-show.zoom { position: absolute; overflow: auto; cursor: move; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; } .photo_slide.zoom.in.transition, .photo_slide.zoom.out{ overflow: hidden; } .photo_slide.zoom.transition div{ animation: photo-zoom-in 150ms ease-out both; } .photo_slide.zoom.in div{ animation: photo-zoom-in-complete 200ms ease-out both; } .photo_slide.zoom.in.transition div{ animation: photo-zoom-out 150ms ease-out both; } .photo_slide.zoom.out div{ animation: photo-zoom-out-complete 150ms ease-out both; } .photo_slide.zoom.in img{ max-width: none; max-height: none; border-radius: 0; box-shadow: none; transition: box-shadow 200ms; } .photo_slide.zoom.in img[data-zoom="25"]{ transform: scale(0.25); } .photo_slide.zoom.in img[data-zoom="50"]{ transform: scale(0.50); } .photo_slide.zoom.in img[data-zoom="75"]{ transform: scale(0.75); } .photo_slide.zoom.in img[data-zoom="100"]{ transform: scale(1); } /* ANIMATIONS */ @keyframes photo-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @keyframes photo-zoom-in-complete { 0% {transform: scale(.98);opacity: 0} 50% {transform: scale(.98);opacity: 0} 100% {transform: scale(1);opacity: 1} } @keyframes photo-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @keyframes photo-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @keyframes photo-fade-in { from {opacity: 0} to {opacity: 1} } /* FULLSCREEN */ #ncdPhotoFullscreen i{ position: absolute; } #ncdPhotoFullscreen i:before, #ncdPhotoFullscreen i:after{ position: absolute; content: ''; height: 2px; width: 6px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoFullscreen i:after{ width: 2px; height: 6px; } #ncdPhotoFullscreen i:first-child{ top: 0; left: 0; } #ncdPhotoFullscreen i:last-child{ bottom: 0; right: 0; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:first-child{ top: 6px; left: 6px; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:last-child{ bottom: 6px; right: 6px; transform: rotate(0deg); } /* SHARE */ #ncdPhotoShare{ line-height: 0; } #ncdPhotoShare svg{ height: 15px; width: auto; position: relative; margin-top: -1px; margin-left: -2px; } #ncdPhotoShare path{ fill: rgba(245, 245, 245, 1.00) !important; } #ncdShareOptions{ background: rgba(30, 30, 30, 1.00); box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); position: absolute; padding: 10px; border-radius: 7px; line-height: 1.4; margin: 10px 0 0; list-style: none; width: 150px; top: -99999px; left: -99999px; opacity: 0; transform: translateX(-50%) scale(.3); transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 150ms, left 0ms 150ms; transform-origin: 50% 0%; } #ncdShareOptions.show{ left: 50%; top: 100%; opacity: 1; transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 0ms, left 0ms 0ms; transform: translateX(-50%) scale(1); } #ncdShareOptions:before{ content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(30, 30, 30, 1.00); } #ncdShareOptions li{ padding: 6px 10px; margin: 0; border-radius: 4px; transition: background 150ms; } #ncdShareOptions li:hover{ background: rgba(255,255,255,0.1); } #ncdShareOptions button{ display: block; border: 0; margin: 0; padding: 0; font: 400 15px/1.4 Arial !important; background: transparent; color: rgba(255, 255, 255, 1.00); } /* BUY NOW */ #ncdPhotoBuynow.hide{ opacity: 0; max-width: 0; margin-left: 0; } #ncdPhotoBuynow i{ position: absolute; } #ncdPhotoBuynow i:first-child:before{ position: absolute; content: ''; top: 2px; left: 0; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid rgba(245, 245, 245, 1.00); } #ncdPhotoBuynow i:last-child:before{ position: absolute; content: ''; height: 6px; width: 9px; top: -2px; left: 3px; border-radius: 8px 8px 0 0; border-left: 1.5px solid rgba(245, 245, 245, 1.00); border-top: 1.5px solid rgba(245, 245, 245, 1.00); border-right: 1.5px solid rgba(245, 245, 245, 1.00); } /* DOWNLOAD 1 */ #ncdPhotoDownload{ display: block; } #ncdPhotoDownload i{ position: absolute; } #ncdPhotoDownload i:last-child:before, #ncdPhotoDownload i:last-child:after{ position: absolute; content: ''; height: 2px; width: 9px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload i:last-child:after{ width: 2px; height: 9px; } #ncdPhotoDownload i:last-child{ bottom: 1px; left: 7px; transform: rotate(225deg); } #ncdPhotoDownload i:first-child:before{ position: absolute; content: ''; top: -1px; left: 6px; height: 12px; width: 2px; background: rgba(245, 245, 245, 1.00); } /* DOWNLOAD 2 */ }#ncdPhotoDownload.alt i:last-child:before, #ncdPhotoDownload.alt i:last-child:after{ position: absolute; content: ''; height: 2px; width: 7px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:last-child:after{ width: 2px; height: 7px; } #ncdPhotoDownload.alt i:last-child{ bottom: 3px; left: 6px; transform: rotate(225deg); } #ncdPhotoDownload.alt i:first-child:before{ position: absolute; content: ''; top: 0; left: 5px; height: 8px; width: 2px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:first-child:after{ position: absolute; content: ''; top: 11px; left: 0px; height: 2px; width: 12px; background: rgba(245, 245, 245, 1.00); } /* COUNTER */ #ncdPhotoCounter{ float: left; line-height: 1; font-size: 12px; padding: 8px 16px 8px 0; border-radius: 30px; font-family: arial !important; pointer-events: none; font-weight: bolder; transition: opacity 200ms; } #ncdPhotoCounter.zoom{ opacity: 0; } #ncdPhotoCounter span{ vertical-align: top; line-height: 1; } .lb-current{ font-size: 1.45em; font-weight: normal; } .lb-total{ letter-spacing: 0.05em; } #ncdPhotoCounter[data-show-count="False"]{ display: none; } /* EXIF */ .exif_wrapper{ position: absolute; width: 300px; margin-left: -45px; top: -12px; } .exif_container{ background: rgba(30, 30, 30, 1.00); border-radius: 7px; left: 10px; bottom: 100%; z-index: 1; opacity: 0; width: 260px; height: 300px; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 25px; transform: scale(.3); transform-origin: 0 100%; position: absolute; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); transition: transform 200ms, opacity 200ms; pointer-events: none; } .exif_container *{ transform: translate3d(0,0,0); } .exif_wrapper.show .exif_container{ pointer-events: auto; transform: scale(1); opacity: 1; } .exif_data{ font: 400 15px/1.4 Arial !important; color: rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 10px 10px 10px 0; margin: 0; display: block; white-space: break-spaces; position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .exif_data.hasData{ position: relative; visibility: visible; top: 0; left: 0; } .exif_data:before{ color: rgba(170, 170, 170, 1.00); display: block; font-size: 11px; letter-spacing: 0; } .exif_data.hasData:after{ position: absolute; content: ''; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .exif_data.hasData.last:after{ display: none } #exif_FNumber{ letter-spacing: 0.1em; } .fstop{ font-family: georgia; font-style: italic; padding-left: 3px; padding-right: 2px; } .exif-trigger{ padding: 10px; cursor: pointer; display: inline-block; user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; z-index: 100; transform: scale(0); } .exif_wrapper.hasData .exif-trigger{ transform: scale(1); transition: transform 200ms; } .exif-trigger span:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } .exif-trigger span{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); transition: background 200ms; border-radius: 25px; height: 25px; width: 25px; line-height: 26px; font-family: monospace; text-align: center; font-size: 13px; font-weight: bolder; float: right; user-select: none; -webkit-user-select: none; } #exif_GPSMap{ color: #fff; text-decoration: none; } #exif_iptc_DateCreated:before{ content: 'Date Created'; } #exif_iptc_Keywords:before{ content: 'Keywords'; } #exif_model:before{ content: 'Camera Model'; } #exif_LensModel:before{ content: 'Lens Model'; } #exif_FocalLength:before{ content: 'Focal Length'; } #exif_FNumber:before{ content: 'Aperture'; } #exif_ExposureTime:before{ content: 'Shutter Speed'; } #exif_ISOSpeedRatings:before{ content: 'ISO'; } #exif_Dimensions:before{ content: 'Dimensions'; } #exif_ExposureProgram:before{ content: 'Exposure Program'; } #exif_Flash:before{ content: 'Flash'; } #exif_WhiteBalance:before{ content: 'White Balance'; } #exif_GPSLat:before{ content: 'GPS Latitude'; } #exif_GPSLong:before{ content: 'GPS Longitude'; } #exif_DateTimeOriginal:before{ content: 'Date & Time'; } #exif_GPSMap:before{ content: 'Google Map'; } .photo-stack .exif_wrapper{ position: absolute; top: 0; left: 0; } .photo-stack .exif-trigger{ position: absolute; top: 0; transform: scale(1); box-shadow: none; } /* CAPTION */ .captionWrapper{ max-width: 600px; margin: 0 auto; padding-left: 32px; text-align: left; position: relative; } .imageCaption{ font-size: px; padding-bottom: 0.2em; } .groupTitle{ font-size: px; } #ncdPhotoBase:hover .img-caption-in { opacity: 1; } #ncdPhotoBase .img-caption-in{ opacity: 0; transition: opacity 200ms; } .processing .img-caption-in{ opacity: 0; } #ncdPhotoCaption{ padding: 10px; transition: opacity 200ms; } #ncdPhotoCaption.zoom{ opacity: 0; pointer-events: none; } #ncdPhotoCaption [data-italic-title="True"], #ncdPhotoCaption [data-italic-caption="True"]{ font-style: italic; } #ncdPhotoCaption [data-bold-title="True"], #ncdPhotoCaption [data-bold-caption="True"]{ font-weight: bold; } #ncdPhotoCaption [data-hide-title="True"], #ncdPhotoCaption [data-hide-caption="True"]{ display: none; } .imageCaption{ color: rgba(255, 255, 255, 1.00); } .groupTitle{ color: rgba(136, 136, 136, 1.00); } .groupTitle.ncdPhotoCopywrite{ color: rgba(132, 132, 132, 1.00); } #ncdPhotoCounter{ color: rgba(245, 245, 245, 1.00); } #ncdPhotoBase{ background: rgba(255, 255, 255, 1.00); } .ncdPhotoNext:before,.ncdPhotoNext:after, .ncdPhotoPrev:before,.ncdPhotoPrev:after, .ncdPhotoClose i:before,.ncdPhotoClose i:after, .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after { background: rgba(245, 245, 245, 1.00); } .ncdPhotoNext:active, .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91); /*border: 2px solid rgba(245, 245, 245, 1.00);*/ } /* Edit Mode */ /*! * justifiedGallery - v4.0.0-alpha * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2019 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > li, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .ncd-photo .justified-gallery > li > div{ position: static; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > li > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > li > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > li > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > div > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } .exif_wrapper{display: none;} #stacks_in_2213.ncd-photo p{ text-align: left; } #stacks_in_2213 li > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; content: ''; z-index: 20; transition: box-shadow 200ms; border-radius: 3px; } #stacks_in_2213 li:hover > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.20); } #stacks_in_2213.ncd-photo li p span{ display: inline-block; } /* Break Points for Columns */ /* Phone */ #stacks_in_2213.grid li, #stacks_in_2213.masonry li{width: calc(100% / 1);} /* Phone + */ @media only screen and (min-width: 600px) { #stacks_in_2213.grid li, #stacks_in_2213.masonry li{width: calc(100% / 1);} } /* Tablet */ @media only screen and (min-width: 800px) { #stacks_in_2213.grid li, #stacks_in_2213.masonry li{width: calc(100% / 1);} } /* Desktop */ @media only screen and (min-width: 1100px) { #stacks_in_2213.grid li, #stacks_in_2213.masonry li{width: calc(100% / 1);} } #stacks_in_2213.grid li div{background-size: cover;} #stacks_in_2213.grid ul li div:after{padding-top: 100%;} #stacks_in_2213.fitRows img{ max-height: px; max-width: 200px; } #stacks_in_2213 p{font-size: 13px;} #stacks_in_2213 b{ font-size: 13px; color: rgba(255, 255, 255, 1.00); } #stacks_in_2213 em{color: rgba(187, 187, 187, 1.00);} #stacks_in_2213 span{background: rgba(0, 0, 0, 0.70);} #stacks_in_2206 { background-color: rgba(204, 204, 204, 0.00); margin: 4px 10px 6px 0px; } #stacks_out_2206 { margin-left:0; } #stacks_in_2208 { display:inline-block; width:100%; line-height: 1.130000em; font-size: 106%; } #stacks_in_2143 { background-color: rgba(204, 204, 204, 0.00); margin: 15px 10px -15px 0px; } #stacks_out_2143 { width: 78%; margin-left:0; } #stacks_in_2166 { display:inline-block; width:100%; line-height: 0.970000em; font-size: 106%; } #stacks_in_2167{overflow:hidden}#stacks_in_2167 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_2167 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_out_2167 { margin-left:0; } #stacks_in_2168 { background-color: rgba(204, 204, 204, 0.00); margin: -12px 10px 0px 0px; } #stacks_out_2168 { margin-left:0; } #stacks_in_2169 { display:inline-block; width:100%; line-height: 0.970000em; font-size: 106%; } .lightbox_error{ color: rgba(255, 255, 255, 1.00); font-size: 15px; text-align: center; } .lightbox_error h2{ font-size: 20px; } /* Loader Circle */ .preloader_wrapper{ position: relative; padding: 10px; width: 100%; text-align: center; } .preloader_icn { width: 40px; height: 40px; position: relative; display: inline-block; -webkit-animation: clockwise 750ms linear infinite; animation: clockwise 750ms linear infinite; } .preloader_cut { position: relative; width: calc(40px * .5); height: 40px; overflow: hidden; position: absolute; top: 0; left: 0; } .preloader_donut { box-sizing: border-box; width: 40px; height: 40px; border: 2px solid rgba(204, 204, 204, 1.00); border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; position: absolute; background: none; margin:0; -webkit-animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes clockwise { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0) } } @keyframes donut-rotate { 0% { transform: rotate(0) } 50% { transform: rotate(-140deg) } 100% { transform: rotate(0) } } 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; } .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ margin: 0; padding: 0; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo ul[data-hide="True"]{ height: 0 !important; } .ncd-photo ul[data-hide="True"] li, .ncd-photo li.hide{ display: none !important; } .ncd-photo li > div:first-child{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: box-shadow 150ms ease-out; } .ncd-photo li img{ position: relative; z-index: 10; transform: translateZ(0); } .ncd-photo li p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; user-select: none; transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo li p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo li p em{ font-weight: normal; font-style: normal; } .ncd-photo li p span{ padding: 6px 12px; } .ncd-photo li 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.caption-hover li p{ opacity: 0; transition: transform 300ms, opacity 300ms; transform: translate3d(0,4px,0); } .ncd-photo ul.caption-hover li:hover p{ opacity: 1; transform: translate3d(0,0,0); } .ncd-photo ul.caption-hide li p{ display: none !important; } .ncd-photo ul.caption-bottom p{ left: 0; bottom: 0; right: 0; margin: 0; border-radius: 0 0 3px 3px; overflow: hidden; } .ncd-photo ul.caption-margin p span{ border-radius: 3px; } .ncd-photo ul.caption-margin p{ left: 20px; bottom: 10px; right: 20px; } /* GRID Style */ .ncd-photo.grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.grid li div{ overflow: hidden; } .ncd-photo.grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.grid li, .ncd-photo.photo-col-2.grid li, .ncd-photo.photo-col-3.grid li, .ncd-photo.photo-col-4.grid li, .ncd-photo.photo-col-5.grid li{width: 100%;} .ncd-photo[data-margin="0"].grid{margin: 0;} .ncd-photo[data-margin="0"].grid li div{margin: 0;} .ncd-photo[data-margin="1"].grid{margin: 0 -1px;} .ncd-photo[data-margin="1"].grid li div{margin: 1px;} .ncd-photo[data-margin="3"].grid{margin: 0 -3px;} .ncd-photo[data-margin="3"].grid li div{margin: 3px;} .ncd-photo[data-margin="5"].grid{margin: 0 -5px;} .ncd-photo[data-margin="5"].grid li div{margin: 5px;} .ncd-photo[data-margin="7"].grid{margin: 0 -7px;} .ncd-photo[data-margin="7"].grid li div{margin: 7px;} .ncd-photo[data-margin="9"].grid{margin: 0 -9px;} .ncd-photo[data-margin="9"].grid li div{margin: 9px;} .ncd-photo[data-margin="11"].grid{margin: 0 -11px;} .ncd-photo[data-margin="11"].grid li div{margin: 11px;} .ncd-photo[data-margin="13"].grid{margin: 0 -13px;} .ncd-photo[data-margin="13"].grid li div{margin: 13px;} .ncd-photo[data-margin="15"].grid{margin: 0 -15px;} .ncd-photo[data-margin="15"].grid li div{margin: 15px;} .ncd-photo[data-margin="17"].grid{margin: 0 -17px;} .ncd-photo[data-margin="17"].grid li div{margin: 17px;} .ncd-photo[data-margin="19"].grid{margin: 0 -19px;} .ncd-photo[data-margin="19"].grid li div{margin: 19px;} .ncd-photo[data-margin="21"].grid{margin: 0 -21px;} .ncd-photo[data-margin="21"].grid li div{margin: 21px;} .ncd-photo[data-margin="23"].grid{margin: 0 -23px;} .ncd-photo[data-margin="23"].grid li div{margin: 23px;} .ncd-photo[data-margin="25"].grid{margin: 0 -25px;} .ncd-photo[data-margin="25"].grid li div{margin: 25px;} /* MASONRY Style */ .ncd-photo.grid ul, .ncd-photo.masonry ul, .ncd-photo.justifiedGallery ul{ opacity: 0; } .ncd-photo.grid ul[data-imagesLoaded="1"], .ncd-photo.masonry ul[data-imagesLoaded="1"], .ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{ opacity: 1; transition: opacity 600ms; } .ncd-photo[data-margin="0"].masonry ul{margin: 0;} .ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin: 0;} .ncd-photo[data-margin="1"].masonry ul{margin: 0 -1px;} .ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin: 1px;} .ncd-photo[data-margin="3"].masonry ul{margin: 0 -3px;} .ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin: 3px;} .ncd-photo[data-margin="5"].masonry ul{margin: 0 -5px;} .ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin: 5px;} .ncd-photo[data-margin="7"].masonry ul{margin: 0 -7px;} .ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin: 7px;} .ncd-photo[data-margin="9"].masonry ul{margin: 0 -9px;} .ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin: 9px;} .ncd-photo[data-margin="11"].masonry ul{margin: 0 -11px;} .ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin: 11px;} .ncd-photo[data-margin="13"].masonry ul{margin: 0 -13px;} .ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin: 13px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -15px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 15px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -17px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 17px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -19px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 19px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -21px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 21px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -23px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 23px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -25px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 25px;} .ncd-photo.masonry img{ width: 100%; } /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0 li img, .ncd-photo.rad-0 .thumb-corner{border-radius: 0;} .ncd-photo.rad-3 li div, .ncd-photo.rad-3 li img, .ncd-photo.rad-3 .thumb-corner{border-radius: 3px;} .ncd-photo.rad-5 li div, .ncd-photo.rad-5 li img, .ncd-photo.rad-5 .thumb-corner{border-radius: 5px;} .ncd-photo.rad-7 li div, .ncd-photo.rad-7 li img, .ncd-photo.rad-7 .thumb-corner{border-radius: 7px;} [data-batch-hide="True"]{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } .thumb-corner{ position: absolute; bottom: 0; left: 0; z-index: 50; } .ncd-photo .thumb-corner{ width: 120px; height: 120px; background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); } .photo-stack:hover .thumb-corner i{ transform: scale(1.2); transform-origin: center; } .thumb-corner.video-icon i{ width: 0; height: 0; margin: 0 0 18px 22px; left: 0; bottom: 0; transform: scale(1); position: absolute; transition: transform 200ms; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 17px solid #fff; } #ncdPhotoCarousel .thumb-corner.video-icon i{ margin: 0; left: 33px; bottom: 21px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #fff; } .thumb-corner.bag-icon a{ left: 4px; bottom: 2px; display: block; transform: scale(1.1); position: absolute; cursor: pointer; height: 44px; width: 44px; transition: transform 200ms; } #ncdPhotoCarousel .thumb-corner.bag-icon{ display: none; } .thumb-corner.bag-icon a:first-child:before{ position: absolute; content: ''; top: 16px; left: 14px; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid #fff; } .thumb-corner.bag-icon a:first-child:after{ position: absolute; content: ''; height: 6px; width: 9px; top: 12px; left: 17px; border-radius: 8px 8px 0 0; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } @media only screen and (max-width: 300px) { .ncd-photo ul p{ opacity: 0 !important; } } /*************************** ***** L I G H T B O X ****** ****************************/ /* Loading Animation */ #ncdPhotoLoader{ position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 350ms 150ms; transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } /* Lightbox Base */ #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none; } #ncdPhotoBase.on, #ncdPhotoBase.on ~ *{ pointer-events: none; } #ncdPhotoBase.on ~ iframe{ pointer-events: auto; } #ncdPhotoHeader, #ncdPhotoControls, .exif_wrapper, #ncdPhotoOverlay{ pointer-events: auto; } #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; user-select: none; -webkit-user-select: none; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; } #ncdPhotoBase.out { z-index: 10000; } #ncdPhotoHeader{ position: absolute; right: 0; left: 0; top: 0; padding: 15px; font-size: 14px; z-index: 200; pointer-events: none; } #ncdPhotoOptions{ float: right; pointer-events: auto; padding: 10px 0 10px 20px; border-radius: 30px; transition: padding 0.3s ease-out; } @media only screen and (min-width: 400px) { #ncdPhotoHeader{ right: 1.5%; left: 1.5%; } } #ncdPhotoOptions.zoom{ background: rgba(0, 0, 0, 0.60); padding: 10px 5px; } #ncdPhotoOptions > .ncd-ui:first-child{ margin-left: 0px; } #ncdPhotoOptions .ncd-ui{ z-index: 100; width: 15px; height: 15px; cursor: pointer; position: relative; display: block; float: left; margin-left: 30px; user-select: none; transition: margin 0.3s ease-out, border 0.3s ease-out, box-shadow 0.15s ease-out; } #ncdPhotoOptions .ncd-ui:before{ position: absolute; top: -9px; left: -9px; right: 0; bottom: 0; content: ''; height: 33px; width: 33px; border-radius: 40px; /*box-shadow: 0 0 0 0 rgba(94, 94, 94, 0.91);*/ transition: background .5s ease-out; } #ncdPhotoOptions .ncd-ui:active:before{ background: rgba(94, 94, 94, 0.91); transition: background 0.15s ease-out; /*box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91);*/ } #ncdPhotoOptions.zoom .ncd-ui{ margin-left: 11px; margin-right: 11px; } #ncdPhotoOptions.zoom #ncdPhotoShare, #ncdPhotoOptions.zoom #ncdPhotoDownload, #ncdPhotoOptions.zoom #ncdPhotoBuynow, #ncdPhotoOptions .ncdPhotoZoom.zoomOut{ display: none; } #ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{ display: block; } #ncdPhotoControls{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; user-select: none; z-index: 100; pointer-events: none; } #ncdPhotoCarousel{ background: rgba(0, 0, 0, 0.60); text-align: center; padding: 5px; line-height: 0; overflow: auto; pointer-events: auto; -webkit-overflow-scrolling: touch; } #ncdPhotoCarousel li[data-hidefromlightbox="True"]{ display: none; } #ncdPhotoOverlay .hide{ display: none; } #ncdPhotoFooter{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background: rgba(0, 0, 0, 0.00); } #ncdZoomAmt{ position: absolute; top: 0; left: 0; right: 0; margin-top: 5px; text-align: center; color: rgba(245, 245, 245, 1.00); font: 400 13px/1.4 Arial; pointer-events: none; transition: opacity 200ms, transform 200ms; transform: translateY(10px); opacity: 0; } #ncdZoomAmt.zoom{ transform: translateY(0px); opacity: 1; } #ncdZoomAmt[data-zoom="50"] span:after{ content:' 50%'; } #ncdZoomAmt[data-zoom="75"] span:after{ content:' 75%'; } #ncdZoomAmt[data-zoom="100"] span:after{ content:' 100%'; } #ncdZoomAmt span{ background: rgba(0, 0, 0, 0.60); padding: 7px 14px; border-radius: 20px; } #ncdPhotoCarousel ul{ padding: 0; margin: 0; list-style: none; display: inline-block; white-space: nowrap; } #ncdPhotoCarousel li{ display: inline-block; position: relative; } #ncdPhotoCarousel li div{ width: 80px; height: 45px; margin: 3px 5px; border-radius: 2px; transform: scale(1); transition: box-shadow 200ms, transform 200ms, opacity 200ms; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0); } #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ transition: box-shadow 200ms, transform 200ms, opacity 200ms; } #ncdPhotoCarousel li div{opacity: 0.4;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{opacity: 1;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); } #ncdPhotoCarousel li.current div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); } #ncdPhotoCarousel li.current div{ transform: scale(1.1); } .photo_slide.zoom::-webkit-scrollbar, #ncdPhotoCarousel::-webkit-scrollbar, #ncdPhotoFooter p, #ncdPhotoFooter img, #ncdPhotoOptions .ncd-ui.hide, #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; } /* ZOOM & CLOSE */ .ncdPhotoZoom i:first-child:before, .ncdPhotoZoom i:first-child:after{ width: 1px; left: 7px; top: 3px; height: 7px; content: ""; background: rgba(245, 245, 245, 1.00); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoZoom i{ position: absolute; } .ncdPhotoZoom i:last-child:before{ position: absolute; height: 15px; width: 15px; top: -1px; border: 1.5px solid rgba(245, 245, 245, 1.00); border-radius: 15px; content: ''; } .ncdPhotoZoom i:last-child:after{ width: 5px; height: 2px; position: absolute; background: rgba(245, 245, 245, 1.00); transform: rotate(40deg); content: ''; top: 12px; border-radius: 6px; right: -17px; } /* ZOOM */ .ncdPhotoZoom{ transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transform: rotate(90deg); opacity: 0; } .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom i:after{ transform:rotate(-90deg); } .ncdPhotoZoom i:before{ transform:rotate(0deg); } .ncdPhotoZoom.zoom i:before { transform:rotate(-90deg); } /* CLOSE */ .ncdPhotoClose i{ position: absolute; } .ncdPhotoClose i:before, .ncdPhotoClose i:after{ height:20px; width: 2px; left: 7px; top: -2px; content: ''; transform:rotate(45deg); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoClose i:after{ transform:rotate(-45deg); } /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev{ z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; 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; pointer-events: auto; user-select: none; } .ncdPhotoNext{ transform: translateX(-15px); right: 4%; } .ncdPhotoPrev{ transform: translateX(15px); left: 4%; } .ncdPhotoNext.hide, .ncdPhotoPrev.hide{opacity: 0 !important;visibility: hidden;} @media screen and (max-width: 800px){ .ncdPhotoNext, .ncdPhotoPrev{ transform: translateX(0) rotate(0deg); opacity: 1; } } .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{transform:rotate(45deg);} .ncdPhotoNext:before{transform:rotate(-45deg);} .ncdPhotoPrev:after{transform:rotate(315deg);} .ncdPhotoPrev:before{transform:rotate(-315deg);} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev{ transform: translateX(0) rotate(0deg);opacity: 1; } /* Always Prev/Next */ .ncdPhotoNext, .ncdPhotoPrev { transform: translateX(0) rotate(0deg);opacity: 1; } /* OVERLAY */ #ncdPhotoOverlay { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; z-index: 0; user-select: none; -webkit-user-select: none; } .go-prev #ncdPhotoOverlay, .go-next #ncdPhotoOverlay{ transition: bottom 150ms ease-out; } #ncdPhotoOverlay.zoom { top: 0; bottom: 65px; } /* SLIDE IMAGES */ .photo_slide { height: 100%; position:absolute; top:-9999px; left:-9999px; right: auto; user-select: none; } #ncdPhotoOverlay:not(.zoom) .photo_slide > div { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .photo_slide img{ padding: 0; margin: 0; } .photo_slide img, .photo-embed-container { list-style: none; line-height: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; -webkit-touch-callout:none; transition: opacity 200ms; transform: translate3d(0,0,0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.50); } /* SHOW IMAGE */ .photo_slide.out, .photo_slide.ncd-show{ top:0; left:0; right: 0; } .photo_slide.ncd-show img{ cursor: zoom-in; } .processing .photo_slide img, .photo_slide.out img, .photo_slide.out .photo-embed-container{ opacity: 0; } .photo-embed-container { padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .photo-embed-container iframe, .photo-embed-container object, .photo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ncdPhotoBase.video-player #ncdPhotoDownload, #ncdPhotoBase.video-player #ncdPhotoFullscreen, #ncdPhotoBase.video-player .ncdPhotoZoom{ display: none !important; } /* ZOOM */ .photo_slide.ncd-show.zoom { position: absolute; overflow: auto; cursor: move; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; } .photo_slide.zoom.in.transition, .photo_slide.zoom.out{ overflow: hidden; } .photo_slide.zoom.transition div{ animation: photo-zoom-in 150ms ease-out both; } .photo_slide.zoom.in div{ animation: photo-zoom-in-complete 200ms ease-out both; } .photo_slide.zoom.in.transition div{ animation: photo-zoom-out 150ms ease-out both; } .photo_slide.zoom.out div{ animation: photo-zoom-out-complete 150ms ease-out both; } .photo_slide.zoom.in img{ max-width: none; max-height: none; border-radius: 0; box-shadow: none; transition: box-shadow 200ms; } .photo_slide.zoom.in img[data-zoom="25"]{ transform: scale(0.25); } .photo_slide.zoom.in img[data-zoom="50"]{ transform: scale(0.50); } .photo_slide.zoom.in img[data-zoom="75"]{ transform: scale(0.75); } .photo_slide.zoom.in img[data-zoom="100"]{ transform: scale(1); } /* ANIMATIONS */ @keyframes photo-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @keyframes photo-zoom-in-complete { 0% {transform: scale(.98);opacity: 0} 50% {transform: scale(.98);opacity: 0} 100% {transform: scale(1);opacity: 1} } @keyframes photo-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @keyframes photo-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @keyframes photo-fade-in { from {opacity: 0} to {opacity: 1} } /* FULLSCREEN */ #ncdPhotoFullscreen i{ position: absolute; } #ncdPhotoFullscreen i:before, #ncdPhotoFullscreen i:after{ position: absolute; content: ''; height: 2px; width: 6px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoFullscreen i:after{ width: 2px; height: 6px; } #ncdPhotoFullscreen i:first-child{ top: 0; left: 0; } #ncdPhotoFullscreen i:last-child{ bottom: 0; right: 0; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:first-child{ top: 6px; left: 6px; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:last-child{ bottom: 6px; right: 6px; transform: rotate(0deg); } /* SHARE */ #ncdPhotoShare{ line-height: 0; } #ncdPhotoShare svg{ height: 15px; width: auto; position: relative; margin-top: -1px; margin-left: -2px; } #ncdPhotoShare path{ fill: rgba(245, 245, 245, 1.00) !important; } #ncdShareOptions{ background: rgba(30, 30, 30, 1.00); box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); position: absolute; padding: 10px; border-radius: 7px; line-height: 1.4; margin: 10px 0 0; list-style: none; width: 150px; top: -99999px; left: -99999px; opacity: 0; transform: translateX(-50%) scale(.3); transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 150ms, left 0ms 150ms; transform-origin: 50% 0%; } #ncdShareOptions.show{ left: 50%; top: 100%; opacity: 1; transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 0ms, left 0ms 0ms; transform: translateX(-50%) scale(1); } #ncdShareOptions:before{ content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(30, 30, 30, 1.00); } #ncdShareOptions li{ padding: 6px 10px; margin: 0; border-radius: 4px; transition: background 150ms; } #ncdShareOptions li:hover{ background: rgba(255,255,255,0.1); } #ncdShareOptions button{ display: block; border: 0; margin: 0; padding: 0; font: 400 15px/1.4 Arial !important; background: transparent; color: rgba(255, 255, 255, 1.00); } /* BUY NOW */ #ncdPhotoBuynow.hide{ opacity: 0; max-width: 0; margin-left: 0; } #ncdPhotoBuynow i{ position: absolute; } #ncdPhotoBuynow i:first-child:before{ position: absolute; content: ''; top: 2px; left: 0; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid rgba(245, 245, 245, 1.00); } #ncdPhotoBuynow i:last-child:before{ position: absolute; content: ''; height: 6px; width: 9px; top: -2px; left: 3px; border-radius: 8px 8px 0 0; border-left: 1.5px solid rgba(245, 245, 245, 1.00); border-top: 1.5px solid rgba(245, 245, 245, 1.00); border-right: 1.5px solid rgba(245, 245, 245, 1.00); } /* DOWNLOAD 1 */ #ncdPhotoDownload{ display: block; } #ncdPhotoDownload i{ position: absolute; } #ncdPhotoDownload i:last-child:before, #ncdPhotoDownload i:last-child:after{ position: absolute; content: ''; height: 2px; width: 9px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload i:last-child:after{ width: 2px; height: 9px; } #ncdPhotoDownload i:last-child{ bottom: 1px; left: 7px; transform: rotate(225deg); } #ncdPhotoDownload i:first-child:before{ position: absolute; content: ''; top: -1px; left: 6px; height: 12px; width: 2px; background: rgba(245, 245, 245, 1.00); } /* DOWNLOAD 2 */ }#ncdPhotoDownload.alt i:last-child:before, #ncdPhotoDownload.alt i:last-child:after{ position: absolute; content: ''; height: 2px; width: 7px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:last-child:after{ width: 2px; height: 7px; } #ncdPhotoDownload.alt i:last-child{ bottom: 3px; left: 6px; transform: rotate(225deg); } #ncdPhotoDownload.alt i:first-child:before{ position: absolute; content: ''; top: 0; left: 5px; height: 8px; width: 2px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:first-child:after{ position: absolute; content: ''; top: 11px; left: 0px; height: 2px; width: 12px; background: rgba(245, 245, 245, 1.00); } /* COUNTER */ #ncdPhotoCounter{ float: left; line-height: 1; font-size: 12px; padding: 8px 16px 8px 0; border-radius: 30px; font-family: arial !important; pointer-events: none; font-weight: bolder; transition: opacity 200ms; } #ncdPhotoCounter.zoom{ opacity: 0; } #ncdPhotoCounter span{ vertical-align: top; line-height: 1; } .lb-current{ font-size: 1.45em; font-weight: normal; } .lb-total{ letter-spacing: 0.05em; } #ncdPhotoCounter[data-show-count="False"]{ display: none; } /* EXIF */ .exif_wrapper{ position: absolute; width: 300px; margin-left: -45px; top: -12px; } .exif_container{ background: rgba(30, 30, 30, 1.00); border-radius: 7px; left: 10px; bottom: 100%; z-index: 1; opacity: 0; width: 260px; height: 300px; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 25px; transform: scale(.3); transform-origin: 0 100%; position: absolute; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); transition: transform 200ms, opacity 200ms; pointer-events: none; } .exif_container *{ transform: translate3d(0,0,0); } .exif_wrapper.show .exif_container{ pointer-events: auto; transform: scale(1); opacity: 1; } .exif_data{ font: 400 15px/1.4 Arial !important; color: rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 10px 10px 10px 0; margin: 0; display: block; white-space: break-spaces; position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .exif_data.hasData{ position: relative; visibility: visible; top: 0; left: 0; } .exif_data:before{ color: rgba(170, 170, 170, 1.00); display: block; font-size: 11px; letter-spacing: 0; } .exif_data.hasData:after{ position: absolute; content: ''; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .exif_data.hasData.last:after{ display: none } #exif_FNumber{ letter-spacing: 0.1em; } .fstop{ font-family: georgia; font-style: italic; padding-left: 3px; padding-right: 2px; } .exif-trigger{ padding: 10px; cursor: pointer; display: inline-block; user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; z-index: 100; transform: scale(0); } .exif_wrapper.hasData .exif-trigger{ transform: scale(1); transition: transform 200ms; } .exif-trigger span:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } .exif-trigger span{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); transition: background 200ms; border-radius: 25px; height: 25px; width: 25px; line-height: 26px; font-family: monospace; text-align: center; font-size: 13px; font-weight: bolder; float: right; user-select: none; -webkit-user-select: none; } #exif_GPSMap{ color: #fff; text-decoration: none; } #exif_iptc_DateCreated:before{ content: 'Date Created'; } #exif_iptc_Keywords:before{ content: 'Keywords'; } #exif_model:before{ content: 'Camera Model'; } #exif_LensModel:before{ content: 'Lens Model'; } #exif_FocalLength:before{ content: 'Focal Length'; } #exif_FNumber:before{ content: 'Aperture'; } #exif_ExposureTime:before{ content: 'Shutter Speed'; } #exif_ISOSpeedRatings:before{ content: 'ISO'; } #exif_Dimensions:before{ content: 'Dimensions'; } #exif_ExposureProgram:before{ content: 'Exposure Program'; } #exif_Flash:before{ content: 'Flash'; } #exif_WhiteBalance:before{ content: 'White Balance'; } #exif_GPSLat:before{ content: 'GPS Latitude'; } #exif_GPSLong:before{ content: 'GPS Longitude'; } #exif_DateTimeOriginal:before{ content: 'Date & Time'; } #exif_GPSMap:before{ content: 'Google Map'; } .photo-stack .exif_wrapper{ position: absolute; top: 0; left: 0; } .photo-stack .exif-trigger{ position: absolute; top: 0; transform: scale(1); box-shadow: none; } /* CAPTION */ .captionWrapper{ max-width: 600px; margin: 0 auto; padding-left: 32px; text-align: left; position: relative; } .imageCaption{ font-size: px; padding-bottom: 0.2em; } .groupTitle{ font-size: px; } #ncdPhotoBase:hover .img-caption-in { opacity: 1; } #ncdPhotoBase .img-caption-in{ opacity: 0; transition: opacity 200ms; } .processing .img-caption-in{ opacity: 0; } #ncdPhotoCaption{ padding: 10px; transition: opacity 200ms; } #ncdPhotoCaption.zoom{ opacity: 0; pointer-events: none; } #ncdPhotoCaption [data-italic-title="True"], #ncdPhotoCaption [data-italic-caption="True"]{ font-style: italic; } #ncdPhotoCaption [data-bold-title="True"], #ncdPhotoCaption [data-bold-caption="True"]{ font-weight: bold; } #ncdPhotoCaption [data-hide-title="True"], #ncdPhotoCaption [data-hide-caption="True"]{ display: none; } .imageCaption{ color: rgba(255, 255, 255, 1.00); } .groupTitle{ color: rgba(136, 136, 136, 1.00); } .groupTitle.ncdPhotoCopywrite{ color: rgba(132, 132, 132, 1.00); } #ncdPhotoCounter{ color: rgba(245, 245, 245, 1.00); } #ncdPhotoBase{ background: rgba(255, 255, 255, 1.00); } .ncdPhotoNext:before,.ncdPhotoNext:after, .ncdPhotoPrev:before,.ncdPhotoPrev:after, .ncdPhotoClose i:before,.ncdPhotoClose i:after, .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after { background: rgba(245, 245, 245, 1.00); } .ncdPhotoNext:active, .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91); /*border: 2px solid rgba(245, 245, 245, 1.00);*/ } /* Edit Mode */ /*! * justifiedGallery - v4.0.0-alpha * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2019 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > li, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .ncd-photo .justified-gallery > li > div{ position: static; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > li > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > li > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > li > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > div > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } .exif_wrapper{display: none;} #stacks_in_2171.ncd-photo p{ text-align: left; } #stacks_in_2171 li > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; content: ''; z-index: 20; transition: box-shadow 200ms; border-radius: 3px; } #stacks_in_2171 li:hover > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.20); } #stacks_in_2171.ncd-photo li p span{ display: inline-block; } /* Break Points for Columns */ /* Phone */ #stacks_in_2171.grid li, #stacks_in_2171.masonry li{width: calc(100% / 1);} /* Phone + */ @media only screen and (min-width: 600px) { #stacks_in_2171.grid li, #stacks_in_2171.masonry li{width: calc(100% / 1);} } /* Tablet */ @media only screen and (min-width: 800px) { #stacks_in_2171.grid li, #stacks_in_2171.masonry li{width: calc(100% / 1);} } /* Desktop */ @media only screen and (min-width: 1100px) { #stacks_in_2171.grid li, #stacks_in_2171.masonry li{width: calc(100% / 1);} } #stacks_in_2171.grid li div{background-size: cover;} #stacks_in_2171.grid ul li div:after{padding-top: 100%;} #stacks_in_2171.fitRows img{ max-height: px; max-width: 200px; } #stacks_in_2171 p{font-size: 13px;} #stacks_in_2171 b{ font-size: 13px; color: rgba(255, 255, 255, 1.00); } #stacks_in_2171 em{color: rgba(187, 187, 187, 1.00);} #stacks_in_2171 span{background: rgba(0, 0, 0, 0.70);} #stacks_in_2174{overflow:hidden}#stacks_in_2174 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_2174 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_out_2174 { margin-left:0; } #stacks_in_2175 { background-color: rgba(204, 204, 204, 0.00); margin: -12px 10px 5px 0px; } #stacks_out_2175 { margin-left:0; } #stacks_in_2176 { display:inline-block; width:100%; line-height: 0.970000em; font-size: 106%; } #stacks_in_2177{overflow:hidden}#stacks_in_2177 hr{opacity:0.75;border-top-style:solid;border-top-width:1px;margin:1.00rem 0;}#stacks_in_2177 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_2177 { padding: 0px 0px 15px 0px; } #stacks_out_2177 { margin-left:0; } .target.stacks_in_2660{background-color:rgba(252, 252, 251, 1.00); margin:0px 0px 0px 0px;}.target.stacks_in_2660{}.target.stacks_in_2660.width-fill{width:calc(100% - 0px)}.target.stacks_in_2660.width-flexible{width:100%}.target.stacks_in_2660.width-fixed{width:1050px}.target.stacks_in_2660.height-fill{height:calc(100% - 0px)}.target.stacks_in_2660.height-flexible{height:100%}.target.stacks_in_2660.height-fixed{height:250px}.target.stacks_in_2660[class*="relative-"].top-pt{top:2%}.target.stacks_in_2660[class*="relative-"].top-px{top:2px}.target.stacks_in_2660[class*="relative-"].bottom-pt{bottom:2%}.target.stacks_in_2660[class*="relative-"].bottom-px{bottom:2px}.target.stacks_in_2660[class*="relative-"].right-pt{right:0%}.target.stacks_in_2660[class*="relative-"].right-px{right:0px}.target.stacks_in_2660[class*="relative-"].left-pt{left:0%}.target.stacks_in_2660[class*="relative-"].left-px{left:0px}.target.stacks_in_2660.shift-up{margin-top:-0px}.target.stacks_in_2660.shift-down{margin-bottom:-0px}.target.stacks_in_2660.shift-left{right:0px}.target.stacks_in_2660.shift-right{left:0px}.target.stacks_in_2660.pin-top,.target.stacks_in_2660.pin-bottom{left:0px}.target.stacks_in_2660.pin-left,.target.stacks_in_2660.pin-right{top:0px} #stacks_in_1964 { background-color: rgba(251, 251, 250, 1.00); border: solid rgba(190, 190, 190, 1.00); border-width: 0px 0px 0px 1px; margin: 12px 0px 0px 0px; } .target.stacks_in_1186{background-color:rgba(252, 252, 251, 1.00); margin:0px;}.target.stacks_in_1186{}.target.stacks_in_1186.width-fill{width:calc(100% - 0px)}.target.stacks_in_1186.width-flexible{width:100%}.target.stacks_in_1186.width-fixed{width:1050px}.target.stacks_in_1186.height-fill{height:calc(100% - 0px)}.target.stacks_in_1186.height-flexible{height:100%}.target.stacks_in_1186.height-fixed{height:250px}.target.stacks_in_1186[class*="relative-"].top-pt{top:2%}.target.stacks_in_1186[class*="relative-"].top-px{top:2px}.target.stacks_in_1186[class*="relative-"].bottom-pt{bottom:2%}.target.stacks_in_1186[class*="relative-"].bottom-px{bottom:2px}.target.stacks_in_1186[class*="relative-"].right-pt{right:0%}.target.stacks_in_1186[class*="relative-"].right-px{right:0px}.target.stacks_in_1186[class*="relative-"].left-pt{left:0%}.target.stacks_in_1186[class*="relative-"].left-px{left:0px}.target.stacks_in_1186.shift-up{margin-top:-0px}.target.stacks_in_1186.shift-down{margin-bottom:-0px}.target.stacks_in_1186.shift-left{right:0px}.target.stacks_in_1186.shift-right{left:0px}.target.stacks_in_1186.pin-top,.target.stacks_in_1186.pin-bottom{left:0px}.target.stacks_in_1186.pin-left,.target.stacks_in_1186.pin-right{top:0px} #stacks_in_3082 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_3082 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_3082 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_3082 > .row.padding-detailed.padding-medium-up,#stacks_in_3082 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_3082 > .row.padding-detailed.padding-y-medium-up,#stacks_in_3082 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_3082 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_3082 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} #stacks_in_3082 { background-color: rgba(252, 252, 251, 1.00); } #stacks_out_3082 { width: 29%; } #stacks_in_3083 .smooth_scroll{ cursor:pointer; } #stacks_in_3083 { padding: 10px 0px 0px 0px; } #stacks_in_3086 { margin: 0px 0px -22px 8px; } #stacks_in_3089 { background-color: rgba(252, 252, 252, 0.00); margin: 2px 0px 0px 0px; } #stacks_in_3091 { background-color: rgba(204, 204, 204, 0.00); margin: 5px 10px -14px -10px; } #stacks_out_3091 { width: 80%; margin-left:0; } #stacks_in_3093 { display:inline-block; width:100%; line-height: 0.970000em; letter-spacing: 2px; font-size: 106%; } #stacks_in_3094{overflow:hidden}#stacks_in_3094 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_3094 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3094 { margin: -7px 10px -8px -10px; padding: 0px 0px 5px 0px; } #stacks_out_3094 { margin-left:0; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 10px; margin-right: 10px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } #stacks_in_3100 { background-color: rgba(250, 250, 249, 1.00); } #stacks_out_3100 { margin-left:0; } #stacks_in_3101 { padding: 0px 0px 10px 0px; } #stacks_out_3101 { margin-left:0; } #stacks_in_3103 { border: solid rgba(156, 156, 156, 1.00); border-width: 1px; } #stacks_in_3260 { border: solid rgba(144, 144, 144, 1.00); border-width: 1px; margin: 16px 0px 0px 0px; } #stacks_in_3097{overflow:hidden}#stacks_in_3097 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_3097 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3097 { margin: -7px 2px -5px -10px; padding: 0px 0px 5px 0px; } #stacks_out_3097 { margin-left:0; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 10px; margin-right: 10px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } #stacks_in_3283 { background-color: rgba(250, 250, 249, 1.00); } #stacks_out_3283 { margin-left:0; } #stacks_in_3284 { padding: 0px 0px 10px 0px; } #stacks_out_3284 { margin-left:0; } #stacks_in_3286 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 9px 0px; } #stacks_in_3291 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 12px 0px 0px 0px; } #stacks_in_3143{overflow:hidden}#stacks_in_3143 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_3143 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3143 { margin: -7px 10px -8px -10px; padding: 0px 0px 5px 0px; } #stacks_out_3143 { margin-left:0; } #stacks_in_3144 { margin: 0px 0px 6px 0px; } #stacks_in_3145 { letter-spacing: 1px; font-size: 99%; } #stacks_in_3146 { background-color: rgba(204, 204, 204, 0.00); margin: -12px 10px 0px -10px; } #stacks_out_3146 { margin-left:0; } #stacks_in_3147 { display:inline-block; width:100%; line-height: 0.970000em; letter-spacing: 1px; word-spacing: 3px; font-size: 106%; } #stacks_in_3148 { margin: 0px 0px 6px 0px; } #stacks_in_3149 { letter-spacing: 1px; } #stacks_in_3150{overflow:hidden}#stacks_in_3150 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_3150 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3150 { margin: -7px 10px -8px -10px; padding: 0px 0px 5px 0px; } #stacks_out_3150 { margin-left:0; } /* Blink! stack v1.1.3 */ #stacks_in_3151 u { -webkit-transform: translateZ(0); } #stacks_in_3151 u { text-decoration: none; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; -webkit-animation: stacks_in_3151-blink 2700ms linear infinite; -moz-animation: stacks_in_3151-blink 2700ms linear infinite; -ms-animation: stacks_in_3151-blink 2700ms linear infinite; -o-animation: stacks_in_3151-blink 2700ms linear infinite; animation: stacks_in_3151-blink 2700ms linear infinite; } @-webkit-keyframes stacks_in_3151-blink { 0% {color: #FC5435} 50% {color: #FFF0FE} 100% {color: #FC5435} } @-moz-keyframes stacks_in_3151-blink { 0% {color: #FC5435} 50% {color: #FFF0FE} 100% {color: #FC5435} } @-ms-keyframes stacks_in_3151-blink { 0% {color: #FC5435} 50% {color: #FFF0FE} 100% {color: #FC5435} } @-o-keyframes stacks_in_3151-blink { 0% {color: #FC5435} 50% {color: #FFF0FE} 100% {color: #FC5435} } @keyframes stacks_in_3151-blink { 0% {color: #FC5435} 50% {color: #FFF0FE} 100% {color: #FC5435} } /* End of Blink! stack */ #stacks_out_3151 { margin-left:0; } #stacks_in_3152 { background-color: rgba(204, 204, 204, 0.00); margin: -12px 10px 0px -10px; } #stacks_out_3152 { margin-left:0; } #stacks_in_3154 { display:inline-block; width:100%; line-height: 0.970000em; letter-spacing: 2px; word-spacing: 3px; font-size: 106%; } #stacks_in_3155 { margin: 0px 0px 6px 0px; } #stacks_in_3157{overflow:hidden}#stacks_in_3157 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_3157 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3157 { margin: -7px 10px -5px -10px; padding: 0px 0px 5px 0px; } #stacks_out_3157 { margin-left:0; } .target.stacks_in_3158{ margin:0px;}.target.stacks_in_3158{}.target.stacks_in_3158.width-fill{width:calc(100% - 0px)}.target.stacks_in_3158.width-flexible{width:100%}.target.stacks_in_3158.width-fixed{width:250px}.target.stacks_in_3158.height-fill{height:calc(100% - 0px)}.target.stacks_in_3158.height-flexible{height:100%}.target.stacks_in_3158.height-fixed{height:250px}.target.stacks_in_3158[class*="relative-"].top-pt{top:0%}.target.stacks_in_3158[class*="relative-"].top-px{top:0px}.target.stacks_in_3158[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_3158[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_3158[class*="relative-"].right-pt{right:0%}.target.stacks_in_3158[class*="relative-"].right-px{right:0px}.target.stacks_in_3158[class*="relative-"].left-pt{left:0%}.target.stacks_in_3158[class*="relative-"].left-px{left:0px}.target.stacks_in_3158.shift-up{margin-top:-0px}.target.stacks_in_3158.shift-down{margin-bottom:-0px}.target.stacks_in_3158.shift-left{right:0px}.target.stacks_in_3158.shift-right{left:0px}.target.stacks_in_3158.pin-top,.target.stacks_in_3158.pin-bottom{left:0px}.target.stacks_in_3158.pin-left,.target.stacks_in_3158.pin-right{top:0px} #stacks_in_3160 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_3160 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_3160 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_3160 > .row.padding-detailed.padding-medium-up,#stacks_in_3160 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_3160 > .row.padding-detailed.padding-y-medium-up,#stacks_in_3160 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_3160 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_3160 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} #stacks_out_3160 { margin-left:0; } #stacks_in_3164 { background-color: rgba(204, 204, 204, 0.00); margin: 24px 10px -14px -10px; } #stacks_out_3164 { width: 80%; margin-left:0; } #stacks_in_3166 { display:inline-block; width:100%; line-height: 0.970000em; letter-spacing: 2px; font-size: 106%; } #stacks_in_3167{overflow:hidden}#stacks_in_3167 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_3167 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3167 { margin: -8px 10px -8px -10px; padding: 0px 0px 5px 0px; } #stacks_out_3167 { margin-left:0; } #stacks_in_3168 { background-color: rgba(204, 204, 204, 0.00); margin: 0px 0px 10px 0px; } #stacks_out_3168 { margin-left:0; } #stacks_in_3169 { display:inline-block; width:100%; line-height: 0.970000em; font-size: 106%; } #stacks_in_3170{overflow:hidden}#stacks_in_3170 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:0.25rem 0;}#stacks_in_3170 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3170 { margin: 10px 0px 0px 0px; padding: 0px 0px 5px 0px; } #stacks_out_3170 { margin-left:0; } #stacks_in_3171 { background-color: rgba(204, 204, 204, 0.00); margin: 0px 0px 2px 0px; } #stacks_out_3171 { margin-left:0; } #stacks_in_3172 { display:inline-block; width:100%; line-height: 0.970000em; font-size: 106%; } .lightbox_error{ color: rgba(255, 255, 255, 1.00); font-size: 15px; text-align: center; } .lightbox_error h2{ font-size: 20px; } /* Loader Circle */ .preloader_wrapper{ position: relative; padding: 10px; width: 100%; text-align: center; } .preloader_icn { width: 40px; height: 40px; position: relative; display: inline-block; -webkit-animation: clockwise 750ms linear infinite; animation: clockwise 750ms linear infinite; } .preloader_cut { position: relative; width: calc(40px * .5); height: 40px; overflow: hidden; position: absolute; top: 0; left: 0; } .preloader_donut { box-sizing: border-box; width: 40px; height: 40px; border: 2px solid rgba(204, 204, 204, 1.00); border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; position: absolute; background: none; margin:0; -webkit-animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes clockwise { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0) } } @keyframes donut-rotate { 0% { transform: rotate(0) } 50% { transform: rotate(-140deg) } 100% { transform: rotate(0) } } 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; } .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ margin: 0; padding: 0; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo ul[data-hide="True"]{ height: 0 !important; } .ncd-photo ul[data-hide="True"] li, .ncd-photo li.hide{ display: none !important; } .ncd-photo li > div:first-child{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: box-shadow 150ms ease-out; } .ncd-photo li img{ position: relative; z-index: 10; transform: translateZ(0); } .ncd-photo li p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; user-select: none; transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo li p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo li p em{ font-weight: normal; font-style: normal; } .ncd-photo li p span{ padding: 6px 12px; } .ncd-photo li 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.caption-hover li p{ opacity: 0; transition: transform 300ms, opacity 300ms; transform: translate3d(0,4px,0); } .ncd-photo ul.caption-hover li:hover p{ opacity: 1; transform: translate3d(0,0,0); } .ncd-photo ul.caption-hide li p{ display: none !important; } .ncd-photo ul.caption-bottom p{ left: 0; bottom: 0; right: 0; margin: 0; border-radius: 0 0 3px 3px; overflow: hidden; } .ncd-photo ul.caption-margin p span{ border-radius: 3px; } .ncd-photo ul.caption-margin p{ left: 20px; bottom: 10px; right: 20px; } /* GRID Style */ .ncd-photo.grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.grid li div{ overflow: hidden; } .ncd-photo.grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.grid li, .ncd-photo.photo-col-2.grid li, .ncd-photo.photo-col-3.grid li, .ncd-photo.photo-col-4.grid li, .ncd-photo.photo-col-5.grid li{width: 100%;} .ncd-photo[data-margin="0"].grid{margin: 0;} .ncd-photo[data-margin="0"].grid li div{margin: 0;} .ncd-photo[data-margin="1"].grid{margin: 0 -1px;} .ncd-photo[data-margin="1"].grid li div{margin: 1px;} .ncd-photo[data-margin="3"].grid{margin: 0 -3px;} .ncd-photo[data-margin="3"].grid li div{margin: 3px;} .ncd-photo[data-margin="5"].grid{margin: 0 -5px;} .ncd-photo[data-margin="5"].grid li div{margin: 5px;} .ncd-photo[data-margin="7"].grid{margin: 0 -7px;} .ncd-photo[data-margin="7"].grid li div{margin: 7px;} .ncd-photo[data-margin="9"].grid{margin: 0 -9px;} .ncd-photo[data-margin="9"].grid li div{margin: 9px;} .ncd-photo[data-margin="11"].grid{margin: 0 -11px;} .ncd-photo[data-margin="11"].grid li div{margin: 11px;} .ncd-photo[data-margin="13"].grid{margin: 0 -13px;} .ncd-photo[data-margin="13"].grid li div{margin: 13px;} .ncd-photo[data-margin="15"].grid{margin: 0 -15px;} .ncd-photo[data-margin="15"].grid li div{margin: 15px;} .ncd-photo[data-margin="17"].grid{margin: 0 -17px;} .ncd-photo[data-margin="17"].grid li div{margin: 17px;} .ncd-photo[data-margin="19"].grid{margin: 0 -19px;} .ncd-photo[data-margin="19"].grid li div{margin: 19px;} .ncd-photo[data-margin="21"].grid{margin: 0 -21px;} .ncd-photo[data-margin="21"].grid li div{margin: 21px;} .ncd-photo[data-margin="23"].grid{margin: 0 -23px;} .ncd-photo[data-margin="23"].grid li div{margin: 23px;} .ncd-photo[data-margin="25"].grid{margin: 0 -25px;} .ncd-photo[data-margin="25"].grid li div{margin: 25px;} /* MASONRY Style */ .ncd-photo.grid ul, .ncd-photo.masonry ul, .ncd-photo.justifiedGallery ul{ opacity: 0; } .ncd-photo.grid ul[data-imagesLoaded="1"], .ncd-photo.masonry ul[data-imagesLoaded="1"], .ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{ opacity: 1; transition: opacity 600ms; } .ncd-photo[data-margin="0"].masonry ul{margin: 0;} .ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin: 0;} .ncd-photo[data-margin="1"].masonry ul{margin: 0 -1px;} .ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin: 1px;} .ncd-photo[data-margin="3"].masonry ul{margin: 0 -3px;} .ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin: 3px;} .ncd-photo[data-margin="5"].masonry ul{margin: 0 -5px;} .ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin: 5px;} .ncd-photo[data-margin="7"].masonry ul{margin: 0 -7px;} .ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin: 7px;} .ncd-photo[data-margin="9"].masonry ul{margin: 0 -9px;} .ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin: 9px;} .ncd-photo[data-margin="11"].masonry ul{margin: 0 -11px;} .ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin: 11px;} .ncd-photo[data-margin="13"].masonry ul{margin: 0 -13px;} .ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin: 13px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -15px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 15px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -17px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 17px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -19px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 19px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -21px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 21px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -23px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 23px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -25px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 25px;} .ncd-photo.masonry img{ width: 100%; } /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0 li img, .ncd-photo.rad-0 .thumb-corner{border-radius: 0;} .ncd-photo.rad-3 li div, .ncd-photo.rad-3 li img, .ncd-photo.rad-3 .thumb-corner{border-radius: 3px;} .ncd-photo.rad-5 li div, .ncd-photo.rad-5 li img, .ncd-photo.rad-5 .thumb-corner{border-radius: 5px;} .ncd-photo.rad-7 li div, .ncd-photo.rad-7 li img, .ncd-photo.rad-7 .thumb-corner{border-radius: 7px;} [data-batch-hide="True"]{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } .thumb-corner{ position: absolute; bottom: 0; left: 0; z-index: 50; } .ncd-photo .thumb-corner{ width: 120px; height: 120px; background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); } .photo-stack:hover .thumb-corner i{ transform: scale(1.2); transform-origin: center; } .thumb-corner.video-icon i{ width: 0; height: 0; margin: 0 0 18px 22px; left: 0; bottom: 0; transform: scale(1); position: absolute; transition: transform 200ms; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 17px solid #fff; } #ncdPhotoCarousel .thumb-corner.video-icon i{ margin: 0; left: 33px; bottom: 21px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #fff; } .thumb-corner.bag-icon a{ left: 4px; bottom: 2px; display: block; transform: scale(1.1); position: absolute; cursor: pointer; height: 44px; width: 44px; transition: transform 200ms; } #ncdPhotoCarousel .thumb-corner.bag-icon{ display: none; } .thumb-corner.bag-icon a:first-child:before{ position: absolute; content: ''; top: 16px; left: 14px; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid #fff; } .thumb-corner.bag-icon a:first-child:after{ position: absolute; content: ''; height: 6px; width: 9px; top: 12px; left: 17px; border-radius: 8px 8px 0 0; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } @media only screen and (max-width: 300px) { .ncd-photo ul p{ opacity: 0 !important; } } /*************************** ***** L I G H T B O X ****** ****************************/ /* Loading Animation */ #ncdPhotoLoader{ position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 350ms 150ms; transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } /* Lightbox Base */ #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none; } #ncdPhotoBase.on, #ncdPhotoBase.on ~ *{ pointer-events: none; } #ncdPhotoBase.on ~ iframe{ pointer-events: auto; } #ncdPhotoHeader, #ncdPhotoControls, .exif_wrapper, #ncdPhotoOverlay{ pointer-events: auto; } #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; user-select: none; -webkit-user-select: none; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; } #ncdPhotoBase.out { z-index: 10000; } #ncdPhotoHeader{ position: absolute; right: 0; left: 0; top: 0; padding: 15px; font-size: 14px; z-index: 200; pointer-events: none; } #ncdPhotoOptions{ float: right; pointer-events: auto; padding: 10px 0 10px 20px; border-radius: 30px; transition: padding 0.3s ease-out; } @media only screen and (min-width: 400px) { #ncdPhotoHeader{ right: 1.5%; left: 1.5%; } } #ncdPhotoOptions.zoom{ background: rgba(0, 0, 0, 0.60); padding: 10px 5px; } #ncdPhotoOptions > .ncd-ui:first-child{ margin-left: 0px; } #ncdPhotoOptions .ncd-ui{ z-index: 100; width: 15px; height: 15px; cursor: pointer; position: relative; display: block; float: left; margin-left: 30px; user-select: none; transition: margin 0.3s ease-out, border 0.3s ease-out, box-shadow 0.15s ease-out; } #ncdPhotoOptions .ncd-ui:before{ position: absolute; top: -9px; left: -9px; right: 0; bottom: 0; content: ''; height: 33px; width: 33px; border-radius: 40px; /*box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.30);*/ transition: background .5s ease-out; } #ncdPhotoOptions .ncd-ui:active:before{ background: rgba(255, 255, 255, 0.30); transition: background 0.15s ease-out; /*box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.30);*/ } #ncdPhotoOptions.zoom .ncd-ui{ margin-left: 11px; margin-right: 11px; } #ncdPhotoOptions.zoom #ncdPhotoShare, #ncdPhotoOptions.zoom #ncdPhotoDownload, #ncdPhotoOptions.zoom #ncdPhotoBuynow, #ncdPhotoOptions .ncdPhotoZoom.zoomOut{ display: none; } #ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{ display: block; } #ncdPhotoControls{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; user-select: none; z-index: 100; pointer-events: none; } #ncdPhotoCarousel{ background: rgba(0, 0, 0, 0.60); text-align: center; padding: 5px; line-height: 0; overflow: auto; pointer-events: auto; -webkit-overflow-scrolling: touch; } #ncdPhotoCarousel li[data-hidefromlightbox="True"]{ display: none; } #ncdPhotoOverlay .hide{ display: none; } #ncdPhotoFooter{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background: rgba(0, 0, 0, 0.00); } #ncdZoomAmt{ position: absolute; top: 0; left: 0; right: 0; margin-top: 5px; text-align: center; color: rgba(245, 245, 245, 1.00); font: 400 13px/1.4 Arial; pointer-events: none; transition: opacity 200ms, transform 200ms; transform: translateY(10px); opacity: 0; } #ncdZoomAmt.zoom{ transform: translateY(0px); opacity: 1; } #ncdZoomAmt[data-zoom="50"] span:after{ content:' 50%'; } #ncdZoomAmt[data-zoom="75"] span:after{ content:' 75%'; } #ncdZoomAmt[data-zoom="100"] span:after{ content:' 100%'; } #ncdZoomAmt span{ background: rgba(0, 0, 0, 0.60); padding: 7px 14px; border-radius: 20px; } #ncdPhotoCarousel ul{ padding: 0; margin: 0; list-style: none; display: inline-block; white-space: nowrap; } #ncdPhotoCarousel li{ display: inline-block; position: relative; } #ncdPhotoCarousel li div{ width: 80px; height: 45px; margin: 3px 5px; border-radius: 2px; transform: scale(1); transition: box-shadow 200ms, transform 200ms, opacity 200ms; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0); } #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ transition: box-shadow 200ms, transform 200ms, opacity 200ms; } #ncdPhotoCarousel li div{opacity: 0.4;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{opacity: 1;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); } #ncdPhotoCarousel li.current div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); } #ncdPhotoCarousel li.current div{ transform: scale(1.1); } .photo_slide.zoom::-webkit-scrollbar, #ncdPhotoCarousel::-webkit-scrollbar, #ncdPhotoFooter p, #ncdPhotoFooter img, #ncdPhotoOptions .ncd-ui.hide, #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; } /* ZOOM & CLOSE */ .ncdPhotoZoom i:first-child:before, .ncdPhotoZoom i:first-child:after{ width: 1px; left: 7px; top: 3px; height: 7px; content: ""; background: rgba(245, 245, 245, 1.00); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoZoom i{ position: absolute; } .ncdPhotoZoom i:last-child:before{ position: absolute; height: 15px; width: 15px; top: -1px; border: 1.5px solid rgba(245, 245, 245, 1.00); border-radius: 15px; content: ''; } .ncdPhotoZoom i:last-child:after{ width: 5px; height: 2px; position: absolute; background: rgba(245, 245, 245, 1.00); transform: rotate(40deg); content: ''; top: 12px; border-radius: 6px; right: -17px; } /* ZOOM */ .ncdPhotoZoom{ transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transform: rotate(90deg); opacity: 0; } .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom i:after{ transform:rotate(-90deg); } .ncdPhotoZoom i:before{ transform:rotate(0deg); } .ncdPhotoZoom.zoom i:before { transform:rotate(-90deg); } /* CLOSE */ .ncdPhotoClose i{ position: absolute; } .ncdPhotoClose i:before, .ncdPhotoClose i:after{ height:20px; width: 2px; left: 7px; top: -2px; content: ''; transform:rotate(45deg); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoClose i:after{ transform:rotate(-45deg); } /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev{ z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; 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; pointer-events: auto; user-select: none; } .ncdPhotoNext{ transform: translateX(-15px); right: 4%; } .ncdPhotoPrev{ transform: translateX(15px); left: 4%; } .ncdPhotoNext.hide, .ncdPhotoPrev.hide{opacity: 0 !important;visibility: hidden;} @media screen and (max-width: 800px){ .ncdPhotoNext, .ncdPhotoPrev{ transform: translateX(0) rotate(0deg); opacity: 1; } } .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{transform:rotate(45deg);} .ncdPhotoNext:before{transform:rotate(-45deg);} .ncdPhotoPrev:after{transform:rotate(315deg);} .ncdPhotoPrev:before{transform:rotate(-315deg);} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev{ transform: translateX(0) rotate(0deg);opacity: 1; } /* Always Prev/Next */ .ncdPhotoNext, .ncdPhotoPrev { transform: translateX(0) rotate(0deg);opacity: 1; } /* OVERLAY */ #ncdPhotoOverlay { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; z-index: 0; user-select: none; -webkit-user-select: none; } .go-prev #ncdPhotoOverlay, .go-next #ncdPhotoOverlay{ transition: bottom 150ms ease-out; } #ncdPhotoOverlay.zoom { top: 0; bottom: 65px; } /* SLIDE IMAGES */ .photo_slide { height: 100%; position:absolute; top:-9999px; left:-9999px; right: auto; user-select: none; } #ncdPhotoOverlay:not(.zoom) .photo_slide > div { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .photo_slide img{ padding: 0; margin: 0; } .photo_slide img, .photo-embed-container { list-style: none; line-height: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; -webkit-touch-callout:none; transition: opacity 200ms; transform: translate3d(0,0,0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.50); } /* SHOW IMAGE */ .photo_slide.out, .photo_slide.ncd-show{ top:0; left:0; right: 0; } .photo_slide.ncd-show img{ cursor: zoom-in; } .processing .photo_slide img, .photo_slide.out img, .photo_slide.out .photo-embed-container{ opacity: 0; } .photo-embed-container { padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .photo-embed-container iframe, .photo-embed-container object, .photo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ncdPhotoBase.video-player #ncdPhotoDownload, #ncdPhotoBase.video-player #ncdPhotoFullscreen, #ncdPhotoBase.video-player .ncdPhotoZoom{ display: none !important; } /* ZOOM */ .photo_slide.ncd-show.zoom { position: absolute; overflow: auto; cursor: move; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; } .photo_slide.zoom.in.transition, .photo_slide.zoom.out{ overflow: hidden; } .photo_slide.zoom.transition div{ animation: photo-zoom-in 150ms ease-out both; } .photo_slide.zoom.in div{ animation: photo-zoom-in-complete 200ms ease-out both; } .photo_slide.zoom.in.transition div{ animation: photo-zoom-out 150ms ease-out both; } .photo_slide.zoom.out div{ animation: photo-zoom-out-complete 150ms ease-out both; } .photo_slide.zoom.in img{ max-width: none; max-height: none; border-radius: 0; box-shadow: none; transition: box-shadow 200ms; } .photo_slide.zoom.in img[data-zoom="25"]{ transform: scale(0.25); } .photo_slide.zoom.in img[data-zoom="50"]{ transform: scale(0.50); } .photo_slide.zoom.in img[data-zoom="75"]{ transform: scale(0.75); } .photo_slide.zoom.in img[data-zoom="100"]{ transform: scale(1); } /* ANIMATIONS */ @keyframes photo-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @keyframes photo-zoom-in-complete { 0% {transform: scale(.98);opacity: 0} 50% {transform: scale(.98);opacity: 0} 100% {transform: scale(1);opacity: 1} } @keyframes photo-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @keyframes photo-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @keyframes photo-fade-in { from {opacity: 0} to {opacity: 1} } /* FULLSCREEN */ #ncdPhotoFullscreen i{ position: absolute; } #ncdPhotoFullscreen i:before, #ncdPhotoFullscreen i:after{ position: absolute; content: ''; height: 2px; width: 6px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoFullscreen i:after{ width: 2px; height: 6px; } #ncdPhotoFullscreen i:first-child{ top: 0; left: 0; } #ncdPhotoFullscreen i:last-child{ bottom: 0; right: 0; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:first-child{ top: 6px; left: 6px; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:last-child{ bottom: 6px; right: 6px; transform: rotate(0deg); } /* SHARE */ #ncdPhotoShare{ line-height: 0; } #ncdPhotoShare svg{ height: 15px; width: auto; position: relative; margin-top: -1px; margin-left: -2px; } #ncdPhotoShare path{ fill: rgba(245, 245, 245, 1.00) !important; } #ncdShareOptions{ background: rgba(30, 30, 30, 1.00); box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); position: absolute; padding: 10px; border-radius: 7px; line-height: 1.4; margin: 10px 0 0; list-style: none; width: 150px; top: -99999px; left: -99999px; opacity: 0; transform: translateX(-50%) scale(.3); transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 150ms, left 0ms 150ms; transform-origin: 50% 0%; } #ncdShareOptions.show{ left: 50%; top: 100%; opacity: 1; transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 0ms, left 0ms 0ms; transform: translateX(-50%) scale(1); } #ncdShareOptions:before{ content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(30, 30, 30, 1.00); } #ncdShareOptions li{ padding: 6px 10px; margin: 0; border-radius: 4px; transition: background 150ms; } #ncdShareOptions li:hover{ background: rgba(255,255,255,0.1); } #ncdShareOptions button{ display: block; border: 0; margin: 0; padding: 0; font: 400 15px/1.4 Arial !important; background: transparent; color: rgba(255, 255, 255, 1.00); } /* BUY NOW */ #ncdPhotoBuynow.hide{ opacity: 0; max-width: 0; margin-left: 0; } #ncdPhotoBuynow i{ position: absolute; } #ncdPhotoBuynow i:first-child:before{ position: absolute; content: ''; top: 2px; left: 0; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid rgba(245, 245, 245, 1.00); } #ncdPhotoBuynow i:last-child:before{ position: absolute; content: ''; height: 6px; width: 9px; top: -2px; left: 3px; border-radius: 8px 8px 0 0; border-left: 1.5px solid rgba(245, 245, 245, 1.00); border-top: 1.5px solid rgba(245, 245, 245, 1.00); border-right: 1.5px solid rgba(245, 245, 245, 1.00); } /* DOWNLOAD 1 */ #ncdPhotoDownload{ display: block; } #ncdPhotoDownload i{ position: absolute; } #ncdPhotoDownload i:last-child:before, #ncdPhotoDownload i:last-child:after{ position: absolute; content: ''; height: 2px; width: 9px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload i:last-child:after{ width: 2px; height: 9px; } #ncdPhotoDownload i:last-child{ bottom: 1px; left: 7px; transform: rotate(225deg); } #ncdPhotoDownload i:first-child:before{ position: absolute; content: ''; top: -1px; left: 6px; height: 12px; width: 2px; background: rgba(245, 245, 245, 1.00); } /* DOWNLOAD 2 */ }#ncdPhotoDownload.alt i:last-child:before, #ncdPhotoDownload.alt i:last-child:after{ position: absolute; content: ''; height: 2px; width: 7px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:last-child:after{ width: 2px; height: 7px; } #ncdPhotoDownload.alt i:last-child{ bottom: 3px; left: 6px; transform: rotate(225deg); } #ncdPhotoDownload.alt i:first-child:before{ position: absolute; content: ''; top: 0; left: 5px; height: 8px; width: 2px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:first-child:after{ position: absolute; content: ''; top: 11px; left: 0px; height: 2px; width: 12px; background: rgba(245, 245, 245, 1.00); } /* COUNTER */ #ncdPhotoCounter{ float: left; line-height: 1; font-size: 12px; padding: 8px 16px 8px 0; border-radius: 30px; font-family: arial !important; pointer-events: none; font-weight: bolder; transition: opacity 200ms; } #ncdPhotoCounter.zoom{ opacity: 0; } #ncdPhotoCounter span{ vertical-align: top; line-height: 1; } .lb-current{ font-size: 1.45em; font-weight: normal; } .lb-total{ letter-spacing: 0.05em; } #ncdPhotoCounter[data-show-count="False"]{ display: none; } /* EXIF */ .exif_wrapper{ position: absolute; width: 300px; margin-left: -45px; top: -12px; } .exif_container{ background: rgba(30, 30, 30, 1.00); border-radius: 7px; left: 10px; bottom: 100%; z-index: 1; opacity: 0; width: 260px; height: 300px; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 25px; transform: scale(.3); transform-origin: 0 100%; position: absolute; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); transition: transform 200ms, opacity 200ms; pointer-events: none; } .exif_container *{ transform: translate3d(0,0,0); } .exif_wrapper.show .exif_container{ pointer-events: auto; transform: scale(1); opacity: 1; } .exif_data{ font: 400 15px/1.4 Arial !important; color: rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 10px 10px 10px 0; margin: 0; display: block; white-space: break-spaces; position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .exif_data.hasData{ position: relative; visibility: visible; top: 0; left: 0; } .exif_data:before{ color: rgba(170, 170, 170, 1.00); display: block; font-size: 11px; letter-spacing: 0; } .exif_data.hasData:after{ position: absolute; content: ''; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .exif_data.hasData.last:after{ display: none } #exif_FNumber{ letter-spacing: 0.1em; } .fstop{ font-family: georgia; font-style: italic; padding-left: 3px; padding-right: 2px; } .exif-trigger{ padding: 10px; cursor: pointer; display: inline-block; user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; z-index: 100; transform: scale(0); } .exif_wrapper.hasData .exif-trigger{ transform: scale(1); transition: transform 200ms; } .exif-trigger span:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } .exif-trigger span{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); transition: background 200ms; border-radius: 25px; height: 25px; width: 25px; line-height: 26px; font-family: monospace; text-align: center; font-size: 13px; font-weight: bolder; float: right; user-select: none; -webkit-user-select: none; } #exif_GPSMap{ color: #fff; text-decoration: none; } #exif_iptc_DateCreated:before{ content: 'Date Created'; } #exif_iptc_Keywords:before{ content: 'Keywords'; } #exif_model:before{ content: 'Camera Model'; } #exif_LensModel:before{ content: 'Lens Model'; } #exif_FocalLength:before{ content: 'Focal Length'; } #exif_FNumber:before{ content: 'Aperture'; } #exif_ExposureTime:before{ content: 'Shutter Speed'; } #exif_ISOSpeedRatings:before{ content: 'ISO'; } #exif_Dimensions:before{ content: 'Dimensions'; } #exif_ExposureProgram:before{ content: 'Exposure Program'; } #exif_Flash:before{ content: 'Flash'; } #exif_WhiteBalance:before{ content: 'White Balance'; } #exif_GPSLat:before{ content: 'GPS Latitude'; } #exif_GPSLong:before{ content: 'GPS Longitude'; } #exif_DateTimeOriginal:before{ content: 'Date & Time'; } #exif_GPSMap:before{ content: 'Google Map'; } .photo-stack .exif_wrapper{ position: absolute; top: 0; left: 0; } .photo-stack .exif-trigger{ position: absolute; top: 0; transform: scale(1); box-shadow: none; } /* CAPTION */ .captionWrapper{ max-width: 600px; margin: 0 auto; padding-left: 32px; text-align: left; position: relative; } .imageCaption{ font-size: px; padding-bottom: 0.2em; } .groupTitle{ font-size: px; } #ncdPhotoBase:hover .img-caption-in { opacity: 1; } #ncdPhotoBase .img-caption-in{ opacity: 0; transition: opacity 200ms; } .processing .img-caption-in{ opacity: 0; } #ncdPhotoCaption{ padding: 10px; transition: opacity 200ms; } #ncdPhotoCaption.zoom{ opacity: 0; pointer-events: none; } #ncdPhotoCaption [data-italic-title="True"], #ncdPhotoCaption [data-italic-caption="True"]{ font-style: italic; } #ncdPhotoCaption [data-bold-title="True"], #ncdPhotoCaption [data-bold-caption="True"]{ font-weight: bold; } #ncdPhotoCaption [data-hide-title="True"], #ncdPhotoCaption [data-hide-caption="True"]{ display: none; } .imageCaption{ color: rgba(255, 255, 255, 1.00); } .groupTitle{ color: rgba(136, 136, 136, 1.00); } .groupTitle.ncdPhotoCopywrite{ color: rgba(132, 132, 132, 1.00); } #ncdPhotoCounter{ color: rgba(245, 245, 245, 1.00); } #ncdPhotoBase{ background: rgba(15, 15, 15, 0.97); } .ncdPhotoNext:before,.ncdPhotoNext:after, .ncdPhotoPrev:before,.ncdPhotoPrev:after, .ncdPhotoClose i:before,.ncdPhotoClose i:after, .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after { background: rgba(245, 245, 245, 1.00); } .ncdPhotoNext:active, .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.30); /*border: 2px solid rgba(245, 245, 245, 1.00);*/ } /* Edit Mode */ /*! * justifiedGallery - v4.0.0-alpha * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2019 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > li, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .ncd-photo .justified-gallery > li > div{ position: static; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > li > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > li > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > li > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > div > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } #stacks_out_3174 { margin-left:0; } .exif_wrapper{display: none;} #stacks_in_3175.ncd-photo p{ text-align: left; } #stacks_in_3175 li > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; content: ''; z-index: 20; transition: box-shadow 200ms; border-radius: 3px; } #stacks_in_3175 li:hover > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.20); } #stacks_in_3175.ncd-photo li p span{ display: inline-block; } /* Break Points for Columns */ /* Phone */ #stacks_in_3175.grid li, #stacks_in_3175.masonry li{width: calc(100% / 1);} /* Phone + */ @media only screen and (min-width: 600px) { #stacks_in_3175.grid li, #stacks_in_3175.masonry li{width: calc(100% / 1);} } /* Tablet */ @media only screen and (min-width: 800px) { #stacks_in_3175.grid li, #stacks_in_3175.masonry li{width: calc(100% / 1);} } /* Desktop */ @media only screen and (min-width: 1100px) { #stacks_in_3175.grid li, #stacks_in_3175.masonry li{width: calc(100% / 1);} } #stacks_in_3175.grid li div{background-size: cover;} #stacks_in_3175.grid ul li div:after{padding-top: 56%;} #stacks_in_3175.fitRows img{ max-height: px; max-width: 200px; } #stacks_in_3175 p{font-size: 13px;} #stacks_in_3175 b{ font-size: 13px; color: rgba(255, 255, 255, 1.00); } #stacks_in_3175 em{color: rgba(187, 187, 187, 1.00);} #stacks_in_3175 span{background: rgba(0, 0, 0, 0.70);} #stacks_in_3178{overflow:hidden}#stacks_in_3178 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:0.25rem 0;}#stacks_in_3178 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3178 { margin: 10px 0px 0px 0px; padding: 0px 0px 5px 0px; } #stacks_out_3178 { margin-left:0; } #stacks_in_3180 { background-color: rgba(204, 204, 204, 0.00); margin: 0px 0px 8px 0px; } #stacks_out_3180 { margin-left:0; } #stacks_in_3181 { display:inline-block; width:100%; line-height: 1.110000em; font-size: 106%; } #stacks_out_3182 { margin-left:0; } .lightbox_error{ color: rgba(255, 255, 255, 1.00); font-size: 15px; text-align: center; } .lightbox_error h2{ font-size: 20px; } /* Loader Circle */ .preloader_wrapper{ position: relative; padding: 10px; width: 100%; text-align: center; } .preloader_icn { width: 40px; height: 40px; position: relative; display: inline-block; -webkit-animation: clockwise 750ms linear infinite; animation: clockwise 750ms linear infinite; } .preloader_cut { position: relative; width: calc(40px * .5); height: 40px; overflow: hidden; position: absolute; top: 0; left: 0; } .preloader_donut { box-sizing: border-box; width: 40px; height: 40px; border: 2px solid rgba(204, 204, 204, 1.00); border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; position: absolute; background: none; margin:0; -webkit-animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes clockwise { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0) } } @keyframes donut-rotate { 0% { transform: rotate(0) } 50% { transform: rotate(-140deg) } 100% { transform: rotate(0) } } 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; } .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ margin: 0; padding: 0; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo ul[data-hide="True"]{ height: 0 !important; } .ncd-photo ul[data-hide="True"] li, .ncd-photo li.hide{ display: none !important; } .ncd-photo li > div:first-child{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: box-shadow 150ms ease-out; } .ncd-photo li img{ position: relative; z-index: 10; transform: translateZ(0); } .ncd-photo li p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; user-select: none; transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo li p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo li p em{ font-weight: normal; font-style: normal; } .ncd-photo li p span{ padding: 6px 12px; } .ncd-photo li 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.caption-hover li p{ opacity: 0; transition: transform 300ms, opacity 300ms; transform: translate3d(0,4px,0); } .ncd-photo ul.caption-hover li:hover p{ opacity: 1; transform: translate3d(0,0,0); } .ncd-photo ul.caption-hide li p{ display: none !important; } .ncd-photo ul.caption-bottom p{ left: 0; bottom: 0; right: 0; margin: 0; border-radius: 0 0 3px 3px; overflow: hidden; } .ncd-photo ul.caption-margin p span{ border-radius: 3px; } .ncd-photo ul.caption-margin p{ left: 20px; bottom: 10px; right: 20px; } /* GRID Style */ .ncd-photo.grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.grid li div{ overflow: hidden; } .ncd-photo.grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.grid li, .ncd-photo.photo-col-2.grid li, .ncd-photo.photo-col-3.grid li, .ncd-photo.photo-col-4.grid li, .ncd-photo.photo-col-5.grid li{width: 100%;} .ncd-photo[data-margin="0"].grid{margin: 0;} .ncd-photo[data-margin="0"].grid li div{margin: 0;} .ncd-photo[data-margin="1"].grid{margin: 0 -1px;} .ncd-photo[data-margin="1"].grid li div{margin: 1px;} .ncd-photo[data-margin="3"].grid{margin: 0 -3px;} .ncd-photo[data-margin="3"].grid li div{margin: 3px;} .ncd-photo[data-margin="5"].grid{margin: 0 -5px;} .ncd-photo[data-margin="5"].grid li div{margin: 5px;} .ncd-photo[data-margin="7"].grid{margin: 0 -7px;} .ncd-photo[data-margin="7"].grid li div{margin: 7px;} .ncd-photo[data-margin="9"].grid{margin: 0 -9px;} .ncd-photo[data-margin="9"].grid li div{margin: 9px;} .ncd-photo[data-margin="11"].grid{margin: 0 -11px;} .ncd-photo[data-margin="11"].grid li div{margin: 11px;} .ncd-photo[data-margin="13"].grid{margin: 0 -13px;} .ncd-photo[data-margin="13"].grid li div{margin: 13px;} .ncd-photo[data-margin="15"].grid{margin: 0 -15px;} .ncd-photo[data-margin="15"].grid li div{margin: 15px;} .ncd-photo[data-margin="17"].grid{margin: 0 -17px;} .ncd-photo[data-margin="17"].grid li div{margin: 17px;} .ncd-photo[data-margin="19"].grid{margin: 0 -19px;} .ncd-photo[data-margin="19"].grid li div{margin: 19px;} .ncd-photo[data-margin="21"].grid{margin: 0 -21px;} .ncd-photo[data-margin="21"].grid li div{margin: 21px;} .ncd-photo[data-margin="23"].grid{margin: 0 -23px;} .ncd-photo[data-margin="23"].grid li div{margin: 23px;} .ncd-photo[data-margin="25"].grid{margin: 0 -25px;} .ncd-photo[data-margin="25"].grid li div{margin: 25px;} /* MASONRY Style */ .ncd-photo.grid ul, .ncd-photo.masonry ul, .ncd-photo.justifiedGallery ul{ opacity: 0; } .ncd-photo.grid ul[data-imagesLoaded="1"], .ncd-photo.masonry ul[data-imagesLoaded="1"], .ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{ opacity: 1; transition: opacity 600ms; } .ncd-photo[data-margin="0"].masonry ul{margin: 0;} .ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin: 0;} .ncd-photo[data-margin="1"].masonry ul{margin: 0 -1px;} .ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin: 1px;} .ncd-photo[data-margin="3"].masonry ul{margin: 0 -3px;} .ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin: 3px;} .ncd-photo[data-margin="5"].masonry ul{margin: 0 -5px;} .ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin: 5px;} .ncd-photo[data-margin="7"].masonry ul{margin: 0 -7px;} .ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin: 7px;} .ncd-photo[data-margin="9"].masonry ul{margin: 0 -9px;} .ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin: 9px;} .ncd-photo[data-margin="11"].masonry ul{margin: 0 -11px;} .ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin: 11px;} .ncd-photo[data-margin="13"].masonry ul{margin: 0 -13px;} .ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin: 13px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -15px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 15px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -17px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 17px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -19px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 19px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -21px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 21px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -23px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 23px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -25px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 25px;} .ncd-photo.masonry img{ width: 100%; } /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0 li img, .ncd-photo.rad-0 .thumb-corner{border-radius: 0;} .ncd-photo.rad-3 li div, .ncd-photo.rad-3 li img, .ncd-photo.rad-3 .thumb-corner{border-radius: 3px;} .ncd-photo.rad-5 li div, .ncd-photo.rad-5 li img, .ncd-photo.rad-5 .thumb-corner{border-radius: 5px;} .ncd-photo.rad-7 li div, .ncd-photo.rad-7 li img, .ncd-photo.rad-7 .thumb-corner{border-radius: 7px;} [data-batch-hide="True"]{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } .thumb-corner{ position: absolute; bottom: 0; left: 0; z-index: 50; } .ncd-photo .thumb-corner{ width: 120px; height: 120px; background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); } .photo-stack:hover .thumb-corner i{ transform: scale(1.2); transform-origin: center; } .thumb-corner.video-icon i{ width: 0; height: 0; margin: 0 0 18px 22px; left: 0; bottom: 0; transform: scale(1); position: absolute; transition: transform 200ms; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 17px solid #fff; } #ncdPhotoCarousel .thumb-corner.video-icon i{ margin: 0; left: 33px; bottom: 21px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #fff; } .thumb-corner.bag-icon a{ left: 4px; bottom: 2px; display: block; transform: scale(1.1); position: absolute; cursor: pointer; height: 44px; width: 44px; transition: transform 200ms; } #ncdPhotoCarousel .thumb-corner.bag-icon{ display: none; } .thumb-corner.bag-icon a:first-child:before{ position: absolute; content: ''; top: 16px; left: 14px; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid #fff; } .thumb-corner.bag-icon a:first-child:after{ position: absolute; content: ''; height: 6px; width: 9px; top: 12px; left: 17px; border-radius: 8px 8px 0 0; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } @media only screen and (max-width: 300px) { .ncd-photo ul p{ opacity: 0 !important; } } /*************************** ***** L I G H T B O X ****** ****************************/ /* Loading Animation */ #ncdPhotoLoader{ position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 350ms 150ms; transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } /* Lightbox Base */ #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none; } #ncdPhotoBase.on, #ncdPhotoBase.on ~ *{ pointer-events: none; } #ncdPhotoBase.on ~ iframe{ pointer-events: auto; } #ncdPhotoHeader, #ncdPhotoControls, .exif_wrapper, #ncdPhotoOverlay{ pointer-events: auto; } #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; user-select: none; -webkit-user-select: none; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; } #ncdPhotoBase.out { z-index: 10000; } #ncdPhotoHeader{ position: absolute; right: 0; left: 0; top: 0; padding: 15px; font-size: 14px; z-index: 200; pointer-events: none; } #ncdPhotoOptions{ float: right; pointer-events: auto; padding: 10px 0 10px 20px; border-radius: 30px; transition: padding 0.3s ease-out; } @media only screen and (min-width: 400px) { #ncdPhotoHeader{ right: 1.5%; left: 1.5%; } } #ncdPhotoOptions.zoom{ background: rgba(0, 0, 0, 0.60); padding: 10px 5px; } #ncdPhotoOptions > .ncd-ui:first-child{ margin-left: 0px; } #ncdPhotoOptions .ncd-ui{ z-index: 100; width: 15px; height: 15px; cursor: pointer; position: relative; display: block; float: left; margin-left: 30px; user-select: none; transition: margin 0.3s ease-out, border 0.3s ease-out, box-shadow 0.15s ease-out; } #ncdPhotoOptions .ncd-ui:before{ position: absolute; top: -9px; left: -9px; right: 0; bottom: 0; content: ''; height: 33px; width: 33px; border-radius: 40px; /*box-shadow: 0 0 0 0 rgba(94, 94, 94, 0.91);*/ transition: background .5s ease-out; } #ncdPhotoOptions .ncd-ui:active:before{ background: rgba(94, 94, 94, 0.91); transition: background 0.15s ease-out; /*box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91);*/ } #ncdPhotoOptions.zoom .ncd-ui{ margin-left: 11px; margin-right: 11px; } #ncdPhotoOptions.zoom #ncdPhotoShare, #ncdPhotoOptions.zoom #ncdPhotoDownload, #ncdPhotoOptions.zoom #ncdPhotoBuynow, #ncdPhotoOptions .ncdPhotoZoom.zoomOut{ display: none; } #ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{ display: block; } #ncdPhotoControls{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; user-select: none; z-index: 100; pointer-events: none; } #ncdPhotoCarousel{ background: rgba(0, 0, 0, 0.60); text-align: center; padding: 5px; line-height: 0; overflow: auto; pointer-events: auto; -webkit-overflow-scrolling: touch; } #ncdPhotoCarousel li[data-hidefromlightbox="True"]{ display: none; } #ncdPhotoOverlay .hide{ display: none; } #ncdPhotoFooter{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background: rgba(0, 0, 0, 0.00); } #ncdZoomAmt{ position: absolute; top: 0; left: 0; right: 0; margin-top: 5px; text-align: center; color: rgba(245, 245, 245, 1.00); font: 400 13px/1.4 Arial; pointer-events: none; transition: opacity 200ms, transform 200ms; transform: translateY(10px); opacity: 0; } #ncdZoomAmt.zoom{ transform: translateY(0px); opacity: 1; } #ncdZoomAmt[data-zoom="50"] span:after{ content:' 50%'; } #ncdZoomAmt[data-zoom="75"] span:after{ content:' 75%'; } #ncdZoomAmt[data-zoom="100"] span:after{ content:' 100%'; } #ncdZoomAmt span{ background: rgba(0, 0, 0, 0.60); padding: 7px 14px; border-radius: 20px; } #ncdPhotoCarousel ul{ padding: 0; margin: 0; list-style: none; display: inline-block; white-space: nowrap; } #ncdPhotoCarousel li{ display: inline-block; position: relative; } #ncdPhotoCarousel li div{ width: 80px; height: 45px; margin: 3px 5px; border-radius: 2px; transform: scale(1); transition: box-shadow 200ms, transform 200ms, opacity 200ms; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0); } #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ transition: box-shadow 200ms, transform 200ms, opacity 200ms; } #ncdPhotoCarousel li div{opacity: 0.4;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{opacity: 1;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); } #ncdPhotoCarousel li.current div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); } #ncdPhotoCarousel li.current div{ transform: scale(1.1); } .photo_slide.zoom::-webkit-scrollbar, #ncdPhotoCarousel::-webkit-scrollbar, #ncdPhotoFooter p, #ncdPhotoFooter img, #ncdPhotoOptions .ncd-ui.hide, #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; } /* ZOOM & CLOSE */ .ncdPhotoZoom i:first-child:before, .ncdPhotoZoom i:first-child:after{ width: 1px; left: 7px; top: 3px; height: 7px; content: ""; background: rgba(245, 245, 245, 1.00); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoZoom i{ position: absolute; } .ncdPhotoZoom i:last-child:before{ position: absolute; height: 15px; width: 15px; top: -1px; border: 1.5px solid rgba(245, 245, 245, 1.00); border-radius: 15px; content: ''; } .ncdPhotoZoom i:last-child:after{ width: 5px; height: 2px; position: absolute; background: rgba(245, 245, 245, 1.00); transform: rotate(40deg); content: ''; top: 12px; border-radius: 6px; right: -17px; } /* ZOOM */ .ncdPhotoZoom{ transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transform: rotate(90deg); opacity: 0; } .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom i:after{ transform:rotate(-90deg); } .ncdPhotoZoom i:before{ transform:rotate(0deg); } .ncdPhotoZoom.zoom i:before { transform:rotate(-90deg); } /* CLOSE */ .ncdPhotoClose i{ position: absolute; } .ncdPhotoClose i:before, .ncdPhotoClose i:after{ height:20px; width: 2px; left: 7px; top: -2px; content: ''; transform:rotate(45deg); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoClose i:after{ transform:rotate(-45deg); } /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev{ z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; 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; pointer-events: auto; user-select: none; } .ncdPhotoNext{ transform: translateX(-15px); right: 4%; } .ncdPhotoPrev{ transform: translateX(15px); left: 4%; } .ncdPhotoNext.hide, .ncdPhotoPrev.hide{opacity: 0 !important;visibility: hidden;} @media screen and (max-width: 800px){ .ncdPhotoNext, .ncdPhotoPrev{ transform: translateX(0) rotate(0deg); opacity: 1; } } .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{transform:rotate(45deg);} .ncdPhotoNext:before{transform:rotate(-45deg);} .ncdPhotoPrev:after{transform:rotate(315deg);} .ncdPhotoPrev:before{transform:rotate(-315deg);} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev{ transform: translateX(0) rotate(0deg);opacity: 1; } /* Always Prev/Next */ .ncdPhotoNext, .ncdPhotoPrev { transform: translateX(0) rotate(0deg);opacity: 1; } /* OVERLAY */ #ncdPhotoOverlay { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; z-index: 0; user-select: none; -webkit-user-select: none; } .go-prev #ncdPhotoOverlay, .go-next #ncdPhotoOverlay{ transition: bottom 150ms ease-out; } #ncdPhotoOverlay.zoom { top: 0; bottom: 65px; } /* SLIDE IMAGES */ .photo_slide { height: 100%; position:absolute; top:-9999px; left:-9999px; right: auto; user-select: none; } #ncdPhotoOverlay:not(.zoom) .photo_slide > div { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .photo_slide img{ padding: 0; margin: 0; } .photo_slide img, .photo-embed-container { list-style: none; line-height: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; -webkit-touch-callout:none; transition: opacity 200ms; transform: translate3d(0,0,0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.50); } /* SHOW IMAGE */ .photo_slide.out, .photo_slide.ncd-show{ top:0; left:0; right: 0; } .photo_slide.ncd-show img{ cursor: zoom-in; } .processing .photo_slide img, .photo_slide.out img, .photo_slide.out .photo-embed-container{ opacity: 0; } .photo-embed-container { padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .photo-embed-container iframe, .photo-embed-container object, .photo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ncdPhotoBase.video-player #ncdPhotoDownload, #ncdPhotoBase.video-player #ncdPhotoFullscreen, #ncdPhotoBase.video-player .ncdPhotoZoom{ display: none !important; } /* ZOOM */ .photo_slide.ncd-show.zoom { position: absolute; overflow: auto; cursor: move; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; } .photo_slide.zoom.in.transition, .photo_slide.zoom.out{ overflow: hidden; } .photo_slide.zoom.transition div{ animation: photo-zoom-in 150ms ease-out both; } .photo_slide.zoom.in div{ animation: photo-zoom-in-complete 200ms ease-out both; } .photo_slide.zoom.in.transition div{ animation: photo-zoom-out 150ms ease-out both; } .photo_slide.zoom.out div{ animation: photo-zoom-out-complete 150ms ease-out both; } .photo_slide.zoom.in img{ max-width: none; max-height: none; border-radius: 0; box-shadow: none; transition: box-shadow 200ms; } .photo_slide.zoom.in img[data-zoom="25"]{ transform: scale(0.25); } .photo_slide.zoom.in img[data-zoom="50"]{ transform: scale(0.50); } .photo_slide.zoom.in img[data-zoom="75"]{ transform: scale(0.75); } .photo_slide.zoom.in img[data-zoom="100"]{ transform: scale(1); } /* ANIMATIONS */ @keyframes photo-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @keyframes photo-zoom-in-complete { 0% {transform: scale(.98);opacity: 0} 50% {transform: scale(.98);opacity: 0} 100% {transform: scale(1);opacity: 1} } @keyframes photo-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @keyframes photo-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @keyframes photo-fade-in { from {opacity: 0} to {opacity: 1} } /* FULLSCREEN */ #ncdPhotoFullscreen i{ position: absolute; } #ncdPhotoFullscreen i:before, #ncdPhotoFullscreen i:after{ position: absolute; content: ''; height: 2px; width: 6px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoFullscreen i:after{ width: 2px; height: 6px; } #ncdPhotoFullscreen i:first-child{ top: 0; left: 0; } #ncdPhotoFullscreen i:last-child{ bottom: 0; right: 0; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:first-child{ top: 6px; left: 6px; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:last-child{ bottom: 6px; right: 6px; transform: rotate(0deg); } /* SHARE */ #ncdPhotoShare{ line-height: 0; } #ncdPhotoShare svg{ height: 15px; width: auto; position: relative; margin-top: -1px; margin-left: -2px; } #ncdPhotoShare path{ fill: rgba(245, 245, 245, 1.00) !important; } #ncdShareOptions{ background: rgba(30, 30, 30, 1.00); box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); position: absolute; padding: 10px; border-radius: 7px; line-height: 1.4; margin: 10px 0 0; list-style: none; width: 150px; top: -99999px; left: -99999px; opacity: 0; transform: translateX(-50%) scale(.3); transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 150ms, left 0ms 150ms; transform-origin: 50% 0%; } #ncdShareOptions.show{ left: 50%; top: 100%; opacity: 1; transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 0ms, left 0ms 0ms; transform: translateX(-50%) scale(1); } #ncdShareOptions:before{ content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(30, 30, 30, 1.00); } #ncdShareOptions li{ padding: 6px 10px; margin: 0; border-radius: 4px; transition: background 150ms; } #ncdShareOptions li:hover{ background: rgba(255,255,255,0.1); } #ncdShareOptions button{ display: block; border: 0; margin: 0; padding: 0; font: 400 15px/1.4 Arial !important; background: transparent; color: rgba(255, 255, 255, 1.00); } /* BUY NOW */ #ncdPhotoBuynow.hide{ opacity: 0; max-width: 0; margin-left: 0; } #ncdPhotoBuynow i{ position: absolute; } #ncdPhotoBuynow i:first-child:before{ position: absolute; content: ''; top: 2px; left: 0; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid rgba(245, 245, 245, 1.00); } #ncdPhotoBuynow i:last-child:before{ position: absolute; content: ''; height: 6px; width: 9px; top: -2px; left: 3px; border-radius: 8px 8px 0 0; border-left: 1.5px solid rgba(245, 245, 245, 1.00); border-top: 1.5px solid rgba(245, 245, 245, 1.00); border-right: 1.5px solid rgba(245, 245, 245, 1.00); } /* DOWNLOAD 1 */ #ncdPhotoDownload{ display: block; } #ncdPhotoDownload i{ position: absolute; } #ncdPhotoDownload i:last-child:before, #ncdPhotoDownload i:last-child:after{ position: absolute; content: ''; height: 2px; width: 9px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload i:last-child:after{ width: 2px; height: 9px; } #ncdPhotoDownload i:last-child{ bottom: 1px; left: 7px; transform: rotate(225deg); } #ncdPhotoDownload i:first-child:before{ position: absolute; content: ''; top: -1px; left: 6px; height: 12px; width: 2px; background: rgba(245, 245, 245, 1.00); } /* DOWNLOAD 2 */ }#ncdPhotoDownload.alt i:last-child:before, #ncdPhotoDownload.alt i:last-child:after{ position: absolute; content: ''; height: 2px; width: 7px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:last-child:after{ width: 2px; height: 7px; } #ncdPhotoDownload.alt i:last-child{ bottom: 3px; left: 6px; transform: rotate(225deg); } #ncdPhotoDownload.alt i:first-child:before{ position: absolute; content: ''; top: 0; left: 5px; height: 8px; width: 2px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:first-child:after{ position: absolute; content: ''; top: 11px; left: 0px; height: 2px; width: 12px; background: rgba(245, 245, 245, 1.00); } /* COUNTER */ #ncdPhotoCounter{ float: left; line-height: 1; font-size: 12px; padding: 8px 16px 8px 0; border-radius: 30px; font-family: arial !important; pointer-events: none; font-weight: bolder; transition: opacity 200ms; } #ncdPhotoCounter.zoom{ opacity: 0; } #ncdPhotoCounter span{ vertical-align: top; line-height: 1; } .lb-current{ font-size: 1.45em; font-weight: normal; } .lb-total{ letter-spacing: 0.05em; } #ncdPhotoCounter[data-show-count="False"]{ display: none; } /* EXIF */ .exif_wrapper{ position: absolute; width: 300px; margin-left: -45px; top: -12px; } .exif_container{ background: rgba(30, 30, 30, 1.00); border-radius: 7px; left: 10px; bottom: 100%; z-index: 1; opacity: 0; width: 260px; height: 300px; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 25px; transform: scale(.3); transform-origin: 0 100%; position: absolute; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); transition: transform 200ms, opacity 200ms; pointer-events: none; } .exif_container *{ transform: translate3d(0,0,0); } .exif_wrapper.show .exif_container{ pointer-events: auto; transform: scale(1); opacity: 1; } .exif_data{ font: 400 15px/1.4 Arial !important; color: rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 10px 10px 10px 0; margin: 0; display: block; white-space: break-spaces; position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .exif_data.hasData{ position: relative; visibility: visible; top: 0; left: 0; } .exif_data:before{ color: rgba(170, 170, 170, 1.00); display: block; font-size: 11px; letter-spacing: 0; } .exif_data.hasData:after{ position: absolute; content: ''; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .exif_data.hasData.last:after{ display: none } #exif_FNumber{ letter-spacing: 0.1em; } .fstop{ font-family: georgia; font-style: italic; padding-left: 3px; padding-right: 2px; } .exif-trigger{ padding: 10px; cursor: pointer; display: inline-block; user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; z-index: 100; transform: scale(0); } .exif_wrapper.hasData .exif-trigger{ transform: scale(1); transition: transform 200ms; } .exif-trigger span:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } .exif-trigger span{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); transition: background 200ms; border-radius: 25px; height: 25px; width: 25px; line-height: 26px; font-family: monospace; text-align: center; font-size: 13px; font-weight: bolder; float: right; user-select: none; -webkit-user-select: none; } #exif_GPSMap{ color: #fff; text-decoration: none; } #exif_iptc_DateCreated:before{ content: 'Date Created'; } #exif_iptc_Keywords:before{ content: 'Keywords'; } #exif_model:before{ content: 'Camera Model'; } #exif_LensModel:before{ content: 'Lens Model'; } #exif_FocalLength:before{ content: 'Focal Length'; } #exif_FNumber:before{ content: 'Aperture'; } #exif_ExposureTime:before{ content: 'Shutter Speed'; } #exif_ISOSpeedRatings:before{ content: 'ISO'; } #exif_Dimensions:before{ content: 'Dimensions'; } #exif_ExposureProgram:before{ content: 'Exposure Program'; } #exif_Flash:before{ content: 'Flash'; } #exif_WhiteBalance:before{ content: 'White Balance'; } #exif_GPSLat:before{ content: 'GPS Latitude'; } #exif_GPSLong:before{ content: 'GPS Longitude'; } #exif_DateTimeOriginal:before{ content: 'Date & Time'; } #exif_GPSMap:before{ content: 'Google Map'; } .photo-stack .exif_wrapper{ position: absolute; top: 0; left: 0; } .photo-stack .exif-trigger{ position: absolute; top: 0; transform: scale(1); box-shadow: none; } /* CAPTION */ .captionWrapper{ max-width: 600px; margin: 0 auto; padding-left: 32px; text-align: left; position: relative; } .imageCaption{ font-size: px; padding-bottom: 0.2em; } .groupTitle{ font-size: px; } #ncdPhotoBase:hover .img-caption-in { opacity: 1; } #ncdPhotoBase .img-caption-in{ opacity: 0; transition: opacity 200ms; } .processing .img-caption-in{ opacity: 0; } #ncdPhotoCaption{ padding: 10px; transition: opacity 200ms; } #ncdPhotoCaption.zoom{ opacity: 0; pointer-events: none; } #ncdPhotoCaption [data-italic-title="True"], #ncdPhotoCaption [data-italic-caption="True"]{ font-style: italic; } #ncdPhotoCaption [data-bold-title="True"], #ncdPhotoCaption [data-bold-caption="True"]{ font-weight: bold; } #ncdPhotoCaption [data-hide-title="True"], #ncdPhotoCaption [data-hide-caption="True"]{ display: none; } .imageCaption{ color: rgba(255, 255, 255, 1.00); } .groupTitle{ color: rgba(136, 136, 136, 1.00); } .groupTitle.ncdPhotoCopywrite{ color: rgba(132, 132, 132, 1.00); } #ncdPhotoCounter{ color: rgba(245, 245, 245, 1.00); } #ncdPhotoBase{ background: rgba(255, 255, 255, 1.00); } .ncdPhotoNext:before,.ncdPhotoNext:after, .ncdPhotoPrev:before,.ncdPhotoPrev:after, .ncdPhotoClose i:before,.ncdPhotoClose i:after, .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after { background: rgba(245, 245, 245, 1.00); } .ncdPhotoNext:active, .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91); /*border: 2px solid rgba(245, 245, 245, 1.00);*/ } /* Edit Mode */ /*! * justifiedGallery - v4.0.0-alpha * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2019 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > li, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .ncd-photo .justified-gallery > li > div{ position: static; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > li > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > li > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > li > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > div > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } .exif_wrapper{display: none;} #stacks_in_3184.ncd-photo p{ text-align: left; } #stacks_in_3184 li > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(253, 253, 253, 1.00); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; content: ''; z-index: 20; transition: box-shadow 200ms; border-radius: 3px; } #stacks_in_3184 li:hover > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.00); } #stacks_in_3184.ncd-photo li p span{ display: inline-block; } /* Break Points for Columns */ /* Phone */ #stacks_in_3184.grid li, #stacks_in_3184.masonry li{width: calc(100% / 1);} /* Phone + */ @media only screen and (min-width: 600px) { #stacks_in_3184.grid li, #stacks_in_3184.masonry li{width: calc(100% / 1);} } /* Tablet */ @media only screen and (min-width: 800px) { #stacks_in_3184.grid li, #stacks_in_3184.masonry li{width: calc(100% / 1);} } /* Desktop */ @media only screen and (min-width: 1100px) { #stacks_in_3184.grid li, #stacks_in_3184.masonry li{width: calc(100% / 1);} } #stacks_in_3184.grid li div{background-size: cover;} #stacks_in_3184.grid ul li div:after{padding-top: 56%;} #stacks_in_3184.fitRows img{ max-height: px; max-width: 200px; } #stacks_in_3184 p{font-size: 13px;} #stacks_in_3184 b{ font-size: 13px; color: rgba(255, 255, 255, 1.00); } #stacks_in_3184 em{color: rgba(187, 187, 187, 1.00);} #stacks_in_3184 span{background: rgba(0, 0, 0, 0.70);} #stacks_in_3188{overflow:hidden}#stacks_in_3188 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:0.25rem 0;}#stacks_in_3188 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3188 { margin: 10px 0px 0px 0px; padding: 0px 0px 5px 0px; } #stacks_out_3188 { margin-left:0; } #stacks_in_3189 { background-color: rgba(204, 204, 204, 0.00); margin: 0px 0px 8px 0px; } #stacks_out_3189 { margin-left:0; } #stacks_in_3190 { display:inline-block; width:100%; line-height: 1.110000em; font-size: 106%; } .exif_wrapper{display: none;} #stacks_in_3191.ncd-photo p{ text-align: left; } #stacks_in_3191 li > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(253, 253, 253, 1.00); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; content: ''; z-index: 20; transition: box-shadow 200ms; border-radius: 3px; } #stacks_in_3191 li:hover > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.00); } #stacks_in_3191.ncd-photo li p span{ display: inline-block; } /* Break Points for Columns */ /* Phone */ #stacks_in_3191.grid li, #stacks_in_3191.masonry li{width: calc(100% / 1);} /* Phone + */ @media only screen and (min-width: 600px) { #stacks_in_3191.grid li, #stacks_in_3191.masonry li{width: calc(100% / 1);} } /* Tablet */ @media only screen and (min-width: 800px) { #stacks_in_3191.grid li, #stacks_in_3191.masonry li{width: calc(100% / 1);} } /* Desktop */ @media only screen and (min-width: 1100px) { #stacks_in_3191.grid li, #stacks_in_3191.masonry li{width: calc(100% / 1);} } #stacks_in_3191.grid li div{background-size: cover;} #stacks_in_3191.grid ul li div:after{padding-top: 56%;} #stacks_in_3191.fitRows img{ max-height: px; max-width: 200px; } #stacks_in_3191 p{font-size: 13px;} #stacks_in_3191 b{ font-size: 13px; color: rgba(255, 255, 255, 1.00); } #stacks_in_3191 em{color: rgba(187, 187, 187, 1.00);} #stacks_in_3191 span{background: rgba(0, 0, 0, 0.70);} #stacks_out_3194 { margin-left:0; } .lightbox_error{ color: rgba(255, 255, 255, 1.00); font-size: 15px; text-align: center; } .lightbox_error h2{ font-size: 20px; } /* Loader Circle */ .preloader_wrapper{ position: relative; padding: 10px; width: 100%; text-align: center; } .preloader_icn { width: 40px; height: 40px; position: relative; display: inline-block; -webkit-animation: clockwise 750ms linear infinite; animation: clockwise 750ms linear infinite; } .preloader_cut { position: relative; width: calc(40px * .5); height: 40px; overflow: hidden; position: absolute; top: 0; left: 0; } .preloader_donut { box-sizing: border-box; width: 40px; height: 40px; border: 2px solid rgba(204, 204, 204, 1.00); border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; position: absolute; background: none; margin:0; -webkit-animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes clockwise { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0) } } @keyframes donut-rotate { 0% { transform: rotate(0) } 50% { transform: rotate(-140deg) } 100% { transform: rotate(0) } } 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; } .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ margin: 0; padding: 0; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo ul[data-hide="True"]{ height: 0 !important; } .ncd-photo ul[data-hide="True"] li, .ncd-photo li.hide{ display: none !important; } .ncd-photo li > div:first-child{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: box-shadow 150ms ease-out; } .ncd-photo li img{ position: relative; z-index: 10; transform: translateZ(0); } .ncd-photo li p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; user-select: none; transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo li p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo li p em{ font-weight: normal; font-style: normal; } .ncd-photo li p span{ padding: 6px 12px; } .ncd-photo li 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.caption-hover li p{ opacity: 0; transition: transform 300ms, opacity 300ms; transform: translate3d(0,4px,0); } .ncd-photo ul.caption-hover li:hover p{ opacity: 1; transform: translate3d(0,0,0); } .ncd-photo ul.caption-hide li p{ display: none !important; } .ncd-photo ul.caption-bottom p{ left: 0; bottom: 0; right: 0; margin: 0; border-radius: 0 0 3px 3px; overflow: hidden; } .ncd-photo ul.caption-margin p span{ border-radius: 3px; } .ncd-photo ul.caption-margin p{ left: 20px; bottom: 10px; right: 20px; } /* GRID Style */ .ncd-photo.grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.grid li div{ overflow: hidden; } .ncd-photo.grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.grid li, .ncd-photo.photo-col-2.grid li, .ncd-photo.photo-col-3.grid li, .ncd-photo.photo-col-4.grid li, .ncd-photo.photo-col-5.grid li{width: 100%;} .ncd-photo[data-margin="0"].grid{margin: 0;} .ncd-photo[data-margin="0"].grid li div{margin: 0;} .ncd-photo[data-margin="1"].grid{margin: 0 -1px;} .ncd-photo[data-margin="1"].grid li div{margin: 1px;} .ncd-photo[data-margin="3"].grid{margin: 0 -3px;} .ncd-photo[data-margin="3"].grid li div{margin: 3px;} .ncd-photo[data-margin="5"].grid{margin: 0 -5px;} .ncd-photo[data-margin="5"].grid li div{margin: 5px;} .ncd-photo[data-margin="7"].grid{margin: 0 -7px;} .ncd-photo[data-margin="7"].grid li div{margin: 7px;} .ncd-photo[data-margin="9"].grid{margin: 0 -9px;} .ncd-photo[data-margin="9"].grid li div{margin: 9px;} .ncd-photo[data-margin="11"].grid{margin: 0 -11px;} .ncd-photo[data-margin="11"].grid li div{margin: 11px;} .ncd-photo[data-margin="13"].grid{margin: 0 -13px;} .ncd-photo[data-margin="13"].grid li div{margin: 13px;} .ncd-photo[data-margin="15"].grid{margin: 0 -15px;} .ncd-photo[data-margin="15"].grid li div{margin: 15px;} .ncd-photo[data-margin="17"].grid{margin: 0 -17px;} .ncd-photo[data-margin="17"].grid li div{margin: 17px;} .ncd-photo[data-margin="19"].grid{margin: 0 -19px;} .ncd-photo[data-margin="19"].grid li div{margin: 19px;} .ncd-photo[data-margin="21"].grid{margin: 0 -21px;} .ncd-photo[data-margin="21"].grid li div{margin: 21px;} .ncd-photo[data-margin="23"].grid{margin: 0 -23px;} .ncd-photo[data-margin="23"].grid li div{margin: 23px;} .ncd-photo[data-margin="25"].grid{margin: 0 -25px;} .ncd-photo[data-margin="25"].grid li div{margin: 25px;} /* MASONRY Style */ .ncd-photo.grid ul, .ncd-photo.masonry ul, .ncd-photo.justifiedGallery ul{ opacity: 0; } .ncd-photo.grid ul[data-imagesLoaded="1"], .ncd-photo.masonry ul[data-imagesLoaded="1"], .ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{ opacity: 1; transition: opacity 600ms; } .ncd-photo[data-margin="0"].masonry ul{margin: 0;} .ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin: 0;} .ncd-photo[data-margin="1"].masonry ul{margin: 0 -1px;} .ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin: 1px;} .ncd-photo[data-margin="3"].masonry ul{margin: 0 -3px;} .ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin: 3px;} .ncd-photo[data-margin="5"].masonry ul{margin: 0 -5px;} .ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin: 5px;} .ncd-photo[data-margin="7"].masonry ul{margin: 0 -7px;} .ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin: 7px;} .ncd-photo[data-margin="9"].masonry ul{margin: 0 -9px;} .ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin: 9px;} .ncd-photo[data-margin="11"].masonry ul{margin: 0 -11px;} .ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin: 11px;} .ncd-photo[data-margin="13"].masonry ul{margin: 0 -13px;} .ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin: 13px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -15px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 15px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -17px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 17px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -19px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 19px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -21px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 21px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -23px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 23px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -25px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 25px;} .ncd-photo.masonry img{ width: 100%; } /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0 li img, .ncd-photo.rad-0 .thumb-corner{border-radius: 0;} .ncd-photo.rad-3 li div, .ncd-photo.rad-3 li img, .ncd-photo.rad-3 .thumb-corner{border-radius: 3px;} .ncd-photo.rad-5 li div, .ncd-photo.rad-5 li img, .ncd-photo.rad-5 .thumb-corner{border-radius: 5px;} .ncd-photo.rad-7 li div, .ncd-photo.rad-7 li img, .ncd-photo.rad-7 .thumb-corner{border-radius: 7px;} [data-batch-hide="True"]{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } .thumb-corner{ position: absolute; bottom: 0; left: 0; z-index: 50; } .ncd-photo .thumb-corner{ width: 120px; height: 120px; background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); } .photo-stack:hover .thumb-corner i{ transform: scale(1.2); transform-origin: center; } .thumb-corner.video-icon i{ width: 0; height: 0; margin: 0 0 18px 22px; left: 0; bottom: 0; transform: scale(1); position: absolute; transition: transform 200ms; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 17px solid #fff; } #ncdPhotoCarousel .thumb-corner.video-icon i{ margin: 0; left: 33px; bottom: 21px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #fff; } .thumb-corner.bag-icon a{ left: 4px; bottom: 2px; display: block; transform: scale(1.1); position: absolute; cursor: pointer; height: 44px; width: 44px; transition: transform 200ms; } #ncdPhotoCarousel .thumb-corner.bag-icon{ display: none; } .thumb-corner.bag-icon a:first-child:before{ position: absolute; content: ''; top: 16px; left: 14px; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid #fff; } .thumb-corner.bag-icon a:first-child:after{ position: absolute; content: ''; height: 6px; width: 9px; top: 12px; left: 17px; border-radius: 8px 8px 0 0; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } @media only screen and (max-width: 300px) { .ncd-photo ul p{ opacity: 0 !important; } } /*************************** ***** L I G H T B O X ****** ****************************/ /* Loading Animation */ #ncdPhotoLoader{ position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 350ms 150ms; transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } /* Lightbox Base */ #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none; } #ncdPhotoBase.on, #ncdPhotoBase.on ~ *{ pointer-events: none; } #ncdPhotoBase.on ~ iframe{ pointer-events: auto; } #ncdPhotoHeader, #ncdPhotoControls, .exif_wrapper, #ncdPhotoOverlay{ pointer-events: auto; } #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; user-select: none; -webkit-user-select: none; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; } #ncdPhotoBase.out { z-index: 10000; } #ncdPhotoHeader{ position: absolute; right: 0; left: 0; top: 0; padding: 15px; font-size: 14px; z-index: 200; pointer-events: none; } #ncdPhotoOptions{ float: right; pointer-events: auto; padding: 10px 0 10px 20px; border-radius: 30px; transition: padding 0.3s ease-out; } @media only screen and (min-width: 400px) { #ncdPhotoHeader{ right: 1.5%; left: 1.5%; } } #ncdPhotoOptions.zoom{ background: rgba(0, 0, 0, 0.60); padding: 10px 5px; } #ncdPhotoOptions > .ncd-ui:first-child{ margin-left: 0px; } #ncdPhotoOptions .ncd-ui{ z-index: 100; width: 15px; height: 15px; cursor: pointer; position: relative; display: block; float: left; margin-left: 30px; user-select: none; transition: margin 0.3s ease-out, border 0.3s ease-out, box-shadow 0.15s ease-out; } #ncdPhotoOptions .ncd-ui:before{ position: absolute; top: -9px; left: -9px; right: 0; bottom: 0; content: ''; height: 33px; width: 33px; border-radius: 40px; /*box-shadow: 0 0 0 0 rgba(94, 94, 94, 0.91);*/ transition: background .5s ease-out; } #ncdPhotoOptions .ncd-ui:active:before{ background: rgba(94, 94, 94, 0.91); transition: background 0.15s ease-out; /*box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91);*/ } #ncdPhotoOptions.zoom .ncd-ui{ margin-left: 11px; margin-right: 11px; } #ncdPhotoOptions.zoom #ncdPhotoShare, #ncdPhotoOptions.zoom #ncdPhotoDownload, #ncdPhotoOptions.zoom #ncdPhotoBuynow, #ncdPhotoOptions .ncdPhotoZoom.zoomOut{ display: none; } #ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{ display: block; } #ncdPhotoControls{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; user-select: none; z-index: 100; pointer-events: none; } #ncdPhotoCarousel{ background: rgba(0, 0, 0, 0.60); text-align: center; padding: 5px; line-height: 0; overflow: auto; pointer-events: auto; -webkit-overflow-scrolling: touch; } #ncdPhotoCarousel li[data-hidefromlightbox="True"]{ display: none; } #ncdPhotoOverlay .hide{ display: none; } #ncdPhotoFooter{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background: rgba(0, 0, 0, 0.00); } #ncdZoomAmt{ position: absolute; top: 0; left: 0; right: 0; margin-top: 5px; text-align: center; color: rgba(245, 245, 245, 1.00); font: 400 13px/1.4 Arial; pointer-events: none; transition: opacity 200ms, transform 200ms; transform: translateY(10px); opacity: 0; } #ncdZoomAmt.zoom{ transform: translateY(0px); opacity: 1; } #ncdZoomAmt[data-zoom="50"] span:after{ content:' 50%'; } #ncdZoomAmt[data-zoom="75"] span:after{ content:' 75%'; } #ncdZoomAmt[data-zoom="100"] span:after{ content:' 100%'; } #ncdZoomAmt span{ background: rgba(0, 0, 0, 0.60); padding: 7px 14px; border-radius: 20px; } #ncdPhotoCarousel ul{ padding: 0; margin: 0; list-style: none; display: inline-block; white-space: nowrap; } #ncdPhotoCarousel li{ display: inline-block; position: relative; } #ncdPhotoCarousel li div{ width: 80px; height: 45px; margin: 3px 5px; border-radius: 2px; transform: scale(1); transition: box-shadow 200ms, transform 200ms, opacity 200ms; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0); } #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ transition: box-shadow 200ms, transform 200ms, opacity 200ms; } #ncdPhotoCarousel li div{opacity: 0.4;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{opacity: 1;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); } #ncdPhotoCarousel li.current div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); } #ncdPhotoCarousel li.current div{ transform: scale(1.1); } .photo_slide.zoom::-webkit-scrollbar, #ncdPhotoCarousel::-webkit-scrollbar, #ncdPhotoFooter p, #ncdPhotoFooter img, #ncdPhotoOptions .ncd-ui.hide, #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; } /* ZOOM & CLOSE */ .ncdPhotoZoom i:first-child:before, .ncdPhotoZoom i:first-child:after{ width: 1px; left: 7px; top: 3px; height: 7px; content: ""; background: rgba(245, 245, 245, 1.00); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoZoom i{ position: absolute; } .ncdPhotoZoom i:last-child:before{ position: absolute; height: 15px; width: 15px; top: -1px; border: 1.5px solid rgba(245, 245, 245, 1.00); border-radius: 15px; content: ''; } .ncdPhotoZoom i:last-child:after{ width: 5px; height: 2px; position: absolute; background: rgba(245, 245, 245, 1.00); transform: rotate(40deg); content: ''; top: 12px; border-radius: 6px; right: -17px; } /* ZOOM */ .ncdPhotoZoom{ transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transform: rotate(90deg); opacity: 0; } .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom i:after{ transform:rotate(-90deg); } .ncdPhotoZoom i:before{ transform:rotate(0deg); } .ncdPhotoZoom.zoom i:before { transform:rotate(-90deg); } /* CLOSE */ .ncdPhotoClose i{ position: absolute; } .ncdPhotoClose i:before, .ncdPhotoClose i:after{ height:20px; width: 2px; left: 7px; top: -2px; content: ''; transform:rotate(45deg); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoClose i:after{ transform:rotate(-45deg); } /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev{ z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; 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; pointer-events: auto; user-select: none; } .ncdPhotoNext{ transform: translateX(-15px); right: 4%; } .ncdPhotoPrev{ transform: translateX(15px); left: 4%; } .ncdPhotoNext.hide, .ncdPhotoPrev.hide{opacity: 0 !important;visibility: hidden;} @media screen and (max-width: 800px){ .ncdPhotoNext, .ncdPhotoPrev{ transform: translateX(0) rotate(0deg); opacity: 1; } } .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{transform:rotate(45deg);} .ncdPhotoNext:before{transform:rotate(-45deg);} .ncdPhotoPrev:after{transform:rotate(315deg);} .ncdPhotoPrev:before{transform:rotate(-315deg);} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev{ transform: translateX(0) rotate(0deg);opacity: 1; } /* Always Prev/Next */ .ncdPhotoNext, .ncdPhotoPrev { transform: translateX(0) rotate(0deg);opacity: 1; } /* OVERLAY */ #ncdPhotoOverlay { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; z-index: 0; user-select: none; -webkit-user-select: none; } .go-prev #ncdPhotoOverlay, .go-next #ncdPhotoOverlay{ transition: bottom 150ms ease-out; } #ncdPhotoOverlay.zoom { top: 0; bottom: 65px; } /* SLIDE IMAGES */ .photo_slide { height: 100%; position:absolute; top:-9999px; left:-9999px; right: auto; user-select: none; } #ncdPhotoOverlay:not(.zoom) .photo_slide > div { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .photo_slide img{ padding: 0; margin: 0; } .photo_slide img, .photo-embed-container { list-style: none; line-height: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; -webkit-touch-callout:none; transition: opacity 200ms; transform: translate3d(0,0,0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.50); } /* SHOW IMAGE */ .photo_slide.out, .photo_slide.ncd-show{ top:0; left:0; right: 0; } .photo_slide.ncd-show img{ cursor: zoom-in; } .processing .photo_slide img, .photo_slide.out img, .photo_slide.out .photo-embed-container{ opacity: 0; } .photo-embed-container { padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .photo-embed-container iframe, .photo-embed-container object, .photo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ncdPhotoBase.video-player #ncdPhotoDownload, #ncdPhotoBase.video-player #ncdPhotoFullscreen, #ncdPhotoBase.video-player .ncdPhotoZoom{ display: none !important; } /* ZOOM */ .photo_slide.ncd-show.zoom { position: absolute; overflow: auto; cursor: move; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; } .photo_slide.zoom.in.transition, .photo_slide.zoom.out{ overflow: hidden; } .photo_slide.zoom.transition div{ animation: photo-zoom-in 150ms ease-out both; } .photo_slide.zoom.in div{ animation: photo-zoom-in-complete 200ms ease-out both; } .photo_slide.zoom.in.transition div{ animation: photo-zoom-out 150ms ease-out both; } .photo_slide.zoom.out div{ animation: photo-zoom-out-complete 150ms ease-out both; } .photo_slide.zoom.in img{ max-width: none; max-height: none; border-radius: 0; box-shadow: none; transition: box-shadow 200ms; } .photo_slide.zoom.in img[data-zoom="25"]{ transform: scale(0.25); } .photo_slide.zoom.in img[data-zoom="50"]{ transform: scale(0.50); } .photo_slide.zoom.in img[data-zoom="75"]{ transform: scale(0.75); } .photo_slide.zoom.in img[data-zoom="100"]{ transform: scale(1); } /* ANIMATIONS */ @keyframes photo-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @keyframes photo-zoom-in-complete { 0% {transform: scale(.98);opacity: 0} 50% {transform: scale(.98);opacity: 0} 100% {transform: scale(1);opacity: 1} } @keyframes photo-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @keyframes photo-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @keyframes photo-fade-in { from {opacity: 0} to {opacity: 1} } /* FULLSCREEN */ #ncdPhotoFullscreen i{ position: absolute; } #ncdPhotoFullscreen i:before, #ncdPhotoFullscreen i:after{ position: absolute; content: ''; height: 2px; width: 6px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoFullscreen i:after{ width: 2px; height: 6px; } #ncdPhotoFullscreen i:first-child{ top: 0; left: 0; } #ncdPhotoFullscreen i:last-child{ bottom: 0; right: 0; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:first-child{ top: 6px; left: 6px; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:last-child{ bottom: 6px; right: 6px; transform: rotate(0deg); } /* SHARE */ #ncdPhotoShare{ line-height: 0; } #ncdPhotoShare svg{ height: 15px; width: auto; position: relative; margin-top: -1px; margin-left: -2px; } #ncdPhotoShare path{ fill: rgba(245, 245, 245, 1.00) !important; } #ncdShareOptions{ background: rgba(30, 30, 30, 1.00); box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); position: absolute; padding: 10px; border-radius: 7px; line-height: 1.4; margin: 10px 0 0; list-style: none; width: 150px; top: -99999px; left: -99999px; opacity: 0; transform: translateX(-50%) scale(.3); transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 150ms, left 0ms 150ms; transform-origin: 50% 0%; } #ncdShareOptions.show{ left: 50%; top: 100%; opacity: 1; transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 0ms, left 0ms 0ms; transform: translateX(-50%) scale(1); } #ncdShareOptions:before{ content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(30, 30, 30, 1.00); } #ncdShareOptions li{ padding: 6px 10px; margin: 0; border-radius: 4px; transition: background 150ms; } #ncdShareOptions li:hover{ background: rgba(255,255,255,0.1); } #ncdShareOptions button{ display: block; border: 0; margin: 0; padding: 0; font: 400 15px/1.4 Arial !important; background: transparent; color: rgba(255, 255, 255, 1.00); } /* BUY NOW */ #ncdPhotoBuynow.hide{ opacity: 0; max-width: 0; margin-left: 0; } #ncdPhotoBuynow i{ position: absolute; } #ncdPhotoBuynow i:first-child:before{ position: absolute; content: ''; top: 2px; left: 0; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid rgba(245, 245, 245, 1.00); } #ncdPhotoBuynow i:last-child:before{ position: absolute; content: ''; height: 6px; width: 9px; top: -2px; left: 3px; border-radius: 8px 8px 0 0; border-left: 1.5px solid rgba(245, 245, 245, 1.00); border-top: 1.5px solid rgba(245, 245, 245, 1.00); border-right: 1.5px solid rgba(245, 245, 245, 1.00); } /* DOWNLOAD 1 */ #ncdPhotoDownload{ display: block; } #ncdPhotoDownload i{ position: absolute; } #ncdPhotoDownload i:last-child:before, #ncdPhotoDownload i:last-child:after{ position: absolute; content: ''; height: 2px; width: 9px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload i:last-child:after{ width: 2px; height: 9px; } #ncdPhotoDownload i:last-child{ bottom: 1px; left: 7px; transform: rotate(225deg); } #ncdPhotoDownload i:first-child:before{ position: absolute; content: ''; top: -1px; left: 6px; height: 12px; width: 2px; background: rgba(245, 245, 245, 1.00); } /* DOWNLOAD 2 */ }#ncdPhotoDownload.alt i:last-child:before, #ncdPhotoDownload.alt i:last-child:after{ position: absolute; content: ''; height: 2px; width: 7px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:last-child:after{ width: 2px; height: 7px; } #ncdPhotoDownload.alt i:last-child{ bottom: 3px; left: 6px; transform: rotate(225deg); } #ncdPhotoDownload.alt i:first-child:before{ position: absolute; content: ''; top: 0; left: 5px; height: 8px; width: 2px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:first-child:after{ position: absolute; content: ''; top: 11px; left: 0px; height: 2px; width: 12px; background: rgba(245, 245, 245, 1.00); } /* COUNTER */ #ncdPhotoCounter{ float: left; line-height: 1; font-size: 12px; padding: 8px 16px 8px 0; border-radius: 30px; font-family: arial !important; pointer-events: none; font-weight: bolder; transition: opacity 200ms; } #ncdPhotoCounter.zoom{ opacity: 0; } #ncdPhotoCounter span{ vertical-align: top; line-height: 1; } .lb-current{ font-size: 1.45em; font-weight: normal; } .lb-total{ letter-spacing: 0.05em; } #ncdPhotoCounter[data-show-count="False"]{ display: none; } /* EXIF */ .exif_wrapper{ position: absolute; width: 300px; margin-left: -45px; top: -12px; } .exif_container{ background: rgba(30, 30, 30, 1.00); border-radius: 7px; left: 10px; bottom: 100%; z-index: 1; opacity: 0; width: 260px; height: 300px; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 25px; transform: scale(.3); transform-origin: 0 100%; position: absolute; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); transition: transform 200ms, opacity 200ms; pointer-events: none; } .exif_container *{ transform: translate3d(0,0,0); } .exif_wrapper.show .exif_container{ pointer-events: auto; transform: scale(1); opacity: 1; } .exif_data{ font: 400 15px/1.4 Arial !important; color: rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 10px 10px 10px 0; margin: 0; display: block; white-space: break-spaces; position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .exif_data.hasData{ position: relative; visibility: visible; top: 0; left: 0; } .exif_data:before{ color: rgba(170, 170, 170, 1.00); display: block; font-size: 11px; letter-spacing: 0; } .exif_data.hasData:after{ position: absolute; content: ''; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .exif_data.hasData.last:after{ display: none } #exif_FNumber{ letter-spacing: 0.1em; } .fstop{ font-family: georgia; font-style: italic; padding-left: 3px; padding-right: 2px; } .exif-trigger{ padding: 10px; cursor: pointer; display: inline-block; user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; z-index: 100; transform: scale(0); } .exif_wrapper.hasData .exif-trigger{ transform: scale(1); transition: transform 200ms; } .exif-trigger span:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } .exif-trigger span{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); transition: background 200ms; border-radius: 25px; height: 25px; width: 25px; line-height: 26px; font-family: monospace; text-align: center; font-size: 13px; font-weight: bolder; float: right; user-select: none; -webkit-user-select: none; } #exif_GPSMap{ color: #fff; text-decoration: none; } #exif_iptc_DateCreated:before{ content: 'Date Created'; } #exif_iptc_Keywords:before{ content: 'Keywords'; } #exif_model:before{ content: 'Camera Model'; } #exif_LensModel:before{ content: 'Lens Model'; } #exif_FocalLength:before{ content: 'Focal Length'; } #exif_FNumber:before{ content: 'Aperture'; } #exif_ExposureTime:before{ content: 'Shutter Speed'; } #exif_ISOSpeedRatings:before{ content: 'ISO'; } #exif_Dimensions:before{ content: 'Dimensions'; } #exif_ExposureProgram:before{ content: 'Exposure Program'; } #exif_Flash:before{ content: 'Flash'; } #exif_WhiteBalance:before{ content: 'White Balance'; } #exif_GPSLat:before{ content: 'GPS Latitude'; } #exif_GPSLong:before{ content: 'GPS Longitude'; } #exif_DateTimeOriginal:before{ content: 'Date & Time'; } #exif_GPSMap:before{ content: 'Google Map'; } .photo-stack .exif_wrapper{ position: absolute; top: 0; left: 0; } .photo-stack .exif-trigger{ position: absolute; top: 0; transform: scale(1); box-shadow: none; } /* CAPTION */ .captionWrapper{ max-width: 600px; margin: 0 auto; padding-left: 32px; text-align: left; position: relative; } .imageCaption{ font-size: px; padding-bottom: 0.2em; } .groupTitle{ font-size: px; } #ncdPhotoBase:hover .img-caption-in { opacity: 1; } #ncdPhotoBase .img-caption-in{ opacity: 0; transition: opacity 200ms; } .processing .img-caption-in{ opacity: 0; } #ncdPhotoCaption{ padding: 10px; transition: opacity 200ms; } #ncdPhotoCaption.zoom{ opacity: 0; pointer-events: none; } #ncdPhotoCaption [data-italic-title="True"], #ncdPhotoCaption [data-italic-caption="True"]{ font-style: italic; } #ncdPhotoCaption [data-bold-title="True"], #ncdPhotoCaption [data-bold-caption="True"]{ font-weight: bold; } #ncdPhotoCaption [data-hide-title="True"], #ncdPhotoCaption [data-hide-caption="True"]{ display: none; } .imageCaption{ color: rgba(255, 255, 255, 1.00); } .groupTitle{ color: rgba(136, 136, 136, 1.00); } .groupTitle.ncdPhotoCopywrite{ color: rgba(132, 132, 132, 1.00); } #ncdPhotoCounter{ color: rgba(245, 245, 245, 1.00); } #ncdPhotoBase{ background: rgba(255, 255, 255, 1.00); } .ncdPhotoNext:before,.ncdPhotoNext:after, .ncdPhotoPrev:before,.ncdPhotoPrev:after, .ncdPhotoClose i:before,.ncdPhotoClose i:after, .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after { background: rgba(245, 245, 245, 1.00); } .ncdPhotoNext:active, .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91); /*border: 2px solid rgba(245, 245, 245, 1.00);*/ } /* Edit Mode */ /*! * justifiedGallery - v4.0.0-alpha * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2019 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > li, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .ncd-photo .justified-gallery > li > div{ position: static; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > li > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > li > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > li > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > div > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } #stacks_in_3196{overflow:hidden}#stacks_in_3196 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.00rem 0;}#stacks_in_3196 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3196 { padding: 0px 0px 5px 0px; } #stacks_out_3196 { margin-left:0; } #stacks_in_3114 { background-color: rgba(204, 204, 204, 0.00); margin: 38px 10px -14px -10px; } #stacks_out_3114 { margin-left:0; } #stacks_in_3198 { display:inline-block; width:100%; line-height: 0.970000em; letter-spacing: 2px; font-size: 106%; } #stacks_in_3199{overflow:hidden}#stacks_in_3199 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_3199 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3199 { margin: -7px 10px -5px -10px; padding: 0px 0px 5px 0px; } #stacks_out_3199 { margin-left:0; } #stacks_in_3200 { background-color: rgba(204, 204, 204, 0.00); margin: 8px 0px 4px 0px; } #stacks_out_3200 { margin-left:0; } #stacks_in_3201 { display:inline-block; width:100%; line-height: 1.120000em; font-size: 106%; } #stacks_in_3202 { background-color: rgba(204, 204, 204, 0.00); } #stacks_out_3202 { margin-left:0; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(255, 255, 255, 0.99); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(255, 255, 255, 0.93); color: rgba(35, 35, 35, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } #stacks_in_3203 { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_3204 { background-color: rgba(255, 255, 255, 1.00); } #stacks_out_3204 { width: 63%; margin-left:0; } #stacks_in_3207 { background-color: rgba(204, 204, 204, 0.00); margin: -6px 10px 8px 0px; } #stacks_out_3207 { margin-left:0; } #stacks_in_3209 { display:inline-block; width:100%; line-height: 1.130000em; font-size: 106%; } #stacks_in_3210 { background-color: rgba(204, 204, 204, 0.00); margin: 4px 10px 20px 0px; } #stacks_out_3210 { margin-left:0; } #stacks_in_3211 { display:inline-block; width:100%; line-height: 1.130000em; font-size: 106%; } #stacks_in_3212{overflow:hidden}#stacks_in_3212 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:0.00rem 0;}#stacks_in_3212 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3212 { margin: -10px 0px 24px 0px; padding: 0px 0px 5px 0px; } #stacks_out_3212 { margin-left:0; } #stacks_in_3213 { background-color: rgba(204, 204, 204, 0.00); margin: -10px 10px 16px 0px; } #stacks_out_3213 { margin-left:0; } #stacks_in_3214 { display:inline-block; width:100%; line-height: 1.110000em; font-size: 106%; } #stacks_in_3215{overflow:hidden}#stacks_in_3215 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:0.00rem 0;}#stacks_in_3215 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3215 { padding: 0px 0px 5px 0px; } #stacks_out_3215 { margin-left:0; } #stacks_in_3216 { background-color: rgba(204, 204, 204, 0.00); margin: 12px 0px 4px 0px; } #stacks_out_3216 { margin-left:0; } #stacks_in_3217 { display:inline-block; width:100%; line-height: 1.120000em; font-size: 106%; } #stacks_out_3218 { margin-left:0; } .lightbox_error{ color: rgba(255, 255, 255, 1.00); font-size: 15px; text-align: center; } .lightbox_error h2{ font-size: 20px; } /* Loader Circle */ .preloader_wrapper{ position: relative; padding: 10px; width: 100%; text-align: center; } .preloader_icn { width: 40px; height: 40px; position: relative; display: inline-block; -webkit-animation: clockwise 750ms linear infinite; animation: clockwise 750ms linear infinite; } .preloader_cut { position: relative; width: calc(40px * .5); height: 40px; overflow: hidden; position: absolute; top: 0; left: 0; } .preloader_donut { box-sizing: border-box; width: 40px; height: 40px; border: 2px solid rgba(204, 204, 204, 1.00); border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; position: absolute; background: none; margin:0; -webkit-animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes clockwise { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0) } } @keyframes donut-rotate { 0% { transform: rotate(0) } 50% { transform: rotate(-140deg) } 100% { transform: rotate(0) } } 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; } .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ margin: 0; padding: 0; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo ul[data-hide="True"]{ height: 0 !important; } .ncd-photo ul[data-hide="True"] li, .ncd-photo li.hide{ display: none !important; } .ncd-photo li > div:first-child{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: box-shadow 150ms ease-out; } .ncd-photo li img{ position: relative; z-index: 10; transform: translateZ(0); } .ncd-photo li p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; user-select: none; transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo li p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo li p em{ font-weight: normal; font-style: normal; } .ncd-photo li p span{ padding: 6px 12px; } .ncd-photo li 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.caption-hover li p{ opacity: 0; transition: transform 300ms, opacity 300ms; transform: translate3d(0,4px,0); } .ncd-photo ul.caption-hover li:hover p{ opacity: 1; transform: translate3d(0,0,0); } .ncd-photo ul.caption-hide li p{ display: none !important; } .ncd-photo ul.caption-bottom p{ left: 0; bottom: 0; right: 0; margin: 0; border-radius: 0 0 3px 3px; overflow: hidden; } .ncd-photo ul.caption-margin p span{ border-radius: 3px; } .ncd-photo ul.caption-margin p{ left: 20px; bottom: 10px; right: 20px; } /* GRID Style */ .ncd-photo.grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.grid li div{ overflow: hidden; } .ncd-photo.grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.grid li, .ncd-photo.photo-col-2.grid li, .ncd-photo.photo-col-3.grid li, .ncd-photo.photo-col-4.grid li, .ncd-photo.photo-col-5.grid li{width: 100%;} .ncd-photo[data-margin="0"].grid{margin: 0;} .ncd-photo[data-margin="0"].grid li div{margin: 0;} .ncd-photo[data-margin="1"].grid{margin: 0 -1px;} .ncd-photo[data-margin="1"].grid li div{margin: 1px;} .ncd-photo[data-margin="3"].grid{margin: 0 -3px;} .ncd-photo[data-margin="3"].grid li div{margin: 3px;} .ncd-photo[data-margin="5"].grid{margin: 0 -5px;} .ncd-photo[data-margin="5"].grid li div{margin: 5px;} .ncd-photo[data-margin="7"].grid{margin: 0 -7px;} .ncd-photo[data-margin="7"].grid li div{margin: 7px;} .ncd-photo[data-margin="9"].grid{margin: 0 -9px;} .ncd-photo[data-margin="9"].grid li div{margin: 9px;} .ncd-photo[data-margin="11"].grid{margin: 0 -11px;} .ncd-photo[data-margin="11"].grid li div{margin: 11px;} .ncd-photo[data-margin="13"].grid{margin: 0 -13px;} .ncd-photo[data-margin="13"].grid li div{margin: 13px;} .ncd-photo[data-margin="15"].grid{margin: 0 -15px;} .ncd-photo[data-margin="15"].grid li div{margin: 15px;} .ncd-photo[data-margin="17"].grid{margin: 0 -17px;} .ncd-photo[data-margin="17"].grid li div{margin: 17px;} .ncd-photo[data-margin="19"].grid{margin: 0 -19px;} .ncd-photo[data-margin="19"].grid li div{margin: 19px;} .ncd-photo[data-margin="21"].grid{margin: 0 -21px;} .ncd-photo[data-margin="21"].grid li div{margin: 21px;} .ncd-photo[data-margin="23"].grid{margin: 0 -23px;} .ncd-photo[data-margin="23"].grid li div{margin: 23px;} .ncd-photo[data-margin="25"].grid{margin: 0 -25px;} .ncd-photo[data-margin="25"].grid li div{margin: 25px;} /* MASONRY Style */ .ncd-photo.grid ul, .ncd-photo.masonry ul, .ncd-photo.justifiedGallery ul{ opacity: 0; } .ncd-photo.grid ul[data-imagesLoaded="1"], .ncd-photo.masonry ul[data-imagesLoaded="1"], .ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{ opacity: 1; transition: opacity 600ms; } .ncd-photo[data-margin="0"].masonry ul{margin: 0;} .ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin: 0;} .ncd-photo[data-margin="1"].masonry ul{margin: 0 -1px;} .ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin: 1px;} .ncd-photo[data-margin="3"].masonry ul{margin: 0 -3px;} .ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin: 3px;} .ncd-photo[data-margin="5"].masonry ul{margin: 0 -5px;} .ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin: 5px;} .ncd-photo[data-margin="7"].masonry ul{margin: 0 -7px;} .ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin: 7px;} .ncd-photo[data-margin="9"].masonry ul{margin: 0 -9px;} .ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin: 9px;} .ncd-photo[data-margin="11"].masonry ul{margin: 0 -11px;} .ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin: 11px;} .ncd-photo[data-margin="13"].masonry ul{margin: 0 -13px;} .ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin: 13px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -15px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 15px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -17px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 17px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -19px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 19px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -21px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 21px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -23px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 23px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -25px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 25px;} .ncd-photo.masonry img{ width: 100%; } /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0 li img, .ncd-photo.rad-0 .thumb-corner{border-radius: 0;} .ncd-photo.rad-3 li div, .ncd-photo.rad-3 li img, .ncd-photo.rad-3 .thumb-corner{border-radius: 3px;} .ncd-photo.rad-5 li div, .ncd-photo.rad-5 li img, .ncd-photo.rad-5 .thumb-corner{border-radius: 5px;} .ncd-photo.rad-7 li div, .ncd-photo.rad-7 li img, .ncd-photo.rad-7 .thumb-corner{border-radius: 7px;} [data-batch-hide="True"]{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } .thumb-corner{ position: absolute; bottom: 0; left: 0; z-index: 50; } .ncd-photo .thumb-corner{ width: 120px; height: 120px; background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); } .photo-stack:hover .thumb-corner i{ transform: scale(1.2); transform-origin: center; } .thumb-corner.video-icon i{ width: 0; height: 0; margin: 0 0 18px 22px; left: 0; bottom: 0; transform: scale(1); position: absolute; transition: transform 200ms; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 17px solid #fff; } #ncdPhotoCarousel .thumb-corner.video-icon i{ margin: 0; left: 33px; bottom: 21px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #fff; } .thumb-corner.bag-icon a{ left: 4px; bottom: 2px; display: block; transform: scale(1.1); position: absolute; cursor: pointer; height: 44px; width: 44px; transition: transform 200ms; } #ncdPhotoCarousel .thumb-corner.bag-icon{ display: none; } .thumb-corner.bag-icon a:first-child:before{ position: absolute; content: ''; top: 16px; left: 14px; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid #fff; } .thumb-corner.bag-icon a:first-child:after{ position: absolute; content: ''; height: 6px; width: 9px; top: 12px; left: 17px; border-radius: 8px 8px 0 0; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } @media only screen and (max-width: 300px) { .ncd-photo ul p{ opacity: 0 !important; } } /*************************** ***** L I G H T B O X ****** ****************************/ /* Loading Animation */ #ncdPhotoLoader{ position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 350ms 150ms; transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } /* Lightbox Base */ #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none; } #ncdPhotoBase.on, #ncdPhotoBase.on ~ *{ pointer-events: none; } #ncdPhotoBase.on ~ iframe{ pointer-events: auto; } #ncdPhotoHeader, #ncdPhotoControls, .exif_wrapper, #ncdPhotoOverlay{ pointer-events: auto; } #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; user-select: none; -webkit-user-select: none; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; } #ncdPhotoBase.out { z-index: 10000; } #ncdPhotoHeader{ position: absolute; right: 0; left: 0; top: 0; padding: 15px; font-size: 14px; z-index: 200; pointer-events: none; } #ncdPhotoOptions{ float: right; pointer-events: auto; padding: 10px 0 10px 20px; border-radius: 30px; transition: padding 0.3s ease-out; } @media only screen and (min-width: 400px) { #ncdPhotoHeader{ right: 1.5%; left: 1.5%; } } #ncdPhotoOptions.zoom{ background: rgba(0, 0, 0, 0.60); padding: 10px 5px; } #ncdPhotoOptions > .ncd-ui:first-child{ margin-left: 0px; } #ncdPhotoOptions .ncd-ui{ z-index: 100; width: 15px; height: 15px; cursor: pointer; position: relative; display: block; float: left; margin-left: 30px; user-select: none; transition: margin 0.3s ease-out, border 0.3s ease-out, box-shadow 0.15s ease-out; } #ncdPhotoOptions .ncd-ui:before{ position: absolute; top: -9px; left: -9px; right: 0; bottom: 0; content: ''; height: 33px; width: 33px; border-radius: 40px; /*box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.30);*/ transition: background .5s ease-out; } #ncdPhotoOptions .ncd-ui:active:before{ background: rgba(255, 255, 255, 0.30); transition: background 0.15s ease-out; /*box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.30);*/ } #ncdPhotoOptions.zoom .ncd-ui{ margin-left: 11px; margin-right: 11px; } #ncdPhotoOptions.zoom #ncdPhotoShare, #ncdPhotoOptions.zoom #ncdPhotoDownload, #ncdPhotoOptions.zoom #ncdPhotoBuynow, #ncdPhotoOptions .ncdPhotoZoom.zoomOut{ display: none; } #ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{ display: block; } #ncdPhotoControls{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; user-select: none; z-index: 100; pointer-events: none; } #ncdPhotoCarousel{ background: rgba(0, 0, 0, 0.60); text-align: center; padding: 5px; line-height: 0; overflow: auto; pointer-events: auto; -webkit-overflow-scrolling: touch; } #ncdPhotoCarousel li[data-hidefromlightbox="True"]{ display: none; } #ncdPhotoOverlay .hide{ display: none; } #ncdPhotoFooter{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background: rgba(197, 197, 197, 1.00); } #ncdZoomAmt{ position: absolute; top: 0; left: 0; right: 0; margin-top: 5px; text-align: center; color: rgba(245, 245, 245, 1.00); font: 400 13px/1.4 Arial; pointer-events: none; transition: opacity 200ms, transform 200ms; transform: translateY(10px); opacity: 0; } #ncdZoomAmt.zoom{ transform: translateY(0px); opacity: 1; } #ncdZoomAmt[data-zoom="50"] span:after{ content:' 50%'; } #ncdZoomAmt[data-zoom="75"] span:after{ content:' 75%'; } #ncdZoomAmt[data-zoom="100"] span:after{ content:' 100%'; } #ncdZoomAmt span{ background: rgba(0, 0, 0, 0.60); padding: 7px 14px; border-radius: 20px; } #ncdPhotoCarousel ul{ padding: 0; margin: 0; list-style: none; display: inline-block; white-space: nowrap; } #ncdPhotoCarousel li{ display: inline-block; position: relative; } #ncdPhotoCarousel li div{ width: 100px; height: 50px; margin: 3px 5px; border-radius: 2px; transform: scale(1); transition: box-shadow 200ms, transform 200ms, opacity 200ms; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0); } #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ transition: box-shadow 200ms, transform 200ms, opacity 200ms; } .photo_slide.zoom::-webkit-scrollbar, #ncdPhotoCarousel::-webkit-scrollbar, #ncdPhotoFooter p, #ncdPhotoFooter img, #ncdPhotoOptions .ncd-ui.hide, #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; } /* ZOOM & CLOSE */ .ncdPhotoZoom i:first-child:before, .ncdPhotoZoom i:first-child:after{ width: 1px; left: 7px; top: 3px; height: 7px; content: ""; background: rgba(245, 245, 245, 1.00); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoZoom i{ position: absolute; } .ncdPhotoZoom i:last-child:before{ position: absolute; height: 15px; width: 15px; top: -1px; border: 1.5px solid rgba(245, 245, 245, 1.00); border-radius: 15px; content: ''; } .ncdPhotoZoom i:last-child:after{ width: 5px; height: 2px; position: absolute; background: rgba(245, 245, 245, 1.00); transform: rotate(40deg); content: ''; top: 12px; border-radius: 6px; right: -17px; } /* ZOOM */ .ncdPhotoZoom{ transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transform: rotate(90deg); opacity: 0; } .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom i:after{ transform:rotate(-90deg); } .ncdPhotoZoom i:before{ transform:rotate(0deg); } .ncdPhotoZoom.zoom i:before { transform:rotate(-90deg); } /* CLOSE */ .ncdPhotoClose i{ position: absolute; } .ncdPhotoClose i:before, .ncdPhotoClose i:after{ height:20px; width: 2px; left: 7px; top: -2px; content: ''; transform:rotate(45deg); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoClose i:after{ transform:rotate(-45deg); } /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev{ z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; 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; pointer-events: auto; user-select: none; } .ncdPhotoNext{ transform: translateX(-15px); right: 4%; } .ncdPhotoPrev{ transform: translateX(15px); left: 4%; } .ncdPhotoNext.hide, .ncdPhotoPrev.hide{opacity: 0 !important;visibility: hidden;} @media screen and (max-width: 800px){ .ncdPhotoNext, .ncdPhotoPrev{ transform: translateX(0) rotate(0deg); opacity: 1; } } .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{transform:rotate(45deg);} .ncdPhotoNext:before{transform:rotate(-45deg);} .ncdPhotoPrev:after{transform:rotate(315deg);} .ncdPhotoPrev:before{transform:rotate(-315deg);} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev{ transform: translateX(0) rotate(0deg);opacity: 1; } /* Always Prev/Next */ .ncdPhotoNext, .ncdPhotoPrev { transform: translateX(0) rotate(0deg);opacity: 1; } /* OVERLAY */ #ncdPhotoOverlay { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; z-index: 0; user-select: none; -webkit-user-select: none; } .go-prev #ncdPhotoOverlay, .go-next #ncdPhotoOverlay{ transition: bottom 150ms ease-out; } #ncdPhotoOverlay.zoom { top: 0; bottom: 65px; } /* SLIDE IMAGES */ .photo_slide { height: 100%; position:absolute; top:-9999px; left:-9999px; right: auto; user-select: none; } #ncdPhotoOverlay:not(.zoom) .photo_slide > div { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .photo_slide img{ padding: 0; margin: 0; } .photo_slide img, .photo-embed-container { list-style: none; line-height: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; -webkit-touch-callout:none; transition: opacity 200ms; transform: translate3d(0,0,0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.50); } /* SHOW IMAGE */ .photo_slide.out, .photo_slide.ncd-show{ top:0; left:0; right: 0; } .photo_slide.ncd-show img{ cursor: zoom-in; } .processing .photo_slide img, .photo_slide.out img, .photo_slide.out .photo-embed-container{ opacity: 0; } .photo-embed-container { padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .photo-embed-container iframe, .photo-embed-container object, .photo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ncdPhotoBase.video-player #ncdPhotoDownload, #ncdPhotoBase.video-player #ncdPhotoFullscreen, #ncdPhotoBase.video-player .ncdPhotoZoom{ display: none !important; } /* ZOOM */ .photo_slide.ncd-show.zoom { position: absolute; overflow: auto; cursor: move; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; } .photo_slide.zoom.in.transition, .photo_slide.zoom.out{ overflow: hidden; } .photo_slide.zoom.transition div{ animation: photo-zoom-in 150ms ease-out both; } .photo_slide.zoom.in div{ animation: photo-zoom-in-complete 200ms ease-out both; } .photo_slide.zoom.in.transition div{ animation: photo-zoom-out 150ms ease-out both; } .photo_slide.zoom.out div{ animation: photo-zoom-out-complete 150ms ease-out both; } .photo_slide.zoom.in img{ max-width: none; max-height: none; border-radius: 0; box-shadow: none; transition: box-shadow 200ms; } .photo_slide.zoom.in img[data-zoom="25"]{ transform: scale(0.25); } .photo_slide.zoom.in img[data-zoom="50"]{ transform: scale(0.50); } .photo_slide.zoom.in img[data-zoom="75"]{ transform: scale(0.75); } .photo_slide.zoom.in img[data-zoom="100"]{ transform: scale(1); } /* ANIMATIONS */ @keyframes photo-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @keyframes photo-zoom-in-complete { 0% {transform: scale(.98);opacity: 0} 50% {transform: scale(.98);opacity: 0} 100% {transform: scale(1);opacity: 1} } @keyframes photo-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @keyframes photo-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @keyframes photo-fade-in { from {opacity: 0} to {opacity: 1} } /* FULLSCREEN */ #ncdPhotoFullscreen i{ position: absolute; } #ncdPhotoFullscreen i:before, #ncdPhotoFullscreen i:after{ position: absolute; content: ''; height: 2px; width: 6px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoFullscreen i:after{ width: 2px; height: 6px; } #ncdPhotoFullscreen i:first-child{ top: 0; left: 0; } #ncdPhotoFullscreen i:last-child{ bottom: 0; right: 0; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:first-child{ top: 6px; left: 6px; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:last-child{ bottom: 6px; right: 6px; transform: rotate(0deg); } /* SHARE */ #ncdPhotoShare{ line-height: 0; } #ncdPhotoShare svg{ height: 15px; width: auto; position: relative; margin-top: -1px; margin-left: -2px; } #ncdPhotoShare path{ fill: rgba(245, 245, 245, 1.00) !important; } #ncdShareOptions{ background: rgba(30, 30, 30, 1.00); box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); position: absolute; padding: 10px; border-radius: 7px; line-height: 1.4; margin: 10px 0 0; list-style: none; width: 150px; top: -99999px; left: -99999px; opacity: 0; transform: translateX(-50%) scale(.3); transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 150ms, left 0ms 150ms; transform-origin: 50% 0%; } #ncdShareOptions.show{ left: 50%; top: 100%; opacity: 1; transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 0ms, left 0ms 0ms; transform: translateX(-50%) scale(1); } #ncdShareOptions:before{ content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(30, 30, 30, 1.00); } #ncdShareOptions li{ padding: 6px 10px; margin: 0; border-radius: 4px; transition: background 150ms; } #ncdShareOptions li:hover{ background: rgba(255,255,255,0.1); } #ncdShareOptions button{ display: block; border: 0; margin: 0; padding: 0; font: 400 15px/1.4 Arial !important; background: transparent; color: rgba(255, 255, 255, 1.00); } /* BUY NOW */ #ncdPhotoBuynow.hide{ opacity: 0; max-width: 0; margin-left: 0; } #ncdPhotoBuynow i{ position: absolute; } #ncdPhotoBuynow i:first-child:before{ position: absolute; content: ''; top: 2px; left: 0; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid rgba(245, 245, 245, 1.00); } #ncdPhotoBuynow i:last-child:before{ position: absolute; content: ''; height: 6px; width: 9px; top: -2px; left: 3px; border-radius: 8px 8px 0 0; border-left: 1.5px solid rgba(245, 245, 245, 1.00); border-top: 1.5px solid rgba(245, 245, 245, 1.00); border-right: 1.5px solid rgba(245, 245, 245, 1.00); } /* DOWNLOAD 1 */ #ncdPhotoDownload{ display: block; } #ncdPhotoDownload i{ position: absolute; } #ncdPhotoDownload i:last-child:before, #ncdPhotoDownload i:last-child:after{ position: absolute; content: ''; height: 2px; width: 9px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload i:last-child:after{ width: 2px; height: 9px; } #ncdPhotoDownload i:last-child{ bottom: 1px; left: 7px; transform: rotate(225deg); } #ncdPhotoDownload i:first-child:before{ position: absolute; content: ''; top: -1px; left: 6px; height: 12px; width: 2px; background: rgba(245, 245, 245, 1.00); } /* DOWNLOAD 2 */ }#ncdPhotoDownload.alt i:last-child:before, #ncdPhotoDownload.alt i:last-child:after{ position: absolute; content: ''; height: 2px; width: 7px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:last-child:after{ width: 2px; height: 7px; } #ncdPhotoDownload.alt i:last-child{ bottom: 3px; left: 6px; transform: rotate(225deg); } #ncdPhotoDownload.alt i:first-child:before{ position: absolute; content: ''; top: 0; left: 5px; height: 8px; width: 2px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:first-child:after{ position: absolute; content: ''; top: 11px; left: 0px; height: 2px; width: 12px; background: rgba(245, 245, 245, 1.00); } /* COUNTER */ #ncdPhotoCounter{ float: left; line-height: 1; font-size: 12px; padding: 8px 16px 8px 0; border-radius: 30px; font-family: arial !important; pointer-events: none; font-weight: bolder; transition: opacity 200ms; } #ncdPhotoCounter.zoom{ opacity: 0; } #ncdPhotoCounter span{ vertical-align: top; line-height: 1; } .lb-current{ font-size: 1.45em; font-weight: normal; } .lb-total{ letter-spacing: 0.05em; } #ncdPhotoCounter[data-show-count="False"]{ display: none; } /* EXIF */ .exif_wrapper{ position: absolute; width: 300px; margin-left: -45px; top: -12px; } .exif_container{ background: rgba(30, 30, 30, 1.00); border-radius: 7px; left: 10px; bottom: 100%; z-index: 1; opacity: 0; width: 260px; height: 300px; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 25px; transform: scale(.3); transform-origin: 0 100%; position: absolute; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); transition: transform 200ms, opacity 200ms; pointer-events: none; } .exif_container *{ transform: translate3d(0,0,0); } .exif_wrapper.show .exif_container{ pointer-events: auto; transform: scale(1); opacity: 1; } .exif_data{ font: 400 15px/1.4 Arial !important; color: rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 10px 10px 10px 0; margin: 0; display: block; white-space: break-spaces; position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .exif_data.hasData{ position: relative; visibility: visible; top: 0; left: 0; } .exif_data:before{ color: rgba(170, 170, 170, 1.00); display: block; font-size: 11px; letter-spacing: 0; } .exif_data.hasData:after{ position: absolute; content: ''; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .exif_data.hasData.last:after{ display: none } #exif_FNumber{ letter-spacing: 0.1em; } .fstop{ font-family: georgia; font-style: italic; padding-left: 3px; padding-right: 2px; } .exif-trigger{ padding: 10px; cursor: pointer; display: inline-block; user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; z-index: 100; transform: scale(0); } .exif_wrapper.hasData .exif-trigger{ transform: scale(1); transition: transform 200ms; } .exif-trigger span:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } .exif-trigger span{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); transition: background 200ms; border-radius: 25px; height: 25px; width: 25px; line-height: 26px; font-family: monospace; text-align: center; font-size: 13px; font-weight: bolder; float: right; user-select: none; -webkit-user-select: none; } #exif_GPSMap{ color: #fff; text-decoration: none; } #exif_iptc_DateCreated:before{ content: 'Date Created'; } #exif_iptc_Keywords:before{ content: 'Keywords'; } #exif_model:before{ content: 'Camera Model'; } #exif_LensModel:before{ content: 'Lens Model'; } #exif_FocalLength:before{ content: 'Focal Length'; } #exif_FNumber:before{ content: 'Aperture'; } #exif_ExposureTime:before{ content: 'Shutter Speed'; } #exif_ISOSpeedRatings:before{ content: 'ISO'; } #exif_Dimensions:before{ content: 'Dimensions'; } #exif_ExposureProgram:before{ content: 'Exposure Program'; } #exif_Flash:before{ content: 'Flash'; } #exif_WhiteBalance:before{ content: 'White Balance'; } #exif_GPSLat:before{ content: 'GPS Latitude'; } #exif_GPSLong:before{ content: 'GPS Longitude'; } #exif_DateTimeOriginal:before{ content: 'Date & Time'; } #exif_GPSMap:before{ content: 'Google Map'; } .photo-stack .exif_wrapper{ position: absolute; top: 0; left: 0; } .photo-stack .exif-trigger{ position: absolute; top: 0; transform: scale(1); box-shadow: none; } /* CAPTION */ .captionWrapper{ max-width: 600px; margin: 0 auto; padding-left: 32px; text-align: left; position: relative; } .imageCaption{ font-size: px; padding-bottom: 0.2em; } .groupTitle{ font-size: px; } #ncdPhotoBase:hover .img-caption-in { opacity: 1; } #ncdPhotoBase .img-caption-in{ opacity: 0; transition: opacity 200ms; } .processing .img-caption-in{ opacity: 0; } #ncdPhotoCaption{ padding: 10px; transition: opacity 200ms; } #ncdPhotoCaption.zoom{ opacity: 0; pointer-events: none; } #ncdPhotoCaption [data-italic-title="True"], #ncdPhotoCaption [data-italic-caption="True"]{ font-style: italic; } #ncdPhotoCaption [data-bold-title="True"], #ncdPhotoCaption [data-bold-caption="True"]{ font-weight: bold; } #ncdPhotoCaption [data-hide-title="True"], #ncdPhotoCaption [data-hide-caption="True"]{ display: none; } .imageCaption{ color: rgba(255, 255, 255, 1.00); } .groupTitle{ color: rgba(136, 136, 136, 1.00); } .groupTitle.ncdPhotoCopywrite{ color: rgba(132, 132, 132, 1.00); } #ncdPhotoCounter{ color: rgba(245, 245, 245, 1.00); } #ncdPhotoBase{ background: rgba(124, 124, 124, 0.97); } .ncdPhotoNext:before,.ncdPhotoNext:after, .ncdPhotoPrev:before,.ncdPhotoPrev:after, .ncdPhotoClose i:before,.ncdPhotoClose i:after, .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after { background: rgba(245, 245, 245, 1.00); } .ncdPhotoNext:active, .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.30); /*border: 2px solid rgba(245, 245, 245, 1.00);*/ } /* Edit Mode */ /*! * justifiedGallery - v4.0.0-alpha * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2019 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > li, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .ncd-photo .justified-gallery > li > div{ position: static; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > li > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > li > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > li > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > div > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } .exif_wrapper{display: none;} #stacks_in_3220.ncd-photo p{ text-align: left; } #stacks_in_3220 li > div.img-wrapper:before{ box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; content: ''; z-index: 20; transition: box-shadow 200ms; border-radius: 3px; } #stacks_in_3220 li:hover > div.img-wrapper:before{ box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.20); } #stacks_in_3220.ncd-photo li p span{ display: inline-block; } /* Break Points for Columns */ /* Phone */ #stacks_in_3220.grid li, #stacks_in_3220.masonry li{width: calc(100% / 2);} /* Phone + */ @media only screen and (min-width: 600px) { #stacks_in_3220.grid li, #stacks_in_3220.masonry li{width: calc(100% / 2);} } /* Tablet */ @media only screen and (min-width: 800px) { #stacks_in_3220.grid li, #stacks_in_3220.masonry li{width: calc(100% / 2);} } /* Desktop */ @media only screen and (min-width: 1100px) { #stacks_in_3220.grid li, #stacks_in_3220.masonry li{width: calc(100% / 2);} } #stacks_in_3220.grid li div{background-size: cover;} #stacks_in_3220.grid ul li div:after{padding-top: 100%;} #stacks_in_3220.fitRows img{ max-height: px; max-width: 200px; } #stacks_in_3220 p{font-size: 13px;} #stacks_in_3220 b{ font-size: 13px; color: rgba(255, 255, 255, 1.00); } #stacks_in_3220 em{color: rgba(187, 187, 187, 1.00);} #stacks_in_3220 span{background: rgba(255, 255, 255, 1.00);} #stacks_in_3224 { background-color: rgba(204, 204, 204, 0.00); margin: -6px 10px 8px 0px; } #stacks_out_3224 { margin-left:0; } #stacks_in_3226 { display:inline-block; width:100%; line-height: 1.130000em; font-size: 106%; } #stacks_in_3227 { background-color: rgba(204, 204, 204, 0.00); margin: 4px 10px 25px 0px; } #stacks_out_3227 { margin-left:0; } #stacks_in_3228 { display:inline-block; width:100%; line-height: 1.130000em; font-size: 106%; } #stacks_in_3229{overflow:hidden}#stacks_in_3229 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_3229 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3229 { margin: -8px 10px -6px -10px; padding: 0px 0px 5px 0px; } #stacks_out_3229 { margin-left:0; } #stacks_in_3230{overflow:hidden}#stacks_in_3230 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:0.25rem 0;}#stacks_in_3230 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3230 { margin: 10px 0px 0px 0px; padding: 0px 0px 5px 0px; } #stacks_out_3230 { margin-left:0; } #stacks_in_3231 { background-color: rgba(204, 204, 204, 0.00); } #stacks_out_3231 { margin-left:0; } #stacks_in_3232 { display:inline-block; width:100%; line-height: 1.110000em; font-size: 106%; } .lightbox_error{ color: rgba(255, 255, 255, 1.00); font-size: 15px; text-align: center; } .lightbox_error h2{ font-size: 20px; } /* Loader Circle */ .preloader_wrapper{ position: relative; padding: 10px; width: 100%; text-align: center; } .preloader_icn { width: 40px; height: 40px; position: relative; display: inline-block; -webkit-animation: clockwise 750ms linear infinite; animation: clockwise 750ms linear infinite; } .preloader_cut { position: relative; width: calc(40px * .5); height: 40px; overflow: hidden; position: absolute; top: 0; left: 0; } .preloader_donut { box-sizing: border-box; width: 40px; height: 40px; border: 2px solid rgba(204, 204, 204, 1.00); border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; position: absolute; background: none; margin:0; -webkit-animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes clockwise { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0) } } @keyframes donut-rotate { 0% { transform: rotate(0) } 50% { transform: rotate(-140deg) } 100% { transform: rotate(0) } } 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; } .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ margin: 0; padding: 0; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo ul[data-hide="True"]{ height: 0 !important; } .ncd-photo ul[data-hide="True"] li, .ncd-photo li.hide{ display: none !important; } .ncd-photo li > div:first-child{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: box-shadow 150ms ease-out; } .ncd-photo li img{ position: relative; z-index: 10; transform: translateZ(0); } .ncd-photo li p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; user-select: none; transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo li p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo li p em{ font-weight: normal; font-style: normal; } .ncd-photo li p span{ padding: 6px 12px; } .ncd-photo li 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.caption-hover li p{ opacity: 0; transition: transform 300ms, opacity 300ms; transform: translate3d(0,4px,0); } .ncd-photo ul.caption-hover li:hover p{ opacity: 1; transform: translate3d(0,0,0); } .ncd-photo ul.caption-hide li p{ display: none !important; } .ncd-photo ul.caption-bottom p{ left: 0; bottom: 0; right: 0; margin: 0; border-radius: 0 0 3px 3px; overflow: hidden; } .ncd-photo ul.caption-margin p span{ border-radius: 3px; } .ncd-photo ul.caption-margin p{ left: 20px; bottom: 10px; right: 20px; } /* GRID Style */ .ncd-photo.grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.grid li div{ overflow: hidden; } .ncd-photo.grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.grid li, .ncd-photo.photo-col-2.grid li, .ncd-photo.photo-col-3.grid li, .ncd-photo.photo-col-4.grid li, .ncd-photo.photo-col-5.grid li{width: 100%;} .ncd-photo[data-margin="0"].grid{margin: 0;} .ncd-photo[data-margin="0"].grid li div{margin: 0;} .ncd-photo[data-margin="1"].grid{margin: 0 -1px;} .ncd-photo[data-margin="1"].grid li div{margin: 1px;} .ncd-photo[data-margin="3"].grid{margin: 0 -3px;} .ncd-photo[data-margin="3"].grid li div{margin: 3px;} .ncd-photo[data-margin="5"].grid{margin: 0 -5px;} .ncd-photo[data-margin="5"].grid li div{margin: 5px;} .ncd-photo[data-margin="7"].grid{margin: 0 -7px;} .ncd-photo[data-margin="7"].grid li div{margin: 7px;} .ncd-photo[data-margin="9"].grid{margin: 0 -9px;} .ncd-photo[data-margin="9"].grid li div{margin: 9px;} .ncd-photo[data-margin="11"].grid{margin: 0 -11px;} .ncd-photo[data-margin="11"].grid li div{margin: 11px;} .ncd-photo[data-margin="13"].grid{margin: 0 -13px;} .ncd-photo[data-margin="13"].grid li div{margin: 13px;} .ncd-photo[data-margin="15"].grid{margin: 0 -15px;} .ncd-photo[data-margin="15"].grid li div{margin: 15px;} .ncd-photo[data-margin="17"].grid{margin: 0 -17px;} .ncd-photo[data-margin="17"].grid li div{margin: 17px;} .ncd-photo[data-margin="19"].grid{margin: 0 -19px;} .ncd-photo[data-margin="19"].grid li div{margin: 19px;} .ncd-photo[data-margin="21"].grid{margin: 0 -21px;} .ncd-photo[data-margin="21"].grid li div{margin: 21px;} .ncd-photo[data-margin="23"].grid{margin: 0 -23px;} .ncd-photo[data-margin="23"].grid li div{margin: 23px;} .ncd-photo[data-margin="25"].grid{margin: 0 -25px;} .ncd-photo[data-margin="25"].grid li div{margin: 25px;} /* MASONRY Style */ .ncd-photo.grid ul, .ncd-photo.masonry ul, .ncd-photo.justifiedGallery ul{ opacity: 0; } .ncd-photo.grid ul[data-imagesLoaded="1"], .ncd-photo.masonry ul[data-imagesLoaded="1"], .ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{ opacity: 1; transition: opacity 600ms; } .ncd-photo[data-margin="0"].masonry ul{margin: 0;} .ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin: 0;} .ncd-photo[data-margin="1"].masonry ul{margin: 0 -1px;} .ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin: 1px;} .ncd-photo[data-margin="3"].masonry ul{margin: 0 -3px;} .ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin: 3px;} .ncd-photo[data-margin="5"].masonry ul{margin: 0 -5px;} .ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin: 5px;} .ncd-photo[data-margin="7"].masonry ul{margin: 0 -7px;} .ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin: 7px;} .ncd-photo[data-margin="9"].masonry ul{margin: 0 -9px;} .ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin: 9px;} .ncd-photo[data-margin="11"].masonry ul{margin: 0 -11px;} .ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin: 11px;} .ncd-photo[data-margin="13"].masonry ul{margin: 0 -13px;} .ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin: 13px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -15px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 15px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -17px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 17px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -19px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 19px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -21px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 21px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -23px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 23px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -25px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 25px;} .ncd-photo.masonry img{ width: 100%; } /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0 li img, .ncd-photo.rad-0 .thumb-corner{border-radius: 0;} .ncd-photo.rad-3 li div, .ncd-photo.rad-3 li img, .ncd-photo.rad-3 .thumb-corner{border-radius: 3px;} .ncd-photo.rad-5 li div, .ncd-photo.rad-5 li img, .ncd-photo.rad-5 .thumb-corner{border-radius: 5px;} .ncd-photo.rad-7 li div, .ncd-photo.rad-7 li img, .ncd-photo.rad-7 .thumb-corner{border-radius: 7px;} [data-batch-hide="True"]{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } .thumb-corner{ position: absolute; bottom: 0; left: 0; z-index: 50; } .ncd-photo .thumb-corner{ width: 120px; height: 120px; background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); } .photo-stack:hover .thumb-corner i{ transform: scale(1.2); transform-origin: center; } .thumb-corner.video-icon i{ width: 0; height: 0; margin: 0 0 18px 22px; left: 0; bottom: 0; transform: scale(1); position: absolute; transition: transform 200ms; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 17px solid #fff; } #ncdPhotoCarousel .thumb-corner.video-icon i{ margin: 0; left: 33px; bottom: 21px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #fff; } .thumb-corner.bag-icon a{ left: 4px; bottom: 2px; display: block; transform: scale(1.1); position: absolute; cursor: pointer; height: 44px; width: 44px; transition: transform 200ms; } #ncdPhotoCarousel .thumb-corner.bag-icon{ display: none; } .thumb-corner.bag-icon a:first-child:before{ position: absolute; content: ''; top: 16px; left: 14px; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid #fff; } .thumb-corner.bag-icon a:first-child:after{ position: absolute; content: ''; height: 6px; width: 9px; top: 12px; left: 17px; border-radius: 8px 8px 0 0; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } @media only screen and (max-width: 300px) { .ncd-photo ul p{ opacity: 0 !important; } } /*************************** ***** L I G H T B O X ****** ****************************/ /* Loading Animation */ #ncdPhotoLoader{ position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 350ms 150ms; transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } /* Lightbox Base */ #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none; } #ncdPhotoBase.on, #ncdPhotoBase.on ~ *{ pointer-events: none; } #ncdPhotoBase.on ~ iframe{ pointer-events: auto; } #ncdPhotoHeader, #ncdPhotoControls, .exif_wrapper, #ncdPhotoOverlay{ pointer-events: auto; } #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; user-select: none; -webkit-user-select: none; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; } #ncdPhotoBase.out { z-index: 10000; } #ncdPhotoHeader{ position: absolute; right: 0; left: 0; top: 0; padding: 15px; font-size: 14px; z-index: 200; pointer-events: none; } #ncdPhotoOptions{ float: right; pointer-events: auto; padding: 10px 0 10px 20px; border-radius: 30px; transition: padding 0.3s ease-out; } @media only screen and (min-width: 400px) { #ncdPhotoHeader{ right: 1.5%; left: 1.5%; } } #ncdPhotoOptions.zoom{ background: rgba(0, 0, 0, 0.60); padding: 10px 5px; } #ncdPhotoOptions > .ncd-ui:first-child{ margin-left: 0px; } #ncdPhotoOptions .ncd-ui{ z-index: 100; width: 15px; height: 15px; cursor: pointer; position: relative; display: block; float: left; margin-left: 30px; user-select: none; transition: margin 0.3s ease-out, border 0.3s ease-out, box-shadow 0.15s ease-out; } #ncdPhotoOptions .ncd-ui:before{ position: absolute; top: -9px; left: -9px; right: 0; bottom: 0; content: ''; height: 33px; width: 33px; border-radius: 40px; /*box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.30);*/ transition: background .5s ease-out; } #ncdPhotoOptions .ncd-ui:active:before{ background: rgba(255, 255, 255, 0.30); transition: background 0.15s ease-out; /*box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.30);*/ } #ncdPhotoOptions.zoom .ncd-ui{ margin-left: 11px; margin-right: 11px; } #ncdPhotoOptions.zoom #ncdPhotoShare, #ncdPhotoOptions.zoom #ncdPhotoDownload, #ncdPhotoOptions.zoom #ncdPhotoBuynow, #ncdPhotoOptions .ncdPhotoZoom.zoomOut{ display: none; } #ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{ display: block; } #ncdPhotoControls{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; user-select: none; z-index: 100; pointer-events: none; } #ncdPhotoCarousel{ background: rgba(0, 0, 0, 0.60); text-align: center; padding: 5px; line-height: 0; overflow: auto; pointer-events: auto; -webkit-overflow-scrolling: touch; } #ncdPhotoCarousel li[data-hidefromlightbox="True"]{ display: none; } #ncdPhotoOverlay .hide{ display: none; } #ncdPhotoFooter{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background: rgba(0, 0, 0, 0.00); } #ncdZoomAmt{ position: absolute; top: 0; left: 0; right: 0; margin-top: 5px; text-align: center; color: rgba(245, 245, 245, 1.00); font: 400 13px/1.4 Arial; pointer-events: none; transition: opacity 200ms, transform 200ms; transform: translateY(10px); opacity: 0; } #ncdZoomAmt.zoom{ transform: translateY(0px); opacity: 1; } #ncdZoomAmt[data-zoom="50"] span:after{ content:' 50%'; } #ncdZoomAmt[data-zoom="75"] span:after{ content:' 75%'; } #ncdZoomAmt[data-zoom="100"] span:after{ content:' 100%'; } #ncdZoomAmt span{ background: rgba(0, 0, 0, 0.60); padding: 7px 14px; border-radius: 20px; } #ncdPhotoCarousel ul{ padding: 0; margin: 0; list-style: none; display: inline-block; white-space: nowrap; } #ncdPhotoCarousel li{ display: inline-block; position: relative; } #ncdPhotoCarousel li div{ width: 80px; height: 45px; margin: 3px 5px; border-radius: 2px; transform: scale(1); transition: box-shadow 200ms, transform 200ms, opacity 200ms; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0); } #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ transition: box-shadow 200ms, transform 200ms, opacity 200ms; } #ncdPhotoCarousel li div{opacity: 0.4;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{opacity: 1;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); } #ncdPhotoCarousel li.current div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); } #ncdPhotoCarousel li.current div{ transform: scale(1.1); } .photo_slide.zoom::-webkit-scrollbar, #ncdPhotoCarousel::-webkit-scrollbar, #ncdPhotoFooter p, #ncdPhotoFooter img, #ncdPhotoOptions .ncd-ui.hide, #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; } /* ZOOM & CLOSE */ .ncdPhotoZoom i:first-child:before, .ncdPhotoZoom i:first-child:after{ width: 1px; left: 7px; top: 3px; height: 7px; content: ""; background: rgba(245, 245, 245, 1.00); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoZoom i{ position: absolute; } .ncdPhotoZoom i:last-child:before{ position: absolute; height: 15px; width: 15px; top: -1px; border: 1.5px solid rgba(245, 245, 245, 1.00); border-radius: 15px; content: ''; } .ncdPhotoZoom i:last-child:after{ width: 5px; height: 2px; position: absolute; background: rgba(245, 245, 245, 1.00); transform: rotate(40deg); content: ''; top: 12px; border-radius: 6px; right: -17px; } /* ZOOM */ .ncdPhotoZoom{ transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transform: rotate(90deg); opacity: 0; } .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom i:after{ transform:rotate(-90deg); } .ncdPhotoZoom i:before{ transform:rotate(0deg); } .ncdPhotoZoom.zoom i:before { transform:rotate(-90deg); } /* CLOSE */ .ncdPhotoClose i{ position: absolute; } .ncdPhotoClose i:before, .ncdPhotoClose i:after{ height:20px; width: 2px; left: 7px; top: -2px; content: ''; transform:rotate(45deg); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoClose i:after{ transform:rotate(-45deg); } /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev{ z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; 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; pointer-events: auto; user-select: none; } .ncdPhotoNext{ transform: translateX(-15px); right: 4%; } .ncdPhotoPrev{ transform: translateX(15px); left: 4%; } .ncdPhotoNext.hide, .ncdPhotoPrev.hide{opacity: 0 !important;visibility: hidden;} @media screen and (max-width: 800px){ .ncdPhotoNext, .ncdPhotoPrev{ transform: translateX(0) rotate(0deg); opacity: 1; } } .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{transform:rotate(45deg);} .ncdPhotoNext:before{transform:rotate(-45deg);} .ncdPhotoPrev:after{transform:rotate(315deg);} .ncdPhotoPrev:before{transform:rotate(-315deg);} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev{ transform: translateX(0) rotate(0deg);opacity: 1; } /* Always Prev/Next */ .ncdPhotoNext, .ncdPhotoPrev { transform: translateX(0) rotate(0deg);opacity: 1; } /* OVERLAY */ #ncdPhotoOverlay { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; z-index: 0; user-select: none; -webkit-user-select: none; } .go-prev #ncdPhotoOverlay, .go-next #ncdPhotoOverlay{ transition: bottom 150ms ease-out; } #ncdPhotoOverlay.zoom { top: 0; bottom: 65px; } /* SLIDE IMAGES */ .photo_slide { height: 100%; position:absolute; top:-9999px; left:-9999px; right: auto; user-select: none; } #ncdPhotoOverlay:not(.zoom) .photo_slide > div { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .photo_slide img{ padding: 0; margin: 0; } .photo_slide img, .photo-embed-container { list-style: none; line-height: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; -webkit-touch-callout:none; transition: opacity 200ms; transform: translate3d(0,0,0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.50); } /* SHOW IMAGE */ .photo_slide.out, .photo_slide.ncd-show{ top:0; left:0; right: 0; } .photo_slide.ncd-show img{ cursor: zoom-in; } .processing .photo_slide img, .photo_slide.out img, .photo_slide.out .photo-embed-container{ opacity: 0; } .photo-embed-container { padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .photo-embed-container iframe, .photo-embed-container object, .photo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ncdPhotoBase.video-player #ncdPhotoDownload, #ncdPhotoBase.video-player #ncdPhotoFullscreen, #ncdPhotoBase.video-player .ncdPhotoZoom{ display: none !important; } /* ZOOM */ .photo_slide.ncd-show.zoom { position: absolute; overflow: auto; cursor: move; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; } .photo_slide.zoom.in.transition, .photo_slide.zoom.out{ overflow: hidden; } .photo_slide.zoom.transition div{ animation: photo-zoom-in 150ms ease-out both; } .photo_slide.zoom.in div{ animation: photo-zoom-in-complete 200ms ease-out both; } .photo_slide.zoom.in.transition div{ animation: photo-zoom-out 150ms ease-out both; } .photo_slide.zoom.out div{ animation: photo-zoom-out-complete 150ms ease-out both; } .photo_slide.zoom.in img{ max-width: none; max-height: none; border-radius: 0; box-shadow: none; transition: box-shadow 200ms; } .photo_slide.zoom.in img[data-zoom="25"]{ transform: scale(0.25); } .photo_slide.zoom.in img[data-zoom="50"]{ transform: scale(0.50); } .photo_slide.zoom.in img[data-zoom="75"]{ transform: scale(0.75); } .photo_slide.zoom.in img[data-zoom="100"]{ transform: scale(1); } /* ANIMATIONS */ @keyframes photo-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @keyframes photo-zoom-in-complete { 0% {transform: scale(.98);opacity: 0} 50% {transform: scale(.98);opacity: 0} 100% {transform: scale(1);opacity: 1} } @keyframes photo-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @keyframes photo-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @keyframes photo-fade-in { from {opacity: 0} to {opacity: 1} } /* FULLSCREEN */ #ncdPhotoFullscreen i{ position: absolute; } #ncdPhotoFullscreen i:before, #ncdPhotoFullscreen i:after{ position: absolute; content: ''; height: 2px; width: 6px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoFullscreen i:after{ width: 2px; height: 6px; } #ncdPhotoFullscreen i:first-child{ top: 0; left: 0; } #ncdPhotoFullscreen i:last-child{ bottom: 0; right: 0; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:first-child{ top: 6px; left: 6px; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:last-child{ bottom: 6px; right: 6px; transform: rotate(0deg); } /* SHARE */ #ncdPhotoShare{ line-height: 0; } #ncdPhotoShare svg{ height: 15px; width: auto; position: relative; margin-top: -1px; margin-left: -2px; } #ncdPhotoShare path{ fill: rgba(245, 245, 245, 1.00) !important; } #ncdShareOptions{ background: rgba(30, 30, 30, 1.00); box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); position: absolute; padding: 10px; border-radius: 7px; line-height: 1.4; margin: 10px 0 0; list-style: none; width: 150px; top: -99999px; left: -99999px; opacity: 0; transform: translateX(-50%) scale(.3); transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 150ms, left 0ms 150ms; transform-origin: 50% 0%; } #ncdShareOptions.show{ left: 50%; top: 100%; opacity: 1; transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 0ms, left 0ms 0ms; transform: translateX(-50%) scale(1); } #ncdShareOptions:before{ content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(30, 30, 30, 1.00); } #ncdShareOptions li{ padding: 6px 10px; margin: 0; border-radius: 4px; transition: background 150ms; } #ncdShareOptions li:hover{ background: rgba(255,255,255,0.1); } #ncdShareOptions button{ display: block; border: 0; margin: 0; padding: 0; font: 400 15px/1.4 Arial !important; background: transparent; color: rgba(255, 255, 255, 1.00); } /* BUY NOW */ #ncdPhotoBuynow.hide{ opacity: 0; max-width: 0; margin-left: 0; } #ncdPhotoBuynow i{ position: absolute; } #ncdPhotoBuynow i:first-child:before{ position: absolute; content: ''; top: 2px; left: 0; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid rgba(245, 245, 245, 1.00); } #ncdPhotoBuynow i:last-child:before{ position: absolute; content: ''; height: 6px; width: 9px; top: -2px; left: 3px; border-radius: 8px 8px 0 0; border-left: 1.5px solid rgba(245, 245, 245, 1.00); border-top: 1.5px solid rgba(245, 245, 245, 1.00); border-right: 1.5px solid rgba(245, 245, 245, 1.00); } /* DOWNLOAD 1 */ #ncdPhotoDownload{ display: block; } #ncdPhotoDownload i{ position: absolute; } #ncdPhotoDownload i:last-child:before, #ncdPhotoDownload i:last-child:after{ position: absolute; content: ''; height: 2px; width: 9px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload i:last-child:after{ width: 2px; height: 9px; } #ncdPhotoDownload i:last-child{ bottom: 1px; left: 7px; transform: rotate(225deg); } #ncdPhotoDownload i:first-child:before{ position: absolute; content: ''; top: -1px; left: 6px; height: 12px; width: 2px; background: rgba(245, 245, 245, 1.00); } /* DOWNLOAD 2 */ }#ncdPhotoDownload.alt i:last-child:before, #ncdPhotoDownload.alt i:last-child:after{ position: absolute; content: ''; height: 2px; width: 7px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:last-child:after{ width: 2px; height: 7px; } #ncdPhotoDownload.alt i:last-child{ bottom: 3px; left: 6px; transform: rotate(225deg); } #ncdPhotoDownload.alt i:first-child:before{ position: absolute; content: ''; top: 0; left: 5px; height: 8px; width: 2px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:first-child:after{ position: absolute; content: ''; top: 11px; left: 0px; height: 2px; width: 12px; background: rgba(245, 245, 245, 1.00); } /* COUNTER */ #ncdPhotoCounter{ float: left; line-height: 1; font-size: 12px; padding: 8px 16px 8px 0; border-radius: 30px; font-family: arial !important; pointer-events: none; font-weight: bolder; transition: opacity 200ms; } #ncdPhotoCounter.zoom{ opacity: 0; } #ncdPhotoCounter span{ vertical-align: top; line-height: 1; } .lb-current{ font-size: 1.45em; font-weight: normal; } .lb-total{ letter-spacing: 0.05em; } #ncdPhotoCounter[data-show-count="False"]{ display: none; } /* EXIF */ .exif_wrapper{ position: absolute; width: 300px; margin-left: -45px; top: -12px; } .exif_container{ background: rgba(30, 30, 30, 1.00); border-radius: 7px; left: 10px; bottom: 100%; z-index: 1; opacity: 0; width: 260px; height: 300px; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 25px; transform: scale(.3); transform-origin: 0 100%; position: absolute; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); transition: transform 200ms, opacity 200ms; pointer-events: none; } .exif_container *{ transform: translate3d(0,0,0); } .exif_wrapper.show .exif_container{ pointer-events: auto; transform: scale(1); opacity: 1; } .exif_data{ font: 400 15px/1.4 Arial !important; color: rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 10px 10px 10px 0; margin: 0; display: block; white-space: break-spaces; position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .exif_data.hasData{ position: relative; visibility: visible; top: 0; left: 0; } .exif_data:before{ color: rgba(170, 170, 170, 1.00); display: block; font-size: 11px; letter-spacing: 0; } .exif_data.hasData:after{ position: absolute; content: ''; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .exif_data.hasData.last:after{ display: none } #exif_FNumber{ letter-spacing: 0.1em; } .fstop{ font-family: georgia; font-style: italic; padding-left: 3px; padding-right: 2px; } .exif-trigger{ padding: 10px; cursor: pointer; display: inline-block; user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; z-index: 100; transform: scale(0); } .exif_wrapper.hasData .exif-trigger{ transform: scale(1); transition: transform 200ms; } .exif-trigger span:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } .exif-trigger span{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); transition: background 200ms; border-radius: 25px; height: 25px; width: 25px; line-height: 26px; font-family: monospace; text-align: center; font-size: 13px; font-weight: bolder; float: right; user-select: none; -webkit-user-select: none; } #exif_GPSMap{ color: #fff; text-decoration: none; } #exif_iptc_DateCreated:before{ content: 'Date Created'; } #exif_iptc_Keywords:before{ content: 'Keywords'; } #exif_model:before{ content: 'Camera Model'; } #exif_LensModel:before{ content: 'Lens Model'; } #exif_FocalLength:before{ content: 'Focal Length'; } #exif_FNumber:before{ content: 'Aperture'; } #exif_ExposureTime:before{ content: 'Shutter Speed'; } #exif_ISOSpeedRatings:before{ content: 'ISO'; } #exif_Dimensions:before{ content: 'Dimensions'; } #exif_ExposureProgram:before{ content: 'Exposure Program'; } #exif_Flash:before{ content: 'Flash'; } #exif_WhiteBalance:before{ content: 'White Balance'; } #exif_GPSLat:before{ content: 'GPS Latitude'; } #exif_GPSLong:before{ content: 'GPS Longitude'; } #exif_DateTimeOriginal:before{ content: 'Date & Time'; } #exif_GPSMap:before{ content: 'Google Map'; } .photo-stack .exif_wrapper{ position: absolute; top: 0; left: 0; } .photo-stack .exif-trigger{ position: absolute; top: 0; transform: scale(1); box-shadow: none; } /* CAPTION */ .captionWrapper{ max-width: 600px; margin: 0 auto; padding-left: 32px; text-align: left; position: relative; } .imageCaption{ font-size: px; padding-bottom: 0.2em; } .groupTitle{ font-size: px; } #ncdPhotoBase:hover .img-caption-in { opacity: 1; } #ncdPhotoBase .img-caption-in{ opacity: 0; transition: opacity 200ms; } .processing .img-caption-in{ opacity: 0; } #ncdPhotoCaption{ padding: 10px; transition: opacity 200ms; } #ncdPhotoCaption.zoom{ opacity: 0; pointer-events: none; } #ncdPhotoCaption [data-italic-title="True"], #ncdPhotoCaption [data-italic-caption="True"]{ font-style: italic; } #ncdPhotoCaption [data-bold-title="True"], #ncdPhotoCaption [data-bold-caption="True"]{ font-weight: bold; } #ncdPhotoCaption [data-hide-title="True"], #ncdPhotoCaption [data-hide-caption="True"]{ display: none; } .imageCaption{ color: rgba(255, 255, 255, 1.00); } .groupTitle{ color: rgba(136, 136, 136, 1.00); } .groupTitle.ncdPhotoCopywrite{ color: rgba(132, 132, 132, 1.00); } #ncdPhotoCounter{ color: rgba(245, 245, 245, 1.00); } #ncdPhotoBase{ background: rgba(15, 15, 15, 0.97); } .ncdPhotoNext:before,.ncdPhotoNext:after, .ncdPhotoPrev:before,.ncdPhotoPrev:after, .ncdPhotoClose i:before,.ncdPhotoClose i:after, .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after { background: rgba(245, 245, 245, 1.00); } .ncdPhotoNext:active, .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.30); /*border: 2px solid rgba(245, 245, 245, 1.00);*/ } /* Edit Mode */ /*! * justifiedGallery - v4.0.0-alpha * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2019 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > li, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .ncd-photo .justified-gallery > li > div{ position: static; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > li > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > li > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > li > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > div > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } #stacks_out_3234 { margin-left:0; } .exif_wrapper{display: none;} #stacks_in_3235.ncd-photo p{ text-align: left; } #stacks_in_3235 li > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; content: ''; z-index: 20; transition: box-shadow 200ms; border-radius: 3px; } #stacks_in_3235 li:hover > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.20); } #stacks_in_3235.ncd-photo li p span{ display: inline-block; } /* Break Points for Columns */ /* Phone */ #stacks_in_3235.grid li, #stacks_in_3235.masonry li{width: calc(100% / 1);} /* Phone + */ @media only screen and (min-width: 600px) { #stacks_in_3235.grid li, #stacks_in_3235.masonry li{width: calc(100% / 1);} } /* Tablet */ @media only screen and (min-width: 800px) { #stacks_in_3235.grid li, #stacks_in_3235.masonry li{width: calc(100% / 1);} } /* Desktop */ @media only screen and (min-width: 1100px) { #stacks_in_3235.grid li, #stacks_in_3235.masonry li{width: calc(100% / 1);} } #stacks_in_3235.grid li div{background-size: cover;} #stacks_in_3235.grid ul li div:after{padding-top: 56%;} #stacks_in_3235.fitRows img{ max-height: px; max-width: 200px; } #stacks_in_3235 p{font-size: 13px;} #stacks_in_3235 b{ font-size: 13px; color: rgba(255, 255, 255, 1.00); } #stacks_in_3235 em{color: rgba(187, 187, 187, 1.00);} #stacks_in_3235 span{background: rgba(0, 0, 0, 0.70);} #stacks_in_3238{overflow:hidden}#stacks_in_3238 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:0.25rem 0;}#stacks_in_3238 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3238 { margin: 10px 0px 0px 0px; padding: 0px 0px 5px 0px; } #stacks_out_3238 { margin-left:0; } #stacks_in_3240 { background-color: rgba(204, 204, 204, 0.00); margin: 0px 0px 8px 0px; } #stacks_out_3240 { margin-left:0; } #stacks_in_3241 { display:inline-block; width:100%; line-height: 1.110000em; font-size: 106%; } #stacks_out_3242 { margin-left:0; } .lightbox_error{ color: rgba(255, 255, 255, 1.00); font-size: 15px; text-align: center; } .lightbox_error h2{ font-size: 20px; } /* Loader Circle */ .preloader_wrapper{ position: relative; padding: 10px; width: 100%; text-align: center; } .preloader_icn { width: 40px; height: 40px; position: relative; display: inline-block; -webkit-animation: clockwise 750ms linear infinite; animation: clockwise 750ms linear infinite; } .preloader_cut { position: relative; width: calc(40px * .5); height: 40px; overflow: hidden; position: absolute; top: 0; left: 0; } .preloader_donut { box-sizing: border-box; width: 40px; height: 40px; border: 2px solid rgba(204, 204, 204, 1.00); border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; position: absolute; background: none; margin:0; -webkit-animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes clockwise { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0) } } @keyframes donut-rotate { 0% { transform: rotate(0) } 50% { transform: rotate(-140deg) } 100% { transform: rotate(0) } } 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; } .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ margin: 0; padding: 0; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo ul[data-hide="True"]{ height: 0 !important; } .ncd-photo ul[data-hide="True"] li, .ncd-photo li.hide{ display: none !important; } .ncd-photo li > div:first-child{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: box-shadow 150ms ease-out; } .ncd-photo li img{ position: relative; z-index: 10; transform: translateZ(0); } .ncd-photo li p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; user-select: none; transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo li p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo li p em{ font-weight: normal; font-style: normal; } .ncd-photo li p span{ padding: 6px 12px; } .ncd-photo li 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.caption-hover li p{ opacity: 0; transition: transform 300ms, opacity 300ms; transform: translate3d(0,4px,0); } .ncd-photo ul.caption-hover li:hover p{ opacity: 1; transform: translate3d(0,0,0); } .ncd-photo ul.caption-hide li p{ display: none !important; } .ncd-photo ul.caption-bottom p{ left: 0; bottom: 0; right: 0; margin: 0; border-radius: 0 0 3px 3px; overflow: hidden; } .ncd-photo ul.caption-margin p span{ border-radius: 3px; } .ncd-photo ul.caption-margin p{ left: 20px; bottom: 10px; right: 20px; } /* GRID Style */ .ncd-photo.grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.grid li div{ overflow: hidden; } .ncd-photo.grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.grid li, .ncd-photo.photo-col-2.grid li, .ncd-photo.photo-col-3.grid li, .ncd-photo.photo-col-4.grid li, .ncd-photo.photo-col-5.grid li{width: 100%;} .ncd-photo[data-margin="0"].grid{margin: 0;} .ncd-photo[data-margin="0"].grid li div{margin: 0;} .ncd-photo[data-margin="1"].grid{margin: 0 -1px;} .ncd-photo[data-margin="1"].grid li div{margin: 1px;} .ncd-photo[data-margin="3"].grid{margin: 0 -3px;} .ncd-photo[data-margin="3"].grid li div{margin: 3px;} .ncd-photo[data-margin="5"].grid{margin: 0 -5px;} .ncd-photo[data-margin="5"].grid li div{margin: 5px;} .ncd-photo[data-margin="7"].grid{margin: 0 -7px;} .ncd-photo[data-margin="7"].grid li div{margin: 7px;} .ncd-photo[data-margin="9"].grid{margin: 0 -9px;} .ncd-photo[data-margin="9"].grid li div{margin: 9px;} .ncd-photo[data-margin="11"].grid{margin: 0 -11px;} .ncd-photo[data-margin="11"].grid li div{margin: 11px;} .ncd-photo[data-margin="13"].grid{margin: 0 -13px;} .ncd-photo[data-margin="13"].grid li div{margin: 13px;} .ncd-photo[data-margin="15"].grid{margin: 0 -15px;} .ncd-photo[data-margin="15"].grid li div{margin: 15px;} .ncd-photo[data-margin="17"].grid{margin: 0 -17px;} .ncd-photo[data-margin="17"].grid li div{margin: 17px;} .ncd-photo[data-margin="19"].grid{margin: 0 -19px;} .ncd-photo[data-margin="19"].grid li div{margin: 19px;} .ncd-photo[data-margin="21"].grid{margin: 0 -21px;} .ncd-photo[data-margin="21"].grid li div{margin: 21px;} .ncd-photo[data-margin="23"].grid{margin: 0 -23px;} .ncd-photo[data-margin="23"].grid li div{margin: 23px;} .ncd-photo[data-margin="25"].grid{margin: 0 -25px;} .ncd-photo[data-margin="25"].grid li div{margin: 25px;} /* MASONRY Style */ .ncd-photo.grid ul, .ncd-photo.masonry ul, .ncd-photo.justifiedGallery ul{ opacity: 0; } .ncd-photo.grid ul[data-imagesLoaded="1"], .ncd-photo.masonry ul[data-imagesLoaded="1"], .ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{ opacity: 1; transition: opacity 600ms; } .ncd-photo[data-margin="0"].masonry ul{margin: 0;} .ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin: 0;} .ncd-photo[data-margin="1"].masonry ul{margin: 0 -1px;} .ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin: 1px;} .ncd-photo[data-margin="3"].masonry ul{margin: 0 -3px;} .ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin: 3px;} .ncd-photo[data-margin="5"].masonry ul{margin: 0 -5px;} .ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin: 5px;} .ncd-photo[data-margin="7"].masonry ul{margin: 0 -7px;} .ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin: 7px;} .ncd-photo[data-margin="9"].masonry ul{margin: 0 -9px;} .ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin: 9px;} .ncd-photo[data-margin="11"].masonry ul{margin: 0 -11px;} .ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin: 11px;} .ncd-photo[data-margin="13"].masonry ul{margin: 0 -13px;} .ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin: 13px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -15px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 15px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -17px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 17px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -19px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 19px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -21px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 21px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -23px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 23px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -25px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 25px;} .ncd-photo.masonry img{ width: 100%; } /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0 li img, .ncd-photo.rad-0 .thumb-corner{border-radius: 0;} .ncd-photo.rad-3 li div, .ncd-photo.rad-3 li img, .ncd-photo.rad-3 .thumb-corner{border-radius: 3px;} .ncd-photo.rad-5 li div, .ncd-photo.rad-5 li img, .ncd-photo.rad-5 .thumb-corner{border-radius: 5px;} .ncd-photo.rad-7 li div, .ncd-photo.rad-7 li img, .ncd-photo.rad-7 .thumb-corner{border-radius: 7px;} [data-batch-hide="True"]{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } .thumb-corner{ position: absolute; bottom: 0; left: 0; z-index: 50; } .ncd-photo .thumb-corner{ width: 120px; height: 120px; background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); } .photo-stack:hover .thumb-corner i{ transform: scale(1.2); transform-origin: center; } .thumb-corner.video-icon i{ width: 0; height: 0; margin: 0 0 18px 22px; left: 0; bottom: 0; transform: scale(1); position: absolute; transition: transform 200ms; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 17px solid #fff; } #ncdPhotoCarousel .thumb-corner.video-icon i{ margin: 0; left: 33px; bottom: 21px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #fff; } .thumb-corner.bag-icon a{ left: 4px; bottom: 2px; display: block; transform: scale(1.1); position: absolute; cursor: pointer; height: 44px; width: 44px; transition: transform 200ms; } #ncdPhotoCarousel .thumb-corner.bag-icon{ display: none; } .thumb-corner.bag-icon a:first-child:before{ position: absolute; content: ''; top: 16px; left: 14px; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid #fff; } .thumb-corner.bag-icon a:first-child:after{ position: absolute; content: ''; height: 6px; width: 9px; top: 12px; left: 17px; border-radius: 8px 8px 0 0; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } @media only screen and (max-width: 300px) { .ncd-photo ul p{ opacity: 0 !important; } } /*************************** ***** L I G H T B O X ****** ****************************/ /* Loading Animation */ #ncdPhotoLoader{ position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 350ms 150ms; transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } /* Lightbox Base */ #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none; } #ncdPhotoBase.on, #ncdPhotoBase.on ~ *{ pointer-events: none; } #ncdPhotoBase.on ~ iframe{ pointer-events: auto; } #ncdPhotoHeader, #ncdPhotoControls, .exif_wrapper, #ncdPhotoOverlay{ pointer-events: auto; } #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; user-select: none; -webkit-user-select: none; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; } #ncdPhotoBase.out { z-index: 10000; } #ncdPhotoHeader{ position: absolute; right: 0; left: 0; top: 0; padding: 15px; font-size: 14px; z-index: 200; pointer-events: none; } #ncdPhotoOptions{ float: right; pointer-events: auto; padding: 10px 0 10px 20px; border-radius: 30px; transition: padding 0.3s ease-out; } @media only screen and (min-width: 400px) { #ncdPhotoHeader{ right: 1.5%; left: 1.5%; } } #ncdPhotoOptions.zoom{ background: rgba(0, 0, 0, 0.60); padding: 10px 5px; } #ncdPhotoOptions > .ncd-ui:first-child{ margin-left: 0px; } #ncdPhotoOptions .ncd-ui{ z-index: 100; width: 15px; height: 15px; cursor: pointer; position: relative; display: block; float: left; margin-left: 30px; user-select: none; transition: margin 0.3s ease-out, border 0.3s ease-out, box-shadow 0.15s ease-out; } #ncdPhotoOptions .ncd-ui:before{ position: absolute; top: -9px; left: -9px; right: 0; bottom: 0; content: ''; height: 33px; width: 33px; border-radius: 40px; /*box-shadow: 0 0 0 0 rgba(94, 94, 94, 0.91);*/ transition: background .5s ease-out; } #ncdPhotoOptions .ncd-ui:active:before{ background: rgba(94, 94, 94, 0.91); transition: background 0.15s ease-out; /*box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91);*/ } #ncdPhotoOptions.zoom .ncd-ui{ margin-left: 11px; margin-right: 11px; } #ncdPhotoOptions.zoom #ncdPhotoShare, #ncdPhotoOptions.zoom #ncdPhotoDownload, #ncdPhotoOptions.zoom #ncdPhotoBuynow, #ncdPhotoOptions .ncdPhotoZoom.zoomOut{ display: none; } #ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{ display: block; } #ncdPhotoControls{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; user-select: none; z-index: 100; pointer-events: none; } #ncdPhotoCarousel{ background: rgba(0, 0, 0, 0.60); text-align: center; padding: 5px; line-height: 0; overflow: auto; pointer-events: auto; -webkit-overflow-scrolling: touch; } #ncdPhotoCarousel li[data-hidefromlightbox="True"]{ display: none; } #ncdPhotoOverlay .hide{ display: none; } #ncdPhotoFooter{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background: rgba(0, 0, 0, 0.00); } #ncdZoomAmt{ position: absolute; top: 0; left: 0; right: 0; margin-top: 5px; text-align: center; color: rgba(245, 245, 245, 1.00); font: 400 13px/1.4 Arial; pointer-events: none; transition: opacity 200ms, transform 200ms; transform: translateY(10px); opacity: 0; } #ncdZoomAmt.zoom{ transform: translateY(0px); opacity: 1; } #ncdZoomAmt[data-zoom="50"] span:after{ content:' 50%'; } #ncdZoomAmt[data-zoom="75"] span:after{ content:' 75%'; } #ncdZoomAmt[data-zoom="100"] span:after{ content:' 100%'; } #ncdZoomAmt span{ background: rgba(0, 0, 0, 0.60); padding: 7px 14px; border-radius: 20px; } #ncdPhotoCarousel ul{ padding: 0; margin: 0; list-style: none; display: inline-block; white-space: nowrap; } #ncdPhotoCarousel li{ display: inline-block; position: relative; } #ncdPhotoCarousel li div{ width: 80px; height: 45px; margin: 3px 5px; border-radius: 2px; transform: scale(1); transition: box-shadow 200ms, transform 200ms, opacity 200ms; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0); } #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ transition: box-shadow 200ms, transform 200ms, opacity 200ms; } #ncdPhotoCarousel li div{opacity: 0.4;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{opacity: 1;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); } #ncdPhotoCarousel li.current div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); } #ncdPhotoCarousel li.current div{ transform: scale(1.1); } .photo_slide.zoom::-webkit-scrollbar, #ncdPhotoCarousel::-webkit-scrollbar, #ncdPhotoFooter p, #ncdPhotoFooter img, #ncdPhotoOptions .ncd-ui.hide, #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; } /* ZOOM & CLOSE */ .ncdPhotoZoom i:first-child:before, .ncdPhotoZoom i:first-child:after{ width: 1px; left: 7px; top: 3px; height: 7px; content: ""; background: rgba(245, 245, 245, 1.00); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoZoom i{ position: absolute; } .ncdPhotoZoom i:last-child:before{ position: absolute; height: 15px; width: 15px; top: -1px; border: 1.5px solid rgba(245, 245, 245, 1.00); border-radius: 15px; content: ''; } .ncdPhotoZoom i:last-child:after{ width: 5px; height: 2px; position: absolute; background: rgba(245, 245, 245, 1.00); transform: rotate(40deg); content: ''; top: 12px; border-radius: 6px; right: -17px; } /* ZOOM */ .ncdPhotoZoom{ transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transform: rotate(90deg); opacity: 0; } .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom i:after{ transform:rotate(-90deg); } .ncdPhotoZoom i:before{ transform:rotate(0deg); } .ncdPhotoZoom.zoom i:before { transform:rotate(-90deg); } /* CLOSE */ .ncdPhotoClose i{ position: absolute; } .ncdPhotoClose i:before, .ncdPhotoClose i:after{ height:20px; width: 2px; left: 7px; top: -2px; content: ''; transform:rotate(45deg); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoClose i:after{ transform:rotate(-45deg); } /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev{ z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; 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; pointer-events: auto; user-select: none; } .ncdPhotoNext{ transform: translateX(-15px); right: 4%; } .ncdPhotoPrev{ transform: translateX(15px); left: 4%; } .ncdPhotoNext.hide, .ncdPhotoPrev.hide{opacity: 0 !important;visibility: hidden;} @media screen and (max-width: 800px){ .ncdPhotoNext, .ncdPhotoPrev{ transform: translateX(0) rotate(0deg); opacity: 1; } } .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{transform:rotate(45deg);} .ncdPhotoNext:before{transform:rotate(-45deg);} .ncdPhotoPrev:after{transform:rotate(315deg);} .ncdPhotoPrev:before{transform:rotate(-315deg);} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev{ transform: translateX(0) rotate(0deg);opacity: 1; } /* Always Prev/Next */ .ncdPhotoNext, .ncdPhotoPrev { transform: translateX(0) rotate(0deg);opacity: 1; } /* OVERLAY */ #ncdPhotoOverlay { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; z-index: 0; user-select: none; -webkit-user-select: none; } .go-prev #ncdPhotoOverlay, .go-next #ncdPhotoOverlay{ transition: bottom 150ms ease-out; } #ncdPhotoOverlay.zoom { top: 0; bottom: 65px; } /* SLIDE IMAGES */ .photo_slide { height: 100%; position:absolute; top:-9999px; left:-9999px; right: auto; user-select: none; } #ncdPhotoOverlay:not(.zoom) .photo_slide > div { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .photo_slide img{ padding: 0; margin: 0; } .photo_slide img, .photo-embed-container { list-style: none; line-height: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; -webkit-touch-callout:none; transition: opacity 200ms; transform: translate3d(0,0,0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.50); } /* SHOW IMAGE */ .photo_slide.out, .photo_slide.ncd-show{ top:0; left:0; right: 0; } .photo_slide.ncd-show img{ cursor: zoom-in; } .processing .photo_slide img, .photo_slide.out img, .photo_slide.out .photo-embed-container{ opacity: 0; } .photo-embed-container { padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .photo-embed-container iframe, .photo-embed-container object, .photo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ncdPhotoBase.video-player #ncdPhotoDownload, #ncdPhotoBase.video-player #ncdPhotoFullscreen, #ncdPhotoBase.video-player .ncdPhotoZoom{ display: none !important; } /* ZOOM */ .photo_slide.ncd-show.zoom { position: absolute; overflow: auto; cursor: move; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; } .photo_slide.zoom.in.transition, .photo_slide.zoom.out{ overflow: hidden; } .photo_slide.zoom.transition div{ animation: photo-zoom-in 150ms ease-out both; } .photo_slide.zoom.in div{ animation: photo-zoom-in-complete 200ms ease-out both; } .photo_slide.zoom.in.transition div{ animation: photo-zoom-out 150ms ease-out both; } .photo_slide.zoom.out div{ animation: photo-zoom-out-complete 150ms ease-out both; } .photo_slide.zoom.in img{ max-width: none; max-height: none; border-radius: 0; box-shadow: none; transition: box-shadow 200ms; } .photo_slide.zoom.in img[data-zoom="25"]{ transform: scale(0.25); } .photo_slide.zoom.in img[data-zoom="50"]{ transform: scale(0.50); } .photo_slide.zoom.in img[data-zoom="75"]{ transform: scale(0.75); } .photo_slide.zoom.in img[data-zoom="100"]{ transform: scale(1); } /* ANIMATIONS */ @keyframes photo-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @keyframes photo-zoom-in-complete { 0% {transform: scale(.98);opacity: 0} 50% {transform: scale(.98);opacity: 0} 100% {transform: scale(1);opacity: 1} } @keyframes photo-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @keyframes photo-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @keyframes photo-fade-in { from {opacity: 0} to {opacity: 1} } /* FULLSCREEN */ #ncdPhotoFullscreen i{ position: absolute; } #ncdPhotoFullscreen i:before, #ncdPhotoFullscreen i:after{ position: absolute; content: ''; height: 2px; width: 6px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoFullscreen i:after{ width: 2px; height: 6px; } #ncdPhotoFullscreen i:first-child{ top: 0; left: 0; } #ncdPhotoFullscreen i:last-child{ bottom: 0; right: 0; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:first-child{ top: 6px; left: 6px; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:last-child{ bottom: 6px; right: 6px; transform: rotate(0deg); } /* SHARE */ #ncdPhotoShare{ line-height: 0; } #ncdPhotoShare svg{ height: 15px; width: auto; position: relative; margin-top: -1px; margin-left: -2px; } #ncdPhotoShare path{ fill: rgba(245, 245, 245, 1.00) !important; } #ncdShareOptions{ background: rgba(30, 30, 30, 1.00); box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); position: absolute; padding: 10px; border-radius: 7px; line-height: 1.4; margin: 10px 0 0; list-style: none; width: 150px; top: -99999px; left: -99999px; opacity: 0; transform: translateX(-50%) scale(.3); transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 150ms, left 0ms 150ms; transform-origin: 50% 0%; } #ncdShareOptions.show{ left: 50%; top: 100%; opacity: 1; transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 0ms, left 0ms 0ms; transform: translateX(-50%) scale(1); } #ncdShareOptions:before{ content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(30, 30, 30, 1.00); } #ncdShareOptions li{ padding: 6px 10px; margin: 0; border-radius: 4px; transition: background 150ms; } #ncdShareOptions li:hover{ background: rgba(255,255,255,0.1); } #ncdShareOptions button{ display: block; border: 0; margin: 0; padding: 0; font: 400 15px/1.4 Arial !important; background: transparent; color: rgba(255, 255, 255, 1.00); } /* BUY NOW */ #ncdPhotoBuynow.hide{ opacity: 0; max-width: 0; margin-left: 0; } #ncdPhotoBuynow i{ position: absolute; } #ncdPhotoBuynow i:first-child:before{ position: absolute; content: ''; top: 2px; left: 0; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid rgba(245, 245, 245, 1.00); } #ncdPhotoBuynow i:last-child:before{ position: absolute; content: ''; height: 6px; width: 9px; top: -2px; left: 3px; border-radius: 8px 8px 0 0; border-left: 1.5px solid rgba(245, 245, 245, 1.00); border-top: 1.5px solid rgba(245, 245, 245, 1.00); border-right: 1.5px solid rgba(245, 245, 245, 1.00); } /* DOWNLOAD 1 */ #ncdPhotoDownload{ display: block; } #ncdPhotoDownload i{ position: absolute; } #ncdPhotoDownload i:last-child:before, #ncdPhotoDownload i:last-child:after{ position: absolute; content: ''; height: 2px; width: 9px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload i:last-child:after{ width: 2px; height: 9px; } #ncdPhotoDownload i:last-child{ bottom: 1px; left: 7px; transform: rotate(225deg); } #ncdPhotoDownload i:first-child:before{ position: absolute; content: ''; top: -1px; left: 6px; height: 12px; width: 2px; background: rgba(245, 245, 245, 1.00); } /* DOWNLOAD 2 */ }#ncdPhotoDownload.alt i:last-child:before, #ncdPhotoDownload.alt i:last-child:after{ position: absolute; content: ''; height: 2px; width: 7px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:last-child:after{ width: 2px; height: 7px; } #ncdPhotoDownload.alt i:last-child{ bottom: 3px; left: 6px; transform: rotate(225deg); } #ncdPhotoDownload.alt i:first-child:before{ position: absolute; content: ''; top: 0; left: 5px; height: 8px; width: 2px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:first-child:after{ position: absolute; content: ''; top: 11px; left: 0px; height: 2px; width: 12px; background: rgba(245, 245, 245, 1.00); } /* COUNTER */ #ncdPhotoCounter{ float: left; line-height: 1; font-size: 12px; padding: 8px 16px 8px 0; border-radius: 30px; font-family: arial !important; pointer-events: none; font-weight: bolder; transition: opacity 200ms; } #ncdPhotoCounter.zoom{ opacity: 0; } #ncdPhotoCounter span{ vertical-align: top; line-height: 1; } .lb-current{ font-size: 1.45em; font-weight: normal; } .lb-total{ letter-spacing: 0.05em; } #ncdPhotoCounter[data-show-count="False"]{ display: none; } /* EXIF */ .exif_wrapper{ position: absolute; width: 300px; margin-left: -45px; top: -12px; } .exif_container{ background: rgba(30, 30, 30, 1.00); border-radius: 7px; left: 10px; bottom: 100%; z-index: 1; opacity: 0; width: 260px; height: 300px; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 25px; transform: scale(.3); transform-origin: 0 100%; position: absolute; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); transition: transform 200ms, opacity 200ms; pointer-events: none; } .exif_container *{ transform: translate3d(0,0,0); } .exif_wrapper.show .exif_container{ pointer-events: auto; transform: scale(1); opacity: 1; } .exif_data{ font: 400 15px/1.4 Arial !important; color: rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 10px 10px 10px 0; margin: 0; display: block; white-space: break-spaces; position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .exif_data.hasData{ position: relative; visibility: visible; top: 0; left: 0; } .exif_data:before{ color: rgba(170, 170, 170, 1.00); display: block; font-size: 11px; letter-spacing: 0; } .exif_data.hasData:after{ position: absolute; content: ''; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .exif_data.hasData.last:after{ display: none } #exif_FNumber{ letter-spacing: 0.1em; } .fstop{ font-family: georgia; font-style: italic; padding-left: 3px; padding-right: 2px; } .exif-trigger{ padding: 10px; cursor: pointer; display: inline-block; user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; z-index: 100; transform: scale(0); } .exif_wrapper.hasData .exif-trigger{ transform: scale(1); transition: transform 200ms; } .exif-trigger span:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } .exif-trigger span{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); transition: background 200ms; border-radius: 25px; height: 25px; width: 25px; line-height: 26px; font-family: monospace; text-align: center; font-size: 13px; font-weight: bolder; float: right; user-select: none; -webkit-user-select: none; } #exif_GPSMap{ color: #fff; text-decoration: none; } #exif_iptc_DateCreated:before{ content: 'Date Created'; } #exif_iptc_Keywords:before{ content: 'Keywords'; } #exif_model:before{ content: 'Camera Model'; } #exif_LensModel:before{ content: 'Lens Model'; } #exif_FocalLength:before{ content: 'Focal Length'; } #exif_FNumber:before{ content: 'Aperture'; } #exif_ExposureTime:before{ content: 'Shutter Speed'; } #exif_ISOSpeedRatings:before{ content: 'ISO'; } #exif_Dimensions:before{ content: 'Dimensions'; } #exif_ExposureProgram:before{ content: 'Exposure Program'; } #exif_Flash:before{ content: 'Flash'; } #exif_WhiteBalance:before{ content: 'White Balance'; } #exif_GPSLat:before{ content: 'GPS Latitude'; } #exif_GPSLong:before{ content: 'GPS Longitude'; } #exif_DateTimeOriginal:before{ content: 'Date & Time'; } #exif_GPSMap:before{ content: 'Google Map'; } .photo-stack .exif_wrapper{ position: absolute; top: 0; left: 0; } .photo-stack .exif-trigger{ position: absolute; top: 0; transform: scale(1); box-shadow: none; } /* CAPTION */ .captionWrapper{ max-width: 600px; margin: 0 auto; padding-left: 32px; text-align: left; position: relative; } .imageCaption{ font-size: px; padding-bottom: 0.2em; } .groupTitle{ font-size: px; } #ncdPhotoBase:hover .img-caption-in { opacity: 1; } #ncdPhotoBase .img-caption-in{ opacity: 0; transition: opacity 200ms; } .processing .img-caption-in{ opacity: 0; } #ncdPhotoCaption{ padding: 10px; transition: opacity 200ms; } #ncdPhotoCaption.zoom{ opacity: 0; pointer-events: none; } #ncdPhotoCaption [data-italic-title="True"], #ncdPhotoCaption [data-italic-caption="True"]{ font-style: italic; } #ncdPhotoCaption [data-bold-title="True"], #ncdPhotoCaption [data-bold-caption="True"]{ font-weight: bold; } #ncdPhotoCaption [data-hide-title="True"], #ncdPhotoCaption [data-hide-caption="True"]{ display: none; } .imageCaption{ color: rgba(255, 255, 255, 1.00); } .groupTitle{ color: rgba(136, 136, 136, 1.00); } .groupTitle.ncdPhotoCopywrite{ color: rgba(132, 132, 132, 1.00); } #ncdPhotoCounter{ color: rgba(245, 245, 245, 1.00); } #ncdPhotoBase{ background: rgba(255, 255, 255, 1.00); } .ncdPhotoNext:before,.ncdPhotoNext:after, .ncdPhotoPrev:before,.ncdPhotoPrev:after, .ncdPhotoClose i:before,.ncdPhotoClose i:after, .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after { background: rgba(245, 245, 245, 1.00); } .ncdPhotoNext:active, .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91); /*border: 2px solid rgba(245, 245, 245, 1.00);*/ } /* Edit Mode */ /*! * justifiedGallery - v4.0.0-alpha * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2019 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > li, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .ncd-photo .justified-gallery > li > div{ position: static; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > li > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > li > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > li > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > div > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } .exif_wrapper{display: none;} #stacks_in_3244.ncd-photo p{ text-align: left; } #stacks_in_3244 li > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(253, 253, 253, 1.00); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; content: ''; z-index: 20; transition: box-shadow 200ms; border-radius: 3px; } #stacks_in_3244 li:hover > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.00); } #stacks_in_3244.ncd-photo li p span{ display: inline-block; } /* Break Points for Columns */ /* Phone */ #stacks_in_3244.grid li, #stacks_in_3244.masonry li{width: calc(100% / 1);} /* Phone + */ @media only screen and (min-width: 600px) { #stacks_in_3244.grid li, #stacks_in_3244.masonry li{width: calc(100% / 1);} } /* Tablet */ @media only screen and (min-width: 800px) { #stacks_in_3244.grid li, #stacks_in_3244.masonry li{width: calc(100% / 1);} } /* Desktop */ @media only screen and (min-width: 1100px) { #stacks_in_3244.grid li, #stacks_in_3244.masonry li{width: calc(100% / 1);} } #stacks_in_3244.grid li div{background-size: cover;} #stacks_in_3244.grid ul li div:after{padding-top: 56%;} #stacks_in_3244.fitRows img{ max-height: px; max-width: 200px; } #stacks_in_3244 p{font-size: 13px;} #stacks_in_3244 b{ font-size: 13px; color: rgba(255, 255, 255, 1.00); } #stacks_in_3244 em{color: rgba(187, 187, 187, 1.00);} #stacks_in_3244 span{background: rgba(0, 0, 0, 0.70);} #stacks_in_3248 { background-color: rgba(204, 204, 204, 0.00); margin: 0px 0px 8px 0px; } #stacks_out_3248 { margin-left:0; } #stacks_in_3249 { display:inline-block; width:100%; line-height: 1.110000em; font-size: 106%; } .exif_wrapper{display: none;} #stacks_in_3250.ncd-photo p{ text-align: left; } #stacks_in_3250 li > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(253, 253, 253, 1.00); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; content: ''; z-index: 20; transition: box-shadow 200ms; border-radius: 3px; } #stacks_in_3250 li:hover > div.img-wrapper:before{ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.00); } #stacks_in_3250.ncd-photo li p span{ display: inline-block; } /* Break Points for Columns */ /* Phone */ #stacks_in_3250.grid li, #stacks_in_3250.masonry li{width: calc(100% / 1);} /* Phone + */ @media only screen and (min-width: 600px) { #stacks_in_3250.grid li, #stacks_in_3250.masonry li{width: calc(100% / 1);} } /* Tablet */ @media only screen and (min-width: 800px) { #stacks_in_3250.grid li, #stacks_in_3250.masonry li{width: calc(100% / 1);} } /* Desktop */ @media only screen and (min-width: 1100px) { #stacks_in_3250.grid li, #stacks_in_3250.masonry li{width: calc(100% / 1);} } #stacks_in_3250.grid li div{background-size: cover;} #stacks_in_3250.grid ul li div:after{padding-top: 56%;} #stacks_in_3250.fitRows img{ max-height: px; max-width: 200px; } #stacks_in_3250 p{font-size: 13px;} #stacks_in_3250 b{ font-size: 13px; color: rgba(255, 255, 255, 1.00); } #stacks_in_3250 em{color: rgba(187, 187, 187, 1.00);} #stacks_in_3250 span{background: rgba(0, 0, 0, 0.70);} #stacks_out_3253 { margin-left:0; } .lightbox_error{ color: rgba(255, 255, 255, 1.00); font-size: 15px; text-align: center; } .lightbox_error h2{ font-size: 20px; } /* Loader Circle */ .preloader_wrapper{ position: relative; padding: 10px; width: 100%; text-align: center; } .preloader_icn { width: 40px; height: 40px; position: relative; display: inline-block; -webkit-animation: clockwise 750ms linear infinite; animation: clockwise 750ms linear infinite; } .preloader_cut { position: relative; width: calc(40px * .5); height: 40px; overflow: hidden; position: absolute; top: 0; left: 0; } .preloader_donut { box-sizing: border-box; width: 40px; height: 40px; border: 2px solid rgba(204, 204, 204, 1.00); border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; position: absolute; background: none; margin:0; -webkit-animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes clockwise { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0) } } @keyframes donut-rotate { 0% { transform: rotate(0) } 50% { transform: rotate(-140deg) } 100% { transform: rotate(0) } } 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; } .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ margin: 0; padding: 0; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo ul[data-hide="True"]{ height: 0 !important; } .ncd-photo ul[data-hide="True"] li, .ncd-photo li.hide{ display: none !important; } .ncd-photo li > div:first-child{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: box-shadow 150ms ease-out; } .ncd-photo li img{ position: relative; z-index: 10; transform: translateZ(0); } .ncd-photo li p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; user-select: none; transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo li p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo li p em{ font-weight: normal; font-style: normal; } .ncd-photo li p span{ padding: 6px 12px; } .ncd-photo li 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.caption-hover li p{ opacity: 0; transition: transform 300ms, opacity 300ms; transform: translate3d(0,4px,0); } .ncd-photo ul.caption-hover li:hover p{ opacity: 1; transform: translate3d(0,0,0); } .ncd-photo ul.caption-hide li p{ display: none !important; } .ncd-photo ul.caption-bottom p{ left: 0; bottom: 0; right: 0; margin: 0; border-radius: 0 0 3px 3px; overflow: hidden; } .ncd-photo ul.caption-margin p span{ border-radius: 3px; } .ncd-photo ul.caption-margin p{ left: 20px; bottom: 10px; right: 20px; } /* GRID Style */ .ncd-photo.grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.grid li div{ overflow: hidden; } .ncd-photo.grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.grid li, .ncd-photo.photo-col-2.grid li, .ncd-photo.photo-col-3.grid li, .ncd-photo.photo-col-4.grid li, .ncd-photo.photo-col-5.grid li{width: 100%;} .ncd-photo[data-margin="0"].grid{margin: 0;} .ncd-photo[data-margin="0"].grid li div{margin: 0;} .ncd-photo[data-margin="1"].grid{margin: 0 -1px;} .ncd-photo[data-margin="1"].grid li div{margin: 1px;} .ncd-photo[data-margin="3"].grid{margin: 0 -3px;} .ncd-photo[data-margin="3"].grid li div{margin: 3px;} .ncd-photo[data-margin="5"].grid{margin: 0 -5px;} .ncd-photo[data-margin="5"].grid li div{margin: 5px;} .ncd-photo[data-margin="7"].grid{margin: 0 -7px;} .ncd-photo[data-margin="7"].grid li div{margin: 7px;} .ncd-photo[data-margin="9"].grid{margin: 0 -9px;} .ncd-photo[data-margin="9"].grid li div{margin: 9px;} .ncd-photo[data-margin="11"].grid{margin: 0 -11px;} .ncd-photo[data-margin="11"].grid li div{margin: 11px;} .ncd-photo[data-margin="13"].grid{margin: 0 -13px;} .ncd-photo[data-margin="13"].grid li div{margin: 13px;} .ncd-photo[data-margin="15"].grid{margin: 0 -15px;} .ncd-photo[data-margin="15"].grid li div{margin: 15px;} .ncd-photo[data-margin="17"].grid{margin: 0 -17px;} .ncd-photo[data-margin="17"].grid li div{margin: 17px;} .ncd-photo[data-margin="19"].grid{margin: 0 -19px;} .ncd-photo[data-margin="19"].grid li div{margin: 19px;} .ncd-photo[data-margin="21"].grid{margin: 0 -21px;} .ncd-photo[data-margin="21"].grid li div{margin: 21px;} .ncd-photo[data-margin="23"].grid{margin: 0 -23px;} .ncd-photo[data-margin="23"].grid li div{margin: 23px;} .ncd-photo[data-margin="25"].grid{margin: 0 -25px;} .ncd-photo[data-margin="25"].grid li div{margin: 25px;} /* MASONRY Style */ .ncd-photo.grid ul, .ncd-photo.masonry ul, .ncd-photo.justifiedGallery ul{ opacity: 0; } .ncd-photo.grid ul[data-imagesLoaded="1"], .ncd-photo.masonry ul[data-imagesLoaded="1"], .ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{ opacity: 1; transition: opacity 600ms; } .ncd-photo[data-margin="0"].masonry ul{margin: 0;} .ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin: 0;} .ncd-photo[data-margin="1"].masonry ul{margin: 0 -1px;} .ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin: 1px;} .ncd-photo[data-margin="3"].masonry ul{margin: 0 -3px;} .ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin: 3px;} .ncd-photo[data-margin="5"].masonry ul{margin: 0 -5px;} .ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin: 5px;} .ncd-photo[data-margin="7"].masonry ul{margin: 0 -7px;} .ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin: 7px;} .ncd-photo[data-margin="9"].masonry ul{margin: 0 -9px;} .ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin: 9px;} .ncd-photo[data-margin="11"].masonry ul{margin: 0 -11px;} .ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin: 11px;} .ncd-photo[data-margin="13"].masonry ul{margin: 0 -13px;} .ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin: 13px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -15px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 15px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -17px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 17px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -19px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 19px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -21px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 21px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -23px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 23px;} .ncd-photo[data-margin="15"].masonry ul{margin: 0 -25px;} .ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin: 25px;} .ncd-photo.masonry img{ width: 100%; } /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0 li img, .ncd-photo.rad-0 .thumb-corner{border-radius: 0;} .ncd-photo.rad-3 li div, .ncd-photo.rad-3 li img, .ncd-photo.rad-3 .thumb-corner{border-radius: 3px;} .ncd-photo.rad-5 li div, .ncd-photo.rad-5 li img, .ncd-photo.rad-5 .thumb-corner{border-radius: 5px;} .ncd-photo.rad-7 li div, .ncd-photo.rad-7 li img, .ncd-photo.rad-7 .thumb-corner{border-radius: 7px;} [data-batch-hide="True"]{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } .thumb-corner{ position: absolute; bottom: 0; left: 0; z-index: 50; } .ncd-photo .thumb-corner{ width: 120px; height: 120px; background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); } .photo-stack:hover .thumb-corner i{ transform: scale(1.2); transform-origin: center; } .thumb-corner.video-icon i{ width: 0; height: 0; margin: 0 0 18px 22px; left: 0; bottom: 0; transform: scale(1); position: absolute; transition: transform 200ms; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 17px solid #fff; } #ncdPhotoCarousel .thumb-corner.video-icon i{ margin: 0; left: 33px; bottom: 21px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #fff; } .thumb-corner.bag-icon a{ left: 4px; bottom: 2px; display: block; transform: scale(1.1); position: absolute; cursor: pointer; height: 44px; width: 44px; transition: transform 200ms; } #ncdPhotoCarousel .thumb-corner.bag-icon{ display: none; } .thumb-corner.bag-icon a:first-child:before{ position: absolute; content: ''; top: 16px; left: 14px; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid #fff; } .thumb-corner.bag-icon a:first-child:after{ position: absolute; content: ''; height: 6px; width: 9px; top: 12px; left: 17px; border-radius: 8px 8px 0 0; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } @media only screen and (max-width: 300px) { .ncd-photo ul p{ opacity: 0 !important; } } /*************************** ***** L I G H T B O X ****** ****************************/ /* Loading Animation */ #ncdPhotoLoader{ position: absolute; top: 50%; left: 50%; opacity: 0; transition: opacity 350ms 150ms; transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } /* Lightbox Base */ #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none; } #ncdPhotoBase.on, #ncdPhotoBase.on ~ *{ pointer-events: none; } #ncdPhotoBase.on ~ iframe{ pointer-events: auto; } #ncdPhotoHeader, #ncdPhotoControls, .exif_wrapper, #ncdPhotoOverlay{ pointer-events: auto; } #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; user-select: none; -webkit-user-select: none; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; } #ncdPhotoBase.out { z-index: 10000; } #ncdPhotoHeader{ position: absolute; right: 0; left: 0; top: 0; padding: 15px; font-size: 14px; z-index: 200; pointer-events: none; } #ncdPhotoOptions{ float: right; pointer-events: auto; padding: 10px 0 10px 20px; border-radius: 30px; transition: padding 0.3s ease-out; } @media only screen and (min-width: 400px) { #ncdPhotoHeader{ right: 1.5%; left: 1.5%; } } #ncdPhotoOptions.zoom{ background: rgba(0, 0, 0, 0.60); padding: 10px 5px; } #ncdPhotoOptions > .ncd-ui:first-child{ margin-left: 0px; } #ncdPhotoOptions .ncd-ui{ z-index: 100; width: 15px; height: 15px; cursor: pointer; position: relative; display: block; float: left; margin-left: 30px; user-select: none; transition: margin 0.3s ease-out, border 0.3s ease-out, box-shadow 0.15s ease-out; } #ncdPhotoOptions .ncd-ui:before{ position: absolute; top: -9px; left: -9px; right: 0; bottom: 0; content: ''; height: 33px; width: 33px; border-radius: 40px; /*box-shadow: 0 0 0 0 rgba(94, 94, 94, 0.91);*/ transition: background .5s ease-out; } #ncdPhotoOptions .ncd-ui:active:before{ background: rgba(94, 94, 94, 0.91); transition: background 0.15s ease-out; /*box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91);*/ } #ncdPhotoOptions.zoom .ncd-ui{ margin-left: 11px; margin-right: 11px; } #ncdPhotoOptions.zoom #ncdPhotoShare, #ncdPhotoOptions.zoom #ncdPhotoDownload, #ncdPhotoOptions.zoom #ncdPhotoBuynow, #ncdPhotoOptions .ncdPhotoZoom.zoomOut{ display: none; } #ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{ display: block; } #ncdPhotoControls{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; user-select: none; z-index: 100; pointer-events: none; } #ncdPhotoCarousel{ background: rgba(0, 0, 0, 0.60); text-align: center; padding: 5px; line-height: 0; overflow: auto; pointer-events: auto; -webkit-overflow-scrolling: touch; } #ncdPhotoCarousel li[data-hidefromlightbox="True"]{ display: none; } #ncdPhotoOverlay .hide{ display: none; } #ncdPhotoFooter{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background: rgba(0, 0, 0, 0.00); } #ncdZoomAmt{ position: absolute; top: 0; left: 0; right: 0; margin-top: 5px; text-align: center; color: rgba(245, 245, 245, 1.00); font: 400 13px/1.4 Arial; pointer-events: none; transition: opacity 200ms, transform 200ms; transform: translateY(10px); opacity: 0; } #ncdZoomAmt.zoom{ transform: translateY(0px); opacity: 1; } #ncdZoomAmt[data-zoom="50"] span:after{ content:' 50%'; } #ncdZoomAmt[data-zoom="75"] span:after{ content:' 75%'; } #ncdZoomAmt[data-zoom="100"] span:after{ content:' 100%'; } #ncdZoomAmt span{ background: rgba(0, 0, 0, 0.60); padding: 7px 14px; border-radius: 20px; } #ncdPhotoCarousel ul{ padding: 0; margin: 0; list-style: none; display: inline-block; white-space: nowrap; } #ncdPhotoCarousel li{ display: inline-block; position: relative; } #ncdPhotoCarousel li div{ width: 80px; height: 45px; margin: 3px 5px; border-radius: 2px; transform: scale(1); transition: box-shadow 200ms, transform 200ms, opacity 200ms; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0); } #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ transition: box-shadow 200ms, transform 200ms, opacity 200ms; } #ncdPhotoCarousel li div{opacity: 0.4;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{opacity: 1;} #ncdPhotoCarousel li.current div, #ncdPhotoCarousel li:hover div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); } #ncdPhotoCarousel li.current div{ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); } #ncdPhotoCarousel li.current div{ transform: scale(1.1); } .photo_slide.zoom::-webkit-scrollbar, #ncdPhotoCarousel::-webkit-scrollbar, #ncdPhotoFooter p, #ncdPhotoFooter img, #ncdPhotoOptions .ncd-ui.hide, #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; } /* ZOOM & CLOSE */ .ncdPhotoZoom i:first-child:before, .ncdPhotoZoom i:first-child:after{ width: 1px; left: 7px; top: 3px; height: 7px; content: ""; background: rgba(245, 245, 245, 1.00); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoZoom i{ position: absolute; } .ncdPhotoZoom i:last-child:before{ position: absolute; height: 15px; width: 15px; top: -1px; border: 1.5px solid rgba(245, 245, 245, 1.00); border-radius: 15px; content: ''; } .ncdPhotoZoom i:last-child:after{ width: 5px; height: 2px; position: absolute; background: rgba(245, 245, 245, 1.00); transform: rotate(40deg); content: ''; top: 12px; border-radius: 6px; right: -17px; } /* ZOOM */ .ncdPhotoZoom{ transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transform: rotate(90deg); opacity: 0; } .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom i:after{ transform:rotate(-90deg); } .ncdPhotoZoom i:before{ transform:rotate(0deg); } .ncdPhotoZoom.zoom i:before { transform:rotate(-90deg); } /* CLOSE */ .ncdPhotoClose i{ position: absolute; } .ncdPhotoClose i:before, .ncdPhotoClose i:after{ height:20px; width: 2px; left: 7px; top: -2px; content: ''; transform:rotate(45deg); position: absolute; transition: opacity 300ms, transform 300ms; } .ncdPhotoClose i:after{ transform:rotate(-45deg); } /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev{ z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; 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; pointer-events: auto; user-select: none; } .ncdPhotoNext{ transform: translateX(-15px); right: 4%; } .ncdPhotoPrev{ transform: translateX(15px); left: 4%; } .ncdPhotoNext.hide, .ncdPhotoPrev.hide{opacity: 0 !important;visibility: hidden;} @media screen and (max-width: 800px){ .ncdPhotoNext, .ncdPhotoPrev{ transform: translateX(0) rotate(0deg); opacity: 1; } } .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{transform:rotate(45deg);} .ncdPhotoNext:before{transform:rotate(-45deg);} .ncdPhotoPrev:after{transform:rotate(315deg);} .ncdPhotoPrev:before{transform:rotate(-315deg);} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev{ transform: translateX(0) rotate(0deg);opacity: 1; } /* Always Prev/Next */ .ncdPhotoNext, .ncdPhotoPrev { transform: translateX(0) rotate(0deg);opacity: 1; } /* OVERLAY */ #ncdPhotoOverlay { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; z-index: 0; user-select: none; -webkit-user-select: none; } .go-prev #ncdPhotoOverlay, .go-next #ncdPhotoOverlay{ transition: bottom 150ms ease-out; } #ncdPhotoOverlay.zoom { top: 0; bottom: 65px; } /* SLIDE IMAGES */ .photo_slide { height: 100%; position:absolute; top:-9999px; left:-9999px; right: auto; user-select: none; } #ncdPhotoOverlay:not(.zoom) .photo_slide > div { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .photo_slide img{ padding: 0; margin: 0; } .photo_slide img, .photo-embed-container { list-style: none; line-height: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; -webkit-touch-callout:none; transition: opacity 200ms; transform: translate3d(0,0,0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.50); } /* SHOW IMAGE */ .photo_slide.out, .photo_slide.ncd-show{ top:0; left:0; right: 0; } .photo_slide.ncd-show img{ cursor: zoom-in; } .processing .photo_slide img, .photo_slide.out img, .photo_slide.out .photo-embed-container{ opacity: 0; } .photo-embed-container { padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .photo-embed-container iframe, .photo-embed-container object, .photo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ncdPhotoBase.video-player #ncdPhotoDownload, #ncdPhotoBase.video-player #ncdPhotoFullscreen, #ncdPhotoBase.video-player .ncdPhotoZoom{ display: none !important; } /* ZOOM */ .photo_slide.ncd-show.zoom { position: absolute; overflow: auto; cursor: move; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; } .photo_slide.zoom.in.transition, .photo_slide.zoom.out{ overflow: hidden; } .photo_slide.zoom.transition div{ animation: photo-zoom-in 150ms ease-out both; } .photo_slide.zoom.in div{ animation: photo-zoom-in-complete 200ms ease-out both; } .photo_slide.zoom.in.transition div{ animation: photo-zoom-out 150ms ease-out both; } .photo_slide.zoom.out div{ animation: photo-zoom-out-complete 150ms ease-out both; } .photo_slide.zoom.in img{ max-width: none; max-height: none; border-radius: 0; box-shadow: none; transition: box-shadow 200ms; } .photo_slide.zoom.in img[data-zoom="25"]{ transform: scale(0.25); } .photo_slide.zoom.in img[data-zoom="50"]{ transform: scale(0.50); } .photo_slide.zoom.in img[data-zoom="75"]{ transform: scale(0.75); } .photo_slide.zoom.in img[data-zoom="100"]{ transform: scale(1); } /* ANIMATIONS */ @keyframes photo-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @keyframes photo-zoom-in-complete { 0% {transform: scale(.98);opacity: 0} 50% {transform: scale(.98);opacity: 0} 100% {transform: scale(1);opacity: 1} } @keyframes photo-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @keyframes photo-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @keyframes photo-fade-in { from {opacity: 0} to {opacity: 1} } /* FULLSCREEN */ #ncdPhotoFullscreen i{ position: absolute; } #ncdPhotoFullscreen i:before, #ncdPhotoFullscreen i:after{ position: absolute; content: ''; height: 2px; width: 6px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoFullscreen i:after{ width: 2px; height: 6px; } #ncdPhotoFullscreen i:first-child{ top: 0; left: 0; } #ncdPhotoFullscreen i:last-child{ bottom: 0; right: 0; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:first-child{ top: 6px; left: 6px; transform: rotate(180deg); } #ncdPhotoFullscreen.active i:last-child{ bottom: 6px; right: 6px; transform: rotate(0deg); } /* SHARE */ #ncdPhotoShare{ line-height: 0; } #ncdPhotoShare svg{ height: 15px; width: auto; position: relative; margin-top: -1px; margin-left: -2px; } #ncdPhotoShare path{ fill: rgba(245, 245, 245, 1.00) !important; } #ncdShareOptions{ background: rgba(30, 30, 30, 1.00); box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); position: absolute; padding: 10px; border-radius: 7px; line-height: 1.4; margin: 10px 0 0; list-style: none; width: 150px; top: -99999px; left: -99999px; opacity: 0; transform: translateX(-50%) scale(.3); transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 150ms, left 0ms 150ms; transform-origin: 50% 0%; } #ncdShareOptions.show{ left: 50%; top: 100%; opacity: 1; transition: transform 150ms 0ms ease-out, opacity 150ms 0ms ease-out, top 0ms 0ms, left 0ms 0ms; transform: translateX(-50%) scale(1); } #ncdShareOptions:before{ content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(30, 30, 30, 1.00); } #ncdShareOptions li{ padding: 6px 10px; margin: 0; border-radius: 4px; transition: background 150ms; } #ncdShareOptions li:hover{ background: rgba(255,255,255,0.1); } #ncdShareOptions button{ display: block; border: 0; margin: 0; padding: 0; font: 400 15px/1.4 Arial !important; background: transparent; color: rgba(255, 255, 255, 1.00); } /* BUY NOW */ #ncdPhotoBuynow.hide{ opacity: 0; max-width: 0; margin-left: 0; } #ncdPhotoBuynow i{ position: absolute; } #ncdPhotoBuynow i:first-child:before{ position: absolute; content: ''; top: 2px; left: 0; height: 13px; width: 15px; border-radius: 2px; border: 1.5px solid rgba(245, 245, 245, 1.00); } #ncdPhotoBuynow i:last-child:before{ position: absolute; content: ''; height: 6px; width: 9px; top: -2px; left: 3px; border-radius: 8px 8px 0 0; border-left: 1.5px solid rgba(245, 245, 245, 1.00); border-top: 1.5px solid rgba(245, 245, 245, 1.00); border-right: 1.5px solid rgba(245, 245, 245, 1.00); } /* DOWNLOAD 1 */ #ncdPhotoDownload{ display: block; } #ncdPhotoDownload i{ position: absolute; } #ncdPhotoDownload i:last-child:before, #ncdPhotoDownload i:last-child:after{ position: absolute; content: ''; height: 2px; width: 9px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload i:last-child:after{ width: 2px; height: 9px; } #ncdPhotoDownload i:last-child{ bottom: 1px; left: 7px; transform: rotate(225deg); } #ncdPhotoDownload i:first-child:before{ position: absolute; content: ''; top: -1px; left: 6px; height: 12px; width: 2px; background: rgba(245, 245, 245, 1.00); } /* DOWNLOAD 2 */ }#ncdPhotoDownload.alt i:last-child:before, #ncdPhotoDownload.alt i:last-child:after{ position: absolute; content: ''; height: 2px; width: 7px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:last-child:after{ width: 2px; height: 7px; } #ncdPhotoDownload.alt i:last-child{ bottom: 3px; left: 6px; transform: rotate(225deg); } #ncdPhotoDownload.alt i:first-child:before{ position: absolute; content: ''; top: 0; left: 5px; height: 8px; width: 2px; background: rgba(245, 245, 245, 1.00); } #ncdPhotoDownload.alt i:first-child:after{ position: absolute; content: ''; top: 11px; left: 0px; height: 2px; width: 12px; background: rgba(245, 245, 245, 1.00); } /* COUNTER */ #ncdPhotoCounter{ float: left; line-height: 1; font-size: 12px; padding: 8px 16px 8px 0; border-radius: 30px; font-family: arial !important; pointer-events: none; font-weight: bolder; transition: opacity 200ms; } #ncdPhotoCounter.zoom{ opacity: 0; } #ncdPhotoCounter span{ vertical-align: top; line-height: 1; } .lb-current{ font-size: 1.45em; font-weight: normal; } .lb-total{ letter-spacing: 0.05em; } #ncdPhotoCounter[data-show-count="False"]{ display: none; } /* EXIF */ .exif_wrapper{ position: absolute; width: 300px; margin-left: -45px; top: -12px; } .exif_container{ background: rgba(30, 30, 30, 1.00); border-radius: 7px; left: 10px; bottom: 100%; z-index: 1; opacity: 0; width: 260px; height: 300px; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 25px; transform: scale(.3); transform-origin: 0 100%; position: absolute; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.50); transition: transform 200ms, opacity 200ms; pointer-events: none; } .exif_container *{ transform: translate3d(0,0,0); } .exif_wrapper.show .exif_container{ pointer-events: auto; transform: scale(1); opacity: 1; } .exif_data{ font: 400 15px/1.4 Arial !important; color: rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 10px 10px 10px 0; margin: 0; display: block; white-space: break-spaces; position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .exif_data.hasData{ position: relative; visibility: visible; top: 0; left: 0; } .exif_data:before{ color: rgba(170, 170, 170, 1.00); display: block; font-size: 11px; letter-spacing: 0; } .exif_data.hasData:after{ position: absolute; content: ''; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .exif_data.hasData.last:after{ display: none } #exif_FNumber{ letter-spacing: 0.1em; } .fstop{ font-family: georgia; font-style: italic; padding-left: 3px; padding-right: 2px; } .exif-trigger{ padding: 10px; cursor: pointer; display: inline-block; user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; z-index: 100; transform: scale(0); } .exif_wrapper.hasData .exif-trigger{ transform: scale(1); transition: transform 200ms; } .exif-trigger span:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } .exif-trigger span{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); transition: background 200ms; border-radius: 25px; height: 25px; width: 25px; line-height: 26px; font-family: monospace; text-align: center; font-size: 13px; font-weight: bolder; float: right; user-select: none; -webkit-user-select: none; } #exif_GPSMap{ color: #fff; text-decoration: none; } #exif_iptc_DateCreated:before{ content: 'Date Created'; } #exif_iptc_Keywords:before{ content: 'Keywords'; } #exif_model:before{ content: 'Camera Model'; } #exif_LensModel:before{ content: 'Lens Model'; } #exif_FocalLength:before{ content: 'Focal Length'; } #exif_FNumber:before{ content: 'Aperture'; } #exif_ExposureTime:before{ content: 'Shutter Speed'; } #exif_ISOSpeedRatings:before{ content: 'ISO'; } #exif_Dimensions:before{ content: 'Dimensions'; } #exif_ExposureProgram:before{ content: 'Exposure Program'; } #exif_Flash:before{ content: 'Flash'; } #exif_WhiteBalance:before{ content: 'White Balance'; } #exif_GPSLat:before{ content: 'GPS Latitude'; } #exif_GPSLong:before{ content: 'GPS Longitude'; } #exif_DateTimeOriginal:before{ content: 'Date & Time'; } #exif_GPSMap:before{ content: 'Google Map'; } .photo-stack .exif_wrapper{ position: absolute; top: 0; left: 0; } .photo-stack .exif-trigger{ position: absolute; top: 0; transform: scale(1); box-shadow: none; } /* CAPTION */ .captionWrapper{ max-width: 600px; margin: 0 auto; padding-left: 32px; text-align: left; position: relative; } .imageCaption{ font-size: px; padding-bottom: 0.2em; } .groupTitle{ font-size: px; } #ncdPhotoBase:hover .img-caption-in { opacity: 1; } #ncdPhotoBase .img-caption-in{ opacity: 0; transition: opacity 200ms; } .processing .img-caption-in{ opacity: 0; } #ncdPhotoCaption{ padding: 10px; transition: opacity 200ms; } #ncdPhotoCaption.zoom{ opacity: 0; pointer-events: none; } #ncdPhotoCaption [data-italic-title="True"], #ncdPhotoCaption [data-italic-caption="True"]{ font-style: italic; } #ncdPhotoCaption [data-bold-title="True"], #ncdPhotoCaption [data-bold-caption="True"]{ font-weight: bold; } #ncdPhotoCaption [data-hide-title="True"], #ncdPhotoCaption [data-hide-caption="True"]{ display: none; } .imageCaption{ color: rgba(255, 255, 255, 1.00); } .groupTitle{ color: rgba(136, 136, 136, 1.00); } .groupTitle.ncdPhotoCopywrite{ color: rgba(132, 132, 132, 1.00); } #ncdPhotoCounter{ color: rgba(245, 245, 245, 1.00); } #ncdPhotoBase{ background: rgba(255, 255, 255, 1.00); } .ncdPhotoNext:before,.ncdPhotoNext:after, .ncdPhotoPrev:before,.ncdPhotoPrev:after, .ncdPhotoClose i:before,.ncdPhotoClose i:after, .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after { background: rgba(245, 245, 245, 1.00); } .ncdPhotoNext:active, .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.91); /*border: 2px solid rgba(245, 245, 245, 1.00);*/ } /* Edit Mode */ /*! * justifiedGallery - v4.0.0-alpha * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2019 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > li, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .ncd-photo .justified-gallery > li > div{ position: static; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > li > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > li > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > li > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > div > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } #stacks_in_3255{overflow:hidden}#stacks_in_3255 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.00rem 0;}#stacks_in_3255 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3255 { padding: 0px 0px 5px 0px; } #stacks_out_3255 { margin-left:0; } #stacks_in_3257{overflow:hidden}#stacks_in_3257 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_3257 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3257 { margin: -8px 10px -6px -10px; padding: 0px 0px 5px 0px; } #stacks_out_3257 { margin-left:0; } #stacks_in_3258{overflow:hidden}#stacks_in_3258 hr{opacity:0.50;border-top-style:solid;border-top-width:1px;margin:0.25rem 0;}#stacks_in_3258 hr.custom{border-color:rgba(128, 128, 128, 1.00)} #stacks_in_3258 { margin: 10px 0px 0px 0px; padding: 0px 0px 5px 0px; } #stacks_out_3258 { margin-left:0; } .theme-version{display:block}.theme-version.number-110,#stacks_in_1326{display:none}.stacks_out{overflow:visible !important}.stacks_in{overflow:visible}::-moz-selection{color:rgba(255, 255, 255, 1.00);background:rgba(102, 102, 102, 1.00);}::selection{color:rgba(255, 255, 255, 1.00);background:rgba(102, 102, 102, 1.00);}::-moz-selection{color:rgba(255, 255, 255, 1.00);background:rgba(102, 102, 102, 1.00);}body,.font-family-text{font-family:'Open Sans',sans-serif;font-weight:200;}h1,.font-family-h1{font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif;font-style:italic;font-weight:200;}h1 a,.font-family-h1 a{font-family:inherit}h2,h3,h4,h5,h6,.font-family-h2{font-family:'Open Sans',sans-serif;font-style:normal;font-weight:500;}h2 a,h3 a,h4 a,h5 a,h6 a,.font-family-h2 a{font-family:inherit}body{background-color:#FBFBFA;background-attachment:fixed;}.hide-for-touch,.show-for-touch{display:none}.no-js .hide-for-touch{display:block}.vegas-loading{display:none}.vegas-background{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:none !important}.vegas-overlay,.vegas-background{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hide-overflow{overflow:hidden !important}.columns > .equalizer.small-up{height:100%}@media only screen and (min-width:40.063em){.columns > .equalizer.medium-up{height:100%}}@media only screen and (min-width:62.563em){.columns > .equalizer.large-up{height:100%}}@media only screen and (max-width:40em){.row.collapse-small > .columns{padding-left:0;padding-right:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.collapse-medium > .columns{padding-left:0;padding-right:0}}@media only screen and (max-width:40em){.row .row.collapse-small{margin:0;width:auto}.row .row.collapse-small::before,.row .row.collapse-small::after{content:" ";display:table}.row .row.collapse-small::after{clear:both}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row .row.collapse-medium{margin:0;width:auto}.row .row.collapse-medium::before,.row .row.collapse-medium::after{content:" ";display:table}.row .row.collapse-medium::after{clear:both}}.column,.columns{padding-left:0.94rem;padding-right:0.94rem}.row .row{margin:0 -0.94rem}.row.divider > .columns:not(:first-child):before{content:" ";margin:0 -0.94rem;position:absolute}@media only screen and (max-width:40em){.row.divider-medium-up > .columns::before,.row.divider-large-up > .columns::before,.small-12::before{display:none}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.divider-large-up > .columns::before,.medium-12::before{display:none}}@media only screen and (min-width:62.563em){.large-12:before{display:none}}.floating-body.radius{border-radius:0px}.floating-body.radius > .columns > .stacks_out:first-child > .stacks_in > .top-bar-wrapper:not(.fixed){border-top-right-radius:0px;border-top-left-radius:0px}.floating-body .top-bar-wrapper.contain-to-grid.fixed{max-width:1000px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.radius{background-clip:padding-box}img{color:#FBFBFA}img.radius{border-radius:0px}img.round{border-radius:1000px}.row{max-width:100% !important;}.row.max-edge{max-width:100% !important}body{color:rgba(102, 102, 102, 1.00)}a{color:rgba(252, 55, 15, 0.96);-webkit-text-decoration:none;text-decoration:none;font-weight:inherit}a:hover,a:focus{color:rgba(0, 0, 0, 1.00)}a.close,a.close-reveal-modal{text-decoration:none}.alt{color:rgba(102, 102, 102, 1.00)}.alt a{color:rgba(0, 140, 186, 1.00);-webkit-text-decoration:none;text-decoration:none}.alt a:hover,.alt a:focus{color:rgba(0, 102, 136, 1.00)}.alt small{color:rgba(132, 132, 132, 1.00)}h1,h2,h3,h4,h5,h6{color:rgba(34, 34, 34, 1.00);margin-top:0}h1.alt,h2.alt,h3.alt,h4.alt,h5.alt,h6.alt{color:rgba(255, 255, 255, 1.00)}h1.subheader,h2.subheader,h3.subheader,h4.subheader,h5.subheader,h6.subheader{color:rgba(44, 44, 44, 1.00)}h1.subheader.alt,h2.subheader.alt,h3.subheader.alt,h4.subheader.alt,h5.subheader.alt,h6.subheader.alt{color:rgba(255, 255, 255, 1.00)}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:30%;color:rgba(132, 132, 132, 1.00)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit !important}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{opacity:0.8;color:inherit !important}h1{font-size:2.12rem}h2{font-size:1.69rem}h3{font-size:1.38rem}h4{font-size:1.12rem}h5{font-size:1.12rem}h6{font-size:1.00rem}p,ul li,ol li{font-size:1.00rem}@media only screen and (min-width:40.063em){h1{font-size:2.75rem}h2{font-size:2.31rem}h3{font-size:1.69rem}h4{font-size:1.44rem}h5{font-size:1.12rem}h6{font-size:1.00rem}p,ul li,ol li{font-size:1.00rem}}code{color:rgba(204, 55, 30, 1.00)}hr,blockquote,abbr,acronym,.vcard{border-color:rgba(221, 221, 221, 1.00)}hr.alt,blockquote.alt,abbr.alt,acronym.alt,.vcard.alt{border-color:rgba(221, 221, 221, 1.00)}hr.primary,blockquote.primary,abbr.primary,acronym.primary,.vcard.primary{border-color:rgba(102, 102, 102, 1.00)}hr.primary,blockquote.primary,abbr.primary,acronym.primary,.vcard.primary{border-color:rgba(102, 102, 102, 1.00)}hr.secondary,blockquote.secondary,abbr.secondary,acronym.secondary,.vcard.secondary{border-color:rgba(231, 231, 231, 1.00)}hr.swatch1,blockquote.swatch1,abbr.swatch1,acronym.swatch1,.vcard.swatch1{border-color:rgba(34, 34, 34, 1.00)}hr.swatch2,blockquote.swatch2,abbr.swatch2,acronym.swatch2,.vcard.swatch2{border-color:rgba(34, 34, 34, 1.00)}hr.swatch3,blockquote.swatch3,abbr.swatch3,acronym.swatch3,.vcard.swatch3{border-color:rgba(34, 34, 34, 1.00)}hr.swatch4,blockquote.swatch4,abbr.swatch4,acronym.swatch4,.vcard.swatch4{border-color:rgba(248, 248, 248, 1.00)}hr.swatch5,blockquote.swatch5,abbr.swatch5,acronym.swatch5,.vcard.swatch5{border-color:rgba(248, 248, 248, 1.00)}hr.swatch6,blockquote.swatch6,abbr.swatch6,acronym.swatch6,.vcard.swatch6{border-color:rgba(248, 248, 248, 1.00)}blockquote,blockquote p{color:rgba(132, 132, 132, 1.00)}blockquote cite,blockquote cite a,blockquote p cite,blockquote p cite a{color:rgba(122, 122, 122, 1.00)}blockquote.alt,blockquote.alt p,blockquote p.alt,blockquote p.alt p{color:rgba(132, 132, 132, 1.00)}blockquote.alt cite,blockquote.alt cite a,blockquote.alt p cite,blockquote.alt p cite a,blockquote p.alt cite,blockquote p.alt cite a,blockquote p.alt p cite,blockquote p.alt p cite a{color:rgba(122, 122, 122, 1.00)}.flex-video{margin-bottom:0}.contain-to-grid .top-bar{max-width:1000px}.top-bar .top-bar-section ul li > a.button{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar .top-bar-section ul li > a.button:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(96, 96, 96, 1.00)}.top-bar .top-bar-section ul li > a.button.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.top-bar .top-bar-section ul li > a.button.secondary:hover{color:rgba(51, 51, 51, 1.00);background-color:rgba(219, 219, 219, 1.00)}.top-bar .top-bar-section ul li > a.button.alert{background-color:rgba(240, 65, 36, 1.00)}.top-bar .top-bar-section ul li > a.button.alert:hover{background-color:rgba(228, 61, 34, 1.00)}.top-bar .top-bar-section ul li > a.button.success{background-color:rgba(67, 172, 106, 1.00)}.top-bar .top-bar-section ul li > a.button.success:hover{background-color:rgba(63, 163, 100, 1.00)}.top-bar .top-bar-section ul li > a.button.radius{border-radius:0px}.top-bar-wrapper.fn-scheme-primary{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-primary ul:not(.title-area) ul.dropdown{background-color:rgba(102, 102, 102, 1.00)}.top-bar-wrapper.fn-scheme-primary .site-title,.top-bar-wrapper.fn-scheme-primary .site-title small,.top-bar-wrapper.fn-scheme-primary a:not(.button){color:rgba(255, 255, 255, 1.00) !important}.top-bar-wrapper.fn-scheme-primary .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00);box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.top-bar-wrapper.fn-scheme-secondary ul:not(.title-area) ul.dropdown{background-color:rgba(231, 231, 231, 1.00)}.top-bar-wrapper.fn-scheme-secondary .site-title,.top-bar-wrapper.fn-scheme-secondary .site-title small,.top-bar-wrapper.fn-scheme-secondary a:not(.button){color:rgba(51, 51, 51, 1.00) !important}.top-bar-wrapper.fn-scheme-secondary .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(51, 51, 51, 1.00),0 7px 0 1px rgba(51, 51, 51, 1.00),0 14px 0 1px rgba(51, 51, 51, 1.00);box-shadow:0 0 0 1px rgba(51, 51, 51, 1.00),0 7px 0 1px rgba(51, 51, 51, 1.00),0 14px 0 1px rgba(51, 51, 51, 1.00)}.top-bar-wrapper.fn-scheme-swatch1{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch1 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch1 .site-title,.top-bar-wrapper.fn-scheme-swatch1 .site-title small,.top-bar-wrapper.fn-scheme-swatch1 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch1 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00);box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch2{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch2 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch2 .site-title,.top-bar-wrapper.fn-scheme-swatch2 .site-title small,.top-bar-wrapper.fn-scheme-swatch2 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch2 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00);box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch3{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch3 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch3 .site-title,.top-bar-wrapper.fn-scheme-swatch3 .site-title small,.top-bar-wrapper.fn-scheme-swatch3 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch3 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00);box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch4{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch4 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch4 .site-title,.top-bar-wrapper.fn-scheme-swatch4 .site-title small,.top-bar-wrapper.fn-scheme-swatch4 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch4 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00);box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch5{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch5 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch5 .site-title,.top-bar-wrapper.fn-scheme-swatch5 .site-title small,.top-bar-wrapper.fn-scheme-swatch5 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch5 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00);box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch6{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch6 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch6 .site-title,.top-bar-wrapper.fn-scheme-swatch6 .site-title small,.top-bar-wrapper.fn-scheme-swatch6 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch6 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00);box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.alert-box{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00);border-color:rgba(96, 96, 96, 1.00)}.alert-box a:not(.close){color:rgba(255, 255, 255, 1.00);text-decoration:underline}.alert-box.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00);border-color:rgba(219, 219, 219, 1.00)}.alert-box.alert{background-color:rgba(240, 65, 36, 1.00);border-color:rgba(228, 61, 34, 1.00)}.alert-box.success{background-color:rgba(67, 172, 106, 1.00);border-color:rgba(63, 163, 100, 1.00)}.alert-box.warning{background-color:rgba(240, 138, 36, 1.00);border-color:rgba(228, 131, 34, 1.00)}.alert-box.info{background-color:rgba(160, 211, 232, 1.00);color:rgba(76, 76, 76, 1.00);border-color:rgba(152, 200, 220, 1.00)}.alert-box.radius{border-radius:0px}.breadcrumbs{background-color:rgba(231, 231, 231, 1.00);border-color:rgba(219, 219, 219, 1.00);color:rgba(51, 51, 51, 1.00)}.breadcrumbs .current a{color:rgba(51, 51, 51, 1.00)}.breadcrumbs.radius{border-radius:0px}.breadcrumbs header{display:inline}.breadcrumbs .fa{font-size:1em}.breadcrumbs .unavailable{color:rgba(51, 51, 51, 1.00)}.breadcrumbs li:before{color:rgba(76, 76, 76, 1.00)}.breadcrumbs *:first-child:before{margin:0 .75rem}.button{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.button:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(96, 96, 96, 1.00)}.button.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.button.secondary:hover{color:rgba(51, 51, 51, 1.00);background-color:rgba(219, 219, 219, 1.00)}.button.alert{background-color:rgba(240, 65, 36, 1.00)}.button.alert:hover{background-color:rgba(228, 61, 34, 1.00)}.button.success{background-color:rgba(67, 172, 106, 1.00)}.button.success:hover{background-color:rgba(63, 163, 100, 1.00)}.button.radius{border-radius:0px}.button.ghost{background-color:transparent;border-width:1px;border-color:rgba(102, 102, 102, 1.00);color:rgba(102, 102, 102, 1.00)}.button.ghost:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(96, 96, 96, 1.00);background-color:rgba(96, 96, 96, 1.00)}.button.ghost.secondary{border-color:rgba(231, 231, 231, 1.00);color:rgba(231, 231, 231, 1.00)}.button.ghost.secondary:hover{color:rgba(51, 51, 51, 1.00);border-color:rgba(219, 219, 219, 1.00);background-color:rgba(219, 219, 219, 1.00)}.button.ghost.alert{border-color:rgba(240, 65, 36, 1.00);color:rgba(240, 65, 36, 1.00)}.button.ghost.alert:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(228, 61, 34, 1.00);background-color:rgba(228, 61, 34, 1.00)}.button.ghost.success{border-color:rgba(67, 172, 106, 1.00);color:rgba(67, 172, 106, 1.00)}.button.ghost.success:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(63, 163, 100, 1.00);background-color:rgba(63, 163, 100, 1.00)}.split.button.radius span{border-top-right-radius:0px;border-bottom-right-radius:0px}.split.button span::after{border-top-color:rgba(255, 255, 255, 1.00)}.split.button.secondary span::after{border-top-color:rgba(51, 51, 51, 1.00)}.button-group.radius > *:first-child,.button-group.radius > *:first-child > a,.button-group.radius > *:first-child > button,.button-group.radius > *:first-child > .button{border-bottom-left-radius:0px;border-top-left-radius:0px}.button-group.radius > *:last-child,.button-group.radius > *:last-child > a,.button-group.radius > *:last-child > button,.button-group.radius > *:last-child > .button{border-top-right-radius:0px;border-bottom-right-radius:0px}.button-group.stack > li .button,.button-group.stack-for-small > li .button{border-top:1px solid rgba(255,255,255,0.5)}.icon-bar{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.icon-bar > .item{cursor:pointer;color:rgba(255, 255, 255, 1.00)}.icon-bar > .item label,.icon-bar > .item i{color:rgba(255, 255, 255, 1.00)}.icon-bar > .item:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(96, 96, 96, 1.00)}.icon-bar.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.icon-bar.secondary > .item{color:rgba(51, 51, 51, 1.00)}.icon-bar.secondary > .item label,.icon-bar.secondary > .item i{color:rgba(51, 51, 51, 1.00)}.icon-bar.secondary > .item:hover{background-color:rgba(219, 219, 219, 1.00);color:rgba(51, 51, 51, 1.00)}form[data-abide] .error label{color:rgba(240, 65, 36, 1.00)}form[data-abide] .error small.error,form[data-abide] .error span.error{background-color:rgba(240, 65, 36, 1.00);color:rgba(255, 255, 255, 1.00)}input[type="radio"]{margin-left:1px}form input[type="text"],form input[type="password"],form input[type="date"],form input[type="datetime"],form input[type="datetime-local"],form input[type="month"],form input[type="week"],form input[type="email"],form input[type="number"],form input[type="search"],form input[type="tel"],form input[type="time"],form input[type="url"],form textarea,form select{font-size:16px;color:rgba(102, 102, 102, 1.00)}form input[type="text"]:focus,form input[type="password"]:focus,form input[type="date"]:focus,form input[type="datetime"]:focus,form input[type="datetime-local"]:focus,form input[type="month"]:focus,form input[type="week"]:focus,form input[type="email"]:focus,form input[type="number"]:focus,form input[type="search"]:focus,form input[type="tel"]:focus,form input[type="time"]:focus,form input[type="url"]:focus,form textarea:focus,form select:focus{border-color:rgba(102, 102, 102, 1.00)}form fieldset{border-color:rgba(221, 221, 221, 1.00)}form legend{background-color:#FBFBFA}form label{color:rgba(122, 122, 122, 1.00)}form.radius input[type="text"],form.radius input[type="password"],form.radius input[type="date"],form.radius input[type="datetime"],form.radius input[type="datetime-local"],form.radius input[type="month"],form.radius input[type="week"],form.radius input[type="email"],form.radius input[type="number"],form.radius input[type="search"],form.radius input[type="tel"],form.radius input[type="time"],form.radius input[type="url"],form.radius textarea,form.radius select,form.radius small.error{border-radius:0px}form.radius span.prefix,form.radius label.prefix{border-bottom-left-radius:0px;border-top-left-radius:0px}form.radius span.postfix,form.radius label.postfix{border-top-right-radius:0px;border-bottom-right-radius:0px}form.radius .input-group > *:first-child,form.radius .input-group > *:first-child *{border-bottom-left-radius:0px;border-top-left-radius:0px}form.radius .input-group > *:last-child,form.radius .input-group > *:last-child *{border-top-right-radius:0px;border-bottom-right-radius:0px}.range-slider,.range-slider.radius,.range-slider.round{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(225, 225, 225, 1.00)}.range-slider .range-slider-handle,.range-slider.radius .range-slider-handle,.range-slider.round .range-slider-handle{background-color:rgba(102, 102, 102, 1.00)}.range-slider .range-slider-handle:hover,.range-slider.radius .range-slider-handle:hover,.range-slider.round .range-slider-handle:hover{background-color:rgba(96, 96, 96, 1.00)}.range-slider .range-slider-active-segment,.range-slider.radius .range-slider-active-segment,.range-slider.round .range-slider-active-segment{background-color:rgba(225, 225, 225, 1.00)}.range-slider.secondary,.range-slider.radius.secondary,.range-slider.round.secondary{background-color:rgba(51, 51, 51, 1.00);border-color:rgba(21, 21, 21, 1.00)}.range-slider.secondary .range-slider-handle,.range-slider.radius.secondary .range-slider-handle,.range-slider.round.secondary .range-slider-handle{background-color:rgba(231, 231, 231, 1.00)}.range-slider.secondary .range-slider-handle:hover,.range-slider.radius.secondary .range-slider-handle:hover,.range-slider.round.secondary .range-slider-handle:hover{background-color:rgba(219, 219, 219, 1.00)}.range-slider.secondary .range-slider-active-segment,.range-slider.radius.secondary .range-slider-active-segment,.range-slider.round.secondary .range-slider-active-segment{background-color:rgba(21, 21, 21, 1.00)}.slider-display{display:block;margin-top:16px}fieldset.switch label{background-color:#e6e6e6}fieldset.switch label::after{background-color:rgba(255, 255, 255, 1.00)}fieldset.switch input:checked + label{background-color:rgba(102, 102, 102, 1.00)}fieldset.switch.secondary label::after{background-color:rgba(51, 51, 51, 1.00)}fieldset.switch.secondary input:checked + label{background-color:rgba(231, 231, 231, 1.00)}fieldset.switch.alert input:checked + label{background-color:rgba(240, 65, 36, 1.00)}fieldset.switch.success input:checked + label{background-color:rgba(67, 172, 106, 1.00)}.label{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00);margin-bottom:0}.label.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.label.alert{background-color:rgba(240, 65, 36, 1.00)}.label.success{background-color:rgba(67, 172, 106, 1.00)}.label.radius{border-radius:0px}.alert-box .close{opacity:0.5}.slideshow-wrapper{min-height:50px;z-index:10}.orbit-container .orbit-bullets li{cursor:pointer;background:rgba(231, 231, 231, 1.00)}.orbit-container .orbit-bullets li.active,.orbit-container .orbit-bullets li:hover{background:rgba(102, 102, 102, 1.00)}.accordion .accordion-navigation > a{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.accordion .accordion-navigation > a:hover{background-color:rgba(96, 96, 96, 1.00)}.accordion .accordion-navigation > a.radius{border-radius:0px}.accordion .accordion-navigation > a.round{border-radius:1000px}.accordion .accordion-navigation.active > a{background-color:rgba(96, 96, 96, 1.00)}.accordion .accordion-navigation > .content{background-color:transparent !important}.accordion.secondary .accordion-navigation > a{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.accordion.secondary .accordion-navigation > a:hover{background-color:rgba(219, 219, 219, 1.00)}.accordion.secondary .accordion-navigation.active > a{background-color:rgba(219, 219, 219, 1.00)}.tabs li.tab-title > a{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.tabs li.tab-title > a:hover{background-color:rgba(96, 96, 96, 1.00)}.tabs li.tab-title.active > a{color:rgba(255, 255, 255, 1.00);background-color:rgba(96, 96, 96, 1.00)}.tabs.secondary li.tab-title > a{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.tabs.secondary li.tab-title > a:hover{background-color:rgba(219, 219, 219, 1.00)}.tabs.secondary li.tab-title.active > a{color:rgba(51, 51, 51, 1.00);background-color:rgba(219, 219, 219, 1.00)}.tabs.swatch1 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch1 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch1 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch2 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch2 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch2 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch3 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch3 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch3 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch4 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch4 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch4 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch5 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch5 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch5 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch6 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch6 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch6 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.radius li.tab-title:first-child a{border-bottom-left-radius:0px;border-top-left-radius:0px}.tabs.radius li.tab-title:last-child a{border-top-right-radius:0px;border-bottom-right-radius:0px}.th.radius{border-radius:0px}.th:hover,.th:focus{-webkit-box-shadow:0 0 6px 1px rgba(51, 51, 51, 1.00);box-shadow:0 0 6px 1px rgba(51, 51, 51, 1.00)}.f-dropdown,.f-dropdown.content{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(51, 51, 51, 1.00)}.f-dropdown::before,.f-dropdown.content::before{border-color:transparent transparent rgba(255, 255, 255, 1.00) transparent}.f-dropdown::after,.f-dropdown.content::after{border-color:transparent transparent rgba(204, 204, 204, 1.00) transparent}.f-dropdown li a,.f-dropdown.content li a{color:rgba(51, 51, 51, 1.00)}.f-dropdown li:hover,.f-dropdown.content li:hover{background-color:rgba(0,0,0,0.1)}.f-dropdown.radius,.f-dropdown.content.radius{border-radius:0px}.tooltip{border-radius:0px;background-color:rgba(51, 51, 51, 1.00);color:rgba(255, 255, 255, 1.00)}.panel{background-color:rgba(242, 242, 242, 1.00);border-color:rgba(219, 219, 219, 1.00)}.panel.radius{border-radius:0px}.panel p{color:rgba(102, 102, 102, 1.00)}.panel p a{color:rgba(252, 55, 15, 0.96)}.panel p.alt{color:rgba(102, 102, 102, 1.00)}.panel p.alt a{color:rgba(0, 140, 186, 1.00)}.panel p.alt a:hover{color:rgba(0, 102, 136, 1.00)}.panel p.alt small{color:rgba(132, 132, 132, 1.00)}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{color:rgba(34, 34, 34, 1.00)}.panel h1.alt,.panel h2.alt,.panel h3.alt,.panel h4.alt,.panel h5.alt,.panel h6.alt{color:rgba(255, 255, 255, 1.00)}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{color:rgba(44, 44, 44, 1.00)}.panel h1.subheader.alt,.panel h2.subheader.alt,.panel h3.subheader.alt,.panel h4.subheader.alt,.panel h5.subheader.alt,.panel h6.subheader.alt{color:rgba(255, 255, 255, 1.00)}.pricing-table.primary .title{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.pricing-table.primary .price{color:rgba(102, 102, 102, 1.00)}.pricing-table.primary .description{color:rgba(102, 102, 102, 1.00)}.pricing-table.primary .bullet-item{color:rgba(102, 102, 102, 1.00)}.pricing-table.secondary .title{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.pricing-table.secondary .price{color:rgba(102, 102, 102, 1.00)}.pricing-table.secondary .description{color:rgba(102, 102, 102, 1.00)}.pricing-table.secondary .bullet-item{color:rgba(102, 102, 102, 1.00)}.pricing-table.radius{border-radius:0px}.pricing-table.radius .title{border-top-right-radius:0px;border-top-left-radius:0px}.pricing-table.radius .cta-button{border-bottom-right-radius:0px;border-bottom-left-radius:0px}.side-nav li a:not(.button){color:rgba(252, 55, 15, 0.96)}.side-nav li a:not(.button):hover{background-color:rgba(243, 243, 243, 1.00);color:rgba(0, 0, 0, 1.00)}.side-nav li.active > a:first-child:not(.button){color:rgba(252, 55, 15, 0.96)}.side-nav li.active:not(.has-dropdown) a:not(.button){color:rgba(214, 46, 12, 0.96)}.side-nav header{color:rgba(102, 102, 102, 1.00);margin-top:1rem;margin-bottom:0.5rem}.side-nav label{color:rgba(122, 122, 122, 1.00)}.side-nav li.divider{border-top-color:rgba(221, 221, 221, 1.00)}.side-nav.alt li a:not(.button){color:rgba(0, 140, 186, 1.00)}.side-nav.alt li a:not(.button):hover{background-color:rgba(243, 243, 243, 1.00);color:rgba(0, 102, 136, 1.00)}.side-nav.alt li.active > a:first-child:not(.button){color:rgba(0, 140, 186, 1.00)}.side-nav.alt li.active:not(.has-dropdown) a:not(.button){color:rgba(0, 119, 158, 1.00)}.side-nav.alt header{color:rgba(102, 102, 102, 1.00)}.side-nav.alt label{color:rgba(122, 122, 122, 1.00)}.side-nav.alt li.divider{border-top-color:rgba(221, 221, 221, 1.00)}.sub-nav dt,.sub-nav dd,.sub-nav li{float:none;display:inline-block}.sub-nav dt a:not(.button),.sub-nav dd a:not(.button),.sub-nav li a:not(.button){color:rgba(102, 102, 102, 1.00)}.sub-nav dt a:not(.button):hover,.sub-nav dd a:not(.button):hover,.sub-nav li a:not(.button):hover{color:rgba(96, 96, 96, 1.00)}.sub-nav dt.active a:not(.button),.sub-nav dd.active a:not(.button),.sub-nav li.active a:not(.button){color:rgba(255, 255, 255, 1.00);background-color:rgba(102, 102, 102, 1.00)}.sub-nav dt.active a:not(.button):hover,.sub-nav dd.active a:not(.button):hover,.sub-nav li.active a:not(.button):hover{background-color:rgba(96, 96, 96, 1.00)}.sub-nav dt.active a:not(.button).secondary,.sub-nav dd.active a:not(.button).secondary,.sub-nav li.active a:not(.button).secondary{color:rgba(51, 51, 51, 1.00);background-color:rgba(231, 231, 231, 1.00)}.sub-nav dt.active a:not(.button).secondary:hover,.sub-nav dd.active a:not(.button).secondary:hover,.sub-nav li.active a:not(.button).secondary:hover{background-color:rgba(219, 219, 219, 1.00)}.sub-nav.secondary dt a:not(.button),.sub-nav.secondary dd a:not(.button),.sub-nav.secondary li a:not(.button){color:rgba(231, 231, 231, 1.00)}.sub-nav.secondary dt a:not(.button):hover,.sub-nav.secondary dd a:not(.button):hover,.sub-nav.secondary li a:not(.button):hover{color:rgba(219, 219, 219, 1.00)}.sub-nav.secondary dt.active a:not(.button),.sub-nav.secondary dd.active a:not(.button),.sub-nav.secondary li.active a:not(.button){color:rgba(51, 51, 51, 1.00);background-color:rgba(231, 231, 231, 1.00)}.sub-nav.secondary dt.active a:not(.button):hover,.sub-nav.secondary dd.active a:not(.button):hover,.sub-nav.secondary li.active a:not(.button):hover{background-color:rgba(219, 219, 219, 1.00)}.reveal-modal{z-index:9999;background-color:rgba(255, 255, 255, 1.00);color:rgba(51, 51, 51, 1.00);border:none;border-radius:0}@media screen and (max-width:39.9375em){.reveal-modal{border-radius:0 !important}}.reveal-modal.fullscreen{position:fixed;top:0px !important;width:100vw;height:100vh;overflow-y:scroll}.reveal-modal.fullscreen .close-reveal-modal{position:fixed}.reveal-modal.radius{border-radius:0px}.reveal-modal .close-reveal-modal{color:rgba(170, 170, 170, 1.00);font-weight:normal;z-index:99999}.reveal-modal-bg{z-index:9998;background:rgba(0, 0, 0, 0.45)}nav.inline-nav ul.inline-list{margin-left:0}nav.inline-nav ul.inline-list li{float:none;display:inline-block}nav.inline-nav ul.inline-list li:first-child{margin-left:0}nav.inline-nav ul.inline-list li.active{border-width:0 0 1px 0;border-style:solid;border-bottom-color:rgba(252, 55, 15, 0.96)}nav.inline-nav ul.inline-list.alt li.active{border-bottom-color:rgba(0, 140, 186, 1.00)}.clearing-blackout{background-color:rgba(255, 255, 255, 1.00)}.clearing-assembled .clearing-container .visible-img,.clearing-assembled .clearing-container .clearing-caption{background-color:rgba(255, 255, 255, 1.00)}.clearing-assembled .clearing-container .carousel{background-color:rgba(242, 242, 242, 1.00)}.clearing-assembled .clearing-container .clearing-close{color:rgba(170, 170, 170, 1.00)}.clearing-assembled .clearing-container .clearing-close:hover,.clearing-assembled .clearing-container .clearing-close:focus{color:rgba(170, 170, 170, 1.00)}.clearing-assembled .clearing-container .clearing-main-next > span{border-color:transparent;border-left-color:rgba(51, 51, 51, 1.00)}.clearing-assembled .clearing-container .clearing-main-prev > span{border-color:transparent;border-right-color:rgba(51, 51, 51, 1.00)}.clearing-assembled .clearing-container .clearing-caption{color:rgba(51, 51, 51, 1.00)}.copyright{color:rgba(102, 102, 102, 1.00);font-size:0.9rem}.copyright a{color:rgba(252, 55, 15, 0.96)}.copyright a:hover{color:rgba(0, 0, 0, 1.00)}.stacks_s_hidden,.stacks_m_hidden,.stacks_l_hidden{display:block !important}@media only screen and (max-width:40em){.stacks_s_hidden{display:none !important}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.stacks_m_hidden{display:none !important}}@media only screen and (min-width:62.563em){.stacks_l_hidden{display:none !important}}.fn-text-header{color:rgba(34, 34, 34, 1.00)}.fn-text-link a{color:rgba(252, 55, 15, 0.96)}.fn-text-link a:hover{color:rgba(0, 0, 0, 1.00)}.fn-text-text{color:rgba(102, 102, 102, 1.00)}.fn-text-text p,.fn-text-text div{color:rgba(102, 102, 102, 1.00)}.fn-text-accent{color:rgba(221, 221, 221, 1.00)}.fn-text-code-text{color:rgba(204, 55, 30, 1.00)}.fn-text-header-alt{color:rgba(255, 255, 255, 1.00)}.fn-text-link-alt a{color:rgba(0, 140, 186, 1.00)}.fn-text-link-alt a:hover{color:rgba(0, 102, 136, 1.00)}.fn-text-accent-alt{color:rgba(221, 221, 221, 1.00)}.fn-text-primary{color:rgba(102, 102, 102, 1.00)}.fn-text-primary-text{color:rgba(255, 255, 255, 1.00)}.fn-text-primary-text p,.fn-text-primary-text div{color:rgba(255, 255, 255, 1.00)}.fn-text-secondary{color:rgba(231, 231, 231, 1.00)}.fn-text-secondary-text{color:rgba(51, 51, 51, 1.00)}.fn-text-secondary-text p,.fn-text-secondary-text div{color:rgba(51, 51, 51, 1.00)}.fn-text-alert{color:rgba(240, 65, 36, 1.00)}.fn-text-success{color:rgba(67, 172, 106, 1.00)}.fn-text-warning{color:rgba(240, 138, 36, 1.00)}.fn-text-info{color:rgba(160, 211, 232, 1.00)}.fn-text-modal{color:rgba(255, 255, 255, 1.00)}.fn-text-modal-close{color:rgba(170, 170, 170, 1.00)}.fn-text-modal-text{color:rgba(51, 51, 51, 1.00)}.fn-text-modal-text p,.fn-text-modal-text div{color:rgba(51, 51, 51, 1.00)}.fn-text-text-alt{color:rgba(102, 102, 102, 1.00)}.fn-text-text-alt p,.fn-text-text-alt div{color:rgba(102, 102, 102, 1.00)}.fn-text-text-alt h1,.fn-text-text-alt h2,.fn-text-text-alt h3,.fn-text-text-alt h4,.fn-text-text-alt h5,.fn-text-text-alt h6{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 a,.fn-text-text-alt h2 a,.fn-text-text-alt h3 a,.fn-text-text-alt h4 a,.fn-text-text-alt h5 a,.fn-text-text-alt h6 a{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 a:hover,.fn-text-text-alt h2 a:hover,.fn-text-text-alt h3 a:hover,.fn-text-text-alt h4 a:hover,.fn-text-text-alt h5 a:hover,.fn-text-text-alt h6 a:hover{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 small,.fn-text-text-alt h2 small,.fn-text-text-alt h3 small,.fn-text-text-alt h4 small,.fn-text-text-alt h5 small,.fn-text-text-alt h6 small{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt a{color:rgba(0, 140, 186, 1.00)}.fn-text-text-alt a:hover{color:rgba(0, 102, 136, 1.00)}.fn-text-sw1c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw1c1 p,.fn-text-sw1c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw1c1 h1,.fn-text-sw1c1 h2,.fn-text-sw1c1 h3,.fn-text-sw1c1 h4,.fn-text-sw1c1 h5,.fn-text-sw1c1 h6,.fn-text-sw1c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw1c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c2 p,.fn-text-sw1c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c2 h1,.fn-text-sw1c2 h2,.fn-text-sw1c2 h3,.fn-text-sw1c2 h4,.fn-text-sw1c2 h5,.fn-text-sw1c2 h6,.fn-text-sw1c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw1c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw2c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw2c1 p,.fn-text-sw2c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw2c1 h1,.fn-text-sw2c1 h2,.fn-text-sw2c1 h3,.fn-text-sw2c1 h4,.fn-text-sw2c1 h5,.fn-text-sw2c1 h6,.fn-text-sw2c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw2c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c2 p,.fn-text-sw2c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c2 h1,.fn-text-sw2c2 h2,.fn-text-sw2c2 h3,.fn-text-sw2c2 h4,.fn-text-sw2c2 h5,.fn-text-sw2c2 h6,.fn-text-sw2c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw2c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw3c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c1 p,.fn-text-sw3c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c1 h1,.fn-text-sw3c1 h2,.fn-text-sw3c1 h3,.fn-text-sw3c1 h4,.fn-text-sw3c1 h5,.fn-text-sw3c1 h6,.fn-text-sw3c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw3c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c2 p,.fn-text-sw3c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c2 h1,.fn-text-sw3c2 h2,.fn-text-sw3c2 h3,.fn-text-sw3c2 h4,.fn-text-sw3c2 h5,.fn-text-sw3c2 h6,.fn-text-sw3c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw4c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c1 p,.fn-text-sw4c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c1 h1,.fn-text-sw4c1 h2,.fn-text-sw4c1 h3,.fn-text-sw4c1 h4,.fn-text-sw4c1 h5,.fn-text-sw4c1 h6,.fn-text-sw4c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw4c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c2 p,.fn-text-sw4c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c2 h1,.fn-text-sw4c2 h2,.fn-text-sw4c2 h3,.fn-text-sw4c2 h4,.fn-text-sw4c2 h5,.fn-text-sw4c2 h6,.fn-text-sw4c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw5c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c1 p,.fn-text-sw5c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c1 h1,.fn-text-sw5c1 h2,.fn-text-sw5c1 h3,.fn-text-sw5c1 h4,.fn-text-sw5c1 h5,.fn-text-sw5c1 h6,.fn-text-sw5c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw5c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c2 p,.fn-text-sw5c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c2 h1,.fn-text-sw5c2 h2,.fn-text-sw5c2 h3,.fn-text-sw5c2 h4,.fn-text-sw5c2 h5,.fn-text-sw5c2 h6,.fn-text-sw5c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw6c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c1 p,.fn-text-sw6c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c1 h1,.fn-text-sw6c1 h2,.fn-text-sw6c1 h3,.fn-text-sw6c1 h4,.fn-text-sw6c1 h5,.fn-text-sw6c1 h6,.fn-text-sw6c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw6c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c2 p,.fn-text-sw6c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c2 h1,.fn-text-sw6c2 h2,.fn-text-sw6c2 h3,.fn-text-sw6c2 h4,.fn-text-sw6c2 h5,.fn-text-sw6c2 h6,.fn-text-sw6c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw1c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw1c1 p,.panel .fn-text-sw1c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw1c1 h1,.panel .fn-text-sw1c1 h2,.panel .fn-text-sw1c1 h3,.panel .fn-text-sw1c1 h4,.panel .fn-text-sw1c1 h5,.panel .fn-text-sw1c1 h6,.panel .fn-text-sw1c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw1c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c2 p,.panel .fn-text-sw1c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c2 h1,.panel .fn-text-sw1c2 h2,.panel .fn-text-sw1c2 h3,.panel .fn-text-sw1c2 h4,.panel .fn-text-sw1c2 h5,.panel .fn-text-sw1c2 h6,.panel .fn-text-sw1c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw1c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw2c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw2c1 p,.panel .fn-text-sw2c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw2c1 h1,.panel .fn-text-sw2c1 h2,.panel .fn-text-sw2c1 h3,.panel .fn-text-sw2c1 h4,.panel .fn-text-sw2c1 h5,.panel .fn-text-sw2c1 h6,.panel .fn-text-sw2c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw2c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c2 p,.panel .fn-text-sw2c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c2 h1,.panel .fn-text-sw2c2 h2,.panel .fn-text-sw2c2 h3,.panel .fn-text-sw2c2 h4,.panel .fn-text-sw2c2 h5,.panel .fn-text-sw2c2 h6,.panel .fn-text-sw2c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw2c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw3c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c1 p,.panel .fn-text-sw3c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c1 h1,.panel .fn-text-sw3c1 h2,.panel .fn-text-sw3c1 h3,.panel .fn-text-sw3c1 h4,.panel .fn-text-sw3c1 h5,.panel .fn-text-sw3c1 h6,.panel .fn-text-sw3c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw3c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c2 p,.panel .fn-text-sw3c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c2 h1,.panel .fn-text-sw3c2 h2,.panel .fn-text-sw3c2 h3,.panel .fn-text-sw3c2 h4,.panel .fn-text-sw3c2 h5,.panel .fn-text-sw3c2 h6,.panel .fn-text-sw3c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw4c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c1 p,.panel .fn-text-sw4c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c1 h1,.panel .fn-text-sw4c1 h2,.panel .fn-text-sw4c1 h3,.panel .fn-text-sw4c1 h4,.panel .fn-text-sw4c1 h5,.panel .fn-text-sw4c1 h6,.panel .fn-text-sw4c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw4c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c2 p,.panel .fn-text-sw4c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c2 h1,.panel .fn-text-sw4c2 h2,.panel .fn-text-sw4c2 h3,.panel .fn-text-sw4c2 h4,.panel .fn-text-sw4c2 h5,.panel .fn-text-sw4c2 h6,.panel .fn-text-sw4c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw5c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c1 p,.panel .fn-text-sw5c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c1 h1,.panel .fn-text-sw5c1 h2,.panel .fn-text-sw5c1 h3,.panel .fn-text-sw5c1 h4,.panel .fn-text-sw5c1 h5,.panel .fn-text-sw5c1 h6,.panel .fn-text-sw5c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw5c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c2 p,.panel .fn-text-sw5c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c2 h1,.panel .fn-text-sw5c2 h2,.panel .fn-text-sw5c2 h3,.panel .fn-text-sw5c2 h4,.panel .fn-text-sw5c2 h5,.panel .fn-text-sw5c2 h6,.panel .fn-text-sw5c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw6c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c1 p,.panel .fn-text-sw6c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c1 h1,.panel .fn-text-sw6c1 h2,.panel .fn-text-sw6c1 h3,.panel .fn-text-sw6c1 h4,.panel .fn-text-sw6c1 h5,.panel .fn-text-sw6c1 h6,.panel .fn-text-sw6c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw6c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c2 p,.panel .fn-text-sw6c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c2 h1,.panel .fn-text-sw6c2 h2,.panel .fn-text-sw6c2 h3,.panel .fn-text-sw6c2 h4,.panel .fn-text-sw6c2 h5,.panel .fn-text-sw6c2 h6,.panel .fn-text-sw6c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-bg-header{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-text{background-color:rgba(102, 102, 102, 1.00)}.fn-bg-link{background-color:rgba(252, 55, 15, 0.96)}.fn-bg-link-hover{background-color:rgba(0, 0, 0, 1.00)}.fn-bg-accent{background-color:rgba(221, 221, 221, 1.00)}.fn-bg-code-text{background-color:rgba(204, 55, 30, 1.00)}.fn-bg-modal-text{background-color:rgba(51, 51, 51, 1.00)}.fn-bg-header-alt{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-text-alt{background-color:rgba(102, 102, 102, 1.00)}.fn-bg-link-alt{background-color:rgba(0, 140, 186, 1.00)}.fn-bg-link-hover-alt{background-color:rgba(0, 102, 136, 1.00)}.fn-bg-accent-alt{background-color:rgba(221, 221, 221, 1.00)}.fn-bg-primary{background-color:rgba(102, 102, 102, 1.00)}.fn-bg-primary-text{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-secondary{background-color:rgba(231, 231, 231, 1.00)}.fn-bg-secondary-text{background-color:rgba(51, 51, 51, 1.00)}.fn-bg-alert{background-color:rgba(240, 65, 36, 1.00)}.fn-bg-success{background-color:rgba(67, 172, 106, 1.00)}.fn-bg-warning{background-color:rgba(240, 138, 36, 1.00)}.fn-bg-info{background-color:rgba(160, 211, 232, 1.00)}.fn-bg-modal{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-modal-close{background-color:rgba(170, 170, 170, 1.00)}.fn-bg-sw1c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw1c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw2c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw2c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw3c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw3c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw4c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw4c2{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw5c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw5c2{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw6c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw6c2{background-color:rgba(34, 34, 34, 1.00)}.fn-backdrop{background-color:rgba(0, 0, 0, 0.45)}.fn-backdrop-solid{background-color:rgba(0, 0, 0, 0.45)}.fn-scheme-primary{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.fn-scheme-primary div,.fn-scheme-primary p{color:rgba(255, 255, 255, 1.00)}.fn-scheme-primary.button:hover{background-color:rgba(96, 96, 96, 1.00)}.fn-scheme-secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.fn-scheme-secondary div,.fn-scheme-secondary p{color:rgba(51, 51, 51, 1.00)}.fn-scheme-secondary.button:hover{background-color:rgba(219, 219, 219, 1.00)}.fn-scheme-modal{background-color:rgba(255, 255, 255, 1.00);color:rgba(51, 51, 51, 1.00)}.fn-scheme-modal div,.fn-scheme-modal p{color:rgba(51, 51, 51, 1.00)}.fn-scheme-modal .close{color:rgba(170, 170, 170, 1.00)}.fn-scheme-swatch1{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1 div,.fn-scheme-swatch1 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1.switch{background-color:transparent}.fn-scheme-swatch1.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch1.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch1.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch1.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch2{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2 div,.fn-scheme-swatch2 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2.switch{background-color:transparent}.fn-scheme-swatch2.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch2.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch2.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch2.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch3{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3 div,.fn-scheme-swatch3 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3.switch{background-color:transparent}.fn-scheme-swatch3.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch3.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch3.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch3.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch4{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4 div,.fn-scheme-swatch4 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch{background-color:transparent}.fn-scheme-swatch4.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch4.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch5{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5 div,.fn-scheme-swatch5 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch5.switch{background-color:transparent}.fn-scheme-swatch5.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch5.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch5.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch6{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6 div,.fn-scheme-swatch6 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6.switch{background-color:transparent}.fn-scheme-swatch6.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch6.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch6.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch6.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)} #stacks_in_2851 .smooth_scroll{ cursor:pointer; } #stacks_in_2851 { padding: 10px 0px 0px 0px; } #stacks_in_2854 { margin: -4px 0px -23px 8px; } .theme-version{display:block}.theme-version.number-110,#stacks_in_2923{display:none}.stacks_out{overflow:visible !important}.stacks_in{overflow:visible}::-moz-selection{color:rgba(102, 102, 102, 1.00);background:rgba(231, 231, 231, 1.00);}::selection{color:rgba(102, 102, 102, 1.00);background:rgba(231, 231, 231, 1.00);}::-moz-selection{color:rgba(102, 102, 102, 1.00);background:rgba(231, 231, 231, 1.00);}body,.font-family-text{font-family:'Open Sans',sans-serif;font-weight:200;}h1,.font-family-h1{font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif;font-style:normal;font-weight:200;}h1 a,.font-family-h1 a{font-family:inherit}h2,h3,h4,h5,h6,.font-family-h2{font-family:'Open Sans',sans-serif;font-style:normal;font-weight:500;}h2 a,h3 a,h4 a,h5 a,h6 a,.font-family-h2 a{font-family:inherit}body{background-color:#F9F9F9;}.hide-for-touch,.show-for-touch{display:none}.no-js .hide-for-touch{display:block}.vegas-loading{display:none}.vegas-background{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:none !important}.vegas-overlay,.vegas-background{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hide-overflow{overflow:hidden !important}.columns > .equalizer.small-up{height:100%}@media only screen and (min-width:40.063em){.columns > .equalizer.medium-up{height:100%}}@media only screen and (min-width:62.563em){.columns > .equalizer.large-up{height:100%}}@media only screen and (max-width:40em){.row.collapse-small > .columns{padding-left:0;padding-right:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.collapse-medium > .columns{padding-left:0;padding-right:0}}@media only screen and (max-width:40em){.row .row.collapse-small{margin:0;width:auto}.row .row.collapse-small::before,.row .row.collapse-small::after{content:" ";display:table}.row .row.collapse-small::after{clear:both}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row .row.collapse-medium{margin:0;width:auto}.row .row.collapse-medium::before,.row .row.collapse-medium::after{content:" ";display:table}.row .row.collapse-medium::after{clear:both}}.column,.columns{padding-left:0.94rem;padding-right:0.94rem}.row .row{margin:0 -0.94rem}.row.divider > .columns:not(:first-child):before{content:" ";margin:0 -0.94rem;position:absolute}@media only screen and (max-width:40em){.row.divider-medium-up > .columns::before,.row.divider-large-up > .columns::before,.small-12::before{display:none}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.divider-large-up > .columns::before,.medium-12::before{display:none}}@media only screen and (min-width:62.563em){.large-12:before{display:none}}.floating-body.radius{border-radius:0px}.floating-body.radius > .columns > .stacks_out:first-child > .stacks_in > .top-bar-wrapper:not(.fixed){border-top-right-radius:0px;border-top-left-radius:0px}.floating-body .top-bar-wrapper.contain-to-grid.fixed{max-width:1000px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.radius{background-clip:padding-box}img{color:#F9F9F9}img.radius{border-radius:0px}img.round{border-radius:1000px}.row{max-width:1000px !important;}.row.max-edge{max-width:100% !important}body{color:rgba(86, 86, 86, 1.00)}a{color:rgba(252, 76, 43, 1.00);-webkit-text-decoration:none;text-decoration:none;font-weight:inherit}a:hover,a:focus{color:rgba(15, 15, 15, 1.00)}a.close,a.close-reveal-modal{text-decoration:none}.alt{color:rgba(102, 102, 102, 1.00)}.alt a{color:rgba(0, 140, 186, 1.00);-webkit-text-decoration:none;text-decoration:none}.alt a:hover,.alt a:focus{color:rgba(0, 102, 136, 1.00)}.alt small{color:rgba(132, 132, 132, 1.00)}h1,h2,h3,h4,h5,h6{color:rgba(77, 77, 77, 1.00);margin-top:0}h1.alt,h2.alt,h3.alt,h4.alt,h5.alt,h6.alt{color:rgba(255, 255, 255, 1.00)}h1.subheader,h2.subheader,h3.subheader,h4.subheader,h5.subheader,h6.subheader{color:rgba(100, 100, 100, 1.00)}h1.subheader.alt,h2.subheader.alt,h3.subheader.alt,h4.subheader.alt,h5.subheader.alt,h6.subheader.alt{color:rgba(255, 255, 255, 1.00)}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:30%;color:rgba(111, 111, 111, 1.00)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit !important}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{opacity:0.8;color:inherit !important}h1{font-size:2.12rem}h2{font-size:1.69rem}h3{font-size:1.38rem}h4{font-size:1.12rem}h5{font-size:1.12rem}h6{font-size:1.00rem}p,ul li,ol li{font-size:1.00rem}@media only screen and (min-width:40.063em){h1{font-size:2.75rem}h2{font-size:2.31rem}h3{font-size:1.69rem}h4{font-size:1.44rem}h5{font-size:1.12rem}h6{font-size:1.00rem}p,ul li,ol li{font-size:1.00rem}}code{color:rgba(204, 55, 30, 1.00)}hr,blockquote,abbr,acronym,.vcard{border-color:rgba(221, 221, 221, 1.00)}hr.alt,blockquote.alt,abbr.alt,acronym.alt,.vcard.alt{border-color:rgba(221, 221, 221, 1.00)}hr.primary,blockquote.primary,abbr.primary,acronym.primary,.vcard.primary{border-color:rgba(102, 102, 102, 1.00)}hr.primary,blockquote.primary,abbr.primary,acronym.primary,.vcard.primary{border-color:rgba(102, 102, 102, 1.00)}hr.secondary,blockquote.secondary,abbr.secondary,acronym.secondary,.vcard.secondary{border-color:rgba(231, 231, 231, 1.00)}hr.swatch1,blockquote.swatch1,abbr.swatch1,acronym.swatch1,.vcard.swatch1{border-color:rgba(101, 101, 101, 1.00)}hr.swatch2,blockquote.swatch2,abbr.swatch2,acronym.swatch2,.vcard.swatch2{border-color:rgba(76, 76, 76, 1.00)}hr.swatch3,blockquote.swatch3,abbr.swatch3,acronym.swatch3,.vcard.swatch3{border-color:rgba(34, 34, 34, 1.00)}hr.swatch4,blockquote.swatch4,abbr.swatch4,acronym.swatch4,.vcard.swatch4{border-color:rgba(248, 248, 248, 1.00)}hr.swatch5,blockquote.swatch5,abbr.swatch5,acronym.swatch5,.vcard.swatch5{border-color:rgba(248, 248, 248, 1.00)}hr.swatch6,blockquote.swatch6,abbr.swatch6,acronym.swatch6,.vcard.swatch6{border-color:rgba(248, 248, 248, 1.00)}blockquote,blockquote p{color:rgba(111, 111, 111, 1.00)}blockquote cite,blockquote cite a,blockquote p cite,blockquote p cite a{color:rgba(103, 103, 103, 1.00)}blockquote.alt,blockquote.alt p,blockquote p.alt,blockquote p.alt p{color:rgba(132, 132, 132, 1.00)}blockquote.alt cite,blockquote.alt cite a,blockquote.alt p cite,blockquote.alt p cite a,blockquote p.alt cite,blockquote p.alt cite a,blockquote p.alt p cite,blockquote p.alt p cite a{color:rgba(122, 122, 122, 1.00)}.flex-video{margin-bottom:0}.contain-to-grid .top-bar{max-width:1000px}.top-bar .top-bar-section ul li > a.button{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar .top-bar-section ul li > a.button:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(96, 96, 96, 1.00)}.top-bar .top-bar-section ul li > a.button.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(102, 102, 102, 1.00)}.top-bar .top-bar-section ul li > a.button.secondary:hover{color:rgba(102, 102, 102, 1.00);background-color:rgba(219, 219, 219, 1.00)}.top-bar .top-bar-section ul li > a.button.alert{background-color:rgba(240, 65, 36, 1.00)}.top-bar .top-bar-section ul li > a.button.alert:hover{background-color:rgba(228, 61, 34, 1.00)}.top-bar .top-bar-section ul li > a.button.success{background-color:rgba(67, 172, 106, 1.00)}.top-bar .top-bar-section ul li > a.button.success:hover{background-color:rgba(63, 163, 100, 1.00)}.top-bar .top-bar-section ul li > a.button.radius{border-radius:0px}.top-bar-wrapper.fn-scheme-primary{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-primary ul:not(.title-area) ul.dropdown{background-color:rgba(102, 102, 102, 1.00)}.top-bar-wrapper.fn-scheme-primary .site-title,.top-bar-wrapper.fn-scheme-primary .site-title small,.top-bar-wrapper.fn-scheme-primary a:not(.button){color:rgba(255, 255, 255, 1.00) !important}.top-bar-wrapper.fn-scheme-primary .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00);box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(102, 102, 102, 1.00)}.top-bar-wrapper.fn-scheme-secondary ul:not(.title-area) ul.dropdown{background-color:rgba(231, 231, 231, 1.00)}.top-bar-wrapper.fn-scheme-secondary .site-title,.top-bar-wrapper.fn-scheme-secondary .site-title small,.top-bar-wrapper.fn-scheme-secondary a:not(.button){color:rgba(102, 102, 102, 1.00) !important}.top-bar-wrapper.fn-scheme-secondary .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(102, 102, 102, 1.00),0 7px 0 1px rgba(102, 102, 102, 1.00),0 14px 0 1px rgba(102, 102, 102, 1.00);box-shadow:0 0 0 1px rgba(102, 102, 102, 1.00),0 7px 0 1px rgba(102, 102, 102, 1.00),0 14px 0 1px rgba(102, 102, 102, 1.00)}.top-bar-wrapper.fn-scheme-swatch1{background-color:rgba(101, 101, 101, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch1 ul:not(.title-area) ul.dropdown{background-color:rgba(101, 101, 101, 1.00)}.top-bar-wrapper.fn-scheme-swatch1 .site-title,.top-bar-wrapper.fn-scheme-swatch1 .site-title small,.top-bar-wrapper.fn-scheme-swatch1 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch1 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00);box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch2{background-color:rgba(76, 76, 76, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch2 ul:not(.title-area) ul.dropdown{background-color:rgba(76, 76, 76, 1.00)}.top-bar-wrapper.fn-scheme-swatch2 .site-title,.top-bar-wrapper.fn-scheme-swatch2 .site-title small,.top-bar-wrapper.fn-scheme-swatch2 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch2 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00);box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch3{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch3 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch3 .site-title,.top-bar-wrapper.fn-scheme-swatch3 .site-title small,.top-bar-wrapper.fn-scheme-swatch3 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch3 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00);box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch4{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch4 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch4 .site-title,.top-bar-wrapper.fn-scheme-swatch4 .site-title small,.top-bar-wrapper.fn-scheme-swatch4 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch4 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00);box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch5{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch5 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch5 .site-title,.top-bar-wrapper.fn-scheme-swatch5 .site-title small,.top-bar-wrapper.fn-scheme-swatch5 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch5 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00);box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch6{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch6 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch6 .site-title,.top-bar-wrapper.fn-scheme-swatch6 .site-title small,.top-bar-wrapper.fn-scheme-swatch6 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch6 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00);box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.alert-box{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00);border-color:rgba(96, 96, 96, 1.00)}.alert-box a:not(.close){color:rgba(255, 255, 255, 1.00);text-decoration:underline}.alert-box.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(102, 102, 102, 1.00);border-color:rgba(219, 219, 219, 1.00)}.alert-box.alert{background-color:rgba(240, 65, 36, 1.00);border-color:rgba(228, 61, 34, 1.00)}.alert-box.success{background-color:rgba(67, 172, 106, 1.00);border-color:rgba(63, 163, 100, 1.00)}.alert-box.warning{background-color:rgba(240, 138, 36, 1.00);border-color:rgba(228, 131, 34, 1.00)}.alert-box.info{background-color:rgba(160, 211, 232, 1.00);color:rgba(153, 153, 153, 1.00);border-color:rgba(152, 200, 220, 1.00)}.alert-box.radius{border-radius:0px}.breadcrumbs{background-color:rgba(231, 231, 231, 1.00);border-color:rgba(219, 219, 219, 1.00);color:rgba(102, 102, 102, 1.00)}.breadcrumbs .current a{color:rgba(102, 102, 102, 1.00)}.breadcrumbs.radius{border-radius:0px}.breadcrumbs header{display:inline}.breadcrumbs .fa{font-size:1em}.breadcrumbs .unavailable{color:rgba(102, 102, 102, 1.00)}.breadcrumbs li:before{color:rgba(153, 153, 153, 1.00)}.breadcrumbs *:first-child:before{margin:0 .75rem}.button{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.button:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(96, 96, 96, 1.00)}.button.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(102, 102, 102, 1.00)}.button.secondary:hover{color:rgba(102, 102, 102, 1.00);background-color:rgba(219, 219, 219, 1.00)}.button.alert{background-color:rgba(240, 65, 36, 1.00)}.button.alert:hover{background-color:rgba(228, 61, 34, 1.00)}.button.success{background-color:rgba(67, 172, 106, 1.00)}.button.success:hover{background-color:rgba(63, 163, 100, 1.00)}.button.radius{border-radius:0px}.button.ghost{background-color:transparent;border-width:1px;border-color:rgba(102, 102, 102, 1.00);color:rgba(102, 102, 102, 1.00)}.button.ghost:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(96, 96, 96, 1.00);background-color:rgba(96, 96, 96, 1.00)}.button.ghost.secondary{border-color:rgba(231, 231, 231, 1.00);color:rgba(231, 231, 231, 1.00)}.button.ghost.secondary:hover{color:rgba(102, 102, 102, 1.00);border-color:rgba(219, 219, 219, 1.00);background-color:rgba(219, 219, 219, 1.00)}.button.ghost.alert{border-color:rgba(240, 65, 36, 1.00);color:rgba(240, 65, 36, 1.00)}.button.ghost.alert:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(228, 61, 34, 1.00);background-color:rgba(228, 61, 34, 1.00)}.button.ghost.success{border-color:rgba(67, 172, 106, 1.00);color:rgba(67, 172, 106, 1.00)}.button.ghost.success:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(63, 163, 100, 1.00);background-color:rgba(63, 163, 100, 1.00)}.split.button.radius span{border-top-right-radius:0px;border-bottom-right-radius:0px}.split.button span::after{border-top-color:rgba(255, 255, 255, 1.00)}.split.button.secondary span::after{border-top-color:rgba(102, 102, 102, 1.00)}.button-group.radius > *:first-child,.button-group.radius > *:first-child > a,.button-group.radius > *:first-child > button,.button-group.radius > *:first-child > .button{border-bottom-left-radius:0px;border-top-left-radius:0px}.button-group.radius > *:last-child,.button-group.radius > *:last-child > a,.button-group.radius > *:last-child > button,.button-group.radius > *:last-child > .button{border-top-right-radius:0px;border-bottom-right-radius:0px}.button-group.stack > li .button,.button-group.stack-for-small > li .button{border-top:1px solid rgba(255,255,255,0.5)}.icon-bar{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.icon-bar > .item{cursor:pointer;color:rgba(255, 255, 255, 1.00)}.icon-bar > .item label,.icon-bar > .item i{color:rgba(255, 255, 255, 1.00)}.icon-bar > .item:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(96, 96, 96, 1.00)}.icon-bar.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(102, 102, 102, 1.00)}.icon-bar.secondary > .item{color:rgba(102, 102, 102, 1.00)}.icon-bar.secondary > .item label,.icon-bar.secondary > .item i{color:rgba(102, 102, 102, 1.00)}.icon-bar.secondary > .item:hover{background-color:rgba(219, 219, 219, 1.00);color:rgba(102, 102, 102, 1.00)}form[data-abide] .error label{color:rgba(240, 65, 36, 1.00)}form[data-abide] .error small.error,form[data-abide] .error span.error{background-color:rgba(240, 65, 36, 1.00);color:rgba(255, 255, 255, 1.00)}input[type="radio"]{margin-left:1px}form input[type="text"],form input[type="password"],form input[type="date"],form input[type="datetime"],form input[type="datetime-local"],form input[type="month"],form input[type="week"],form input[type="email"],form input[type="number"],form input[type="search"],form input[type="tel"],form input[type="time"],form input[type="url"],form textarea,form select{font-size:16px;color:rgba(86, 86, 86, 1.00)}form input[type="text"]:focus,form input[type="password"]:focus,form input[type="date"]:focus,form input[type="datetime"]:focus,form input[type="datetime-local"]:focus,form input[type="month"]:focus,form input[type="week"]:focus,form input[type="email"]:focus,form input[type="number"]:focus,form input[type="search"]:focus,form input[type="tel"]:focus,form input[type="time"]:focus,form input[type="url"]:focus,form textarea:focus,form select:focus{border-color:rgba(102, 102, 102, 1.00)}form fieldset{border-color:rgba(221, 221, 221, 1.00)}form legend{background-color:#F9F9F9}form label{color:rgba(103, 103, 103, 1.00)}form.radius input[type="text"],form.radius input[type="password"],form.radius input[type="date"],form.radius input[type="datetime"],form.radius input[type="datetime-local"],form.radius input[type="month"],form.radius input[type="week"],form.radius input[type="email"],form.radius input[type="number"],form.radius input[type="search"],form.radius input[type="tel"],form.radius input[type="time"],form.radius input[type="url"],form.radius textarea,form.radius select,form.radius small.error{border-radius:0px}form.radius span.prefix,form.radius label.prefix{border-bottom-left-radius:0px;border-top-left-radius:0px}form.radius span.postfix,form.radius label.postfix{border-top-right-radius:0px;border-bottom-right-radius:0px}form.radius .input-group > *:first-child,form.radius .input-group > *:first-child *{border-bottom-left-radius:0px;border-top-left-radius:0px}form.radius .input-group > *:last-child,form.radius .input-group > *:last-child *{border-top-right-radius:0px;border-bottom-right-radius:0px}.range-slider,.range-slider.radius,.range-slider.round{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(225, 225, 225, 1.00)}.range-slider .range-slider-handle,.range-slider.radius .range-slider-handle,.range-slider.round .range-slider-handle{background-color:rgba(102, 102, 102, 1.00)}.range-slider .range-slider-handle:hover,.range-slider.radius .range-slider-handle:hover,.range-slider.round .range-slider-handle:hover{background-color:rgba(96, 96, 96, 1.00)}.range-slider .range-slider-active-segment,.range-slider.radius .range-slider-active-segment,.range-slider.round .range-slider-active-segment{background-color:rgba(225, 225, 225, 1.00)}.range-slider.secondary,.range-slider.radius.secondary,.range-slider.round.secondary{background-color:rgba(102, 102, 102, 1.00);border-color:rgba(72, 72, 72, 1.00)}.range-slider.secondary .range-slider-handle,.range-slider.radius.secondary .range-slider-handle,.range-slider.round.secondary .range-slider-handle{background-color:rgba(231, 231, 231, 1.00)}.range-slider.secondary .range-slider-handle:hover,.range-slider.radius.secondary .range-slider-handle:hover,.range-slider.round.secondary .range-slider-handle:hover{background-color:rgba(219, 219, 219, 1.00)}.range-slider.secondary .range-slider-active-segment,.range-slider.radius.secondary .range-slider-active-segment,.range-slider.round.secondary .range-slider-active-segment{background-color:rgba(72, 72, 72, 1.00)}.slider-display{display:block;margin-top:16px}fieldset.switch label{background-color:#e6e6e6}fieldset.switch label::after{background-color:rgba(255, 255, 255, 1.00)}fieldset.switch input:checked + label{background-color:rgba(102, 102, 102, 1.00)}fieldset.switch.secondary label::after{background-color:rgba(102, 102, 102, 1.00)}fieldset.switch.secondary input:checked + label{background-color:rgba(231, 231, 231, 1.00)}fieldset.switch.alert input:checked + label{background-color:rgba(240, 65, 36, 1.00)}fieldset.switch.success input:checked + label{background-color:rgba(67, 172, 106, 1.00)}.label{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00);margin-bottom:0}.label.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(102, 102, 102, 1.00)}.label.alert{background-color:rgba(240, 65, 36, 1.00)}.label.success{background-color:rgba(67, 172, 106, 1.00)}.label.radius{border-radius:0px}.alert-box .close{opacity:0.5}.slideshow-wrapper{min-height:50px;z-index:10}.orbit-container .orbit-bullets li{cursor:pointer;background:rgba(231, 231, 231, 1.00)}.orbit-container .orbit-bullets li.active,.orbit-container .orbit-bullets li:hover{background:rgba(102, 102, 102, 1.00)}.accordion .accordion-navigation > a{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.accordion .accordion-navigation > a:hover{background-color:rgba(96, 96, 96, 1.00)}.accordion .accordion-navigation > a.radius{border-radius:0px}.accordion .accordion-navigation > a.round{border-radius:1000px}.accordion .accordion-navigation.active > a{background-color:rgba(96, 96, 96, 1.00)}.accordion .accordion-navigation > .content{background-color:transparent !important}.accordion.secondary .accordion-navigation > a{background-color:rgba(231, 231, 231, 1.00);color:rgba(102, 102, 102, 1.00)}.accordion.secondary .accordion-navigation > a:hover{background-color:rgba(219, 219, 219, 1.00)}.accordion.secondary .accordion-navigation.active > a{background-color:rgba(219, 219, 219, 1.00)}.tabs li.tab-title > a{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.tabs li.tab-title > a:hover{background-color:rgba(96, 96, 96, 1.00)}.tabs li.tab-title.active > a{color:rgba(255, 255, 255, 1.00);background-color:rgba(96, 96, 96, 1.00)}.tabs.secondary li.tab-title > a{background-color:rgba(231, 231, 231, 1.00);color:rgba(102, 102, 102, 1.00)}.tabs.secondary li.tab-title > a:hover{background-color:rgba(219, 219, 219, 1.00)}.tabs.secondary li.tab-title.active > a{color:rgba(102, 102, 102, 1.00);background-color:rgba(219, 219, 219, 1.00)}.tabs.swatch1 li.tab-title > a{background-color:rgba(101, 101, 101, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch1 li.tab-title > a:hover{background-color:rgba(95, 95, 95, 1.00)}.tabs.swatch1 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(95, 95, 95, 1.00)}.tabs.swatch2 li.tab-title > a{background-color:rgba(76, 76, 76, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch2 li.tab-title > a:hover{background-color:rgba(72, 72, 72, 1.00)}.tabs.swatch2 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(72, 72, 72, 1.00)}.tabs.swatch3 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch3 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch3 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch4 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch4 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch4 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch5 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch5 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch5 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch6 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch6 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch6 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.radius li.tab-title:first-child a{border-bottom-left-radius:0px;border-top-left-radius:0px}.tabs.radius li.tab-title:last-child a{border-top-right-radius:0px;border-bottom-right-radius:0px}.th.radius{border-radius:0px}.th:hover,.th:focus{-webkit-box-shadow:0 0 6px 1px rgba(51, 51, 51, 1.00);box-shadow:0 0 6px 1px rgba(51, 51, 51, 1.00)}.f-dropdown,.f-dropdown.content{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(102, 102, 102, 1.00)}.f-dropdown::before,.f-dropdown.content::before{border-color:transparent transparent rgba(255, 255, 255, 1.00) transparent}.f-dropdown::after,.f-dropdown.content::after{border-color:transparent transparent rgba(204, 204, 204, 1.00) transparent}.f-dropdown li a,.f-dropdown.content li a{color:rgba(102, 102, 102, 1.00)}.f-dropdown li:hover,.f-dropdown.content li:hover{background-color:rgba(0,0,0,0.1)}.f-dropdown.radius,.f-dropdown.content.radius{border-radius:0px}.tooltip{border-radius:0px;background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.panel{background-color:rgba(242, 242, 242, 1.00);border-color:rgba(219, 219, 219, 1.00)}.panel.radius{border-radius:0px}.panel p{color:rgba(86, 86, 86, 1.00)}.panel p a{color:rgba(252, 76, 43, 1.00)}.panel p.alt{color:rgba(102, 102, 102, 1.00)}.panel p.alt a{color:rgba(0, 140, 186, 1.00)}.panel p.alt a:hover{color:rgba(0, 102, 136, 1.00)}.panel p.alt small{color:rgba(132, 132, 132, 1.00)}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{color:rgba(77, 77, 77, 1.00)}.panel h1.alt,.panel h2.alt,.panel h3.alt,.panel h4.alt,.panel h5.alt,.panel h6.alt{color:rgba(255, 255, 255, 1.00)}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{color:rgba(100, 100, 100, 1.00)}.panel h1.subheader.alt,.panel h2.subheader.alt,.panel h3.subheader.alt,.panel h4.subheader.alt,.panel h5.subheader.alt,.panel h6.subheader.alt{color:rgba(255, 255, 255, 1.00)}.pricing-table.primary .title{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.pricing-table.primary .price{color:rgba(86, 86, 86, 1.00)}.pricing-table.primary .description{color:rgba(86, 86, 86, 1.00)}.pricing-table.primary .bullet-item{color:rgba(86, 86, 86, 1.00)}.pricing-table.secondary .title{background-color:rgba(231, 231, 231, 1.00);color:rgba(102, 102, 102, 1.00)}.pricing-table.secondary .price{color:rgba(86, 86, 86, 1.00)}.pricing-table.secondary .description{color:rgba(86, 86, 86, 1.00)}.pricing-table.secondary .bullet-item{color:rgba(86, 86, 86, 1.00)}.pricing-table.radius{border-radius:0px}.pricing-table.radius .title{border-top-right-radius:0px;border-top-left-radius:0px}.pricing-table.radius .cta-button{border-bottom-right-radius:0px;border-bottom-left-radius:0px}.side-nav li a:not(.button){color:rgba(252, 76, 43, 1.00)}.side-nav li a:not(.button):hover{background-color:rgba(243, 243, 243, 1.00);color:rgba(15, 15, 15, 1.00)}.side-nav li.active > a:first-child:not(.button){color:rgba(252, 76, 43, 1.00)}.side-nav li.active:not(.has-dropdown) a:not(.button){color:rgba(214, 64, 36, 1.00)}.side-nav header{color:rgba(86, 86, 86, 1.00);margin-top:1rem;margin-bottom:0.5rem}.side-nav label{color:rgba(103, 103, 103, 1.00)}.side-nav li.divider{border-top-color:rgba(221, 221, 221, 1.00)}.side-nav.alt li a:not(.button){color:rgba(0, 140, 186, 1.00)}.side-nav.alt li a:not(.button):hover{background-color:rgba(243, 243, 243, 1.00);color:rgba(0, 102, 136, 1.00)}.side-nav.alt li.active > a:first-child:not(.button){color:rgba(0, 140, 186, 1.00)}.side-nav.alt li.active:not(.has-dropdown) a:not(.button){color:rgba(0, 119, 158, 1.00)}.side-nav.alt header{color:rgba(102, 102, 102, 1.00)}.side-nav.alt label{color:rgba(122, 122, 122, 1.00)}.side-nav.alt li.divider{border-top-color:rgba(221, 221, 221, 1.00)}.sub-nav dt,.sub-nav dd,.sub-nav li{float:none;display:inline-block}.sub-nav dt a:not(.button),.sub-nav dd a:not(.button),.sub-nav li a:not(.button){color:rgba(102, 102, 102, 1.00)}.sub-nav dt a:not(.button):hover,.sub-nav dd a:not(.button):hover,.sub-nav li a:not(.button):hover{color:rgba(96, 96, 96, 1.00)}.sub-nav dt.active a:not(.button),.sub-nav dd.active a:not(.button),.sub-nav li.active a:not(.button){color:rgba(255, 255, 255, 1.00);background-color:rgba(102, 102, 102, 1.00)}.sub-nav dt.active a:not(.button):hover,.sub-nav dd.active a:not(.button):hover,.sub-nav li.active a:not(.button):hover{background-color:rgba(96, 96, 96, 1.00)}.sub-nav dt.active a:not(.button).secondary,.sub-nav dd.active a:not(.button).secondary,.sub-nav li.active a:not(.button).secondary{color:rgba(102, 102, 102, 1.00);background-color:rgba(231, 231, 231, 1.00)}.sub-nav dt.active a:not(.button).secondary:hover,.sub-nav dd.active a:not(.button).secondary:hover,.sub-nav li.active a:not(.button).secondary:hover{background-color:rgba(219, 219, 219, 1.00)}.sub-nav.secondary dt a:not(.button),.sub-nav.secondary dd a:not(.button),.sub-nav.secondary li a:not(.button){color:rgba(231, 231, 231, 1.00)}.sub-nav.secondary dt a:not(.button):hover,.sub-nav.secondary dd a:not(.button):hover,.sub-nav.secondary li a:not(.button):hover{color:rgba(219, 219, 219, 1.00)}.sub-nav.secondary dt.active a:not(.button),.sub-nav.secondary dd.active a:not(.button),.sub-nav.secondary li.active a:not(.button){color:rgba(102, 102, 102, 1.00);background-color:rgba(231, 231, 231, 1.00)}.sub-nav.secondary dt.active a:not(.button):hover,.sub-nav.secondary dd.active a:not(.button):hover,.sub-nav.secondary li.active a:not(.button):hover{background-color:rgba(219, 219, 219, 1.00)}.reveal-modal{z-index:9999;background-color:rgba(255, 255, 255, 1.00);color:rgba(102, 102, 102, 1.00);border:none;border-radius:0}@media screen and (max-width:39.9375em){.reveal-modal{border-radius:0 !important}}.reveal-modal.fullscreen{position:fixed;top:0px !important;width:100vw;height:100vh;overflow-y:scroll}.reveal-modal.fullscreen .close-reveal-modal{position:fixed}.reveal-modal.radius{border-radius:0px}.reveal-modal .close-reveal-modal{color:rgba(170, 170, 170, 1.00);font-weight:normal;z-index:99999}.reveal-modal-bg{z-index:9998;background:rgba(0, 0, 0, 0.45)}nav.inline-nav ul.inline-list{margin-left:0}nav.inline-nav ul.inline-list li{float:none;display:inline-block}nav.inline-nav ul.inline-list li:first-child{margin-left:0}nav.inline-nav ul.inline-list li.active{border-width:0 0 1px 0;border-style:solid;border-bottom-color:rgba(252, 76, 43, 1.00)}nav.inline-nav ul.inline-list.alt li.active{border-bottom-color:rgba(0, 140, 186, 1.00)}.clearing-blackout{background-color:rgba(255, 255, 255, 1.00)}.clearing-assembled .clearing-container .visible-img,.clearing-assembled .clearing-container .clearing-caption{background-color:rgba(255, 255, 255, 1.00)}.clearing-assembled .clearing-container .carousel{background-color:rgba(242, 242, 242, 1.00)}.clearing-assembled .clearing-container .clearing-close{color:rgba(170, 170, 170, 1.00)}.clearing-assembled .clearing-container .clearing-close:hover,.clearing-assembled .clearing-container .clearing-close:focus{color:rgba(170, 170, 170, 1.00)}.clearing-assembled .clearing-container .clearing-main-next > span{border-color:transparent;border-left-color:rgba(102, 102, 102, 1.00)}.clearing-assembled .clearing-container .clearing-main-prev > span{border-color:transparent;border-right-color:rgba(102, 102, 102, 1.00)}.clearing-assembled .clearing-container .clearing-caption{color:rgba(102, 102, 102, 1.00)}.copyright{color:rgba(86, 86, 86, 1.00);font-size:0.9rem}.copyright a{color:rgba(252, 76, 43, 1.00)}.copyright a:hover{color:rgba(15, 15, 15, 1.00)}.stacks_s_hidden,.stacks_m_hidden,.stacks_l_hidden{display:block !important}@media only screen and (max-width:40em){.stacks_s_hidden{display:none !important}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.stacks_m_hidden{display:none !important}}@media only screen and (min-width:62.563em){.stacks_l_hidden{display:none !important}}.fn-text-header{color:rgba(77, 77, 77, 1.00)}.fn-text-link a{color:rgba(252, 76, 43, 1.00)}.fn-text-link a:hover{color:rgba(15, 15, 15, 1.00)}.fn-text-text{color:rgba(86, 86, 86, 1.00)}.fn-text-text p,.fn-text-text div{color:rgba(86, 86, 86, 1.00)}.fn-text-accent{color:rgba(221, 221, 221, 1.00)}.fn-text-code-text{color:rgba(204, 55, 30, 1.00)}.fn-text-header-alt{color:rgba(255, 255, 255, 1.00)}.fn-text-link-alt a{color:rgba(0, 140, 186, 1.00)}.fn-text-link-alt a:hover{color:rgba(0, 102, 136, 1.00)}.fn-text-accent-alt{color:rgba(221, 221, 221, 1.00)}.fn-text-primary{color:rgba(102, 102, 102, 1.00)}.fn-text-primary-text{color:rgba(255, 255, 255, 1.00)}.fn-text-primary-text p,.fn-text-primary-text div{color:rgba(255, 255, 255, 1.00)}.fn-text-secondary{color:rgba(231, 231, 231, 1.00)}.fn-text-secondary-text{color:rgba(102, 102, 102, 1.00)}.fn-text-secondary-text p,.fn-text-secondary-text div{color:rgba(102, 102, 102, 1.00)}.fn-text-alert{color:rgba(240, 65, 36, 1.00)}.fn-text-success{color:rgba(67, 172, 106, 1.00)}.fn-text-warning{color:rgba(240, 138, 36, 1.00)}.fn-text-info{color:rgba(160, 211, 232, 1.00)}.fn-text-modal{color:rgba(255, 255, 255, 1.00)}.fn-text-modal-close{color:rgba(170, 170, 170, 1.00)}.fn-text-modal-text{color:rgba(102, 102, 102, 1.00)}.fn-text-modal-text p,.fn-text-modal-text div{color:rgba(102, 102, 102, 1.00)}.fn-text-text-alt{color:rgba(102, 102, 102, 1.00)}.fn-text-text-alt p,.fn-text-text-alt div{color:rgba(102, 102, 102, 1.00)}.fn-text-text-alt h1,.fn-text-text-alt h2,.fn-text-text-alt h3,.fn-text-text-alt h4,.fn-text-text-alt h5,.fn-text-text-alt h6{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 a,.fn-text-text-alt h2 a,.fn-text-text-alt h3 a,.fn-text-text-alt h4 a,.fn-text-text-alt h5 a,.fn-text-text-alt h6 a{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 a:hover,.fn-text-text-alt h2 a:hover,.fn-text-text-alt h3 a:hover,.fn-text-text-alt h4 a:hover,.fn-text-text-alt h5 a:hover,.fn-text-text-alt h6 a:hover{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 small,.fn-text-text-alt h2 small,.fn-text-text-alt h3 small,.fn-text-text-alt h4 small,.fn-text-text-alt h5 small,.fn-text-text-alt h6 small{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt a{color:rgba(0, 140, 186, 1.00)}.fn-text-text-alt a:hover{color:rgba(0, 102, 136, 1.00)}.fn-text-sw1c1{color:rgba(101, 101, 101, 1.00)}.fn-text-sw1c1 p,.fn-text-sw1c1 div{color:rgba(101, 101, 101, 1.00)}.fn-text-sw1c1 h1,.fn-text-sw1c1 h2,.fn-text-sw1c1 h3,.fn-text-sw1c1 h4,.fn-text-sw1c1 h5,.fn-text-sw1c1 h6,.fn-text-sw1c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw1c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c2 p,.fn-text-sw1c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c2 h1,.fn-text-sw1c2 h2,.fn-text-sw1c2 h3,.fn-text-sw1c2 h4,.fn-text-sw1c2 h5,.fn-text-sw1c2 h6,.fn-text-sw1c2 a{color:rgba(101, 101, 101, 1.00)}.fn-text-sw1c2 a:hover{color:rgba(95, 95, 95, 1.00)}.fn-text-sw2c1{color:rgba(76, 76, 76, 1.00)}.fn-text-sw2c1 p,.fn-text-sw2c1 div{color:rgba(76, 76, 76, 1.00)}.fn-text-sw2c1 h1,.fn-text-sw2c1 h2,.fn-text-sw2c1 h3,.fn-text-sw2c1 h4,.fn-text-sw2c1 h5,.fn-text-sw2c1 h6,.fn-text-sw2c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw2c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c2 p,.fn-text-sw2c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c2 h1,.fn-text-sw2c2 h2,.fn-text-sw2c2 h3,.fn-text-sw2c2 h4,.fn-text-sw2c2 h5,.fn-text-sw2c2 h6,.fn-text-sw2c2 a{color:rgba(76, 76, 76, 1.00)}.fn-text-sw2c2 a:hover{color:rgba(72, 72, 72, 1.00)}.fn-text-sw3c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c1 p,.fn-text-sw3c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c1 h1,.fn-text-sw3c1 h2,.fn-text-sw3c1 h3,.fn-text-sw3c1 h4,.fn-text-sw3c1 h5,.fn-text-sw3c1 h6,.fn-text-sw3c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw3c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c2 p,.fn-text-sw3c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c2 h1,.fn-text-sw3c2 h2,.fn-text-sw3c2 h3,.fn-text-sw3c2 h4,.fn-text-sw3c2 h5,.fn-text-sw3c2 h6,.fn-text-sw3c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw4c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c1 p,.fn-text-sw4c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c1 h1,.fn-text-sw4c1 h2,.fn-text-sw4c1 h3,.fn-text-sw4c1 h4,.fn-text-sw4c1 h5,.fn-text-sw4c1 h6,.fn-text-sw4c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw4c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c2 p,.fn-text-sw4c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c2 h1,.fn-text-sw4c2 h2,.fn-text-sw4c2 h3,.fn-text-sw4c2 h4,.fn-text-sw4c2 h5,.fn-text-sw4c2 h6,.fn-text-sw4c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw5c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c1 p,.fn-text-sw5c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c1 h1,.fn-text-sw5c1 h2,.fn-text-sw5c1 h3,.fn-text-sw5c1 h4,.fn-text-sw5c1 h5,.fn-text-sw5c1 h6,.fn-text-sw5c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw5c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c2 p,.fn-text-sw5c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c2 h1,.fn-text-sw5c2 h2,.fn-text-sw5c2 h3,.fn-text-sw5c2 h4,.fn-text-sw5c2 h5,.fn-text-sw5c2 h6,.fn-text-sw5c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw6c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c1 p,.fn-text-sw6c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c1 h1,.fn-text-sw6c1 h2,.fn-text-sw6c1 h3,.fn-text-sw6c1 h4,.fn-text-sw6c1 h5,.fn-text-sw6c1 h6,.fn-text-sw6c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw6c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c2 p,.fn-text-sw6c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c2 h1,.fn-text-sw6c2 h2,.fn-text-sw6c2 h3,.fn-text-sw6c2 h4,.fn-text-sw6c2 h5,.fn-text-sw6c2 h6,.fn-text-sw6c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw1c1{color:rgba(101, 101, 101, 1.00)}.panel .fn-text-sw1c1 p,.panel .fn-text-sw1c1 div{color:rgba(101, 101, 101, 1.00)}.panel .fn-text-sw1c1 h1,.panel .fn-text-sw1c1 h2,.panel .fn-text-sw1c1 h3,.panel .fn-text-sw1c1 h4,.panel .fn-text-sw1c1 h5,.panel .fn-text-sw1c1 h6,.panel .fn-text-sw1c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw1c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c2 p,.panel .fn-text-sw1c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c2 h1,.panel .fn-text-sw1c2 h2,.panel .fn-text-sw1c2 h3,.panel .fn-text-sw1c2 h4,.panel .fn-text-sw1c2 h5,.panel .fn-text-sw1c2 h6,.panel .fn-text-sw1c2 a{color:rgba(101, 101, 101, 1.00)}.panel .fn-text-sw1c2 a:hover{color:rgba(95, 95, 95, 1.00)}.panel .fn-text-sw2c1{color:rgba(76, 76, 76, 1.00)}.panel .fn-text-sw2c1 p,.panel .fn-text-sw2c1 div{color:rgba(76, 76, 76, 1.00)}.panel .fn-text-sw2c1 h1,.panel .fn-text-sw2c1 h2,.panel .fn-text-sw2c1 h3,.panel .fn-text-sw2c1 h4,.panel .fn-text-sw2c1 h5,.panel .fn-text-sw2c1 h6,.panel .fn-text-sw2c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw2c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c2 p,.panel .fn-text-sw2c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c2 h1,.panel .fn-text-sw2c2 h2,.panel .fn-text-sw2c2 h3,.panel .fn-text-sw2c2 h4,.panel .fn-text-sw2c2 h5,.panel .fn-text-sw2c2 h6,.panel .fn-text-sw2c2 a{color:rgba(76, 76, 76, 1.00)}.panel .fn-text-sw2c2 a:hover{color:rgba(72, 72, 72, 1.00)}.panel .fn-text-sw3c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c1 p,.panel .fn-text-sw3c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c1 h1,.panel .fn-text-sw3c1 h2,.panel .fn-text-sw3c1 h3,.panel .fn-text-sw3c1 h4,.panel .fn-text-sw3c1 h5,.panel .fn-text-sw3c1 h6,.panel .fn-text-sw3c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw3c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c2 p,.panel .fn-text-sw3c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c2 h1,.panel .fn-text-sw3c2 h2,.panel .fn-text-sw3c2 h3,.panel .fn-text-sw3c2 h4,.panel .fn-text-sw3c2 h5,.panel .fn-text-sw3c2 h6,.panel .fn-text-sw3c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw4c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c1 p,.panel .fn-text-sw4c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c1 h1,.panel .fn-text-sw4c1 h2,.panel .fn-text-sw4c1 h3,.panel .fn-text-sw4c1 h4,.panel .fn-text-sw4c1 h5,.panel .fn-text-sw4c1 h6,.panel .fn-text-sw4c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw4c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c2 p,.panel .fn-text-sw4c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c2 h1,.panel .fn-text-sw4c2 h2,.panel .fn-text-sw4c2 h3,.panel .fn-text-sw4c2 h4,.panel .fn-text-sw4c2 h5,.panel .fn-text-sw4c2 h6,.panel .fn-text-sw4c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw5c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c1 p,.panel .fn-text-sw5c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c1 h1,.panel .fn-text-sw5c1 h2,.panel .fn-text-sw5c1 h3,.panel .fn-text-sw5c1 h4,.panel .fn-text-sw5c1 h5,.panel .fn-text-sw5c1 h6,.panel .fn-text-sw5c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw5c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c2 p,.panel .fn-text-sw5c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c2 h1,.panel .fn-text-sw5c2 h2,.panel .fn-text-sw5c2 h3,.panel .fn-text-sw5c2 h4,.panel .fn-text-sw5c2 h5,.panel .fn-text-sw5c2 h6,.panel .fn-text-sw5c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw6c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c1 p,.panel .fn-text-sw6c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c1 h1,.panel .fn-text-sw6c1 h2,.panel .fn-text-sw6c1 h3,.panel .fn-text-sw6c1 h4,.panel .fn-text-sw6c1 h5,.panel .fn-text-sw6c1 h6,.panel .fn-text-sw6c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw6c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c2 p,.panel .fn-text-sw6c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c2 h1,.panel .fn-text-sw6c2 h2,.panel .fn-text-sw6c2 h3,.panel .fn-text-sw6c2 h4,.panel .fn-text-sw6c2 h5,.panel .fn-text-sw6c2 h6,.panel .fn-text-sw6c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-bg-header{background-color:rgba(77, 77, 77, 1.00)}.fn-bg-text{background-color:rgba(86, 86, 86, 1.00)}.fn-bg-link{background-color:rgba(252, 76, 43, 1.00)}.fn-bg-link-hover{background-color:rgba(15, 15, 15, 1.00)}.fn-bg-accent{background-color:rgba(221, 221, 221, 1.00)}.fn-bg-code-text{background-color:rgba(204, 55, 30, 1.00)}.fn-bg-modal-text{background-color:rgba(102, 102, 102, 1.00)}.fn-bg-header-alt{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-text-alt{background-color:rgba(102, 102, 102, 1.00)}.fn-bg-link-alt{background-color:rgba(0, 140, 186, 1.00)}.fn-bg-link-hover-alt{background-color:rgba(0, 102, 136, 1.00)}.fn-bg-accent-alt{background-color:rgba(221, 221, 221, 1.00)}.fn-bg-primary{background-color:rgba(102, 102, 102, 1.00)}.fn-bg-primary-text{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-secondary{background-color:rgba(231, 231, 231, 1.00)}.fn-bg-secondary-text{background-color:rgba(102, 102, 102, 1.00)}.fn-bg-alert{background-color:rgba(240, 65, 36, 1.00)}.fn-bg-success{background-color:rgba(67, 172, 106, 1.00)}.fn-bg-warning{background-color:rgba(240, 138, 36, 1.00)}.fn-bg-info{background-color:rgba(160, 211, 232, 1.00)}.fn-bg-modal{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-modal-close{background-color:rgba(170, 170, 170, 1.00)}.fn-bg-sw1c1{background-color:rgba(101, 101, 101, 1.00)}.fn-bg-sw1c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw2c1{background-color:rgba(76, 76, 76, 1.00)}.fn-bg-sw2c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw3c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw3c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw4c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw4c2{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw5c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw5c2{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw6c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw6c2{background-color:rgba(34, 34, 34, 1.00)}.fn-backdrop{background-color:rgba(0, 0, 0, 0.45)}.fn-backdrop-solid{background-color:rgba(0, 0, 0, 0.45)}.fn-scheme-primary{background-color:rgba(102, 102, 102, 1.00);color:rgba(255, 255, 255, 1.00)}.fn-scheme-primary div,.fn-scheme-primary p{color:rgba(255, 255, 255, 1.00)}.fn-scheme-primary.button:hover{background-color:rgba(96, 96, 96, 1.00)}.fn-scheme-secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(102, 102, 102, 1.00)}.fn-scheme-secondary div,.fn-scheme-secondary p{color:rgba(102, 102, 102, 1.00)}.fn-scheme-secondary.button:hover{background-color:rgba(219, 219, 219, 1.00)}.fn-scheme-modal{background-color:rgba(255, 255, 255, 1.00);color:rgba(102, 102, 102, 1.00)}.fn-scheme-modal div,.fn-scheme-modal p{color:rgba(102, 102, 102, 1.00)}.fn-scheme-modal .close{color:rgba(170, 170, 170, 1.00)}.fn-scheme-swatch1{background-color:rgba(101, 101, 101, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1 div,.fn-scheme-swatch1 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1.switch{background-color:transparent}.fn-scheme-swatch1.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1.switch input:checked + label{background-color:rgba(101, 101, 101, 1.00)}.fn-scheme-swatch1.button:hover{background-color:rgba(95, 95, 95, 1.00)}.fn-scheme-swatch1.ghost{background-color:transparent;border-color:rgba(101, 101, 101, 1.00);color:rgba(101, 101, 101, 1.00)}.fn-scheme-swatch1.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(95, 95, 95, 1.00);background-color:rgba(95, 95, 95, 1.00)}.fn-scheme-swatch2{background-color:rgba(76, 76, 76, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2 div,.fn-scheme-swatch2 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2.switch{background-color:transparent}.fn-scheme-swatch2.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2.switch input:checked + label{background-color:rgba(76, 76, 76, 1.00)}.fn-scheme-swatch2.button:hover{background-color:rgba(72, 72, 72, 1.00)}.fn-scheme-swatch2.ghost{background-color:transparent;border-color:rgba(76, 76, 76, 1.00);color:rgba(76, 76, 76, 1.00)}.fn-scheme-swatch2.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(72, 72, 72, 1.00);background-color:rgba(72, 72, 72, 1.00)}.fn-scheme-swatch3{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3 div,.fn-scheme-swatch3 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3.switch{background-color:transparent}.fn-scheme-swatch3.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch3.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch3.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch3.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch4{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4 div,.fn-scheme-swatch4 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch{background-color:transparent}.fn-scheme-swatch4.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.switch input:checked + label{background-color:rgba(101, 101, 101, 1.00)}.fn-scheme-swatch4.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch4.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch5{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5 div,.fn-scheme-swatch5 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch5.switch{background-color:transparent}.fn-scheme-swatch5.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch5.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch5.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch6{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6 div,.fn-scheme-swatch6 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6.switch{background-color:transparent}.fn-scheme-swatch6.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch6.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch6.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch6.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}