/* * Live Search * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ #stacks_in_235_page0 * { box-sizing: border-box; } #stacks_in_235_page0 *:focus {outline:none;} .searchingstacks_in_235_page0 .stacks_top, .searchingstacks_in_235_page0 .stacks_in, .searchingstacks_in_235_page0 .stacks_out { overflow: visible; } #stacks_in_235_page0 .jQueryNote { background: rgba(0,0,0,0.3); color: #fff; padding: 20px; } .stacks_in_235_page0_pages { display: none;} #stacks_in_235_page0_tipue_search_input { font-size: 16px; width: 100%; height: 30px; line-height: 28px; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; border-style: solid; border-width: 1px; border-color: rgba(0,0,0,0.3); background-color: #fff; padding: 0px 15px 0px 15px;/* leaving room for search icon */ position: relative; z-index: 9998; } #stacks_in_235_page0_tipue_search_content { display: none; padding: 20px; position: absolute; margin: 20px 0px; z-index: 9997; width: 100%; box-sizing: border-box; } #stacks_in_235_page0_tipue_search_input { padding: 0px 15px 0px 35px; } #stacks_in_235_page0 svg { width: 14px; height: 30px; fill: #999; position: absolute; left: 18px; text-align: right; top: 0px; z-index: 9999; } /**/ /**/ .tipue_search_content_title { font-size: 120%; } /**/ /**/ #stacks_in_235_page0_tipue_search_content { background: #fff; border-radius: 4px; box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.3); border-top: 1px solid rgba(0,0,0,0.25); -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); transition: all 150ms linear; opacity: 0; } .searchingstacks_in_235_page0 #stacks_in_235_page0_tipue_search_content { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition: all 150ms linear; opacity: 1; } #stacks_in_235_page0_tipue_search_content:after { content: " "; position: absolute; top: -10px; left: 15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } #stacks_in_235_page0_tipue_search_content:before { content: " "; position: absolute; top: -11px; left: 14px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid rgba(0,0,0,0.3); } /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /* Tipue Search 5.0 Copyright (c) 2015 Tipue Tipue Search is released under the MIT License http://www.tipue.com/search */ #stacks_in_235_page0_tipue_search_content .h01, mark { background: yellow; } .searchingstacks_in_235_page0 #stacks_in_235_page0_tipue_search_content { display: block !important; } #stacks_in_235_page0_tipue_search_warning { margin: 7px 0; } .tipue_search_content_title { margin-top: 23px; } .tipue_search_content_title a { text-decoration: none; } .tipue_search_content_title a:hover { } .tipue_search_content_url{ word-wrap: break-word; hyphens: auto; } .tipue_search_content_url a{ text-decoration: none; } .tipue_search_content_url a:hover{ } .tipue_search_content_text{ word-wrap: break-word; hyphens: auto; margin-top: 3px; } .tipue_search_content_debug{ margin: 5px 0; } .h01{ font-weight: 400; } #stacks_in_235_page0_tipue_search_foot{ margin: 51px 0 21px 0; } #stacks_in_235_page0_tipue_search_foot_boxes{ padding: 0; margin: 0; } #stacks_in_235_page0_tipue_search_foot_boxes li { list-style: none; margin: 0; padding: 0; display: inline; cursor:pointer; } #stacks_in_235_page0_tipue_search_foot_boxes li a{ padding: 10px 17px 11px 17px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 1px; color: #333; margin-right: 7px; text-decoration: none; text-align: center; } #stacks_in_235_page0_tipue_search_foot_boxes li.current{ padding: 10px 17px 11px 17px; background: #f6f6f6; border: 1px solid #e2e2e2; border-radius: 1px; color: #333; margin-right: 7px; text-align: center; } #stacks_in_235_page0_tipue_search_foot_boxes li a:hover{ background: #f6f6f6; } /* spinner */ .tipue_search_spinner { padding: 31px 0; width: 50px; height: 28px; } .tipue_search_spinner > div:after { content: "\f29a"; font-family: "Ionicons"; font-size: 24px; padding: 10px; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .tipue_search_spinner .tipue_search_rect2 { display: none; } .tipue_search_spinner .tipue_search_rect3 { display: none; } #stacks_in_235_page0_tipue_search_content .tipue_search_content_url { margin-top: 3px; } #stacks_in_235_page0_tipue_search_content .tipue_search_content_text { margin-top: 8px; } /**/ @-webkit-keyframes stretchdelay{ from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes stretchdelay{ from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media all and (max-width: 1280px) { .menu-loaded.menu-active main { padding-left: 80px; } .sidebar-mobile-active.menu-loaded main { padding-left: 80px; } } #stacks_in_235_page0 .additional-pages, #stacks_in_235_page0 .excluded-pages { display: none; } #slice_mez_237_page0 { padding: 2px !important; margin: 4px !important; display: inline-block !important; width: 50% !important; box-sizing: border-box !important; border: 1px solid rgba(0,0,0,0.2); background: transparent !important; } #slice_mez_237_page0.selected { border-color: #2680fc !important; } #slice_mez_237_page0 .stacks-button-DB.info { right: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_237_page0 .stacks-button-DB.close { left: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_237_page0 > div:nth-child(2) { display: none !important; } #slice_mez_237_page0.hidden > #stacks_in_237_page0 { opacity: 1; height: 0px; min-height: 0px; overflow: hidden; } #slice_mez_238_page0 { padding: 2px !important; margin: 4px !important; display: inline-block !important; width: 50% !important; box-sizing: border-box !important; border: 1px solid rgba(0,0,0,0.2); background: transparent !important; } #slice_mez_238_page0.selected { border-color: #2680fc !important; } #slice_mez_238_page0 .stacks-button-DB.info { right: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_238_page0 .stacks-button-DB.close { left: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_238_page0 > div:nth-child(2) { display: none !important; } #slice_mez_238_page0.hidden > #stacks_in_238_page0 { opacity: 1; height: 0px; min-height: 0px; overflow: hidden; } #stacks_in_251_page0.siphon-stack { box-sizing: content-box; overflow: hidden; position: relative; background-attachment: fixed; /* background-color : #FFFFFF;*/ background-image : url(../files/backgroundImage_251.jpg); background-repeat: repeat; background-position: center center; background-size: cover; margin: 0px 0px 0px 0px; transition: height 600ms ease-in; } @-webkit-keyframes gradAnimate { 0%{background-position:20% 0%} 50%{background-position:81% 100%} 100%{background-position:20% 0%} } @-moz-keyframes gradAnimate { 0%{background-position:20% 0%} 50%{background-position:81% 100%} 100%{background-position:20% 0%} } @-o-keyframes gradAnimate { 0%{background-position:20% 0%} 50%{background-position:81% 100%} 100%{background-position:20% 0%} } @keyframes gradAnimate { 0%{background-position:20% 0%} 50%{background-position:81% 100%} 100%{background-position:20% 0%} } .siphon-pagstacks_in_251_page0 { z-index: 100; width: 100%; } .siphon-pagstacks_in_251_page0 div { max-width: 1170px; margin: 0 auto; padding: 0px 0px 15px 0px; box-sizing: border-box; text-align: center; } .siphon-pagstacks_in_251_page0 span { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid rgba(255, 255, 255, 0.60);; border-radius: 50%; display: inline-block; cursor: pointer; margin-right: 5px; position: relative; transition: all 300ms ease-in; } .siphon-pagstacks_in_251_page0 span:hover { background: rgba(255, 255, 255, 0.60);; } .siphon-pagstacks_in_251_page0 span:after{ width: 5px; height: 2px; background: rgba(255, 255, 255, 0.60);; position: absolute; content: " "; right: -7px; top: 6px; } .siphon-pagstacks_in_251_page0 span:last-child:after{ display: none; } .siphon-pagstacks_in_251_page0 span.active { background: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 1.00);; cursor: default; } .siphon-pagstacks_in_251_page0 .siphon-pag-back { height: 20px; width: 20px; display: inline-block; vertical-align: top; margin-right: 5px; color: rgba(255, 255, 255, 0.60); } .siphon-pagstacks_in_251_page0 .siphon-pag-back.disable-back { opacity: .5; pointer-events: none; cursor: default; } .siphon-pagstacks_in_251_page0 .siphon-pag-back svg { fill: rgba(255, 255, 255, 0.60); transition: all 300ms ease-in; } .siphon-pagstacks_in_251_page0 .siphon-pag-back svg:hover { fill: rgba(255, 255, 255, 1.00); cursor: pointer; } #stacks_in_251_page0 .siphon-hide { display: none; } #stacks_in_251_page0 .siphon-hide.has-button { display: block; } #stacks_in_251_page0 .siphon-hide.has-button * { display: none; } #stacks_in_251_page0 .siphon-hide.has-button button { display: block; } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox { margin: 15px 0px 0px 0px; } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox ~ .checkbox { margin: 0px; } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox input { -webkit-appearance: none; appearance: none; opacity: 0 !important; padding: 0px 5px 0px 0px; margin: 0; width: 100%; height: 26px; position: absolute; left: 0; cursor: pointer; z-index: 100; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0); } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox label { padding-left: 21px; position: relative; z-index: 1; } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox label:before { content: "\f096"; display: inline-block; box-sizing: content-box; font-family: fontawesome; vertical-align: bottom; position:absolute; left: 0; text-align: left; } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox input:disabled { cursor: not-allowed; } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox input:disabled + label { opacity: .6; } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox input:checked +label:before { content: "\f046"; } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox input[type="radio"] + label:before { content: "\f10c"; } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox input[type="radio"]:checked + label:before { content: "\f192"; } #stacks_in_251_page0.siphon-stack > .siphon-section { position: absolute; opacity: 0; top: 0; left: 100%; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 60px 30px 60px 30px; max-width: 1170px; visibility: hidden; text-align: center; transition: opacity 300ms ease-in; } #stacks_in_251_page0.siphon-stack .siphon-section .siphon-back { color: rgba(255, 255, 255, 0.60); margin-top: 30px; } #stacks_in_251_page0.siphon-stack .siphon-section.back-at-top { border-top: 10px solid transparent; } #stacks_in_251_page0.siphon-stack .siphon-section.back-at-top .siphon-back { margin: 0px; position: absolute; top: 10px; top: -0px; left: 30px; } #stacks_in_251_page0.siphon-stack .siphon-section .siphon-back svg { fill: rgba(255, 255, 255, 0.60); width: 40px; height: 40px; transition: all 300ms ease-in; } #stacks_in_251_page0.siphon-stack .siphon-section .siphon-back svg:hover { fill: rgba(255, 255, 255, 1.00); cursor: pointer; } #stacks_in_251_page0.siphon-stack .siphon-section:first-child .siphon-back { display: none; } #stacks_in_251_page0.siphon-stack > .siphon-section.siphon-active { position: relative; opacity: 1; left: 0; height: auto; visibility: visible; } #stacks_in_251_page0 .siphon-section .siphon-question { position: relative; display: inline-block; width: 100%; opacity: 0; transition: opacity 600ms ease-in; margin-bottom: 15px; color: rgba(255, 255, 255, 1.00); font-size: 26px; line-height: 26px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align: center; } #stacks_in_251_page0 .siphon-section .text_stack, #stacks_in_251_page0 .siphon-section .siphon-answer, #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox input, #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox input + label { color: rgba(255, 255, 255, 0.60); font-size: 16px; line-height: 26px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align: center; transition: color 300ms ease-in; } #stacks_in_251_page0 .siphon-section .siphon-answer .text_stack:hover, #stacks_in_251_page0 .siphon-section .siphon-answer:hover, #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox input:hover, #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox input:hover + label { color: rgba(255, 255, 255, 1.00); } #stacks_in_251_page0 .siphon-section .siphon-answer { cursor: pointer; } #stacks_in_251_page0 > .siphon-section.siphon-active .siphon-question { opacity: 1; } #stacks_in_251_page0 > .siphon-section > div { opacity: 0; transition: opacity 300ms ease-in, color 300ms ease-in; } #stacks_in_251_page0 > .siphon-section > .siphon-answer { transition: opacity 1800ms ease-in, color 300ms ease-in; cursor: pointer; } #stacks_in_251_page0 > .siphon-section > .siphon-answer:nth-child(1) { transition: opacity 300ms ease-in, color 300ms ease-in; } #stacks_in_251_page0 > .siphon-section > .siphon-answer:nth-child(2) { transition: opacity 600ms ease-in, color 300ms ease-in; } #stacks_in_251_page0 > .siphon-section > .siphon-answer:nth-child(3) { transition: opacity 900ms ease-in, color 300ms ease-in; } #stacks_in_251_page0 > .siphon-section > .siphon-answer:nth-child(4) { transition: opacity 1200ms ease-in, color 300ms ease-in; } #stacks_in_251_page0 > .siphon-section > .siphon-answer:nth-child(5) { transition: opacity 1500ms ease-in, color 300ms ease-in; } #stacks_in_251_page0 > .siphon-section.siphon-active > div { opacity: 1; } /* Answer Styles */ #stacks_in_251_page0.siphon-stack .siphon-input-wrap, #stacks_in_251_page0.siphon-stack .siphon-input-wrap * { box-sizing: border-box; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap { position: relative; z-index: 1; display: inline-block; margin: 10px 0px 0px 0px; width: 100%; vertical-align: top; text-align: center; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap:not(.checkbox) input { position: relative; display: block; float: left; padding: 0px 15px; margin: 0; height: 45px; line-height: 45px; font-size: 18px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; border: none; border-radius: 0; -webkit-appearance: none; /* for box shadows to show on iOS */ z-index: 10; max-width: 350px; width: 80%; background: transparent; color: rgba(255, 255, 255, 1.00); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; float: none; margin: 0 auto; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap button { background: transparent; border: 3px solid rgba(255, 255, 255, 1.00); border-radius: 2px; padding: 0px 15px; height: 45px; max-width: 100px; width: 20%; opacity: 0; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -webkit-transition: all 0.3s; transition: all 0.3s; color: rgba(255, 255, 255, 1.00); font-size: 26px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; float: none; position: absolute; top: 0; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap.siphon-visible-button button, #stacks_in_251_page0.siphon-stack .siphon-input-wrap.siphon-file button, #stacks_in_251_page0.siphon-stack .siphon-input-wrap.checkbox button{ -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); opacity: 1; width: 100px; float: left; clear: left; margin-top: 30px; width: 100%; max-width: 350px; position: relative; float: none; display: block; margin: 20px auto 0px ; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap.checkbox button{ float: none; display: block; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap button .checkmark { height: 39px; stroke-width: 4; stroke: rgba(255, 255, 255, 1.00); stroke-miterlimit: 10; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap button .checkmark-check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 0; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap button:hover { background: rgba(255,255,255,0.2); cursor: pointer; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap button:active { background: rgba(255,255,255,0.2); } #stacks_in_251_page0.siphon-stack .siphon-input-wrap input:focus, #stacks_in_251_page0.siphon-stack .siphon-input-wrap textarea:focus, #stacks_in_251_page0.siphon-stack .siphon-input-wrap button:focus { outline: none; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap.input-focused button { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); opacity: 1; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { display: inline-block; float: left; clear: left; padding: 0 15px; border-radius: 2px; color: rgba(255, 255, 255, 0.40); font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; width: 80%; max-width: 350px; text-align: left; margin: 0px; float: none; margin: 0 auto; text-align: center; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label span { position: relative; display: block; padding: 5px 0px; width: 100%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before { content: ''; position: absolute; bottom: 100%; left: 0; width: 100%; max-width: 350px; height: 45px; background: rgba(255, 255, 255, 0.40); -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; max-width: 350px; height: 3px; background: rgba(255, 255, 255, 0.40); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap textarea { background: rgba(255, 255, 255, 0.40); border-radius: 2px; border: 0px solid white; padding: 15px 15px; margin: 0; height: 200px; opacity: 1; z-index: 10; width: 80%; max-width: 350px; -webkit-transition: all 0.3s; transition: all 0.3s; color: rgba(255, 255, 255, 1.00); font-size: 18px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap.is-required input, #stacks_in_251_page0.siphon-stack .siphon-input-wrap.is-required textarea { outline: thin solid red; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap input.is-required + label { color: red !important; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap input:focus, #stacks_in_251_page0.siphon-stack .siphon-input-wrap.input-focused input, #stacks_in_251_page0.siphon-stack .siphon-input-wrap.is-required input { opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap input::before, #stacks_in_251_page0.siphon-stack .siphon-input-wrap.input-focused:not(.checkbox):not(.siphon-file) label::before, #stacks_in_251_page0.siphon-stack .siphon-input-wrap.input-focused label::before, #stacks_in_251_page0.siphon-stack .siphon-input-wrap.is-required label::before { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); } #stacks_in_251_page0.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap label, #stacks_in_251_page0.siphon-stack .siphon-input-wrap.input-focused label, #stacks_in_251_page0.siphon-stack .siphon-input-wrap.is-required label { pointer-events: none; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap label::after, #stacks_in_251_page0.siphon-stack .siphon-input-wrap.input-focused label::after, #stacks_in_251_page0.siphon-stack .siphon-input-wrap.is-required label::after { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); } #stacks_in_251_page0 .siphon-section .siphon-input-wrap input[type='file'] { margin: 15px 0px; } /* Submit slide styles */ #stacks_in_251_page0.siphon-stack .siphon-submit button, #stacks_in_251_page0 .siphon-section .siphon-input-wrap.siphon-file label { background: transparent; border: 3px solid rgba(255, 255, 255, 1.00); border-radius: 2px; padding: 0px 15px; height: 45px; margin: 15px 0px; color: rgba(255, 255, 255, 1.00); font-size: 18px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; position: relative; z-index: 1; overflow: hidden; } #stacks_in_251_page0.siphon-stack .siphon-submit button:hover, #stacks_in_251_page0 .siphon-section .siphon-input-wrap.siphon-file label:hover { background: rgba(255,255,255,0.2); cursor: pointer; } #stacks_in_251_page0.siphon-stack .siphon-submit button:active, #stacks_in_251_page0 .siphon-section .siphon-input-wrap.siphon-file label:active { background: rgba(255,255,255,0.2); } #stacks_in_251_page0.siphon-stack .siphon-submit button:focus { outline: none; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap.siphon-textarea button { width: 100%; max-width: 350px; position: relative; float: none; display: block; margin: 0 auto; } #stacks_in_251_page0.siphon-stack .siphon-mail-error { color: white; background: #FF4444; border: 1px solid #FF2222; padding: 10px; border-radius: 4px; margin: 30px 0px 0px 0px; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); } #stacks_in_251_page0 .siphon-loader { height: 40px; width: 40px; text-align: center; padding: 0; margin: 20px 0px 20px 0px; display: inline-block; position: absolute; opacity: 0; transition: opacity 300ms ease-in; pointer-events: none; z-index: 0; } #stacks_in_251_page0 .siphon-loader svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_251_page0.siphon-email-submited .siphon-loader { position: relative; opacity: 1; -webkit-animation: load3 1.4s infinite linear; animation: load3 1.4s infinite linear; } @-webkit-keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #stacks_in_251_page0.siphon-email-submited .siphon-submit button, #stacks_in_251_page0.siphon-email-submited .siphon-back { display: none; } #stacks_in_251_page0.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) input, #stacks_in_251_page0.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) input, #stacks_in_251_page0.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) label, #stacks_in_251_page0.siphon-stack .s3_column .siphon-input-wrap textarea, #stacks_in_251_page0.siphon-stack .s3_column .siphon-input-wrap button, #stacks_in_251_page0.siphon-email-submited .s3_column .siphon-submit button, #stacks_in_251_page0 .siphon-section .s3_column .siphon-input-wrap.siphon-file label, #stacks_in_251_page0.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { width: 100%; max-width: 100%; position: relative; float: none; } #stacks_in_251_page0.siphon-stack .s3_column .siphon-input-wrap label::after, #stacks_in_251_page0.siphon-stack .s3_column .siphon-input-wrap label::before, #stacks_in_251_page0.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after, #stacks_in_251_page0.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before { width: 100%; max-width: 100%; float: none; } @media all and (max-width: 640px) { #stacks_in_251_page0.siphon-stack .siphon-input-wrap:not(.checkbox) input, #stacks_in_251_page0.siphon-stack .siphon-input-wrap:not(.checkbox) input, #stacks_in_251_page0.siphon-stack .siphon-input-wrap:not(.checkbox) label, #stacks_in_251_page0.siphon-stack .siphon-input-wrap textarea, #stacks_in_251_page0.siphon-stack .siphon-input-wrap button, #stacks_in_251_page0.siphon-email-submited .siphon-submit button, #stacks_in_251_page0 .siphon-section .siphon-input-wrap.siphon-file label, #stacks_in_251_page0.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { width: 100%; max-width: 100%; position: relative; float: none; } #stacks_in_251_page0.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after, #stacks_in_251_page0.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before { width: 100%; max-width: 100%; float: none; } } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.checkbox label:before { } /* Edit mode styles */ #stacks_in_251_page0 .autoreply {display: none;} /* ======================================= File ======================================= */ #stacks_in_251_page0 .siphon-section .siphon-input-wrap.siphon-file input { opacity: 0; } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.siphon-file label { display: inline-block; line-height: 40px; position: absolute !important; z-index: 100; left:0; top: 0; } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.siphon-file label { left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } #stacks_in_251_page0 .siphon-section .siphon-input-wrap.siphon-file input:before { content: "\f192"; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_252_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_254_page0 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_256_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_258_page0 textarea { height: 200px !important; } #stacks_in_262_page0 textarea { height: 200px !important; } #stacks_in_266_page0 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_271_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_273_page0 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_277_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_279_page0 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_281_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_283_page0 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_285_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_287_page0 textarea { height: 200px !important; } #stacks_in_291_page0 textarea { height: 200px !important; } #stacks_in_295_page0 textarea { height: 200px !important; } #stacks_in_299_page0 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_304_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_306_page0 textarea { height: 200px !important; } #stacks_in_310_page0 textarea { height: 200px !important; } #stacks_in_314_page0 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_319_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_321_page0 textarea { height: 200px !important; } #stacks_in_325_page0 textarea { height: 200px !important; } #stacks_in_329_page0 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_334_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_336_page0 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_338_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_370_page0 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_353_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_355_page0 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_358_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_360_page0 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_363_page0:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_371_page0 textarea { height: 200px !important; } #stacks_in_20_page0 .ccs-math { display: none; } #stacks_in_20_page0 .ccs-math.ccs-show { display: inline-block; color: rgba(119, 119, 119, 1.00); font-size: 16px; line-height: 26px; font-family: inherit; } #stacks_in_20_page0 .custom-calculations-stack { display: none; } #stacks_in_20_page0 input:focus { outline: none; } .ccs-number-wrap { position: relative; } .ccs-number-wrap .ccs-number { position: absolute; background: black; color: white; display: inline-block; width: 100px; z-index: 100; top:0; left: 0; padding: 2px; text-align: center; opacity: .1; pointer-events: none; transition: opacity 300ms linear; cursor: help; } .ccs-number-wrap:hover .ccs-number{ opacity: 1; } .ccs-number-wrap .ccs-number strong { color: gold; } #stacks_in_20_page0 .ccs-error div { padding: 5px; background: #ff4444; color: rgba(255,255,255,0.75); font-size: 16px; line-height: 22px; font-family: inherit; font-weight: 200; } #stacks_in_20_page0 .ccs-error strong { color: #fff; } #stacks_in_20_page0 .ccs-error .highlight { background-color: #ffff44; color: #333; } #stacks_in_20_page0 { font-family: inherit; } /* CALCULATOR */ #stacks_in_20_page0 .ccs-calculator { box-sizing: border-box; display: block; max-width: 600px; width: 100%; border: 1px solid rgba(0,0,0,0.1); margin: 0 auto; padding: 0px 0px 18px 0px; } #stacks_in_20_page0 .ccs-calculator .ccs-import { padding: 0px 20px 0px 20px; position: relative; margin: 0; } #stacks_in_20_page0 .ccs-calculator .ccs-import input, #stacks_in_20_page0 .ccs-calculator .ccs-import output, #stacks_in_20_page0 .ccs-calculator .ccs-import .select-wrap { margin: 5px 0px 0px 0px; } #stacks_in_20_page0 .ccs-calculator .ccs-import.ccs-answer label { margin: 18px 0px 5px 0px; } #stacks_in_20_page0 .ccs-calculator .ccs-no-label .ccs-import { padding: 0px 20px 0px 20px; } #stacks_in_20_page0 .ccs-calculator .ccs-import input.ccs-value, #stacks_in_20_page0 .ccs-calculator .ccs-import select.ccs-value, #stacks_in_20_page0 .ccs-calculator .ccs-import input.date-range-1, #stacks_in_20_page0 .ccs-calculator .ccs-import input.date-range-2 { box-sizing: border-box; padding: 5px 10px; color: rgba(119, 119, 119, 1.00); font-size: 16px; line-height: 26px; height: 36px; font-family: inherit; border-radius: 0px; } #stacks_in_20_page0 .ccs-calculator .ccs-import .select-wrap:after { } #stacks_in_20_page0 .ccs-calculator .ccs-import input.ccs-slider { padding: 0; } #stacks_in_20_page0 .ccs-calculator .ccs-import .ccs-units, #stacks_in_20_page0 .ccs-calculator .ccs-import output, #stacks_in_20_page0 .ccs-calculator .ccs-import .ccs-checkbox-text { box-sizing: border-box; padding: 5px 0px 5px 0px ; font-size: 16px; line-height: 26px; height: 36px; display: inline-block; color: rgba(153, 153, 153, 1.00); } #stacks_in_20_page0 .ccs-calculator .ccs-import .ccs-units:empty { display: none; } #stacks_in_20_page0 .ccs-calculator .ccs-answer { font-family: inherit; box-sizing: border-box; font-size: 20px; line-height: 20px; display: inline-block; color: rgba(119, 119, 119, 1.00); } #stacks_in_20_page0 .ccs-calculator .ccs-answer .ccs-prefix { color: rgba(153, 153, 153, 1.00); } #stacks_in_20_page0 .ccs-calculator .ccs-answer .ccs-postfix { color: rgba(153, 153, 153, 1.00); } #stacks_in_20_page0 .ccs-calculator .ccs-import .ccs-checkbox-text { max-width: 85%; line-height: 20px; margin-left: 5px; box-sizing: content-box; height: auto; } #stacks_in_20_page0 .ccs-calculator .ccs-import output { vertical-align: top; } #stacks_in_20_page0 .ccs-calculator .ccs-import label { color: rgba(153, 153, 153, 1.00); margin: 18px 0px 0px 0px; display: block; font-size: 18px; line-height: 20px; font-weight: bold; } #stacks_in_20_page0 .ccs-calculator .ccs-import select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #stacks_in_20_page0 .ccs-calculator .ccs-import input.ccs-slider { background: none; box-shadow: none !important; border: 1px solid transparent !important; } #stacks_in_20_page0 .ccs-calculator .ccs-import .select-wrap { position: relative; } #stacks_in_20_page0 .ccs-calculator .ccs-import .select-wrap:after { content:'<>'; font-family: "Consolas", monospace; color: rgba(119, 119, 119, 1.00); height: 50%; padding: 0px 5px; position: absolute; right: 0; top: 10px; pointer-events: none; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } #stacks_in_20_page0 .ccs-calculator .ccs-import { float: left; display: inline-block; box-sizing: border-box; } #stacks_in_20_page0 .ccs-row, #stacks_in_20_page0 .column-100 { display: inline-block; width: 100%; } #stacks_in_20_page0 .ccs-row .column-50.ccs-no-label:last-child .ccs-import { padding-top: 38px; } /* THEMES */ #stacks_in_20_page0 .ccs-calculator .ccs-import input.ccs-checkbox { height: auto; margin-top: 7px; } #stacks_in_20_page0 .ccs-calculator { background-color: rgba(248, 255, 246, 1.00); } #stacks_in_20_page0 .ccs-output { margin-top: 18px; border-top: 1px solid rgba(0,0,0,0.15); padding-top: 0px; } #stacks_in_20_page0 .ccs-calculator .ccs-import input.ccs-value, #stacks_in_20_page0 .ccs-calculator .ccs-import select.ccs-value, #stacks_in_20_page0 .ccs-calculator .ccs-import input.date-range-1, #stacks_in_20_page0 .ccs-calculator .ccs-import input.date-range-2 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.15); } #stacks_in_20_page0 .ccs-calculator .ccs-import .select-wrap:after { background-color: #f6f6f6; } /* Super Forms Fix */ .com_onelittledesigner_stacks_Super_Forms_Input_stack { display: block !important; } .ccs-stacks_in_21_page0 { } .ccs-stacks_in_21_page0 .ccs-units { } .ccs-stacks_in_21_page0 .ccs-import { width: 100%; min-width: 150px; margin-bottom: 8px; } @media all and (max-width: 500px) { .ccs-stacks_in_21_page0 .ccs-import { width: 100%; } } .ccs-stacks_in_21_page0 .ccs-import .ccs-value, .ccs-stacks_in_21_page0 .ccs-import .ccs-units { margin: 0px 0px 0px 0px; } .ccs-stacks_in_21_page0 input, .ccs-stacks_in_21_page0 select { width: 100%; padding: 0px 5px; margin: 10px 0px; box-sizing: border-box; } .ccs-stacks_in_21_page0 input.ccs-checkbox { width: auto; } .ccs-stacks_in_21_page0 .ccs-checkbox-text { vertical-align: top; } .ccs-stacks_in_21_page0 input.date-range-1, .ccs-stacks_in_21_page0 input.date-range-2 { max-width: 134px; width: 100%; padding: 0px 5px; cursor: pointer; box-sizing: border-box; } .ccs-stacks_in_21_page0 input.date-range-1 { margin: 5px 5px 5px 0px !important; } .ccs-stacks_in_21_page0 input.date-range-2 { margin: 0px 0px 5px 0px !important; } .ccs-stacks_in_21_page0 .ccs-slider { max-width: 280px; width: 100% display: inline-block; } .ccs-stacks_in_21_page0 .select-wrap { max-width: 280px; width: 100%; display: inline-block; } .ccs-stacks_in_21_page0 .ccs-number { max-width: 280px; width: 100%; margin: 10px 10px 10px 0px; margin: 10px 10px 0px 0px; } .ccs-stacks_in_21_page0 output, .ccs-stacks_in_21_page0 .ccs-units { display: inline-block; margin: 0px 0px 0px 5px; padding: 0px 0px; box-sizing: border-box; } .ccs-stacks_in_21_page0 output { margin: 0px; width: -180%; text-align: left; border-left: 3px solid transparent; } .ccs-stacks_in_33_page0 { } .ccs-stacks_in_33_page0 .ccs-units { } .ccs-stacks_in_33_page0 .ccs-import { width: 100%; min-width: 150px; margin-bottom: 8px; } @media all and (max-width: 500px) { .ccs-stacks_in_33_page0 .ccs-import { width: 100%; } } .ccs-stacks_in_33_page0 .ccs-import .ccs-value, .ccs-stacks_in_33_page0 .ccs-import .ccs-units { margin: 0px 0px 0px 0px; } .ccs-stacks_in_33_page0 input, .ccs-stacks_in_33_page0 select { width: 100%; padding: 0px 5px; margin: 10px 0px; box-sizing: border-box; } .ccs-stacks_in_33_page0 input.ccs-checkbox { width: auto; } .ccs-stacks_in_33_page0 .ccs-checkbox-text { vertical-align: top; } .ccs-stacks_in_33_page0 input.date-range-1, .ccs-stacks_in_33_page0 input.date-range-2 { max-width: 134px; width: 100%; padding: 0px 5px; cursor: pointer; box-sizing: border-box; } .ccs-stacks_in_33_page0 input.date-range-1 { margin: 5px 5px 5px 0px !important; } .ccs-stacks_in_33_page0 input.date-range-2 { margin: 0px 0px 5px 0px !important; } .ccs-stacks_in_33_page0 .ccs-slider { max-width: 280px; width: 100% display: inline-block; } .ccs-stacks_in_33_page0 .select-wrap { max-width: 280px; width: 100%; display: inline-block; } .ccs-stacks_in_33_page0 .ccs-number { max-width: 280px; width: 100%; margin: 10px 10px 10px 0px; margin: 10px 10px 0px 0px; } .ccs-stacks_in_33_page0 output, .ccs-stacks_in_33_page0 .ccs-units { display: inline-block; margin: 0px 0px 0px 5px; padding: 0px 0px; box-sizing: border-box; } .ccs-stacks_in_33_page0 output { margin: 0px; width: -180%; text-align: left; border-left: 3px solid transparent; } .ccs-stacks_in_72_page0 { } .ccs-stacks_in_72_page0 .ccs-units { } .ccs-stacks_in_72_page0 .ccs-import { width: 100%; min-width: 150px; margin-bottom: 8px; } @media all and (max-width: 500px) { .ccs-stacks_in_72_page0 .ccs-import { width: 100%; } } .ccs-stacks_in_72_page0 .ccs-import .ccs-value, .ccs-stacks_in_72_page0 .ccs-import .ccs-units { margin: 0px 0px 0px 0px; } .ccs-stacks_in_72_page0 input, .ccs-stacks_in_72_page0 select { width: 100%; padding: 0px 5px; margin: 10px 0px; box-sizing: border-box; } .ccs-stacks_in_72_page0 input.ccs-checkbox { width: auto; } .ccs-stacks_in_72_page0 .ccs-checkbox-text { vertical-align: top; } .ccs-stacks_in_72_page0 input.date-range-1, .ccs-stacks_in_72_page0 input.date-range-2 { max-width: 134px; width: 100%; padding: 0px 5px; cursor: pointer; box-sizing: border-box; } .ccs-stacks_in_72_page0 input.date-range-1 { margin: 5px 5px 5px 0px !important; } .ccs-stacks_in_72_page0 input.date-range-2 { margin: 0px 0px 5px 0px !important; } .ccs-stacks_in_72_page0 .ccs-slider { max-width: 280px; width: 100% display: inline-block; } .ccs-stacks_in_72_page0 .select-wrap { max-width: 280px; width: 100%; display: inline-block; } .ccs-stacks_in_72_page0 .ccs-number { max-width: 280px; width: 100%; margin: 10px 10px 10px 0px; margin: 10px 10px 0px 0px; } .ccs-stacks_in_72_page0 output, .ccs-stacks_in_72_page0 .ccs-units { display: inline-block; margin: 0px 0px 0px 5px; padding: 0px 0px; box-sizing: border-box; } .ccs-stacks_in_72_page0 output { margin: 0px; width: -180%; text-align: left; border-left: 3px solid transparent; } #stacks_in_117_page0{overflow:hidden}#stacks_in_117_page0 hr{opacity:1.00;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_117_page0 hr.custom{border-color:rgba(221, 221, 221, 1.00)} 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 */ .ccs-stacks_in_94_page0 { } .ccs-stacks_in_94_page0 .ccs-units { } .ccs-stacks_in_94_page0 .ccs-import { width: 100%; min-width: 150px; margin-bottom: 8px; } @media all and (max-width: 500px) { .ccs-stacks_in_94_page0 .ccs-import { width: 100%; } } .ccs-stacks_in_94_page0 .ccs-import .ccs-value, .ccs-stacks_in_94_page0 .ccs-import .ccs-units { margin: 0px 0px 0px 0px; } .ccs-stacks_in_94_page0 input, .ccs-stacks_in_94_page0 select { width: 100%; padding: 0px 5px; margin: 10px 0px; box-sizing: border-box; } .ccs-stacks_in_94_page0 input.ccs-checkbox { width: auto; } .ccs-stacks_in_94_page0 .ccs-checkbox-text { vertical-align: top; } .ccs-stacks_in_94_page0 input.date-range-1, .ccs-stacks_in_94_page0 input.date-range-2 { max-width: 134px; width: 100%; padding: 0px 5px; cursor: pointer; box-sizing: border-box; } .ccs-stacks_in_94_page0 input.date-range-1 { margin: 5px 5px 5px 0px !important; } .ccs-stacks_in_94_page0 input.date-range-2 { margin: 0px 0px 5px 0px !important; } .ccs-stacks_in_94_page0 .ccs-slider { max-width: 280px; width: 100% display: inline-block; } .ccs-stacks_in_94_page0 .select-wrap { max-width: 280px; width: 100%; display: inline-block; } .ccs-stacks_in_94_page0 .ccs-number { max-width: 280px; width: 100%; margin: 10px 10px 10px 0px; margin: 10px 10px 0px 0px; } .ccs-stacks_in_94_page0 output, .ccs-stacks_in_94_page0 .ccs-units { display: inline-block; margin: 0px 0px 0px 5px; padding: 0px 0px; box-sizing: border-box; } .ccs-stacks_in_94_page0 output { margin: 0px; width: -180%; text-align: left; border-left: 3px solid transparent; } #stacks_in_116_page0{overflow:hidden}#stacks_in_116_page0 hr{opacity:1.00;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_116_page0 hr.custom{border-color:rgba(221, 221, 221, 1.00)} .ccs-stacks_in_177_page0 { } .ccs-stacks_in_177_page0 .ccs-units { } .ccs-stacks_in_177_page0 .ccs-import { width: 100%; min-width: 150px; margin-bottom: 8px; } @media all and (max-width: 500px) { .ccs-stacks_in_177_page0 .ccs-import { width: 100%; } } .ccs-stacks_in_177_page0 .ccs-import .ccs-value, .ccs-stacks_in_177_page0 .ccs-import .ccs-units { margin: 0px 0px 0px 0px; } .ccs-stacks_in_177_page0 input, .ccs-stacks_in_177_page0 select { width: 100%; padding: 0px 5px; margin: 10px 0px; box-sizing: border-box; } .ccs-stacks_in_177_page0 input.ccs-checkbox { width: auto; } .ccs-stacks_in_177_page0 .ccs-checkbox-text { vertical-align: top; } .ccs-stacks_in_177_page0 input.date-range-1, .ccs-stacks_in_177_page0 input.date-range-2 { max-width: 134px; width: 100%; padding: 0px 5px; cursor: pointer; box-sizing: border-box; } .ccs-stacks_in_177_page0 input.date-range-1 { margin: 5px 5px 5px 0px !important; } .ccs-stacks_in_177_page0 input.date-range-2 { margin: 0px 0px 5px 0px !important; } .ccs-stacks_in_177_page0 .ccs-slider { max-width: 280px; width: 100% display: inline-block; } .ccs-stacks_in_177_page0 .select-wrap { max-width: 280px; width: 100%; display: inline-block; } .ccs-stacks_in_177_page0 .ccs-number { max-width: 280px; width: 100%; margin: 10px 10px 10px 0px; margin: 10px 10px 0px 0px; } .ccs-stacks_in_177_page0 output, .ccs-stacks_in_177_page0 .ccs-units { display: inline-block; margin: 0px 0px 0px 5px; padding: 0px 0px; box-sizing: border-box; } .ccs-stacks_in_177_page0 output { margin: 0px; width: -180%; text-align: left; border-left: 3px solid transparent; } .ccs-stacks_in_112_page0 { } .ccs-stacks_in_112_page0 .ccs-units { } .ccs-stacks_in_112_page0 .ccs-import { width: 100%; min-width: 150px; margin-bottom: 8px; } @media all and (max-width: 500px) { .ccs-stacks_in_112_page0 .ccs-import { width: 100%; } } .ccs-stacks_in_112_page0 .ccs-import .ccs-value, .ccs-stacks_in_112_page0 .ccs-import .ccs-units { margin: 0px 0px 0px 0px; } .ccs-stacks_in_112_page0 input, .ccs-stacks_in_112_page0 select { width: 100%; padding: 0px 5px; margin: 10px 0px; box-sizing: border-box; } .ccs-stacks_in_112_page0 input.ccs-checkbox { width: auto; } .ccs-stacks_in_112_page0 .ccs-checkbox-text { vertical-align: top; } .ccs-stacks_in_112_page0 input.date-range-1, .ccs-stacks_in_112_page0 input.date-range-2 { max-width: 134px; width: 100%; padding: 0px 5px; cursor: pointer; box-sizing: border-box; } .ccs-stacks_in_112_page0 input.date-range-1 { margin: 5px 5px 5px 0px !important; } .ccs-stacks_in_112_page0 input.date-range-2 { margin: 0px 0px 5px 0px !important; } .ccs-stacks_in_112_page0 .ccs-slider { max-width: 280px; width: 100% display: inline-block; } .ccs-stacks_in_112_page0 .select-wrap { max-width: 280px; width: 100%; display: inline-block; } .ccs-stacks_in_112_page0 .ccs-number { max-width: 280px; width: 100%; margin: 10px 10px 10px 0px; margin: 10px 10px 0px 0px; } .ccs-stacks_in_112_page0 output, .ccs-stacks_in_112_page0 .ccs-units { display: inline-block; margin: 0px 0px 0px 5px; padding: 0px 0px; box-sizing: border-box; } .ccs-stacks_in_112_page0 output { margin: 0px; width: -180%; text-align: left; border-left: 3px solid transparent; } .ccs-stacks_in_139_page0 { } .ccs-stacks_in_139_page0 .ccs-units { } .ccs-stacks_in_139_page0 .ccs-import { width: 100%; min-width: 150px; margin-bottom: 8px; } @media all and (max-width: 500px) { .ccs-stacks_in_139_page0 .ccs-import { width: 100%; } } .ccs-stacks_in_139_page0 .ccs-import .ccs-value, .ccs-stacks_in_139_page0 .ccs-import .ccs-units { margin: 0px 0px 0px 0px; } .ccs-stacks_in_139_page0 input, .ccs-stacks_in_139_page0 select { width: 100%; padding: 0px 5px; margin: 10px 0px; box-sizing: border-box; } .ccs-stacks_in_139_page0 input.ccs-checkbox { width: auto; } .ccs-stacks_in_139_page0 .ccs-checkbox-text { vertical-align: top; } .ccs-stacks_in_139_page0 input.date-range-1, .ccs-stacks_in_139_page0 input.date-range-2 { max-width: 134px; width: 100%; padding: 0px 5px; cursor: pointer; box-sizing: border-box; } .ccs-stacks_in_139_page0 input.date-range-1 { margin: 5px 5px 5px 0px !important; } .ccs-stacks_in_139_page0 input.date-range-2 { margin: 0px 0px 5px 0px !important; } .ccs-stacks_in_139_page0 .ccs-slider { max-width: 280px; width: 100% display: inline-block; } .ccs-stacks_in_139_page0 .select-wrap { max-width: 280px; width: 100%; display: inline-block; } .ccs-stacks_in_139_page0 .ccs-number { max-width: 280px; width: 100%; margin: 10px 10px 10px 0px; margin: 10px 10px 0px 0px; } .ccs-stacks_in_139_page0 output, .ccs-stacks_in_139_page0 .ccs-units { display: inline-block; margin: 0px 0px 0px 5px; padding: 0px 0px; box-sizing: border-box; } .ccs-stacks_in_139_page0 output { margin: 0px; width: -180%; text-align: left; border-left: 3px solid transparent; } .ccs-stacks_in_113_page0 { } .ccs-stacks_in_113_page0 .ccs-units { } .ccs-stacks_in_113_page0 .ccs-import { width: 100%; min-width: 150px; margin-bottom: 8px; } @media all and (max-width: 500px) { .ccs-stacks_in_113_page0 .ccs-import { width: 100%; } } .ccs-stacks_in_113_page0 .ccs-import .ccs-value, .ccs-stacks_in_113_page0 .ccs-import .ccs-units { margin: 0px 0px 0px 0px; } .ccs-stacks_in_113_page0 input, .ccs-stacks_in_113_page0 select { width: 100%; padding: 0px 5px; margin: 10px 0px; box-sizing: border-box; } .ccs-stacks_in_113_page0 input.ccs-checkbox { width: auto; } .ccs-stacks_in_113_page0 .ccs-checkbox-text { vertical-align: top; } .ccs-stacks_in_113_page0 input.date-range-1, .ccs-stacks_in_113_page0 input.date-range-2 { max-width: 134px; width: 100%; padding: 0px 5px; cursor: pointer; box-sizing: border-box; } .ccs-stacks_in_113_page0 input.date-range-1 { margin: 5px 5px 5px 0px !important; } .ccs-stacks_in_113_page0 input.date-range-2 { margin: 0px 0px 5px 0px !important; } .ccs-stacks_in_113_page0 .ccs-slider { max-width: 280px; width: 100% display: inline-block; } .ccs-stacks_in_113_page0 .select-wrap { max-width: 280px; width: 100%; display: inline-block; } .ccs-stacks_in_113_page0 .ccs-number { max-width: 280px; width: 100%; margin: 10px 10px 10px 0px; margin: 10px 10px 0px 0px; } .ccs-stacks_in_113_page0 output, .ccs-stacks_in_113_page0 .ccs-units { display: inline-block; margin: 0px 0px 0px 5px; padding: 0px 0px; box-sizing: border-box; } .ccs-stacks_in_113_page0 output { margin: 0px; width: -180%; text-align: left; border-left: 3px solid transparent; } .ccs-stacks_in_32_page0 { } .ccs-stacks_in_32_page0 .ccs-units { } .ccs-stacks_in_32_page0 .ccs-import { width: 100%; min-width: 150px; margin-bottom: 8px; } @media all and (max-width: 500px) { .ccs-stacks_in_32_page0 .ccs-import { width: 100%; } } .ccs-stacks_in_32_page0 .ccs-import .ccs-value, .ccs-stacks_in_32_page0 .ccs-import .ccs-units { margin: 0px 0px 0px 0px; } .ccs-stacks_in_32_page0 input, .ccs-stacks_in_32_page0 select { width: 100%; padding: 0px 5px; margin: 10px 0px; box-sizing: border-box; } .ccs-stacks_in_32_page0 input.ccs-checkbox { width: auto; } .ccs-stacks_in_32_page0 .ccs-checkbox-text { vertical-align: top; } .ccs-stacks_in_32_page0 input.date-range-1, .ccs-stacks_in_32_page0 input.date-range-2 { max-width: 134px; width: 100%; padding: 0px 5px; cursor: pointer; box-sizing: border-box; } .ccs-stacks_in_32_page0 input.date-range-1 { margin: 5px 5px 5px 0px !important; } .ccs-stacks_in_32_page0 input.date-range-2 { margin: 0px 0px 5px 0px !important; } .ccs-stacks_in_32_page0 .ccs-slider { max-width: 280px; width: 100% display: inline-block; } .ccs-stacks_in_32_page0 .select-wrap { max-width: 280px; width: 100%; display: inline-block; } .ccs-stacks_in_32_page0 .ccs-number { max-width: 280px; width: 100%; margin: 10px 10px 10px 0px; margin: 10px 10px 0px 0px; } .ccs-stacks_in_32_page0 output, .ccs-stacks_in_32_page0 .ccs-units { display: inline-block; margin: 0px 0px 0px 5px; padding: 0px 0px; box-sizing: border-box; } .ccs-stacks_in_32_page0 output { margin: 0px; width: -180%; text-align: left; border-left: 3px solid transparent; }