.com_joeworkman_stacks_glider_stack .glider-wrapper,.com_joeworkman_stacks_glider_stack .glider-button{position:fixed;z-index:99999;border:none}.com_joeworkman_stacks_glider_stack .glider-toggle{padding:1rem;cursor:pointer;font-size:1rem;outline:none;height:auto}.com_joeworkman_stacks_glider_stack .glider-toggle.opened{z-index:999999}.com_joeworkman_stacks_glider_stack .glider-toggle i.fa{display:none;line-height:1.28571429em}.com_joeworkman_stacks_glider_stack .glider-toggle.round.custom-style{border-radius:1000px}.com_joeworkman_stacks_glider_stack .glider-toggle.radius.custom-style{border-radius:3px}.com_joeworkman_stacks_glider_stack .glider-toggle.opened i.fa.close-icon{display:inline-block}.com_joeworkman_stacks_glider_stack .glider-toggle:not(.opened) i.fa.open{display:inline-block}.com_joeworkman_stacks_glider_stack .glider-wrapper{width:0;overflow:auto;-webkit-overflow-scrolling:touch}.com_joeworkman_stacks_glider_stack .glider-wrapper.opened{width:100%;z-index:199999}.com_joeworkman_stacks_glider_stack .glider-wrapper .glider-content.centerContent{position:relative;top:50%;transform:translateY(-50%);}.com_joeworkman_stacks_glider_stack .glider-wrapper > .glider-toggle{position:absolute;top:0;right:0;background:transparent;margin:0;z-index:999999;display:block}@media only screen and (min-width:40.063em){.com_joeworkman_stacks_glider_stack .glider-wrapper > .glider-toggle{display:none}}.com_joeworkman_stacks_glider_stack .glider-wrapper > .glider-toggle i.fa{display:block}.com_joeworkman_stacks_glider_stack .glider-wrapper.size-100 > .glider-toggle{display:block !important}.com_joeworkman_stacks_glider_stack .headless .glider-button{display:none}.com_joeworkman_stacks_glider_stack .headless .glider-wrapper .glider-toggle{display:block}.com_joeworkman_stacks_glider_stack .launcher-bar .glider-button{width:100%}.com_joeworkman_stacks_glider_stack .location-left .glider-wrapper{height:100%;top:0;left:0}.com_joeworkman_stacks_glider_stack .location-left .glider-wrapper.opened.accent{box-shadow:inset -1px 0 15px rgba(255,255,255,0.2),1px 0 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-left .glider-button{left:0}.com_joeworkman_stacks_glider_stack .location-left .glider-button.flush.radius{border-top-left-radius:0;border-bottom-left-radius:0}.com_joeworkman_stacks_glider_stack .location-left .glider-button.opened{left:100%}.com_joeworkman_stacks_glider_stack .location-left.slideout .glider-wrapper{width:100%;margin-left:-100%}.com_joeworkman_stacks_glider_stack .location-left.slideout .glider-wrapper.opened{margin-left:0 !important}.com_joeworkman_stacks_glider_stack .location-right .glider-wrapper{height:100%;top:0;right:0}.com_joeworkman_stacks_glider_stack .location-right .glider-wrapper.opened.accent{box-shadow:inset 1px 0 15px rgba(255,255,255,0.2),-1px 0 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-right .glider-wrapper .glider-toggle{right:auto;left:0}.com_joeworkman_stacks_glider_stack .location-right .glider-button{right:0}.com_joeworkman_stacks_glider_stack .location-right .glider-button.flush.radius{border-top-right-radius:0;border-bottom-right-radius:0}.com_joeworkman_stacks_glider_stack .location-right .glider-button.opened{right:100%}.com_joeworkman_stacks_glider_stack .location-right.slideout .glider-wrapper{width:100%;margin-right:-100%}.com_joeworkman_stacks_glider_stack .location-right.slideout .glider-wrapper.opened{margin-right:0 !important}.com_joeworkman_stacks_glider_stack .location-top .glider-wrapper{top:0;left:0;width:100%;height:0}.com_joeworkman_stacks_glider_stack .location-top .glider-wrapper.opened{height:100%}.com_joeworkman_stacks_glider_stack .location-top .glider-wrapper.opened.accent{box-shadow:inset 0 -1px 15px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-top .glider-button{top:0}.com_joeworkman_stacks_glider_stack .location-top .glider-button.flush.radius{border-top-right-radius:0;border-top-left-radius:0}.com_joeworkman_stacks_glider_stack .location-top .glider-button.opened{top:100%}.com_joeworkman_stacks_glider_stack .location-bottom .glider-wrapper{bottom:0;left:0;width:100%;height:0}.com_joeworkman_stacks_glider_stack .location-bottom .glider-wrapper.opened{height:100%}.com_joeworkman_stacks_glider_stack .location-bottom .glider-wrapper.opened.accent{box-shadow:inset 0 1px 15px rgba(255,255,255,0.2),0 -1px 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-bottom .glider-button{bottom:0}.com_joeworkman_stacks_glider_stack .location-bottom .glider-button.flush.radius{border-bottom-right-radius:0;border-bottom-left-radius:0}.com_joeworkman_stacks_glider_stack .location-bottom .glider-button.opened{bottom:100%} :root{--light-gray:rgba(245, 245, 245, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(255, 255, 255, 1.00);--secondary:rgba(190, 150, 118, 1.00);--success:rgba(116, 182, 103, 1.00);--warning:rgba(211, 228, 209, 1.00);--alert:rgba(245, 230, 208, 1.00);--primary-contrast:rgba(131, 90, 59, 1.00);--secondary-contrast:rgba(255, 255, 255, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(225, 225, 225, 1.00);--secondary-dark:rgba(160, 120, 88, 1.00);--success-dark:rgba(86, 152, 73, 1.00);--warning-dark:rgba(181, 198, 179, 1.00);--alert-dark:rgba(215, 200, 178, 1.00);--header-color:rgba(131, 90, 59, 1.00);--subheader-color:rgba(154, 105, 68, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(0, 0, 0, 1.00);--link-color:rgba(131, 90, 59, 1.00);--link-color-hover:rgba(190, 150, 118, 1.00);--selection-background:var(--secondary);--selection-text:var(--secondary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(255, 255, 255, 0.50);--radius:10px;--small-gutter:2rem;--medium-gutter:3rem;--large-gutter:5rem;--site-width:100%;}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(255, 255, 255, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(247, 247, 247, 1.00);--link-color:rgba(230, 230, 230, 1.00);--link-color-hover:rgba(247, 247, 247, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(20rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(40rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(40rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(10rem/16)}body{} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} @font-face{font-family:HelveticaNeue-Roman;font-style:normal;font-weight:normal;src:url("/resources/fonts/Helvetica_Neue_Roman/HelveticaNeue-Roman.eot");src:url("/resources/fonts/Helvetica_Neue_Roman/HelveticaNeue-Roman.eot?#iefix") format("embedded-opentype");src:url("/resources/fonts/Helvetica_Neue_Roman/HelveticaNeue-Roman.svg#font-pro") format("svg");src:url("/resources/fonts/Helvetica_Neue_Roman/HelveticaNeue-Roman.ttf") format("truetype");src:url("/resources/fonts/Helvetica_Neue_Roman/HelveticaNeue-Roman.woff2") format("woff2");src:url("/resources/fonts/Helvetica_Neue_Roman/HelveticaNeue-Roman.woff") format("woff");} .font-vault-1 > a, .font-vault-1,.font-vault-1 > li, .menu, .fontpro-stacks_in_3_7{font-family:"HelveticaNeue-Roman",sans-serif } .menu>li>a{color:rgba(131, 90, 59, 1.00) ;} .menu li.menu-text{color:rgba(131, 90, 59, 1.00) ;} .menu li.menu-text:hover{color:rgba(190, 150, 118, 1.00) ;} @font-face{font-family:HelveticaNeue-Light;font-style:normal;font-weight:normal;src:url("/resources/fonts/Helvetica_Neue_Light/HelveticaNeue-Light.eot");src:url("/resources/fonts/Helvetica_Neue_Light/HelveticaNeue-Light.eot?#iefix") format("embedded-opentype");src:url("/resources/fonts/Helvetica_Neue_Light/HelveticaNeue-Light.svg#font-pro") format("svg");src:url("/resources/fonts/Helvetica_Neue_Light/HelveticaNeue-Light.ttf") format("truetype");src:url("/resources/fonts/Helvetica_Neue_Light/HelveticaNeue-Light.woff") format("woff");} h1,.font-family-h1,h1 a,.font-family-h1 a, h2,.font-family-h2,h2 a,.font-family-h2 a, h3,.font-family-h3,h3 a,.font-family-h3 a, h4,.font-family-h4,h4 a,.font-family-h4 a, h5,.font-family-h5,h5 a,.font-family-h5 a, h6,.font-family-h6,h6 a,.font-family-h6 a, .hlight, .fontpro-stacks_in_3_10{font-family:"HelveticaNeue-Light",sans-serif } @font-face{font-family:HelveticaNeue-Ultralight;font-style:normal;font-weight:normal;src:url("/resources/fonts/Helvetica_Neue_Ultralight/HelveticaNeue-Ultralight.eot");src:url("/resources/fonts/Helvetica_Neue_Ultralight/HelveticaNeue-Ultralight.eot?#iefix") format("embedded-opentype");src:url("/resources/fonts/Helvetica_Neue_Ultralight/HelveticaNeue-Ultralight.svg#font-pro") format("svg");src:url("/resources/fonts/Helvetica_Neue_Ultralight/HelveticaNeue-Ultralight.ttf") format("truetype");src:url("/resources/fonts/Helvetica_Neue_Ultralight/HelveticaNeue-Ultralight.woff") format("woff");} .ultralight, .fontpro-stacks_in_3_11{font-family:"HelveticaNeue-Ultralight",sans-serif !important} .leitsatz{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none} .leitsatz{font-size:calc(24rem/16) ;line-height:1.30 ;}@media only screen and (min-width:40em) { .leitsatz{font-size:calc(40rem/16) }}@media only screen and (min-width:64em) { .leitsatz{font-size:calc(48rem/16) }} .navbubble:hover{color:rgba(190, 150, 118, 1.00) ;} .videobutton:hover{color:rgba(255, 255, 255, 1.00) ;} .titlebar .bubble{color:rgba(131, 90, 59, 1.00) ;} .submenuitem, .fontpro-stacks_in_3_46{ font-size:0.90rem ; } @media only screen and (min-width:25.875000em){ .submenuitem, .fontpro-stacks_in_3_46{font-size:0.80rem }} @media only screen and (min-width:48.000000em){ .submenuitem, .fontpro-stacks_in_3_46{font-size:1.00rem }} @media only screen and (min-width:62.500000em){ .submenuitem, .fontpro-stacks_in_3_46{font-size:1.00rem }} .toggleMenu, .fontpro-stacks_in_3_17{line-height:1.00 ;letter-spacing:0.10em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; font-size:0.80rem ; color:rgba(131, 90, 59, 1.00) ;text-decoration-color:rgba(0, 0, 0, 1.00) ;} .toggleMenu>br, .fontpro-stacks_in_3_17 > br{display:block;content:' ';padding-bottom:0.00em } @media only screen and (min-width:25.875000em){ .toggleMenu, .fontpro-stacks_in_3_17{font-size:0.80rem }} @media only screen and (min-width:48.000000em){ .toggleMenu, .fontpro-stacks_in_3_17{font-size:0.80rem }} @media only screen and (min-width:62.500000em){ .toggleMenu, .fontpro-stacks_in_3_17{font-size:0.80rem }} .titelheader, .fontpro-stacks_in_3_173{ font-size:1.40rem ; color:rgba(131, 90, 59, 1.00) ;text-decoration-color:rgba(0, 0, 0, 1.00) ;} @media only screen and (min-width:25.875000em){ .titelheader, .fontpro-stacks_in_3_173{font-size:2.00rem }} @media only screen and (min-width:48.000000em){ .titelheader, .fontpro-stacks_in_3_173{font-size:2.00rem }} @media only screen and (min-width:75.000000em){ .titelheader, .fontpro-stacks_in_3_173{font-size:3.00rem }} .is-submenu-item, .fontpro-stacks_in_3_19{ font-size:0.90rem ; } @media only screen and (min-width:25.875000em){ .is-submenu-item, .fontpro-stacks_in_3_19{font-size:0.80rem }} @media only screen and (min-width:48.000000em){ .is-submenu-item, .fontpro-stacks_in_3_19{font-size:0.80rem }} @media only screen and (min-width:62.500000em){ .is-submenu-item, .fontpro-stacks_in_3_19{font-size:0.80rem }} .menu>li>a:hover{color:rgba(190, 150, 118, 1.00) !important;} .videobutton{color:rgba(255, 255, 255, 1.00) !important;} .videobuttonsmall{color:rgba(255, 255, 255, 1.00) !important;} .pageslogan, .fontpro-stacks_in_3_109{ font-size:1.00rem ; color:rgba(131, 90, 59, 1.00) ;text-decoration-color:rgba(0, 0, 0, 1.00) ;} @media only screen and (min-width:25.875000em){ .pageslogan, .fontpro-stacks_in_3_109{font-size:1.80rem }} @media only screen and (min-width:48.000000em){ .pageslogan, .fontpro-stacks_in_3_109{font-size:2.50rem }} @media only screen and (min-width:62.500000em){ .pageslogan, .fontpro-stacks_in_3_109{font-size:2.50rem }} h2,.h2, h3,.h3, .contentpadding .{line-height:1.50 ;} .roundedbutton{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em) { .roundedbutton{font-size:calc(18rem/16) }}@media only screen and (min-width:64em) { .roundedbutton{font-size:calc(18rem/16) }} .dropdown, .fontpro-stacks_in_3_143{ font-size:0.90rem ; } @media only screen and (min-width:25.875000em){ .dropdown, .fontpro-stacks_in_3_143{font-size:0.90rem }} @media only screen and (min-width:48.000000em){ .dropdown, .fontpro-stacks_in_3_143{font-size:0.70rem }} @media only screen and (min-width:75.000000em){ .dropdown, .fontpro-stacks_in_3_143{font-size:1.00rem }} .kontaktbutton, .fontpro-stacks_in_3_151{line-height:1.60 ;letter-spacing:0.00em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; } .kontaktbutton>br, .fontpro-stacks_in_3_151 > br{display:block;content:' ';padding-bottom:0.00em } .whitetext{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(247, 247, 247, 1.00);--small-color:rgba(247, 247, 247, 1.00);--text-color:rgba(247, 247, 247, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(211, 228, 209, 1.00);--link-decoration:none;--link-decoration-hover:none} .quote{font-size:calc(18rem/16) ;font-style:italic ;}@media only screen and (min-width:40em) { .quote{font-size:calc(18rem/16) }}@media only screen and (min-width:64em) { .quote{font-size:calc(18rem/16) }} .caption, .fontpro-stacks_in_3_169{line-height:1.00 ;letter-spacing:0.00em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; font-size:0.80rem ; } .caption>br, .fontpro-stacks_in_3_169 > br{display:block;content:' ';padding-bottom:0.00em } @media only screen and (min-width:25.875000em){ .caption, .fontpro-stacks_in_3_169{font-size:0.80rem }} @media only screen and (min-width:48.000000em){ .caption, .fontpro-stacks_in_3_169{font-size:0.80rem }} @media only screen and (min-width:62.500000em){ .caption, .fontpro-stacks_in_3_169{font-size:0.80rem }} .home, .fontpro-stacks_in_3_172{ text-decoration-line:none ;text-decoration-style:solid ;text-transform:none ;word-wrap:normal ;word-break:normal ;hyphens:none ;text-align:center ;} @media only screen and (min-width:40em){ .home, .fontpro-stacks_in_3_172{}} .subtitle, .fontpro-stacks_in_3_178{ font-size:0.70rem ; } @media only screen and (min-width:25.875000em){ .subtitle, .fontpro-stacks_in_3_178{font-size:1.00rem }} @media only screen and (min-width:48.000000em){ .subtitle, .fontpro-stacks_in_3_178{font-size:1.00rem }} @media only screen and (min-width:62.500000em){ .subtitle, .fontpro-stacks_in_3_178{font-size:1.00rem }} p,.p, .{font-size:calc(12rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) { p,.p, .{font-size:calc(12rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { p,.p, .{font-size:calc(12rem/16) ;line-height:1.50 }} .whitetext{color:rgba(255, 255, 255, 1.00) !important;} .navbubble{background-color:rgba(255, 255, 255, 0.72) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.navbubble{background-attachment:scroll!important}} .navbubble{border-radius:15px 15px 15px 15px ;} .navbubble{padding-top:0 ;padding-right:0.5rem ;padding-bottom:0 ;padding-left:0.5rem ;} .navbubble{margin-right:0.5rem ;margin-left:0.5rem ;} .glider-toggle.radius.custom-style{border-radius:15px 0px 0px 15px !important;} .glider-toggle.radius.custom-style{padding-top:0.5rem ;padding-bottom:0.5rem ;} .glider-toggle.radius.custom-style{box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.35);} .dropdown .menuitem{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.dropdown .menuitem{background-attachment:scroll!important}} .accordion-menu .menuitem{background-color:rgba(246, 248, 248, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.accordion-menu .menuitem{background-attachment:scroll!important}} .second{margin-left:1.5rem ;} .third{margin-left:3rem ;} .notlast{margin-top:0.00rem ;margin-right:0.00rem ;margin-bottom:0.00rem ;margin-left:0.00rem ;}@media only screen and (min-width:40em){.notlast{margin-top:0.00rem ;margin-right:0.40rem ;margin-bottom:0.00rem ;margin-left:0.00rem }}@media only screen and (min-width:75em){.notlast{margin-top:0.00rem ;margin-right:0.70rem ;margin-bottom:0.00rem ;margin-left:0.00rem }} .menuitem{margin-bottom:0.5rem !important;} .menuitem{border-radius:10px !important;} .is-dropdown-submenu{border-width:0px ;} .is-dropdown-submenu{margin-top:0.25rem ;} .is-dropdown-submenu{border-radius:10px ;} .dropdown.menu>li>a{border-radius:10px !important;} .borderbutton{border-radius:12px ;} .menu .menu-text{font-weight:unset !important} .videobutton{padding-top:1rem ;padding-right:2.5rem ;padding-bottom:0.75rem ;padding-left:3rem ;} .videobutton{display:inline-block } .videobutton{background-color:rgba(255, 255, 255, 0.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.videobutton{background-attachment:scroll!important}} .launch:hover .videobutton:hover{background-color:rgba(255, 255, 255, 0.40) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.launch .videobutton{background-attachment:scroll!important}} .launch:hover .videobuttonsmall:hover{background-color:rgba(255, 255, 255, 0.40) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.launch .videobuttonsmall{background-attachment:scroll!important}} .videobuttonsmall{padding-top:1rem ;padding-right:1.25rem ;padding-bottom:1rem ;padding-left:1.5rem ;} .videobuttonsmall{display:inline-block } ._videobuttonsmall{position: absolute ;z-index:1 ;top:unset ;bottom:5% ;left:unset ;right:unset ;} .videobuttonsmall{background-color:rgba(255, 255, 255, 0.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.videobuttonsmall{background-attachment:scroll!important}} .whitebg{background-color:rgba(255, 255, 255, 0.80) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.whitebg{background-attachment:scroll!important}} .borderbutton{border-color:rgba(255, 255, 255, 1.00) ;border-width:2px ;border-style:solid ;} .banner{height:100vh ;} .halfbanner{height:66.6666vh ;} .bubble{background-color:rgba(255, 255, 255, 0.80) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bubble{background-attachment:scroll!important}} .bubblesub{background-color:rgba(255, 255, 255, 0.80) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bubblesub{background-attachment:scroll!important}} .bubble{padding-top:0.5rem ;padding-right:1.5rem ;padding-bottom:0.5rem ;padding-left:1.5rem ;} .bubblesub{padding-top:0.5rem ;padding-right:1rem ;padding-bottom:0.5rem ;padding-left:1rem ;} .bubble{border-radius:20px 20px 20px 20px ;} .bubblesub{border-radius:12px 12px 12px 12px ;} .titelheaderbox{margin-top:25.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:0.00% ;}@media only screen and (min-width:40em){.titelheaderbox{margin-top:6.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:0.00% }}@media only screen and (min-width:64em){.titelheaderbox{margin-top:4.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:0.00% }} .fixbottom{position: absolute ;z-index:1 ;top:unset ;bottom:15% ;left:unset ;right:unset ;} .doktorfreundbild{border-radius:20px ;} .doktorfreundbildalt{border-radius:20px ;} .doktorfreundbild{border-color:rgba(255, 255, 255, 1.00) ;border-width:2px ;border-style:solid ;} .doktorfreundbildalt{border-color:rgba(154, 105, 68, 1.00) ;border-width:2px ;border-style:solid ;} .fixed{position: sticky !important;z-index:0 !important;top:0px !important;bottom:unset !important;left:unset !important;right:unset !important;} .NICHTdoktorfreundbild{box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.40);} h1{margin-bottom:2rem ;} h2{margin-bottom:2.5rem ;} .pageslogan{display:inline-block } .mouser:hover{background-color:rgba(255, 255, 255, 0.50) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.mouser{background-attachment:scroll!important}} .psrow{padding-top:20.00% ;padding-right:0.00% ;padding-bottom:0.00% ;padding-left:0.00% ;}@media only screen and (min-width:40em){.psrow{padding-top:20.00% ;padding-right:0.00% ;padding-bottom:0.00% ;padding-left:0.00% }}@media only screen and (min-width:64em){.psrow{padding-top:20.00% ;padding-right:0.00% ;padding-bottom:0.00% ;padding-left:0.00% }} h3{padding-bottom:1rem ;} .kontakttext h3{padding-top:0 !important;padding-bottom:1rem !important;} .roundedbutton{border-radius:12px ;} .kontaktpadding{padding-top:0.5rem ;padding-right:1rem ;padding-bottom:0.75rem ;padding-left:1rem ;} .timehint{display:none } @media screen and (min-width:801px) and (max-width:5000px){.above800{display:none }} @media screen and (min-width:0px) and (max-width:800px){.below800{display:none }} .videobox{border-color:rgba(131, 90, 59, 1.00) ;border-width:2px ;border-style:solid ;} .submenubutton:hover{background-color:rgba(247, 247, 247, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.submenubutton{background-attachment:scroll!important}} .sticksubmenu.is-stuck{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.sticksubmenu{background-attachment:scroll!important}} .quote{padding-left:2rem ;} .contentpadding{padding-top:1.5rem ;padding-right:0.0625rem ;padding-bottom:0.0625rem ;padding-left:0.0625rem ;} @media only screen and (min-width:40em){.contentpadding{padding-top:2rem ;padding-right:4rem ;padding-bottom:4rem ;padding-left:4rem ;}}@media only screen and (min-width:64em){.contentpadding{padding-top:2.5rem ;padding-right:4rem ;padding-bottom:4rem ;padding-left:4rem ;}} .warning{background-color:var(--warning) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.warning{background-attachment:scroll!important}} .mint{background-color:var(--warning) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.mint{background-attachment:scroll!important}} .braun{background-color:var(--secondary) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.braun{background-attachment:scroll!important}} .boxradius{border-radius:0px 8px 8px 0px ;} .topborder{border-color:rgba(190, 150, 118, 1.00) ;border-width:1px 0px 0px 0px ;border-top-style:solid ;} @media screen and (max-width: 39.9375em){.leidbox{margin:3rem ;}} .schatten{box-shadow: 1px 2px 5px 0px rgba(109, 109, 109, 1.00);} /* * Scotty * Author: Jeremy Hawes * Version: 1.1.0 * URL: http://onelittledesigner.com/rapidweaver-stack/scotty * Support: http://forum.onelittledesigner.com * Description: Teleports you back to the top of the page */ #scrollUp_stacks_in_82_2, a#scrollUp_stacks_in_82_2 { bottom: 20px; right: 20px; padding: 10px 20px; color: #835A3B !important; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; text-decoration: none; font-size: 16px; text-align: center; display: inline-block; } #scrollUp_stacks_in_82_2:hover, a#scrollUp_stacks_in_82_2:hover { color: #BE9676 !important; } #scrollUp_stacks_in_82_2.scrollUpTheme1, #scrollUp_stacks_in_82_2.scrollUpTheme3 { border-color: #C0C0C0; border-width: 0px; border-style: solid; } #scrollUp_stacks_in_82_2.scrollUpTheme1.transparencyOff, #scrollUp_stacks_in_82_2.scrollUpTheme3.transparencyOff { background-color: #FFFFFF; } #scrollUp_stacks_in_82_2.scrollUpTheme1.transparencyOn, #scrollUp_stacks_in_82_2.scrollUpTheme3.transparencyOn { background-color: none; border-color: none; } #scrollUp_stacks_in_82_2.scrollUpTheme1.gradientOn, #scrollUp_stacks_in_82_2.scrollUpTheme3.gradientOn { background-color: #EBEBEB; background-image: -moz-linear-gradient(top, #EBEBEB, #DEDEDE); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB), to(#DEDEDE)); background-image: -webkit-linear-gradient(top, #EBEBEB, #DEDEDE); background-image: -o-linear-gradient(top, #EBEBEB, #DEDEDE); background-image: linear-gradient(to bottom, #EBEBEB, #DEDEDE); background-repeat: repeat-x; } #scrollUp_stacks_in_82_2.textShadowOn { text-shadow: 0 1px 0 #FFFFFF; } #scrollUp_stacks_in_82_2.scrollUpTheme1.boxShadowOn, #scrollUp_stacks_in_82_2.scrollUpTheme3.boxShadowOn { -webkit-box-shadow: 0 0 2px 1px #CCCCCC; -moz-box-shadow: 0 0 2px 1px #CCCCCC; -ms-box-shadow: 0 0 2px 1px #CCCCCC; -o-box-shadow: 0 0 2px 1px #CCCCCC; box-shadow: 0 0 2px 1px #CCCCCC; } /* ==================== * THEME 2 - IMAGE * ==================== */ /* ==================== * THEME 3 - TAB * ==================== */ body{background-color:#FFFFFF;background-attachment:fixed;}@media only screen and (min-width:40.063em){body{}}.vegas-loading{display:none}.vegas-background{image-rendering:optimizeQuality;max-width:none !important}.vegas-overlay,.vegas-background{-webkit-user-select:none;user-select:none}.vegas-overlay{opacity:0.80}.vegas-timer-progress{background:#FFFFFF} #stacks_in_7_480_3 .glider-wrapper,#stacks_in_7_480_3 .glider-button{transition:all 400ms ease}#stacks_in_7_480_3 .glider-wrapper.custom-style{color:rgba(131, 90, 59, 1.00)}#stacks_in_7_480_3 .glider-wrapper.custom-style div,#stacks_in_7_480_3 .glider-wrapper.custom-style p{color:rgba(131, 90, 59, 1.00)}#stacks_in_7_480_3 .glider-wrapper.custom-style .glider-toggle{color:rgba(131, 90, 59, 1.00)}#stacks_in_7_480_3 .glider-wrapper .glider-content{padding:3.25rem 1rem}@media only screen and (min-width:40.063em){#stacks_in_7_480_3 .glider-wrapper .glider-content{padding:0.00rem 0.00rem}}#stacks_in_7_480_3 .glider-button{margin:10px}#stacks_in_7_480_3 .glider-button.custom-style{color:#835A3B}#stacks_in_7_480_3 .glider-button.static-width{width:100px}#stacks_in_7_480_3 .launcher-bar .glider-button{text-align:left}#stacks_in_7_480_3 .location-left .glider-button,#stacks_in_7_480_3 .location-right .glider-button{top:50%}#stacks_in_7_480_3 .location-left .glider-button.flipPosition,#stacks_in_7_480_3 .location-right .glider-button.flipPosition{top:auto;bottom:50%}#stacks_in_7_480_3 .location-top .glider-button,#stacks_in_7_480_3 .location-bottom .glider-button{left:50%}#stacks_in_7_480_3 .location-top .glider-button.flipPosition,#stacks_in_7_480_3 .location-bottom .glider-button.flipPosition{left:auto;right:50%}@media only screen and (min-width:40.063em){#stacks_in_7_480_3 .location-left .glider-wrapper.opened,#stacks_in_7_480_3 .location-right .glider-wrapper.opened{width:100%}#stacks_in_7_480_3 .location-left.slideout .glider-wrapper,#stacks_in_7_480_3 .location-right.slideout .glider-wrapper{width:100%}#stacks_in_7_480_3 .location-left .glider-button.opened{left:100%}#stacks_in_7_480_3 .location-left.slideout .glider-wrapper{margin-left:-100%}#stacks_in_7_480_3 .location-right .glider-button.opened{right:100%}#stacks_in_7_480_3 .location-right.slideout .glider-wrapper{margin-right:-100%}#stacks_in_7_480_3 .location-top .glider-wrapper.opened,#stacks_in_7_480_3 .location-bottom .glider-wrapper.opened{height:100%}#stacks_in_7_480_3 .location-top .glider-button.opened{top:100%}#stacks_in_7_480_3 .location-bottom .glider-button.opened{bottom:100%}} @-webkit-keyframes mouser-scroll{0%,20%{-webkit-transform:translateY(0px) scaleY(1) scaleX(1) translateZ(0px);transform:translateY(0px) scaleY(1) scaleX(1) translateZ(0px)}20%{-webkit-transform:translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);transform:translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);opacity:1}100%{-webkit-transform:translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);transform:translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);opacity:.1}}@keyframes mouser-scroll{0%,20%{-webkit-transform:translateY(0px) scaleY(1) scaleX(1) translateZ(0px);transform:translateY(0px) scaleY(1) scaleX(1) translateZ(0px)}20%{-webkit-transform:translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);transform:translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);opacity:1}100%{-webkit-transform:translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);transform:translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);opacity:.1}}@-webkit-keyframes mouser-scroll-up{0%{-webkit-transform:translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);transform:translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);opacity:.1}80%{-webkit-transform:translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);transform:translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);opacity:1}100%,80%{-webkit-transform:translateY(0px) scaleY(1) scaleX(1) translateZ(0px);transform:translateY(0px) scaleY(1) scaleX(1) translateZ(0px)}}@keyframes mouser-scroll-up{0%{-webkit-transform:translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);transform:translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);opacity:.1}}100%,80%{-webkit-transform:translateY(0px) scaleY(1) scaleX(1) translateZ(0px);transform:translateY(0px) scaleY(1) scaleX(1) translateZ(0px)}80%{-webkit-transform:translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);transform:translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);opacity:1}@-webkit-keyframes mouser-arrow-flow{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@keyframes mouser-arrow-flow{0%{opacity:0}50%{opacity:.5}100%{opacity:1}} #mouser-stacks_in_7_485{display:block;margin:0 auto;text-align:center; width:100%; margin:center;padding-bottom:0px}#mouser-stacks_in_7_485 .mouser{width:26px;position:relative;margin:auto;cursor:pointer}#mouser-stacks_in_7_485 .mouser.m-dz{width:100%}#mouser-stacks_in_7_485 .mouser.m-dz .fa,#mouser-stacks_in_7_485 .mouser.m-dz p{color:rgba(190, 150, 118, 1.00)!important}#mouser-stacks_in_7_485 .scrolltext{color:rgba(204, 204, 204, 1.00);display:block;font-size:12px;text-align:center;cursor:pointer;-webkit-transition:color 140ms ease;transition:color 140ms ease}#mouser-stacks_in_7_485 .m-wrap{display:inline-block;text-align:center}#mouser-stacks_in_7_485 .m-wrap.m-dz.dz-block{display:block} #mouser-stacks_in_7_485 .mouser.m-mouse{height:42px;border:2px solid rgba(190, 150, 118, 1.00);border-radius:24px;-webkit-transition:all 140ms ease;transition:all 140ms ease}#mouser-stacks_in_7_485 .mouser.m-mouse::after{content:"";position:absolute;top:5px;left:50%;margin-left:-2px;background-color:rgba(131, 90, 59, 1.00);border-radius:100%;width:4px;height:4px;opacity:1;-webkit-transition:all 140ms ease;transition:all 140ms ease;-webkit-transform:translateY(0px) scaleY(1) scaleX(1) translateZ(0px);transform:translateY(0px) scaleY(1) scaleX(1) translateZ(0px);-webkit-animation:mouser-scroll 2s -1s cubic-bezier(0.68,-0.55,0.265,1.55) infinite;animation:mouser-scroll 2s -1s cubic-bezier(0.68,-0.55,0.265,1.55) infinite}#mouser-stacks_in_7_485 .mouser.m-mouse.swipe-up::after{-webkit-animation:mouser-scroll-up 2s -1s cubic-bezier(0.68,-0.55,0.265,1.55) infinite;animation:mouser-scroll-up 2s -1s cubic-bezier(0.68,-0.55,0.265,1.55) infinite} #mouser-stacks_in_7_485 .m-wrap:hover .mouser.m-mouse{border:2px solid rgba(230, 212, 184, 1.00)}#mouser-stacks_in_7_485 .m-wrap:hover .mouser.m-mouse::after{background-color:rgba(190, 150, 118, 1.00)}#mouser-stacks_in_7_485 .m-wrap:hover .mouser.m-arrows>.mouser_arrows{border-right:2px solid rgba(230, 212, 184, 1.00);border-bottom:2px solid rgba(230, 212, 184, 1.00)}#mouser-stacks_in_7_485 .m-wrap:hover .mouser.m-dz .fa,#mouser-stacks_in_7_485 .m-wrap:hover .mouser.m-dz p{color:rgba(230, 212, 184, 1.00)!important}#mouser-stacks_in_7_485 .m-wrap:hover .scrolltext{color:rgba(102, 102, 102, 1.00)} .mouser .mouser_arrows{display:block;border-right:2px solid rgba(190, 150, 118, 1.00);border-bottom:2px solid rgba(190, 150, 118, 1.00);margin:0 0 3px 4px;width:16px;height:16px;-webkit-animation:mouser-arrow-flow 1s infinite;animation:mouser-arrow-flow 1s infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.mouser .mouser_arrows.ma1{margin-top:1px}.mouser .mouser_arrows.ma2{margin-top:-6px}.mouser .mouser_arrows.ma3{margin-top:-6px}.mouser.m-dn .mouser_arrows{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mouser.m-dn .mouser_arrows.ma1{-webkit-animation-delay:.1s;animation-delay:.1s}.mouser.m-dn .mouser_arrows.ma2{-webkit-animation-delay:.2s;animation-delay:.2s}.mouser.m-dn .mouser_arrows.ma3{-webkit-animation-delay:.3s;animation-delay:.3s}.mouser.m-up .mouser_arrows{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.mouser.m-up .mouser_arrows.ma1{-webkit-animation-delay:.3s;animation-delay:.3s}.mouser.m-up .mouser_arrows.ma2{-webkit-animation-delay:.2s;animation-delay:.2s}.mouser.m-up .mouser_arrows.ma3{-webkit-animation-delay:.1s;animation-delay:.1s} html.ncd-photo-lock{ overflow: hidden; } a[data-photo-group]{ cursor:pointer; } .ncd-photo *{ padding: 0; margin: 0; list-style: none; } .ncd-photo *, .ncd-photo *:before, .ncd-photo *:after{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ncd-photo .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ width: 100%; margin: 0 !important; padding: 0 !important; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo li.hide{ display: none !important; } .ncd-photo li div{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: -webkit-box-shadow 150ms ease-out; -moz-transition: -moz-box-shadow 150ms ease-out; transition: box-shadow 150ms ease-out; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); } .ncd-photo li img{ position: relative; z-index: 10; -webkit-transform: -webkit-translateZ(0); -moz-transform: -moz-translateZ(0); transform: translateZ(0); } .ncd-photo ul p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: -webkit-translateZ(0); -moz-transform: -moz-translateZ(0); transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo ul p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo ul p em{ font-weight: normal; font-style: normal; } .ncd-photo ul p span{ display: inline-block; padding: 6px 12px; } .ncd-photo ul p span.empty{ visibility: hidden; } .ncd-photo[data-italic-title="True"] p b, .ncd-photo[data-italic-caption="True"] p em{ font-style: italic; } .ncd-photo[data-bold-title="True"] p b, .ncd-photo[data-bold-caption="True"] p em{ font-weight: bold; } .ncd-photo[data-hide-title="True"] p b, .ncd-photo[data-hide-caption="True"] p em, .ncd-photo[data-hide-title="True"][data-hide-caption="True"] p{ display: none; } .ncd-photo[data-hide-caption="True"] ul p b{padding-right: 0;} /* Caption Positions */ .ncd-photo ul.cap-hov li p{ opacity: 0; -webkit-transition: -webkit-transform 300ms, opacity 300ms; -moz-transition: -moz-transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms; -webkit-transform: -webkit-translate3d(0,4px,0); -moz-transform: -moz-translate3d(0,4px,0); transform: translate3d(0,4px,0); } .ncd-photo ul.cap-hov li:hover p{ opacity: 1; -webkit-transform: -webkit-translate3d(0,0,0); -moz-transform: -moz-translate3d(0,0,0); transform: translate3d(0,0,0); } .ncd-photo ul.cap-hide li p{ display: none !important; } .ncd-photo ul.cap-ibl p, .ncd-photo ul.cap-ibc p{ left: 0; bottom: 0; right: 0; margin: 0; text-align: left; } .ncd-photo ul.cap-ibl p span, .ncd-photo ul.cap-ibc p span{ display: block; } .ncd-photo ul.cap-imbl p, .ncd-photo ul.cap-imbc p{ left: 20px; bottom: 10px; right: 20px; text-align: left; } .ncd-photo ul.cap-ibc p, .ncd-photo ul.cap-imbc p{ text-align: center; } .ncd-photo ul.cap-imbl p span, .ncd-photo ul.cap-imbc p span{ border-radius: 3px; } /* FLOW Thumbnails */ .ncd-photo.photo-flow { margin: 0; padding: 0; width: 100%; font-size: .85em; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .ncd-photo.photo-flow li div{ display: inline-block; width: 100%; background: none !important; } .ncd-photo.photo-flow li div:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; content: ""; display: block; -webkit-transition: box-shadow 150ms ease-out; -moz-transition: box-shadow 150ms ease-out; transition: box-shadow 150ms ease-out; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); } .ncd-photo.photo-flow li img { max-width: 100%; width: 100%; height: auto; display: block; } .ncd-photo.photo-flow ul.cap-ibl li p, .ncd-photo.photo-flow ul.cap-ibc li p{ -webkit-transform: -webkit-translate3d(0,0,0); -moz-transform: -moz-translate3d(0,0,0); transform: translate3d(0,0,0); } /* Spacing Thumbnails */ .ncd-photo.space-0.photo-grid{margin: 0;} .ncd-photo.space-0.photo-grid li div{margin: 0;} .ncd-photo.space-0.photo-flow li div{margin: 0;} .ncd-photo.space-0.photo-flow { -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } .ncd-photo.space-1.photo-grid{margin: 0 -1px;} .ncd-photo.space-1.photo-grid li div{margin: 1px;} .ncd-photo.space-1.photo-flow li div{margin: 0 0 2px;} .ncd-photo.space-1.photo-flow { -moz-column-gap: 2px; -webkit-column-gap: 2px; column-gap: 2px; } .ncd-photo.space-3.photo-grid{margin: 0 -3px;} .ncd-photo.space-3.photo-grid li div{margin: 3px;} .ncd-photo.space-3.photo-flow li div{margin: 0 0 6px;} .ncd-photo.space-3.photo-flow { -moz-column-gap: 6px; -webkit-column-gap: 6px; column-gap: 6px; } .ncd-photo.space-5.photo-grid{margin: 0 -5px;} .ncd-photo.space-5.photo-grid li div{margin: 5px;} .ncd-photo.space-5.photo-flow li div{margin: 0 0 10px;} .ncd-photo.space-5.photo-flow { -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } .ncd-photo.space-7.photo-grid{margin: 0 -7px;} .ncd-photo.space-7.photo-grid li div{margin: 7px;} .ncd-photo.space-7.photo-flow li div{margin: 0 0 14px;} .ncd-photo.space-7.photo-flow { -moz-column-gap: 14px; -webkit-column-gap: 14px; column-gap: 14px; } .ncd-photo.space-9.photo-grid{margin: 0 -9px;} .ncd-photo.space-9.photo-grid li div{margin: 9px;} .ncd-photo.space-9.photo-flow li div{margin: 0 0 18px;} .ncd-photo.space-9.photo-flow { -moz-column-gap: 18px; -webkit-column-gap: 18px; column-gap: 18px; } .ncd-photo.space-11.photo-grid{margin: 0 -11px;} .ncd-photo.space-11.photo-grid li div{margin: 11px;} .ncd-photo.space-11.photo-flow li div{margin: 0 0 22px;} .ncd-photo.space-11.photo-flow { -moz-column-gap: 22px; -webkit-column-gap: 22px; column-gap: 22px; } .ncd-photo.space-13.photo-grid{margin: 0 -13px;} .ncd-photo.space-13.photo-grid li div{margin: 13px;} .ncd-photo.space-13.photo-flow li div{margin: 0 0 26px;} .ncd-photo.space-13.photo-flow { -moz-column-gap: 26px; -webkit-column-gap: 26px; column-gap: 26px; } .ncd-photo.space-15.photo-grid{margin: 0 -15px;} .ncd-photo.space-15.photo-grid li div{margin: 15px;} .ncd-photo.space-15.photo-flow li div{margin: 0 0 30px;} .ncd-photo.space-15.photo-flow { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } /* GRID Thumbnails */ .ncd-photo.photo-grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.photo-grid li div{ overflow: hidden; } .ncd-photo.photo-grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.photo-grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.photo-grid li, .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 100%;} /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0.photo-flow li div:before, .ncd-photo.rad-0.photo-flow li img, .ncd-photo.rad-0.photo-flow li div{border-radius: 0;} .ncd-photo.rad-0 ul.cap-ibl p span, .ncd-photo.rad-0 ul.cap-ibc p span{border-radius: 0; } .ncd-photo.rad-3 li div, .ncd-photo.rad-3.photo-flow li div:before, .ncd-photo.rad-3.photo-flow li img, .ncd-photo.rad-3.photo-flow li div{border-radius: 3px;} .ncd-photo.rad-3 ul.cap-ibl p span, .ncd-photo.rad-3 ul.cap-ibc p span{border-radius: 0 0 3px 3px; } .ncd-photo.rad-5 li div, .ncd-photo.rad-5.photo-flow li div:before, .ncd-photo.rad-5.photo-flow li img, .ncd-photo.rad-5.photo-flow li div{border-radius: 5px;} .ncd-photo.rad-5 ul.cap-ibl p span, .ncd-photo.rad-5 ul.cap-ibc p span{border-radius: 0 0 5px 5px; } .ncd-photo.rad-7 li div, .ncd-photo.rad-7.photo-flow li div:before, .ncd-photo.rad-7.photo-flow li img, .ncd-photo.rad-7.photo-flow li div{border-radius: 7px;} .ncd-photo.rad-7 ul.cap-ibl p span, .ncd-photo.rad-7 ul.cap-ibc p span{border-radius: 0 0 7px 7px; } /* Break Points for Columns */ @media only screen and (min-width: 400px) { .ncd-photo.photo-col-1.photo-grid li, .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 100%;} .ncd-photo.photo-col-1.photo-flow, .ncd-photo.photo-col-2.photo-flow, .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media only screen and (min-width: 550px) { .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 50%;} .ncd-photo.photo-col-2.photo-flow, .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media only screen and (min-width: 750px) { .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 33.3333%;} .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (min-width: 950px) { .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 25%;} .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } @media only screen and (min-width: 1200px) { .ncd-photo.photo-col-5.photo-grid li{width: 20%;} .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; } } .batch-hide{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } @media only screen and (max-width: 400px) { .ncd-photo ul p{ opacity: 0 !important; } } /* Captions Under Flow */ .ncd-photo.photo-flow.cap-under ul p, .ncd-photo.photo-flow.cap-under ul p span{ position: static; display: block; margin-bottom: 0; } .ncd-photo.photo-flow.cap-under ul p span{ border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; padding: 10px; } .ncd-photo.photo-flow.cap-under ul img{ border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .ncd-photo.photo-flow.cap-under li div{ -webkit-box-shadow: none; box-shadow: none; } /* Lightbox */ #ncdPhotoLoader{ position: absolute; color: #ff0000; top: 50%; left: 50%; opacity: 0; -webkit-transition: opacity 350ms 150ms; -moz-transition: opacity 350ms 150ms; transition: opacity 350ms 150ms; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ height: 44px; width: 44px; margin: 0 auto; position: relative; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-radius: 100%; } @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} } @-moz-keyframes rotation { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);} } @-o-keyframes rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} } @keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; -webkit-transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; -moz-transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none;} #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; -webkit-transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; -moz-transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out;} #ncdPhotoBase.out { z-index: 10000; } .ncdPhotoZoom, .ncdPhotoClose, .ncdPhotoNext, .ncdPhotoPrev { z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; } /* ZOOM & CLOSE */ .ncdPhotoZoom, .ncdPhotoClose{ margin-top: 4%; top: 0; -webkit-transition: border 0.3s ease-out, box-shadow 0.15s ease-out; -moz-transition: border 0.3s ease-out, box-shadow 0.15s ease-out; transition: border 0.3s ease-out, box-shadow 0.15s ease-out; } .ncdPhotoZoom:before, .ncdPhotoZoom:after, .ncdPhotoClose:before, .ncdPhotoClose:after { top:50%; left:0; width:2px; height:18px; content:""; position:absolute; margin:-9px 22.5px 0; -webkit-transition: opacity 300ms, transform 300ms; -moz-transition: opacity 300ms, transform 300ms; transition: opacity 300ms, transform 300ms;} /* ZOOM */ .ncdPhotoZoom{ -webkit-transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; -moz-transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; left: 0; transform: rotate(90deg); opacity: 0; margin-left: 4%;} .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom:after { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);} .ncdPhotoZoom.zoom:after { opacity: 0; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);} .ncdPhotoZoom:before { transform:rotate(0deg);} .ncdPhotoZoom.zoom:before { transform:rotate(-90deg);} /* CLOSE */ .ncdPhotoClose { right: 0; margin-right: 4%;} .ncdPhotoClose:before, .ncdPhotoClose:after { height:22px; margin:-11px 22.5px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .ncdPhotoClose:after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev { top: 50%; margin-top: -25px; opacity: 0; transition: opacity 0.2s ease-out, transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; -moz-transition: opacity 0.2s ease-out, -moz-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; } .ncdPhotoNext:before, .ncdPhotoNext:after, .ncdPhotoPrev:before, .ncdPhotoPrev:after { top:50%; left:0; width:2px; height:15px; content:''; position:absolute; margin:-13px 24px 0;} .ncdPhotoNext:after, .ncdPhotoPrev:after{ margin-top: -3px; } .ncdPhotoPrev:after,.ncdPhotoPrev:before {left:-3px;} .ncdPhotoNext:after{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} .ncdPhotoNext:before { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);} .ncdPhotoPrev:after{ -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -ms-transform:rotate(315deg); -o-transform:rotate(315deg); transform:rotate(315deg);} .ncdPhotoPrev:before { -webkit-transform:rotate(-315deg); -moz-transform:rotate(-315deg); -ms-transform:rotate(-315deg); -o-transform:rotate(-315deg); transform:rotate(-315deg);} @media screen and (min-width: 800px) { #ncdPhotoControls #ncdPhotoCounter{ display: none; } } @media screen and (max-width: 800px) { #ncdPhotoControls{ position: absolute; bottom: 100%; left: 0; width: 100%; height: 53px; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout:none; z-index: 100;} /* No Caption Mobile */ #ncdPhotoBase.cap-hide #ncdPhotoControls{height: 70px;} #ncdPhotoBase.cap-hide .ncd-ui{bottom: 8px !important;} .ncdPhotoZoom.zoom{ -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } } /* Prev Button */ .ncdPhotoNext { -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); transform: translateX(-15px); right: 4%;} .ncdPhotoPrev { -webkit-transform: translateX(15px); -moz-transform: translateX(15px); transform: translateX(15px); left: 4%;} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev { -webkit-transform: translateX(0) rotate(0deg);opacity: 1; -moz-transform: translateX(0) rotate(0deg);opacity: 1; transform: translateX(0) rotate(0deg);opacity: 1; } @media screen and (max-width: 800px) { #ncdPhotoBase .ncdPhotoNext, #ncdPhotoBase .ncdPhotoPrev { -webkit-transform: translateX(0) rotate(0deg); -moz-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); margin-top: 4%; top: 0; opacity: 1; } #ncdPhotoBase .ncdPhotoNext{margin-right: 20%; } #ncdPhotoBase .ncdPhotoZoom{margin-left: -25px;left: 50%;} #ncdPhotoBase .ncdPhotoPrev{margin-left: 20%;} #ncdPhotoBase #ncdPhotoCounter, #ncdPhotoBase .ncdPhotoClose, #ncdPhotoBase .ncdPhotoNext, #ncdPhotoBase .ncdPhotoZoom, #ncdPhotoBase .ncdPhotoPrev{top: auto; bottom: 0;} #ncdPhotoOverlay div.slide p{ position: absolute; bottom: 100%; left: 0; } #ncdPhotoCounter{ position: absolute; left: 4%; margin-left: 10px; font-family: 'Helvetica Neue'; font-weight: 300; letter-spacing: -1px; height: 27px; line-height: 0; font-size: 16px; z-index: 100; } #ncdPhotoCounter .lb-current{ font-size: 28px; padding-right: 2px; letter-spacing: -2px; } } #ncdPhotoBase.out .ncdPhotoNext { -webkit-transform: translateX(30px) rotate(0deg);opacity: 0; -moz-transform: translateX(30px) rotate(0deg);opacity: 0; transform: translateX(30px) rotate(0deg);opacity: 0; } #ncdPhotoBase.out .ncdPhotoPrev { -webkit-transform: translateX(-30px) rotate(0deg);opacity: 0; -moz-transform: translateX(-30px) rotate(0deg);opacity: 0; transform: translateX(-30px) rotate(0deg);opacity: 0; } #ncdPhotoBase .ncdPhotoNext.hide, #ncdPhotoBase .ncdPhotoPrev.hide {opacity: 0;} #ncdPhotoBase.single-image .ncdPhotoNext, #ncdPhotoBase.single-image .ncdPhotoPrev, #ncdPhotoOverlay[data-hide-full-title="True"] span b, #ncdPhotoOverlay[data-hide-full-caption="True"] span em{ display: none; } /* Lightbox */ #ncdPhotoOverlay { position: absolute; height: 100%; width: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } #ncdPhotoOverlay div.slide { display: block; height: 100%; text-align: center; vertical-align: middle; line-height: 0; position:absolute; top:-9999px; left:-9999px; } #ncdPhotoOverlay div.slide.ncd-show{ position: relative; top: 50%; left: 0%; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #ncdPhotoOverlay div.slide.out{ position: absolute; top: 50%; left: 0; right: 0; height: auto; -webkit-transform: translateY(-50%) translateX(-10px); -ms-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-next #ncdPhotoOverlay div.slide.out{ -webkit-transform: translateY(-50%) translateX(-10px); -ms-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-prev #ncdPhotoOverlay div.slide.out{ -webkit-transform: translateY(-50%) translateX(10px); -ms-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-next div.slide.out img, #ncdPhotoBase.go-prev div.slide.out img, #ncdPhotoBase.processing div.slide.ncd-show.out img{ -webkit-animation: none !important; animation: none !important; opacity: 1 !important; } #ncdPhotoOverlay div.slide.out.ncd-show, .go-next #ncdPhotoOverlay div.slide.out.ncd-show, .go-prev #ncdPhotoOverlay div.slide.out.ncd-show{ opacity: 0; transition: none; } #ncdPhotoOverlay div.slide > div { display: inline-block; position: relative; padding: 4%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #ncdPhotoOverlay div.slide.zoom.in > div { padding: 0; } #ncdPhotoOverlay div.slide.zoom.in, #ncdPhotoOverlay div.slide.zoom.in > div {font-size: 0;} #ncdPhotoOverlay div.slide.zoom { overflow: scroll; cursor:move; -webkit-overflow-scrolling: touch;} #ncdPhotoOverlay div.slide.zoom::-webkit-scrollbar { display: none; } #ncdPhotoOverlay div.slide.zoom.in br{display: none;} #ncdPhotoOverlay div.slide.zoom.out br{display: block;} #ncdPhotoOverlay div.slide.zoom.in.transition, #ncdPhotoOverlay div.slide.zoom.out{overflow: hidden;} #ncdPhotoOverlay div.slide.zoom.transition div{ -webkit-animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.in div{ line-height: normal; -webkit-animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.in.transition div{ -webkit-animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.out div{ -webkit-animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.ncd-show > div{opacity: 1;} @-webkit-keyframes float-zoom-in { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(1.03);opacity: 0} } @keyframes float-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @-webkit-keyframes float-zoom-in-complete { from {-webkit-transform: scale(.98);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-zoom-in-complete { from {transform: scale(.98);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-zoom-out { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(.98);opacity: 0} } @keyframes float-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @-webkit-keyframes float-zoom-out-complete { from {-webkit-transform: scale(1.03);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-in { from {-webkit-transform: scale(1.04);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-in { from {transform: scale(1.02);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-down { from {-webkit-transform: translateY(-10px);opacity: 0} to {-webkit-transform: translateY(0);opacity: 1} } @keyframes float-down { from {transform: translateY(-10px);opacity: 0} to {transform: translateY(0);opacity: 1} } @-webkit-keyframes float-out { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(0.97);opacity: 0} } @keyframes float-out { from {transform: scale(1);opacity: 1} to {transform: scale(0.97);opacity: 0} } @-webkit-keyframes float-up { from {-webkit-transform: translateY(0px);opacity: 1} to {-webkit-transform: translateY(10px);opacity: 0} } @keyframes float-up { from {transform: translateY(0px);opacity: 1} to {transform: translateY(10px);opacity: 0} } @-webkit-keyframes float-next { from {-webkit-transform: translateX(5px);opacity: 0} to {-webkit-transform: translateX(0);opacity: 1} } @keyframes float-next { from {transform: translateX(5px);opacity: 0} to {transform: translateX(0);opacity: 1} } @-webkit-keyframes float-prev { from {-webkit-transform: translateX(-5px);opacity: 0} to {-webkit-transform: translateX(0);opacity: 1} } @keyframes float-prev { from {transform: translateX(-5px);opacity: 0} to {transform: translateX(0);opacity: 1} } @-webkit-keyframes text-swap { from {-webkit-opacity: 0} to {-webkit-opacity: 1} } @keyframes text-swap { from {opacity: 0} to {opacity: 1} } #ncdPhotoOverlay div.slide img { list-style: none; line-height: 0; max-width: 100% !important; max-height: 80vh !important; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout:none; border-radius: 0px; } #ncdPhotoOverlay div.slide.zoom.in > div{ height: auto; } #ncdPhotoOverlay div.slide.zoom.in img{ max-width: none !important; max-height: none !important; border-radius: 0; } #ncdPhotoBase.go-next div.slide img{ -webkit-animation: float-next 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-next 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.go-prev div.slide img{ -webkit-animation: float-prev 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-prev 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.processing div.slide.ncd-show img{ -webkit-animation: none; animation: none; opacity: 0; } @media screen and (min-width: 800px) { /* #ncdPhotoOverlay div.slide > div{ height: 60vh; } */ } @media screen and (max-width: 800px) { #ncdPhotoBase > .ncdPhotoZoom{display: none} #ncdPhotoBase.go-next #ncdPhotoCaption p, #ncdPhotoBase.go-prev #ncdPhotoCaption p { -webkit-animation: text-swap 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards; animation: text-swap 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards; } } /* COUNTER */ .ncdPhotoCounter{ left: auto !important; right: 0;} .ncdPhotoCounter[data-show-count="False"], #ncdPhotoCounter[data-show-count="False"]{ display: none !important;} /* CAPTION - MOBILE */ #ncdPhotoCaption{ display: block; position: fixed; bottom: 0; left: 0; right: 0; text-align:center; padding: 12px 4%; font-size: 15px; z-index: 100; line-height: 1.4; } #ncdPhotoCaption p{ margin: 0; } #ncdPhotoCaption b{ padding-right: 5px; } #ncdPhotoOverlay p b, #ncdPhotoCaption p b{ font-weight: normal; font-style: normal; padding-right: 5px; } #ncdPhotoOverlay p em, #ncdPhotoCaption p em{ font-weight: normal; font-style: normal; } @media screen and (min-width: 800px) { #ncdPhotoCaption{ display: none; } .img-caption-in{ display: block; } .img-caption-in:after { content: ""; display: table; clear: both; } } #ncdPhotoOverlay p.ncdPhotoCounter, #ncdPhotoOverlay p{ display: inline-block; text-align: left; padding: 12px 0 18px; font-size: 14px; font-variant: normal; line-height: 20px; margin: 0; float: left; } #ncdPhotoOverlay p.ncdPhotoCounter{ float: right; } /* CAPTION - DESK */ #ncdPhotoBase:hover .img-caption-in {opacity: 1} #ncdPhotoBase.cap-hide .img-caption-in{ display: none; } #ncdPhotoBase.cap-show .img-caption-in.invis{ visibility: hidden; -webkit-animation:none; animation:none } #ncdPhotoBase .img-caption-in{ opacity: 0 ; transition: opacity 200ms; } #ncdPhotoBase.cap-show .ncd-show .img-caption-in{ opacity: 1; -webkit-animation: float-down 600ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-down 600ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.processing .img-caption-in{ opacity: 0 ; } @media screen and (max-width: 800px) { .img-caption-in{display: none} } /* LB Font Styles */ #ncdPhotoBase [data-italic-title="True"] p b, #ncdPhotoBase [data-italic-caption="True"] p em{ font-style: italic; } #ncdPhotoBase [data-bold-title="True"] p b, #ncdPhotoBase [data-bold-caption="True"] p em{ font-weight: bold; } #ncdPhotoBase [data-hide-title="True"] p b, #ncdPhotoBase [data-hide-caption="True"] p em{ display: none; } /* LB Theme - Default Dark */ .style-default #ncdPhotoOverlay p b, .style-default #ncdPhotoCaption p b{color: #FFF} /* Caption Title */ .style-default #ncdPhotoOverlay p em, .style-default #ncdPhotoCaption p em, .style-default .ncdPhotoCounter, .style-default #ncdPhotoCounter{color: #EEE} /* Caption Text */ .style-default img{box-shadow: 0 2px 16px rgba(0,0,0,0.6);} /* Img Shadow */ .style-default{background: rgba(0,0,0,0.85) !important} /* Overlay */ .style-default #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ border-left: 3px solid rgba(200,200,200, .15); border-right: 3px solid rgba(200,200,200, .15); border-bottom: 3px solid rgba(200,200,200, .15); border-top: 3px solid rgba(200,200,200, .8); } @media screen and (max-width: 800px) { .style-default #ncdPhotoControls{ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));} } .style-default .ncdPhotoZoom, .style-default .ncdPhotoClose, .style-default .ncdPhotoNext, .style-default .ncdPhotoPrev { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.1))); background-image: -webkit-radial-gradient(50% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.00)); background-image: radial-gradient(50% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.00)); } .style-default #ncdPhotoCaption{background: #000;} .style-default .ncdPhotoNext:before,.ncdPhotoNext:after, .style-default .ncdPhotoPrev:before,.ncdPhotoPrev:after, .style-default .ncdPhotoZoom:before,.ncdPhotoZoom:after, .style-default .ncdPhotoClose:before,.ncdPhotoClose:after, .style-default .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .style-default .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .style-default .ncdPhotoClose:hover:before,.ncdPhotoClose:hover:after {background: #FFF} .style-default #ncdPhotoCounter{color: #FFF} .style-default .ncdPhotoZoom:active, .style-default .ncdPhotoClose:active, .style-default .ncdPhotoNext:active, .style-default .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(255,255,255,0.6); border: 2px solid #FFF;} .style-default .ncdPhotoZoom.zoom{border: 2px solid #FFF;} @media screen and (min-width: 800px) { .style-default .ncdPhotoZoom:hover, .style-default .ncdPhotoClose:hover, .style-default .ncdPhotoNext:hover, .style-default .ncdPhotoPrev:hover{border: 2px solid #FFF;} } /* LB Theme - Contrast Light */ .style-contrast #ncdPhotoOverlay p b{color: #333} .style-contrast #ncdPhotoCaption p b{color: #FFF} .style-contrast #ncdPhotoOverlay p em, .style-contrast .ncdPhotoCounter{color: #555} .style-contrast #ncdPhotoCaption p em{color: #EEE} .style-contrast img{box-shadow: 0 2px 10px rgba(0,0,0,0.15);} .style-contrast{background: rgba(255,255,255,0.85) !important} .style-contrast #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ border-left: 3px solid rgba(100,100,100, .15); border-right: 3px solid rgba(100,100,100, .15); border-bottom: 3px solid rgba(100,100,100, .15); border-top: 3px solid rgba(100,100,100, .8); } .style-contrast #ncdPhotoCaption{background: #000} .style-contrast #ncdPhotoCounter{color: #222} .style-contrast .ncdPhotoNext:before,.style-contrast .ncdPhotoNext:after, .style-contrast .ncdPhotoPrev:before,.style-contrast .ncdPhotoPrev:after, .style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after, .style-contrast .ncdPhotoNext:hover:before,.style-contrast .ncdPhotoNext:hover:after, .style-contrast .ncdPhotoPrev:hover:before,.style-contrast .ncdPhotoPrev:hover:after, .style-contrast .ncdPhotoClose:hover:before,.style-contrast .ncdPhotoClose:hover:after {background: #222} .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose{ background: rgba(0,0,0,0.3); } .style-contrast .ncdPhotoZoom, .style-contrast .ncdPhotoClose, .style-contrast .ncdPhotoZoom:before, .style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before, .style-contrast .ncdPhotoClose:after{transition: transform 300ms, border 300ms, box-shadow 300ms, background 300ms;} .style-contrast .ncdPhotoZoom.zoom:before, .style-contrast .ncdPhotoZoom.zoom:after, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose:before, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose:after{background: #FFF;} .style-contrast .ncdPhotoZoom:active, .style-contrast .ncdPhotoClose:active, .style-contrast .ncdPhotoNext:active, .style-contrast .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(0,0,0,0.15); border: 2px solid #222;} .ncdPhotoZoom.zoom{border: 2px solid rgba(0,0,0,0.6);} @media screen and (min-width: 800px) { .style-contrast .ncdPhotoZoom, .style-contrast .ncdPhotoClose, .style-contrast .ncdPhotoNext, .style-contrast .ncdPhotoPrev { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255,255,255, 0.00)), to(rgba(255,255,255, 0.4))); background-image: -webkit-radial-gradient(50% 50%, rgba(255,255,255, 0.4), rgba(255,255,255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255,255,255, 0.4), rgba(255,255,255, 0.00)); } .style-contrast .ncdPhotoZoom:hover, .style-contrast .ncdPhotoClose:hover, .style-contrast .ncdPhotoNext:hover, .style-contrast .ncdPhotoPrev:hover{border: 2px solid #222;} } @media screen and (max-width: 800px) { .style-contrast #ncdPhotoCounter{color: #fff} .style-contrast .ncdPhotoNext:before,.style-contrast .ncdPhotoNext:after, .style-contrast .ncdPhotoPrev:before,.style-contrast .ncdPhotoPrev:after, .style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after, .style-contrast .ncdPhotoNext:hover:before,.style-contrast .ncdPhotoNext:hover:after, .style-contrast .ncdPhotoPrev:hover:before,.style-contrast .ncdPhotoPrev:hover:after, .style-contrast .ncdPhotoClose:hover:before,.style-contrast .ncdPhotoClose:hover:after {background: #fff} .style-contrast #ncdPhotoControls{ background-color: rgba(0,0,0,0.3); background-image: none;} .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose{ background: transparent; } .style-contrast .ncdPhotoZoom:active, .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoClose:active, .style-contrast .ncdPhotoNext:active, .style-contrast .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px transparent; border: 2px solid transparent;} .style-contrast .ncdPhotoZoom.zoom{transform: translateY(0px);} #ncdPhotoBase.style-contrast .ncdPhotoNext.hide, #ncdPhotoBase.style-contrast .ncdPhotoPrev.hide{opacity: 1;} } .processing img{ box-shadow: none !important; } /* Edit Mode */ #paddyStackstacks_in_355 { height: auto; padding-bottom: 10vw; }