.btn-group-rounded .button-group-btn:first-of-type a{border-top-left-radius:50px!important;border-bottom-left-radius:50px!important}.btn-group-rounded .button-group-btn:last-of-type a{border-top-right-radius:50px!important;border-bottom-right-radius:50px!important}@media only screen and (min-width:600px){.btn-group-rounded-m .button-group-btn:first-of-type a{border-top-left-radius:50px!important;border-bottom-left-radius:50px!important}.btn-group-rounded-m .button-group-btn:last-of-type a{border-top-right-radius:50px!important;border-bottom-right-radius:50px!important}} #stacks_in_602 h2,#stacks_in_602 h2 a,#stacks_in_602 p,#stacks_in_602 p a{ color:rgba(102, 102, 102, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-variant:small-caps; text-shadow: 0px 1px 1px rgba(85, 85, 85, 1.00); } #stacks_in_602 p a:hover, #stacks_in_602 h2 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_604 h2,#stacks_in_604 h2 a,#stacks_in_604 p,#stacks_in_604 p a{ color:rgba(102, 102, 102, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; text-shadow: 0px 1px 1px rgba(85, 85, 85, 1.00); } #stacks_in_604 p a:hover, #stacks_in_604 h2 a:hover{ color:rgba(204, 204, 204, 1.00); } .stacks_in_605 .source-button{ }.stacks_in_605 .source-button,#stacks_in_605 .s-button-group{display:block}#stacks_in_605 .s-button-group .button-group-btn{padding-right:0!important}@media only screen and (max-width:600px){.stacks_in_605 .source-button,#stacks_in_605 .s-button-group{display:block}#stacks_in_605 .s-button-group .button-group-btn{padding-right:0!important}}#stacks_in_605 .s-button-group{justify-content:flex-start}#stacks_in_605 .s-button-group .button-group-btn:not(:last-child){padding-right:4px} .stacks_in_1064 .source-button{ }.stacks_in_1064 .source-button,#stacks_in_1064 .s-button-group{display:block}#stacks_in_1064 .s-button-group .button-group-btn{padding-right:0!important}@media only screen and (max-width:600px){.stacks_in_1064 .source-button,#stacks_in_1064 .s-button-group{display:block}#stacks_in_1064 .s-button-group .button-group-btn{padding-right:0!important}}#stacks_in_1064 .s-button-group{justify-content:flex-start}#stacks_in_1064 .s-button-group .button-group-btn:not(:last-child){padding-right:4px} #stacks_out_1065 { width: 64%; margin-left:0; } /* * cleanAccordion * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/cleanAccordion/ * Support: http://forum.onelittledesigner.com * Version 3.6.1 */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ #accordion_stacks_in_934 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_934.transparentOn .accordion, #accordion_stacks_in_934.transparentOn .accordionTheme, #accordion_stacks_in_934.transparentOn .accordionTheme2, #accordion_stacks_in_934.transparentOn .accordionTheme dt, #accordion_stacks_in_934.transparentOn .accordionTheme2 dt, #accordion_stacks_in_934.transparentOn .accordionTheme dd, #accordion_stacks_in_934.transparentOn .accordionTheme2 dd { background-color: transparent !important; background-color: none !important; border: none !important; border-left: none !important; border-top: none !important; border-bottom: none !important; border-right: none !important; } #accordion_stacks_in_934, #accordion_stacks_in_934 > * { margin: 0; padding: 0; } #accordion_stacks_in_934.fixedHeightOn { height: 500px; } #accordion_stacks_in_934 .accordion dt, #accordion_stacks_in_934 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_934 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_934 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_934 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_934 .accordion { overflow: hidden; } #accordion_stacks_in_934 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_934 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_934 .accordion dt { background-color: transparent; } #accordion_stacks_in_934 .accordion dt a.accordionSlide { color: #191919; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_934 .accordion.tabShadowOn dt a { text-shadow: 0 1px3px #CCCCCC; } #accordion_stacks_in_934 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_934 .accordionTheme dt a, #accordion_stacks_in_934 .accordionTheme.accGradientOff dt a { border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; } #accordion_stacks_in_934.transparentOff .accordionTheme dt a, #accordion_stacks_in_934.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_934.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_934.transparentOff .accordionTheme.accGradientOn dt a { background: #EEEEEE; /* Old browsers */ background-image: linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -o-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -moz-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -webkit-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -ms-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.30, #666666), color-stop(0.55, #EEEEEE) ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#666666',GradientType=0 ); /* IE6-9 */ } #accordion_stacks_in_934.transparentOff .accordionTheme.accGradientOn dt.selected a { background: #EEEEEE !important; /* Old browsers */ background-image: linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -o-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -moz-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -ms-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.30, #666666), color-stop(0.55, #EEEEEE) ) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#666666',GradientType=0 ); /* IE6-9 */ } #accordion_stacks_in_934 .accordion dt.selected a { color: #800002 !important; } #accordion_stacks_in_934 .accordion dd { background-color: transparent; color: #CCCCCC !important; } #accordion_stacks_in_934.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_934 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_934 .accordionTheme dt { border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-style: solid; border-color: #666666; border-width: 1px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_934 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_934 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_934 .accordionTheme2 dt.selected.accordionLastDt { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; } #accordion_stacks_in_934 .accordionTheme.backgroundOn dd, #accordion_stacks_in_934 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_934 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_934 .accordionTheme.backgroundOff dd, #accordion_stacks_in_934 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_934 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_934 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_934 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_934 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_934 dt.accordionIconOn span.customIcon { display: inline; font-weight: bold; font-size: 16px; line-height: 16px; padding: none; padding-left: none; color: #000000; font-family: 'FontAwesome' !important; } #accordion_stacks_in_934 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_934 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_934 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_934 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_934 dt.accordionIconOn.animateOn span.customIcon { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; } #accordion_stacks_in_934 dt.accordionIconOn a.selected span.customIcon { color: #800002; } #accordion_stacks_in_934 dt.accordionIconOn.animateOn a.selected span.customIcon { -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -ms-transform:rotate(315deg); -o-transform:rotate(315deg); transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; } /* ===================== * Theme 2 /* ===================== */ #accordion_stacks_in_934 .accordionTheme2 dt { background-color: #E6E6E6; } #accordion_stacks_in_934.borderMinimalOff .accordionTheme2 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-style: solid; border-width: 1px; border-color: #666666; } #accordion_stacks_in_934 .accordionTheme2 dd { background-color: #FFFFFF; border-top: 0; border-left: 0; border-right: 0; border-bottom-width: 1px; border-style: solid; border-color: #333333; } #accordion_stacks_in_934.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_934 .accordionTheme2 .accordionLastDt { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; border: none; border-radius: none; } #accordion_stacks_in_934 .accordionTheme2 .accordionLastDd { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; border-top: solid 1px #333333; } #accordion_stacks_in_934 .accordionTheme2 .accordionFirstDt { border-top: none; border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; } #accordion_stacks_in_934 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_934.transparentOff .accordionTheme2 dt { background-color: #E6E6E6; } #accordion_stacks_in_934.transparentOff .accordionTheme2 dt.selected { background-color: #CCCCCC; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_934 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_934 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_934 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_934 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_934 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_934 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_934 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #666666; border-width: 1px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_934 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_934 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_934 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_934 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_934 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_934 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_934 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_934 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_934.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_934.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_934.transparentOff .accordionTheme3 dt .accordionContent { background-color: #E6E6E6; padding-left: none; } #accordion_stacks_in_934.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #CCCCCC; } #accordion_stacks_in_934 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_934 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_934 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_934 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_934.nonTouch.transparentOff .accordionTheme.accGradientOn dt a:hover { background: #EEEEEE !important; background-image: linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -o-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -moz-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -ms-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.30, #666666), color-stop(0.55, #EEEEEE) ) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#666666',GradientType=0 ); } #accordion_stacks_in_934.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_934.nonTouch .accordion dt a:hover { color: #800002 !important; } #accordion_stacks_in_934.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_934.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #800002; } #accordion_stacks_in_934.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #CCCCCC; } #accordion_stacks_in_934.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_934.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_934.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_934.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #CCCCCC; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_934 .accordionTheme4 { background: #666666; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_934 .accordionTheme4 dt { background: #666666; box-sizing: border-box; z-index: 1; border-width: 1px; border-style: solid; border-color: rgba(255,255,255,0.3) rgba(0,0,0,0.15) rgba(0,0,0,0.3) rgba(0,0,0,0.15); -webkit-transform: translateY(0%) rotateY(0deg) translateZ(0px); -moz-transform: translateY(0%) rotateY(0deg) translateZ(0px); -ms-transform: translateY(0%) rotateY(0deg) translateZ(0px); -o-transform:translateY(0%) rotateY(0deg) translateZ(0px); transform: translateY(0%) rotateY(0deg) translateZ(0px); } #accordion_stacks_in_934 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_934 .accordionTheme4 dd { background: #FFFFFF; box-sizing: border-box; z-index: -1; -webkit-transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -moz-transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -ms-transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -o-transform:translateY(0%) rotateY(90deg) translateZ(-1000px); transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -webkit-transform-origin: top; transform-origin: top; -webkit-transition: transform 500ms; -moz-transition: transform 500ms; -o-transition: transform 500ms; transition: transform 500ms; } #accordion_stacks_in_934 .accordionTheme4 dd.accordionOpen { -webkit-transform: translateY(0%) rotateY(0deg) translateZ(0px); -moz-transform: translateY(0%) rotateY(0deg) translateZ(0px); -ms-transform: translateY(0%) rotateY(0deg) translateZ(0px); -o-transform:translateY(0%) rotateY(0deg) translateZ(0px); transform: translateY(0%) rotateY(0deg) translateZ(0px); } #accordion_stacks_in_934 .accordionTheme5 { background: #666666; border-radius: 4px; border-width: 1px 1px 5px 1px; border-style: solid; border-color: rgba(255,255,255,0.3) rgba(0,0,0,0.3) rgba(0,0,0,0.4) rgba(0,0,0,0.1); box-shadow: 0px 2px 5px rgba(0,0,0,0.5); margin-bottom: 10px; padding: 10px 10px; } #accordion_stacks_in_934 .accordionTheme5 dt { } #accordion_stacks_in_934 .accordionTheme5 dd { box-sizing: border-box; background: rgba(0,0,0,0.1); margin: 0px 20px 0px !important; border-width: 5px 1px 1px 1px; border-style: solid; border-color: rgba(0,0,0,0.4) rgba(0,0,0,0.3) rgba(255,255,255,0.3) rgba(0,0,0,0.3); border-radius: 4px; box-shadow: inset 0px 2px 5px rgba(0,0,0,0.3); } #accordion_stacks_in_934 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_934 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_941.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_941.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_941.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_941.accordionIconOn.textAlignRight .accordionContent { float: right; } /* v1.0.1 */ #cycledex_stacks_in_942 .item-has-desc .cycledex-item-content { } #cycledex_stacks_in_942 .cycledex-item-content .cycledex-item-header { color: rgba(255, 255, 255, 1.00); font-weight: 700; font-size: 36px; line-height: 38px; margin: 0 0 8px 0; } #cycledex_stacks_in_942 .cycledex-item-content .cycledex-item-description { color: rgba(255, 255, 255, 1.00); font-weight: 400; font-size: 18px; line-height: 28px; margin: 0; } #cycledex_stacks_in_942 .cycledex-item-content { text-align: center; } #cycledex_stacks_in_942 .cycledex-item-content .cycledex-item-header { font-family: inherit; font-weight: 700; font-size: 26px; line-height: 38px; margin-top: 0px; margin-bottom: 8px; letter-spacing: 0.00px; word-spacing: 0.00px; } .cycledex_noscroll{overflow: clip;} #cycledex_stacks_in_942.cycledex-outer-wrap { position: relative; padding: 120px 0px; min-height: 0vh; overflow: hidden; } #cycledex_stacks_in_942 .cycledex-inner-wrap { width: 620px; max-width: 100%; margin: 0 auto; display: grid; justify-content: stretch; align-items: center; grid-template-columns: minmax(64px,155.000000px) 310px minmax(64px,155.000000px); position: relative; z-index: 3; } #cycledex_stacks_in_942.cycledex-outer-wrap.cycledex-popup { height: 100vh; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; opacity: 0; visibility: hidden; padding: 0; transition: opacity 200ms ease; display: grid; justify-content: center; align-items: center; max-width: 100vw; } #cycledex_stacks_in_942.cycledex-outer-wrap.cycledex-popup.cycledex_active { pointer-events: auto; opacity: 1; visibility: visible; transition: opacity 300ms ease; } #cycledex_stacks_in_942.cycledex-outer-wrap.cycledex-popup .cycledex-inner-wrap { max-width: 100vw; } #cycledex_stacks_in_942 .cycledex_close_icon { position:absolute; top: 32px; right: 32px; padding: 0; width: 64px; height: 64px; z-index: 4; cursor:pointer; } #cycledex_stacks_in_942 .cycledex_close_icon svg { width:64px; fill: rgba(255, 255, 255, 1.00); pointer-events: none; } #cycledex_stacks_in_942 .cycledex { position: relative; max-height: 100%; width: 100%; max-width: 310px; z-index: 0; aspect-ratio: 0.704545; pointer-events: none; } @supports not (aspect-ratio: auto) { #cycledex_stacks_in_942 .cycledex { padding-top: 141.935501%; } } #cycledex_stacks_in_942 .cycledex-nav { outline: none; color: rgba(255, 255, 255, 1.00); position: relative; z-index: 1; cursor: pointer; width: 100%; height: 100%; display: grid; justify-content: center; align-items: center; transform-style: flat; transform: scale(1); -webkit-transform: scale(1) translateZ(800px); transition: transform 300ms ease; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } #cycledex_stacks_in_942 .cycledex-nav:hover { outline: none; transform: scale(1.2); -webkit-transform: scale(1.2) translateZ(800px); } #cycledex_stacks_in_942 .cycledex-nav:active { outline: none; opacity: 0.75; } #cycledex_stacks_in_942 .cycledex-nav svg { max-width: 64px; width: 100%; pointer-events: none; color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } #cycledex_stacks_in_942 .cycledex .cycledex-item, #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-right, #cycledex_stacks_in_942 .cycledex-overlay, #cycledex_stacks_in_942 .cycledex-overlay-image, #cycledex_stacks_in_942 .cycledex .cycledex-origin { background-color: rgba(204, 204, 204, 1.00); } #cycledex_stacks_in_942.cycledex_active .cycledex-overlay { opacity: 0.500000; } #cycledex_stacks_in_942[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item, #cycledex_stacks_in_942[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_942[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item .cycledex-depth-right { background-color: #000; } #cycledex_stacks_in_942 .cycledex { perspective: 1400px; transform-style: preserve-3d; } #cycledex_stacks_in_942 .cycledex .cycledex-item, #cycledex_stacks_in_942 .cycledex .cycledex-item > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #cycledex_stacks_in_942 .cycledex .cycledex-origin, #cycledex_stacks_in_942 .cycledex .cycledex-item { transition: transform 600ms ease,opacity 600ms ease; pointer-events: none; transform-style: preserve-3d; } #cycledex_stacks_in_942 .cycledex .cycledex-item > a { cursor: pointer; } /* */ #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-right { position: absolute; width: 40px; bottom: 0; top: 0; left: 0; z-index: 1; transform: rotateY(-90deg) translate3d(-40px,0,-1px); transform-origin: left; } #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-right:after { content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0; } #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-right:after, #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-item-background { background-size: 390px 440px !important; } #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-left:after { background-position: 0px center !important; } #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-right { left: auto; right: 0; transform-origin: right; transform: rotateY(90deg) translate3d(40px,0,-1px); } #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-right:after { background-position: -350px center !important; } /* */ #cycledex_stacks_in_942.cycledex_active .cycledex .cycledex-item[data-r-index="0"] { pointer-events: auto; } #cycledex_stacks_in_942:not(.cycledex_active) .cycledex .cycledex-item[data-r-index="0"] { transform: translate3d(0,0,100px) rotateY(0deg) !important; } #cycledex_stacks_in_942 .cycledex-overlay-image, #cycledex_stacks_in_942 .cycledex-overlay-image > div, #cycledex_stacks_in_942 .cycledex-overlay, #cycledex_stacks_in_942 .cycledex-blur, #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-item-background { pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #cycledex_stacks_in_942 .cycledex-blur, #cycledex_stacks_in_942 .cycledex-overlay { z-index: 2; } #cycledex_stacks_in_942 .cycledex-blur { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } #cycledex_stacks_in_942 .cycledex-overlay-image > div { opacity: 0; background-size: cover !important; background-position: center !important; transition: opacity 900.000000ms ease,transform 900.000000ms ease; z-index: 0; } #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-item-background { transition: opacity 600ms ease; } #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-depth-right:after { opacity: 0.400000; } #cycledex_stacks_in_942 .cycledex .cycledex-item .cycledex-item-background { opacity: 0.500000; } /* #cycledex_stacks_in_942 .cycledex .cycledex-item[data-r-index="0"] .cycledex-depth-left:after, #cycledex_stacks_in_942 .cycledex .cycledex-item[data-r-index="0"] .cycledex-depth-right:after, */ #cycledex_stacks_in_942 .cycledex .cycledex-item[data-r-index="0"] .cycledex-item-background { opacity: 1; } #cycledex_stacks_in_942 .cycledex-item-content { position: absolute; transition: transform 600ms ease, opacity 600ms ease; z-index: 10; pointer-events: none; } #cycledex_stacks_in_942.cycledex_active .cycledex-item-content { pointer-events: auto; } #cycledex_stacks_in_942 .cycledex-item.item-has-desc .cycledex-item-content, #cycledex_stacks_in_942 .cycledex-item.item-has-link .cycledex-item-content { -webkit-user-select: none; user-select: none; pointer-events: none; } #cycledex_stacks_in_942 .cycledex-item:not(.item-has-desc) .cycledex-item-content { width: auto; } #cycledex_stacks_in_942 .cycledex-item-content { transform: translate3d(0,0,1px); left: calc(310px/16);right: calc(310px/16); top: 50%;transform: translate3d(0,-50%,1px); } #cycledex_stacks_in_942 .cycledex div.cycledex-item.item-has-link[data-r-index="0"] { transform: translate3d(0,0,0) rotateY(0deg); opacity: 1; } #cycledex_stacks_in_942 .cycledex div.cycledex-item.item-has-link.cycledex-animation-complete[data-r-index="0"]:hover { transform: translate3d(0,0,100px) rotateY(0deg); } #cycledex_stacks_in_942 .cycledex-item:not(.item-has-desc) .cycledex-item-content { left: calc(310px/16); right: calc(310px/16); } #cycledex_stacks_in_942[data-resize$="3"] .cycledex-item-content { /* transform: none; */ } #cycledex_stacks_in_942[data-resize$="3"] .cycledex div.cycledex-item[data-r-index="0"] .cycledex-item-content { transform: translate3d(0px,0,1px); top: 50%;transform: translate3d(0,-50%,1px); } #cycledex_stacks_in_942[data-resize*="2"] .cycledex-inner-wrap { grid-template-columns: 64px 1fr 64px; } #cycledex_stacks_in_942[data-resize*="2"] .cycledex { aspect-ratio: auto; padding-top: 0; } #cycledex_stacks_in_942[data-resize*="2"] .cycledex-item-content { /* transform: none; */ left: 24px; right: 24px; } #cycledex_stacks_in_942[data-resize*="2"] .cycledex .cycledex-item[data-r-index="0"] { position: relative; } #cycledex_stacks_in_942[data-resize*="2"] .cycledex .cycledex-item { margin-left: calc((310px - 100%)/-2); margin-right: calc((310px - 100%)/-2); aspect-ratio: 0.704545; } @supports not (aspect-ratio: auto) { #cycledex_stacks_in_942[data-resize*="2"] .cycledex .cycledex-item.item-has-desc { padding-top: 141.935501%; } } #cycledex_stacks_in_942[data-resize*="2"] .item-has-desc .cycledex-item-content { max-width: calc(100% - 48px); } #cycledex_stacks_in_942[data-resize*="2"] .cycledex-item-content .cycledex-item-header { font-size: 28px; line-height: 30px; margin: 0 0 6px 0; } #cycledex_stacks_in_942[data-resize*="2"] .cycledex-item-content .cycledex-item-description { font-size: 16px; line-height: 24px; } #cycledex_stacks_in_942[data-resize*="2"] .cycledex-item-content .cycledex-item-header { font-size: 19.500000px; line-height: 28.500000px; margin-top: 0.000000px; margin-bottom: 6.000000px; } /* */ #cycledex_stacks_in_942[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_942[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-right:after, #cycledex_stacks_in_942[data-resize*="2"] .cycledex .cycledex-item .cycledex-item-background { background-size: calc(100% + 80px) 100% !important; } #cycledex_stacks_in_942[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-right:after { background-position: -calc(100% + 40px) center !important; } /* */ #cycledex_stacks_in_942[data-resize="123"] .cycledex .cycledex-item, #cycledex_stacks_in_942[data-resize="123"] .cycledex .cycledex-item > a { margin-left: 0px; margin-right: 0px; } #cycledex_stacks_in_942[data-resize="123"] .cycledex-inner-wrap { grid-template-columns: 1fr 1fr; grid-gap: 16px; } #cycledex_stacks_in_942[data-resize="123"] .cycledex { grid-column: 1/-1; margin: 0 auto; } #cycledex_stacks_in_942[data-resize="123"] .cycledex { grid-row: 1; } @supports (aspect-ratio: auto) { #cycledex_stacks_in_942[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) { padding-top: 0; } #cycledex_stacks_in_942[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) .cycledex-item-background { position: relative; aspect-ratio: 0.704545; } } #cycledex_stacks_in_942[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) .cycledex-item-background .cycledex-item-content { position: relative; transform: none; top: auto; bottom: auto; left: auto; right: auto; padding: 32px 16px; } .stacks_in_943 .cycledex-item-background, .cycledex > .stacks_in_943 .cycledex-depth-left:after, .cycledex > .stacks_in_943 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-943.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_943 .cycledex-depth-left, .cycledex > .stacks_in_943 .cycledex-depth-right { position: relative; } .stacks_in_943 .cycledex-item-background:before, .cycledex > .stacks_in_943 .cycledex-depth-left:before, .cycledex > .stacks_in_943 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_946 .cycledex-item-background, .cycledex > .stacks_in_946 .cycledex-depth-left:after, .cycledex > .stacks_in_946 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-946.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_946 .cycledex-depth-left, .cycledex > .stacks_in_946 .cycledex-depth-right { position: relative; } .stacks_in_946 .cycledex-item-background:before, .cycledex > .stacks_in_946 .cycledex-depth-left:before, .cycledex > .stacks_in_946 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_949 .cycledex-item-background, .cycledex > .stacks_in_949 .cycledex-depth-left:after, .cycledex > .stacks_in_949 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-949.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_949 .cycledex-depth-left, .cycledex > .stacks_in_949 .cycledex-depth-right { position: relative; } .stacks_in_949 .cycledex-item-background:before, .cycledex > .stacks_in_949 .cycledex-depth-left:before, .cycledex > .stacks_in_949 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_952 .cycledex-item-background, .cycledex > .stacks_in_952 .cycledex-depth-left:after, .cycledex > .stacks_in_952 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-952.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_952 .cycledex-depth-left, .cycledex > .stacks_in_952 .cycledex-depth-right { position: relative; } .stacks_in_952 .cycledex-item-background:before, .cycledex > .stacks_in_952 .cycledex-depth-left:before, .cycledex > .stacks_in_952 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } /* * cleanAccordion * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/cleanAccordion/ * Support: http://forum.onelittledesigner.com * Version 3.6.1 */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ #accordion_stacks_in_936 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_936.transparentOn .accordion, #accordion_stacks_in_936.transparentOn .accordionTheme, #accordion_stacks_in_936.transparentOn .accordionTheme2, #accordion_stacks_in_936.transparentOn .accordionTheme dt, #accordion_stacks_in_936.transparentOn .accordionTheme2 dt, #accordion_stacks_in_936.transparentOn .accordionTheme dd, #accordion_stacks_in_936.transparentOn .accordionTheme2 dd { background-color: transparent !important; background-color: none !important; border: none !important; border-left: none !important; border-top: none !important; border-bottom: none !important; border-right: none !important; } #accordion_stacks_in_936, #accordion_stacks_in_936 > * { margin: 0; padding: 0; } #accordion_stacks_in_936.fixedHeightOn { height: 500px; } #accordion_stacks_in_936 .accordion dt, #accordion_stacks_in_936 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_936 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_936 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_936 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_936 .accordion { overflow: hidden; } #accordion_stacks_in_936 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_936 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_936 .accordion dt { background-color: transparent; } #accordion_stacks_in_936 .accordion dt a.accordionSlide { color: #191919; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_936 .accordion.tabShadowOn dt a { text-shadow: 0 1px3px #CCCCCC; } #accordion_stacks_in_936 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_936 .accordionTheme dt a, #accordion_stacks_in_936 .accordionTheme.accGradientOff dt a { border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; } #accordion_stacks_in_936.transparentOff .accordionTheme dt a, #accordion_stacks_in_936.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_936.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_936.transparentOff .accordionTheme.accGradientOn dt a { background: #EEEEEE; /* Old browsers */ background-image: linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -o-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -moz-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -webkit-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -ms-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.30, #666666), color-stop(0.55, #EEEEEE) ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#666666',GradientType=0 ); /* IE6-9 */ } #accordion_stacks_in_936.transparentOff .accordionTheme.accGradientOn dt.selected a { background: #EEEEEE !important; /* Old browsers */ background-image: linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -o-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -moz-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -ms-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.30, #666666), color-stop(0.55, #EEEEEE) ) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#666666',GradientType=0 ); /* IE6-9 */ } #accordion_stacks_in_936 .accordion dt.selected a { color: #800002 !important; } #accordion_stacks_in_936 .accordion dd { background-color: transparent; color: #CCCCCC !important; } #accordion_stacks_in_936.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_936 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_936 .accordionTheme dt { border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-style: solid; border-color: #666666; border-width: 1px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_936 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_936 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_936 .accordionTheme2 dt.selected.accordionLastDt { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; } #accordion_stacks_in_936 .accordionTheme.backgroundOn dd, #accordion_stacks_in_936 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_936 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_936 .accordionTheme.backgroundOff dd, #accordion_stacks_in_936 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_936 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_936 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_936 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_936 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_936 dt.accordionIconOn span.customIcon { display: inline; font-weight: bold; font-size: 16px; line-height: 16px; padding: none; padding-left: none; color: #000000; font-family: 'FontAwesome' !important; } #accordion_stacks_in_936 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_936 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_936 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_936 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_936 dt.accordionIconOn.animateOn span.customIcon { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; } #accordion_stacks_in_936 dt.accordionIconOn a.selected span.customIcon { color: #800002; } #accordion_stacks_in_936 dt.accordionIconOn.animateOn a.selected span.customIcon { -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -ms-transform:rotate(315deg); -o-transform:rotate(315deg); transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; } /* ===================== * Theme 2 /* ===================== */ #accordion_stacks_in_936 .accordionTheme2 dt { background-color: #E6E6E6; } #accordion_stacks_in_936.borderMinimalOff .accordionTheme2 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-style: solid; border-width: 1px; border-color: #666666; } #accordion_stacks_in_936 .accordionTheme2 dd { background-color: #FFFFFF; border-top: 0; border-left: 0; border-right: 0; border-bottom-width: 1px; border-style: solid; border-color: #333333; } #accordion_stacks_in_936.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_936 .accordionTheme2 .accordionLastDt { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; border: none; border-radius: none; } #accordion_stacks_in_936 .accordionTheme2 .accordionLastDd { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; border-top: solid 1px #333333; } #accordion_stacks_in_936 .accordionTheme2 .accordionFirstDt { border-top: none; border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; } #accordion_stacks_in_936 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_936.transparentOff .accordionTheme2 dt { background-color: #E6E6E6; } #accordion_stacks_in_936.transparentOff .accordionTheme2 dt.selected { background-color: #CCCCCC; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_936 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_936 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_936 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_936 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_936 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_936 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_936 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #666666; border-width: 1px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_936 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_936 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_936 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_936 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_936 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_936 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_936 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_936 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_936.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_936.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_936.transparentOff .accordionTheme3 dt .accordionContent { background-color: #E6E6E6; padding-left: none; } #accordion_stacks_in_936.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #CCCCCC; } #accordion_stacks_in_936 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_936 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_936 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_936 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_936.nonTouch.transparentOff .accordionTheme.accGradientOn dt a:hover { background: #EEEEEE !important; background-image: linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -o-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -moz-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -ms-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.30, #666666), color-stop(0.55, #EEEEEE) ) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#666666',GradientType=0 ); } #accordion_stacks_in_936.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_936.nonTouch .accordion dt a:hover { color: #800002 !important; } #accordion_stacks_in_936.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_936.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #800002; } #accordion_stacks_in_936.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #CCCCCC; } #accordion_stacks_in_936.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_936.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_936.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_936.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #CCCCCC; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_936 .accordionTheme4 { background: #666666; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_936 .accordionTheme4 dt { background: #666666; box-sizing: border-box; z-index: 1; border-width: 1px; border-style: solid; border-color: rgba(255,255,255,0.3) rgba(0,0,0,0.15) rgba(0,0,0,0.3) rgba(0,0,0,0.15); -webkit-transform: translateY(0%) rotateY(0deg) translateZ(0px); -moz-transform: translateY(0%) rotateY(0deg) translateZ(0px); -ms-transform: translateY(0%) rotateY(0deg) translateZ(0px); -o-transform:translateY(0%) rotateY(0deg) translateZ(0px); transform: translateY(0%) rotateY(0deg) translateZ(0px); } #accordion_stacks_in_936 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_936 .accordionTheme4 dd { background: #FFFFFF; box-sizing: border-box; z-index: -1; -webkit-transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -moz-transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -ms-transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -o-transform:translateY(0%) rotateY(90deg) translateZ(-1000px); transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -webkit-transform-origin: top; transform-origin: top; -webkit-transition: transform 500ms; -moz-transition: transform 500ms; -o-transition: transform 500ms; transition: transform 500ms; } #accordion_stacks_in_936 .accordionTheme4 dd.accordionOpen { -webkit-transform: translateY(0%) rotateY(0deg) translateZ(0px); -moz-transform: translateY(0%) rotateY(0deg) translateZ(0px); -ms-transform: translateY(0%) rotateY(0deg) translateZ(0px); -o-transform:translateY(0%) rotateY(0deg) translateZ(0px); transform: translateY(0%) rotateY(0deg) translateZ(0px); } #accordion_stacks_in_936 .accordionTheme5 { background: #666666; border-radius: 4px; border-width: 1px 1px 5px 1px; border-style: solid; border-color: rgba(255,255,255,0.3) rgba(0,0,0,0.3) rgba(0,0,0,0.4) rgba(0,0,0,0.1); box-shadow: 0px 2px 5px rgba(0,0,0,0.5); margin-bottom: 10px; padding: 10px 10px; } #accordion_stacks_in_936 .accordionTheme5 dt { } #accordion_stacks_in_936 .accordionTheme5 dd { box-sizing: border-box; background: rgba(0,0,0,0.1); margin: 0px 20px 0px !important; border-width: 5px 1px 1px 1px; border-style: solid; border-color: rgba(0,0,0,0.4) rgba(0,0,0,0.3) rgba(255,255,255,0.3) rgba(0,0,0,0.3); border-radius: 4px; box-shadow: inset 0px 2px 5px rgba(0,0,0,0.3); } #accordion_stacks_in_936 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_936 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_960.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_960.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_960.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_960.accordionIconOn.textAlignRight .accordionContent { float: right; } /* v1.0.1 */ #cycledex_stacks_in_961 .item-has-desc .cycledex-item-content { } #cycledex_stacks_in_961 .cycledex-item-content .cycledex-item-header { color: rgba(255, 255, 255, 1.00); font-weight: 700; font-size: 36px; line-height: 38px; margin: 0 0 8px 0; } #cycledex_stacks_in_961 .cycledex-item-content .cycledex-item-description { color: rgba(255, 255, 255, 1.00); font-weight: 400; font-size: 18px; line-height: 28px; margin: 0; } #cycledex_stacks_in_961 .cycledex-item-content { text-align: center; } #cycledex_stacks_in_961 .cycledex-item-content .cycledex-item-header { font-family: inherit; font-weight: 700; font-size: 26px; line-height: 38px; margin-top: 0px; margin-bottom: 8px; letter-spacing: 0.00px; word-spacing: 0.00px; } #cycledex_stacks_in_961 .cycledex-item-content .cycledex-item-description { font-family: inherit; font-weight: 400; font-size: 18px; line-height: 28px; margin-top: 0px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } .cycledex_noscroll{overflow: clip;} #cycledex_stacks_in_961.cycledex-outer-wrap { position: relative; padding: 120px 0px; min-height: 0vh; overflow: hidden; } #cycledex_stacks_in_961 .cycledex-inner-wrap { width: 620px; max-width: 100%; margin: 0 auto; display: grid; justify-content: stretch; align-items: center; grid-template-columns: minmax(64px,155.000000px) 310px minmax(64px,155.000000px); position: relative; z-index: 3; } #cycledex_stacks_in_961.cycledex-outer-wrap.cycledex-popup { height: 100vh; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; opacity: 0; visibility: hidden; padding: 0; transition: opacity 200ms ease; display: grid; justify-content: center; align-items: center; max-width: 100vw; } #cycledex_stacks_in_961.cycledex-outer-wrap.cycledex-popup.cycledex_active { pointer-events: auto; opacity: 1; visibility: visible; transition: opacity 300ms ease; } #cycledex_stacks_in_961.cycledex-outer-wrap.cycledex-popup .cycledex-inner-wrap { max-width: 100vw; } #cycledex_stacks_in_961 .cycledex_close_icon { position:absolute; top: 32px; right: 32px; padding: 0; width: 64px; height: 64px; z-index: 4; cursor:pointer; } #cycledex_stacks_in_961 .cycledex_close_icon svg { width:64px; fill: rgba(255, 255, 255, 1.00); pointer-events: none; } #cycledex_stacks_in_961 .cycledex { position: relative; max-height: 100%; width: 100%; max-width: 310px; z-index: 0; aspect-ratio: 0.704545; pointer-events: none; } @supports not (aspect-ratio: auto) { #cycledex_stacks_in_961 .cycledex { padding-top: 141.935501%; } } #cycledex_stacks_in_961 .cycledex-nav { outline: none; color: rgba(255, 255, 255, 1.00); position: relative; z-index: 1; cursor: pointer; width: 100%; height: 100%; display: grid; justify-content: center; align-items: center; transform-style: flat; transform: scale(1); -webkit-transform: scale(1) translateZ(800px); transition: transform 300ms ease; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } #cycledex_stacks_in_961 .cycledex-nav:hover { outline: none; transform: scale(1.2); -webkit-transform: scale(1.2) translateZ(800px); } #cycledex_stacks_in_961 .cycledex-nav:active { outline: none; opacity: 0.75; } #cycledex_stacks_in_961 .cycledex-nav svg { max-width: 64px; width: 100%; pointer-events: none; color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } #cycledex_stacks_in_961 .cycledex .cycledex-item, #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-right, #cycledex_stacks_in_961 .cycledex-overlay, #cycledex_stacks_in_961 .cycledex-overlay-image, #cycledex_stacks_in_961 .cycledex .cycledex-origin { background-color: rgba(204, 204, 204, 1.00); } #cycledex_stacks_in_961.cycledex_active .cycledex-overlay { opacity: 0.500000; } #cycledex_stacks_in_961[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item, #cycledex_stacks_in_961[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_961[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item .cycledex-depth-right { background-color: #000; } #cycledex_stacks_in_961 .cycledex { perspective: 1400px; transform-style: preserve-3d; } #cycledex_stacks_in_961 .cycledex .cycledex-item, #cycledex_stacks_in_961 .cycledex .cycledex-item > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #cycledex_stacks_in_961 .cycledex .cycledex-origin, #cycledex_stacks_in_961 .cycledex .cycledex-item { transition: transform 600ms ease,opacity 600ms ease; pointer-events: none; transform-style: preserve-3d; } #cycledex_stacks_in_961 .cycledex .cycledex-item > a { cursor: pointer; } /* */ #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-right { position: absolute; width: 40px; bottom: 0; top: 0; left: 0; z-index: 1; transform: rotateY(-90deg) translate3d(-40px,0,-1px); transform-origin: left; } #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-right:after { content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0; } #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-right:after, #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-item-background { background-size: 390px 440px !important; } #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-left:after { background-position: 0px center !important; } #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-right { left: auto; right: 0; transform-origin: right; transform: rotateY(90deg) translate3d(40px,0,-1px); } #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-right:after { background-position: -350px center !important; } /* */ #cycledex_stacks_in_961.cycledex_active .cycledex .cycledex-item[data-r-index="0"] { pointer-events: auto; } #cycledex_stacks_in_961:not(.cycledex_active) .cycledex .cycledex-item[data-r-index="0"] { transform: translate3d(0,0,100px) rotateY(0deg) !important; } #cycledex_stacks_in_961 .cycledex-overlay-image, #cycledex_stacks_in_961 .cycledex-overlay-image > div, #cycledex_stacks_in_961 .cycledex-overlay, #cycledex_stacks_in_961 .cycledex-blur, #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-item-background { pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #cycledex_stacks_in_961 .cycledex-blur, #cycledex_stacks_in_961 .cycledex-overlay { z-index: 2; } #cycledex_stacks_in_961 .cycledex-blur { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } #cycledex_stacks_in_961 .cycledex-overlay-image > div { opacity: 0; background-size: cover !important; background-position: center !important; transition: opacity 900.000000ms ease,transform 900.000000ms ease; z-index: 0; } #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-item-background { transition: opacity 600ms ease; } #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-depth-right:after { opacity: 0.400000; } #cycledex_stacks_in_961 .cycledex .cycledex-item .cycledex-item-background { opacity: 0.500000; } /* #cycledex_stacks_in_961 .cycledex .cycledex-item[data-r-index="0"] .cycledex-depth-left:after, #cycledex_stacks_in_961 .cycledex .cycledex-item[data-r-index="0"] .cycledex-depth-right:after, */ #cycledex_stacks_in_961 .cycledex .cycledex-item[data-r-index="0"] .cycledex-item-background { opacity: 1; } #cycledex_stacks_in_961 .cycledex-item-content { position: absolute; transition: transform 600ms ease, opacity 600ms ease; z-index: 10; pointer-events: none; } #cycledex_stacks_in_961.cycledex_active .cycledex-item-content { pointer-events: auto; } #cycledex_stacks_in_961 .cycledex-item.item-has-desc .cycledex-item-content, #cycledex_stacks_in_961 .cycledex-item.item-has-link .cycledex-item-content { -webkit-user-select: none; user-select: none; pointer-events: none; } #cycledex_stacks_in_961 .cycledex-item:not(.item-has-desc) .cycledex-item-content { width: auto; } #cycledex_stacks_in_961 .cycledex-item-content { transform: translate3d(0,0,1px); left: calc(310px/16);right: calc(310px/16); top: 50%;transform: translate3d(0,-50%,1px); } #cycledex_stacks_in_961 .cycledex div.cycledex-item.item-has-link[data-r-index="0"] { transform: translate3d(0,0,0) rotateY(0deg); opacity: 1; } #cycledex_stacks_in_961 .cycledex div.cycledex-item.item-has-link.cycledex-animation-complete[data-r-index="0"]:hover { transform: translate3d(0,0,100px) rotateY(0deg); } #cycledex_stacks_in_961 .cycledex-item:not(.item-has-desc) .cycledex-item-content { left: calc(310px/16); right: calc(310px/16); } #cycledex_stacks_in_961[data-resize$="3"] .cycledex-item-content { /* transform: none; */ } #cycledex_stacks_in_961[data-resize$="3"] .cycledex div.cycledex-item[data-r-index="0"] .cycledex-item-content { transform: translate3d(0px,0,1px); top: 50%;transform: translate3d(0,-50%,1px); } #cycledex_stacks_in_961[data-resize*="2"] .cycledex-inner-wrap { grid-template-columns: 64px 1fr 64px; } #cycledex_stacks_in_961[data-resize*="2"] .cycledex { aspect-ratio: auto; padding-top: 0; } #cycledex_stacks_in_961[data-resize*="2"] .cycledex-item-content { /* transform: none; */ left: 24px; right: 24px; } #cycledex_stacks_in_961[data-resize*="2"] .cycledex .cycledex-item[data-r-index="0"] { position: relative; } #cycledex_stacks_in_961[data-resize*="2"] .cycledex .cycledex-item { margin-left: calc((310px - 100%)/-2); margin-right: calc((310px - 100%)/-2); aspect-ratio: 0.704545; } @supports not (aspect-ratio: auto) { #cycledex_stacks_in_961[data-resize*="2"] .cycledex .cycledex-item.item-has-desc { padding-top: 141.935501%; } } #cycledex_stacks_in_961[data-resize*="2"] .item-has-desc .cycledex-item-content { max-width: calc(100% - 48px); } #cycledex_stacks_in_961[data-resize*="2"] .cycledex-item-content .cycledex-item-header { font-size: 28px; line-height: 30px; margin: 0 0 6px 0; } #cycledex_stacks_in_961[data-resize*="2"] .cycledex-item-content .cycledex-item-description { font-size: 16px; line-height: 24px; } #cycledex_stacks_in_961[data-resize*="2"] .cycledex-item-content .cycledex-item-header { font-size: 19.500000px; line-height: 28.500000px; margin-top: 0.000000px; margin-bottom: 6.000000px; } #cycledex_stacks_in_961[data-resize*="2"] .cycledex-item-content .cycledex-item-description { font-size: 13.500000px; line-height: 21.000000px; margin-top: 0.000000px; margin-bottom: 0.000000px; } /* */ #cycledex_stacks_in_961[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_961[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-right:after, #cycledex_stacks_in_961[data-resize*="2"] .cycledex .cycledex-item .cycledex-item-background { background-size: calc(100% + 80px) 100% !important; } #cycledex_stacks_in_961[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-right:after { background-position: -calc(100% + 40px) center !important; } /* */ #cycledex_stacks_in_961[data-resize="123"] .cycledex .cycledex-item, #cycledex_stacks_in_961[data-resize="123"] .cycledex .cycledex-item > a { margin-left: 0px; margin-right: 0px; } #cycledex_stacks_in_961[data-resize="123"] .cycledex-inner-wrap { grid-template-columns: 1fr 1fr; grid-gap: 16px; } #cycledex_stacks_in_961[data-resize="123"] .cycledex { grid-column: 1/-1; margin: 0 auto; } #cycledex_stacks_in_961[data-resize="123"] .cycledex { grid-row: 1; } @supports (aspect-ratio: auto) { #cycledex_stacks_in_961[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) { padding-top: 0; } #cycledex_stacks_in_961[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) .cycledex-item-background { position: relative; aspect-ratio: 0.704545; } } #cycledex_stacks_in_961[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) .cycledex-item-background .cycledex-item-content { position: relative; transform: none; top: auto; bottom: auto; left: auto; right: auto; padding: 32px 16px; } .stacks_in_962 .cycledex-item-background, .cycledex > .stacks_in_962 .cycledex-depth-left:after, .cycledex > .stacks_in_962 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-962.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_962 .cycledex-depth-left, .cycledex > .stacks_in_962 .cycledex-depth-right { position: relative; } .stacks_in_962 .cycledex-item-background:before, .cycledex > .stacks_in_962 .cycledex-depth-left:before, .cycledex > .stacks_in_962 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_965 .cycledex-item-background, .cycledex > .stacks_in_965 .cycledex-depth-left:after, .cycledex > .stacks_in_965 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-965.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_965 .cycledex-depth-left, .cycledex > .stacks_in_965 .cycledex-depth-right { position: relative; } .stacks_in_965 .cycledex-item-background:before, .cycledex > .stacks_in_965 .cycledex-depth-left:before, .cycledex > .stacks_in_965 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_968 .cycledex-item-background, .cycledex > .stacks_in_968 .cycledex-depth-left:after, .cycledex > .stacks_in_968 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-968.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_968 .cycledex-depth-left, .cycledex > .stacks_in_968 .cycledex-depth-right { position: relative; } .stacks_in_968 .cycledex-item-background:before, .cycledex > .stacks_in_968 .cycledex-depth-left:before, .cycledex > .stacks_in_968 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_971 .cycledex-item-background, .cycledex > .stacks_in_971 .cycledex-depth-left:after, .cycledex > .stacks_in_971 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-971.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_971 .cycledex-depth-left, .cycledex > .stacks_in_971 .cycledex-depth-right { position: relative; } .stacks_in_971 .cycledex-item-background:before, .cycledex > .stacks_in_971 .cycledex-depth-left:before, .cycledex > .stacks_in_971 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } /* * cleanAccordion * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/cleanAccordion/ * Support: http://forum.onelittledesigner.com * Version 3.6.1 */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ #accordion_stacks_in_938 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_938.transparentOn .accordion, #accordion_stacks_in_938.transparentOn .accordionTheme, #accordion_stacks_in_938.transparentOn .accordionTheme2, #accordion_stacks_in_938.transparentOn .accordionTheme dt, #accordion_stacks_in_938.transparentOn .accordionTheme2 dt, #accordion_stacks_in_938.transparentOn .accordionTheme dd, #accordion_stacks_in_938.transparentOn .accordionTheme2 dd { background-color: transparent !important; background-color: none !important; border: none !important; border-left: none !important; border-top: none !important; border-bottom: none !important; border-right: none !important; } #accordion_stacks_in_938, #accordion_stacks_in_938 > * { margin: 0; padding: 0; } #accordion_stacks_in_938.fixedHeightOn { height: 500px; } #accordion_stacks_in_938 .accordion dt, #accordion_stacks_in_938 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_938 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_938 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_938 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_938 .accordion { overflow: hidden; } #accordion_stacks_in_938 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_938 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_938 .accordion dt { background-color: transparent; } #accordion_stacks_in_938 .accordion dt a.accordionSlide { color: #191919; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_938 .accordion.tabShadowOn dt a { text-shadow: 0 1px3px #CCCCCC; } #accordion_stacks_in_938 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_938 .accordionTheme dt a, #accordion_stacks_in_938 .accordionTheme.accGradientOff dt a { border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; } #accordion_stacks_in_938.transparentOff .accordionTheme dt a, #accordion_stacks_in_938.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_938.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_938.transparentOff .accordionTheme.accGradientOn dt a { background: #EEEEEE; /* Old browsers */ background-image: linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -o-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -moz-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -webkit-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -ms-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.30, #666666), color-stop(0.55, #EEEEEE) ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#666666',GradientType=0 ); /* IE6-9 */ } #accordion_stacks_in_938.transparentOff .accordionTheme.accGradientOn dt.selected a { background: #EEEEEE !important; /* Old browsers */ background-image: linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -o-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -moz-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -ms-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.30, #666666), color-stop(0.55, #EEEEEE) ) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#666666',GradientType=0 ); /* IE6-9 */ } #accordion_stacks_in_938 .accordion dt.selected a { color: #800002 !important; } #accordion_stacks_in_938 .accordion dd { background-color: transparent; color: #CCCCCC !important; } #accordion_stacks_in_938.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_938 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_938 .accordionTheme dt { border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-style: solid; border-color: #666666; border-width: 1px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_938 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_938 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_938 .accordionTheme2 dt.selected.accordionLastDt { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; } #accordion_stacks_in_938 .accordionTheme.backgroundOn dd, #accordion_stacks_in_938 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_938 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_938 .accordionTheme.backgroundOff dd, #accordion_stacks_in_938 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_938 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_938 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_938 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_938 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_938 dt.accordionIconOn span.customIcon { display: inline; font-weight: bold; font-size: 16px; line-height: 16px; padding: none; padding-left: none; color: #000000; font-family: 'FontAwesome' !important; } #accordion_stacks_in_938 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_938 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_938 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_938 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_938 dt.accordionIconOn.animateOn span.customIcon { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; } #accordion_stacks_in_938 dt.accordionIconOn a.selected span.customIcon { color: #800002; } #accordion_stacks_in_938 dt.accordionIconOn.animateOn a.selected span.customIcon { -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -ms-transform:rotate(315deg); -o-transform:rotate(315deg); transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; } /* ===================== * Theme 2 /* ===================== */ #accordion_stacks_in_938 .accordionTheme2 dt { background-color: #E6E6E6; } #accordion_stacks_in_938.borderMinimalOff .accordionTheme2 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-style: solid; border-width: 1px; border-color: #666666; } #accordion_stacks_in_938 .accordionTheme2 dd { background-color: #FFFFFF; border-top: 0; border-left: 0; border-right: 0; border-bottom-width: 1px; border-style: solid; border-color: #333333; } #accordion_stacks_in_938.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_938 .accordionTheme2 .accordionLastDt { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; border: none; border-radius: none; } #accordion_stacks_in_938 .accordionTheme2 .accordionLastDd { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; border-top: solid 1px #333333; } #accordion_stacks_in_938 .accordionTheme2 .accordionFirstDt { border-top: none; border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; } #accordion_stacks_in_938 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_938.transparentOff .accordionTheme2 dt { background-color: #E6E6E6; } #accordion_stacks_in_938.transparentOff .accordionTheme2 dt.selected { background-color: #CCCCCC; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_938 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_938 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_938 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_938 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_938 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_938 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_938 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #666666; border-width: 1px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_938 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_938 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_938 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_938 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_938 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_938 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_938 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_938 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_938.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_938.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_938.transparentOff .accordionTheme3 dt .accordionContent { background-color: #E6E6E6; padding-left: none; } #accordion_stacks_in_938.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #CCCCCC; } #accordion_stacks_in_938 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_938 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_938 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_938 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_938.nonTouch.transparentOff .accordionTheme.accGradientOn dt a:hover { background: #EEEEEE !important; background-image: linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -o-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -moz-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -ms-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.30, #666666), color-stop(0.55, #EEEEEE) ) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#666666',GradientType=0 ); } #accordion_stacks_in_938.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_938.nonTouch .accordion dt a:hover { color: #800002 !important; } #accordion_stacks_in_938.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_938.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #800002; } #accordion_stacks_in_938.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #CCCCCC; } #accordion_stacks_in_938.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_938.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_938.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_938.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #CCCCCC; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_938 .accordionTheme4 { background: #666666; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_938 .accordionTheme4 dt { background: #666666; box-sizing: border-box; z-index: 1; border-width: 1px; border-style: solid; border-color: rgba(255,255,255,0.3) rgba(0,0,0,0.15) rgba(0,0,0,0.3) rgba(0,0,0,0.15); -webkit-transform: translateY(0%) rotateY(0deg) translateZ(0px); -moz-transform: translateY(0%) rotateY(0deg) translateZ(0px); -ms-transform: translateY(0%) rotateY(0deg) translateZ(0px); -o-transform:translateY(0%) rotateY(0deg) translateZ(0px); transform: translateY(0%) rotateY(0deg) translateZ(0px); } #accordion_stacks_in_938 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_938 .accordionTheme4 dd { background: #FFFFFF; box-sizing: border-box; z-index: -1; -webkit-transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -moz-transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -ms-transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -o-transform:translateY(0%) rotateY(90deg) translateZ(-1000px); transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -webkit-transform-origin: top; transform-origin: top; -webkit-transition: transform 500ms; -moz-transition: transform 500ms; -o-transition: transform 500ms; transition: transform 500ms; } #accordion_stacks_in_938 .accordionTheme4 dd.accordionOpen { -webkit-transform: translateY(0%) rotateY(0deg) translateZ(0px); -moz-transform: translateY(0%) rotateY(0deg) translateZ(0px); -ms-transform: translateY(0%) rotateY(0deg) translateZ(0px); -o-transform:translateY(0%) rotateY(0deg) translateZ(0px); transform: translateY(0%) rotateY(0deg) translateZ(0px); } #accordion_stacks_in_938 .accordionTheme5 { background: #666666; border-radius: 4px; border-width: 1px 1px 5px 1px; border-style: solid; border-color: rgba(255,255,255,0.3) rgba(0,0,0,0.3) rgba(0,0,0,0.4) rgba(0,0,0,0.1); box-shadow: 0px 2px 5px rgba(0,0,0,0.5); margin-bottom: 10px; padding: 10px 10px; } #accordion_stacks_in_938 .accordionTheme5 dt { } #accordion_stacks_in_938 .accordionTheme5 dd { box-sizing: border-box; background: rgba(0,0,0,0.1); margin: 0px 20px 0px !important; border-width: 5px 1px 1px 1px; border-style: solid; border-color: rgba(0,0,0,0.4) rgba(0,0,0,0.3) rgba(255,255,255,0.3) rgba(0,0,0,0.3); border-radius: 4px; box-shadow: inset 0px 2px 5px rgba(0,0,0,0.3); } #accordion_stacks_in_938 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_938 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_979.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_979.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_979.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_979.accordionIconOn.textAlignRight .accordionContent { float: right; } /* v1.0.1 */ #cycledex_stacks_in_980 .item-has-desc .cycledex-item-content { } #cycledex_stacks_in_980 .cycledex-item-content .cycledex-item-header { color: rgba(255, 255, 255, 1.00); font-weight: 700; font-size: 36px; line-height: 38px; margin: 0 0 8px 0; } #cycledex_stacks_in_980 .cycledex-item-content .cycledex-item-description { color: rgba(255, 255, 255, 1.00); font-weight: 400; font-size: 18px; line-height: 28px; margin: 0; } #cycledex_stacks_in_980 .cycledex-item-content { text-align: center; } #cycledex_stacks_in_980 .cycledex-item-content .cycledex-item-header { font-family: inherit; font-weight: 700; font-size: 26px; line-height: 38px; margin-top: 0px; margin-bottom: 8px; letter-spacing: 0.00px; word-spacing: 0.00px; } #cycledex_stacks_in_980 .cycledex-item-content .cycledex-item-description { font-family: inherit; font-weight: 400; font-size: 18px; line-height: 28px; margin-top: 0px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } .cycledex_noscroll{overflow: clip;} #cycledex_stacks_in_980.cycledex-outer-wrap { position: relative; padding: 120px 0px; min-height: 0vh; overflow: hidden; } #cycledex_stacks_in_980 .cycledex-inner-wrap { width: 620px; max-width: 100%; margin: 0 auto; display: grid; justify-content: stretch; align-items: center; grid-template-columns: minmax(64px,155.000000px) 310px minmax(64px,155.000000px); position: relative; z-index: 3; } #cycledex_stacks_in_980.cycledex-outer-wrap.cycledex-popup { height: 100vh; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; opacity: 0; visibility: hidden; padding: 0; transition: opacity 200ms ease; display: grid; justify-content: center; align-items: center; max-width: 100vw; } #cycledex_stacks_in_980.cycledex-outer-wrap.cycledex-popup.cycledex_active { pointer-events: auto; opacity: 1; visibility: visible; transition: opacity 300ms ease; } #cycledex_stacks_in_980.cycledex-outer-wrap.cycledex-popup .cycledex-inner-wrap { max-width: 100vw; } #cycledex_stacks_in_980 .cycledex_close_icon { position:absolute; top: 32px; right: 32px; padding: 0; width: 64px; height: 64px; z-index: 4; cursor:pointer; } #cycledex_stacks_in_980 .cycledex_close_icon svg { width:64px; fill: rgba(255, 255, 255, 1.00); pointer-events: none; } #cycledex_stacks_in_980 .cycledex { position: relative; max-height: 100%; width: 100%; max-width: 310px; z-index: 0; aspect-ratio: 0.704545; pointer-events: none; } @supports not (aspect-ratio: auto) { #cycledex_stacks_in_980 .cycledex { padding-top: 141.935501%; } } #cycledex_stacks_in_980 .cycledex-nav { outline: none; color: rgba(255, 255, 255, 1.00); position: relative; z-index: 1; cursor: pointer; width: 100%; height: 100%; display: grid; justify-content: center; align-items: center; transform-style: flat; transform: scale(1); -webkit-transform: scale(1) translateZ(800px); transition: transform 300ms ease; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } #cycledex_stacks_in_980 .cycledex-nav:hover { outline: none; transform: scale(1.2); -webkit-transform: scale(1.2) translateZ(800px); } #cycledex_stacks_in_980 .cycledex-nav:active { outline: none; opacity: 0.75; } #cycledex_stacks_in_980 .cycledex-nav svg { max-width: 64px; width: 100%; pointer-events: none; color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } #cycledex_stacks_in_980 .cycledex .cycledex-item, #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-right, #cycledex_stacks_in_980 .cycledex-overlay, #cycledex_stacks_in_980 .cycledex-overlay-image, #cycledex_stacks_in_980 .cycledex .cycledex-origin { background-color: rgba(128, 0, 2, 0.57); } #cycledex_stacks_in_980.cycledex_active .cycledex-overlay { opacity: 0.500000; } #cycledex_stacks_in_980[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item, #cycledex_stacks_in_980[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_980[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item .cycledex-depth-right { background-color: #000; } #cycledex_stacks_in_980 .cycledex { perspective: 1400px; transform-style: preserve-3d; } #cycledex_stacks_in_980 .cycledex .cycledex-item, #cycledex_stacks_in_980 .cycledex .cycledex-item > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #cycledex_stacks_in_980 .cycledex .cycledex-origin, #cycledex_stacks_in_980 .cycledex .cycledex-item { transition: transform 600ms ease,opacity 600ms ease; pointer-events: none; transform-style: preserve-3d; } #cycledex_stacks_in_980 .cycledex .cycledex-item > a { cursor: pointer; } /* */ #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-right { position: absolute; width: 40px; bottom: 0; top: 0; left: 0; z-index: 1; transform: rotateY(-90deg) translate3d(-40px,0,-1px); transform-origin: left; } #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-right:after { content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0; } #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-right:after, #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-item-background { background-size: 390px 440px !important; } #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-left:after { background-position: 0px center !important; } #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-right { left: auto; right: 0; transform-origin: right; transform: rotateY(90deg) translate3d(40px,0,-1px); } #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-right:after { background-position: -350px center !important; } /* */ #cycledex_stacks_in_980.cycledex_active .cycledex .cycledex-item[data-r-index="0"] { pointer-events: auto; } #cycledex_stacks_in_980:not(.cycledex_active) .cycledex .cycledex-item[data-r-index="0"] { transform: translate3d(0,0,100px) rotateY(0deg) !important; } #cycledex_stacks_in_980 .cycledex-overlay-image, #cycledex_stacks_in_980 .cycledex-overlay-image > div, #cycledex_stacks_in_980 .cycledex-overlay, #cycledex_stacks_in_980 .cycledex-blur, #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-item-background { pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #cycledex_stacks_in_980 .cycledex-blur, #cycledex_stacks_in_980 .cycledex-overlay { z-index: 2; } #cycledex_stacks_in_980 .cycledex-blur { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } #cycledex_stacks_in_980 .cycledex-overlay-image > div { opacity: 0; background-size: cover !important; background-position: center !important; transition: opacity 900.000000ms ease,transform 900.000000ms ease; z-index: 0; } #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-item-background { transition: opacity 600ms ease; } #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-depth-right:after { opacity: 0.400000; } #cycledex_stacks_in_980 .cycledex .cycledex-item .cycledex-item-background { opacity: 0.500000; } /* #cycledex_stacks_in_980 .cycledex .cycledex-item[data-r-index="0"] .cycledex-depth-left:after, #cycledex_stacks_in_980 .cycledex .cycledex-item[data-r-index="0"] .cycledex-depth-right:after, */ #cycledex_stacks_in_980 .cycledex .cycledex-item[data-r-index="0"] .cycledex-item-background { opacity: 1; } #cycledex_stacks_in_980 .cycledex-item-content { position: absolute; transition: transform 600ms ease, opacity 600ms ease; z-index: 10; pointer-events: none; } #cycledex_stacks_in_980.cycledex_active .cycledex-item-content { pointer-events: auto; } #cycledex_stacks_in_980 .cycledex-item.item-has-desc .cycledex-item-content, #cycledex_stacks_in_980 .cycledex-item.item-has-link .cycledex-item-content { -webkit-user-select: none; user-select: none; pointer-events: none; } #cycledex_stacks_in_980 .cycledex-item:not(.item-has-desc) .cycledex-item-content { width: auto; } #cycledex_stacks_in_980 .cycledex-item-content { transform: translate3d(0,0,1px); left: calc(310px/16);right: calc(310px/16); top: 50%;transform: translate3d(0,-50%,1px); } #cycledex_stacks_in_980 .cycledex div.cycledex-item.item-has-link[data-r-index="0"] { transform: translate3d(0,0,0) rotateY(0deg); opacity: 1; } #cycledex_stacks_in_980 .cycledex div.cycledex-item.item-has-link.cycledex-animation-complete[data-r-index="0"]:hover { transform: translate3d(0,0,100px) rotateY(0deg); } #cycledex_stacks_in_980 .cycledex-item:not(.item-has-desc) .cycledex-item-content { left: calc(310px/16); right: calc(310px/16); } #cycledex_stacks_in_980[data-resize$="3"] .cycledex-item-content { /* transform: none; */ } #cycledex_stacks_in_980[data-resize$="3"] .cycledex div.cycledex-item[data-r-index="0"] .cycledex-item-content { transform: translate3d(0px,0,1px); top: 50%;transform: translate3d(0,-50%,1px); } #cycledex_stacks_in_980[data-resize*="2"] .cycledex-inner-wrap { grid-template-columns: 64px 1fr 64px; } #cycledex_stacks_in_980[data-resize*="2"] .cycledex { aspect-ratio: auto; padding-top: 0; } #cycledex_stacks_in_980[data-resize*="2"] .cycledex-item-content { /* transform: none; */ left: 24px; right: 24px; } #cycledex_stacks_in_980[data-resize*="2"] .cycledex .cycledex-item[data-r-index="0"] { position: relative; } #cycledex_stacks_in_980[data-resize*="2"] .cycledex .cycledex-item { margin-left: calc((310px - 100%)/-2); margin-right: calc((310px - 100%)/-2); aspect-ratio: 0.704545; } @supports not (aspect-ratio: auto) { #cycledex_stacks_in_980[data-resize*="2"] .cycledex .cycledex-item.item-has-desc { padding-top: 141.935501%; } } #cycledex_stacks_in_980[data-resize*="2"] .item-has-desc .cycledex-item-content { max-width: calc(100% - 48px); } #cycledex_stacks_in_980[data-resize*="2"] .cycledex-item-content .cycledex-item-header { font-size: 28px; line-height: 30px; margin: 0 0 6px 0; } #cycledex_stacks_in_980[data-resize*="2"] .cycledex-item-content .cycledex-item-description { font-size: 16px; line-height: 24px; } #cycledex_stacks_in_980[data-resize*="2"] .cycledex-item-content .cycledex-item-header { font-size: 19.500000px; line-height: 28.500000px; margin-top: 0.000000px; margin-bottom: 6.000000px; } #cycledex_stacks_in_980[data-resize*="2"] .cycledex-item-content .cycledex-item-description { font-size: 13.500000px; line-height: 21.000000px; margin-top: 0.000000px; margin-bottom: 0.000000px; } /* */ #cycledex_stacks_in_980[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_980[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-right:after, #cycledex_stacks_in_980[data-resize*="2"] .cycledex .cycledex-item .cycledex-item-background { background-size: calc(100% + 80px) 100% !important; } #cycledex_stacks_in_980[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-right:after { background-position: -calc(100% + 40px) center !important; } /* */ #cycledex_stacks_in_980[data-resize="123"] .cycledex .cycledex-item, #cycledex_stacks_in_980[data-resize="123"] .cycledex .cycledex-item > a { margin-left: 0px; margin-right: 0px; } #cycledex_stacks_in_980[data-resize="123"] .cycledex-inner-wrap { grid-template-columns: 1fr 1fr; grid-gap: 16px; } #cycledex_stacks_in_980[data-resize="123"] .cycledex { grid-column: 1/-1; margin: 0 auto; } #cycledex_stacks_in_980[data-resize="123"] .cycledex { grid-row: 1; } @supports (aspect-ratio: auto) { #cycledex_stacks_in_980[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) { padding-top: 0; } #cycledex_stacks_in_980[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) .cycledex-item-background { position: relative; aspect-ratio: 0.704545; } } #cycledex_stacks_in_980[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) .cycledex-item-background .cycledex-item-content { position: relative; transform: none; top: auto; bottom: auto; left: auto; right: auto; padding: 32px 16px; } .stacks_in_981 .cycledex-item-background, .cycledex > .stacks_in_981 .cycledex-depth-left:after, .cycledex > .stacks_in_981 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-981.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_981 .cycledex-depth-left, .cycledex > .stacks_in_981 .cycledex-depth-right { position: relative; } .stacks_in_981 .cycledex-item-background:before, .cycledex > .stacks_in_981 .cycledex-depth-left:before, .cycledex > .stacks_in_981 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_984 .cycledex-item-background, .cycledex > .stacks_in_984 .cycledex-depth-left:after, .cycledex > .stacks_in_984 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-984.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_984 .cycledex-depth-left, .cycledex > .stacks_in_984 .cycledex-depth-right { position: relative; } .stacks_in_984 .cycledex-item-background:before, .cycledex > .stacks_in_984 .cycledex-depth-left:before, .cycledex > .stacks_in_984 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_987 .cycledex-item-background, .cycledex > .stacks_in_987 .cycledex-depth-left:after, .cycledex > .stacks_in_987 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-987.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_987 .cycledex-depth-left, .cycledex > .stacks_in_987 .cycledex-depth-right { position: relative; } .stacks_in_987 .cycledex-item-background:before, .cycledex > .stacks_in_987 .cycledex-depth-left:before, .cycledex > .stacks_in_987 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_990 .cycledex-item-background, .cycledex > .stacks_in_990 .cycledex-depth-left:after, .cycledex > .stacks_in_990 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-990.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_990 .cycledex-depth-left, .cycledex > .stacks_in_990 .cycledex-depth-right { position: relative; } .stacks_in_990 .cycledex-item-background:before, .cycledex > .stacks_in_990 .cycledex-depth-left:before, .cycledex > .stacks_in_990 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_993 .cycledex-item-background, .cycledex > .stacks_in_993 .cycledex-depth-left:after, .cycledex > .stacks_in_993 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-993.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_993 .cycledex-depth-left, .cycledex > .stacks_in_993 .cycledex-depth-right { position: relative; } .stacks_in_993 .cycledex-item-background:before, .cycledex > .stacks_in_993 .cycledex-depth-left:before, .cycledex > .stacks_in_993 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_996 .cycledex-item-background, .cycledex > .stacks_in_996 .cycledex-depth-left:after, .cycledex > .stacks_in_996 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-996.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_996 .cycledex-depth-left, .cycledex > .stacks_in_996 .cycledex-depth-right { position: relative; } .stacks_in_996 .cycledex-item-background:before, .cycledex > .stacks_in_996 .cycledex-depth-left:before, .cycledex > .stacks_in_996 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_999 .cycledex-item-background, .cycledex > .stacks_in_999 .cycledex-depth-left:after, .cycledex > .stacks_in_999 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-999.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_999 .cycledex-depth-left, .cycledex > .stacks_in_999 .cycledex-depth-right { position: relative; } .stacks_in_999 .cycledex-item-background:before, .cycledex > .stacks_in_999 .cycledex-depth-left:before, .cycledex > .stacks_in_999 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1002 .cycledex-item-background, .cycledex > .stacks_in_1002 .cycledex-depth-left:after, .cycledex > .stacks_in_1002 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1002.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1002 .cycledex-depth-left, .cycledex > .stacks_in_1002 .cycledex-depth-right { position: relative; } .stacks_in_1002 .cycledex-item-background:before, .cycledex > .stacks_in_1002 .cycledex-depth-left:before, .cycledex > .stacks_in_1002 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1005 .cycledex-item-background, .cycledex > .stacks_in_1005 .cycledex-depth-left:after, .cycledex > .stacks_in_1005 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1005.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1005 .cycledex-depth-left, .cycledex > .stacks_in_1005 .cycledex-depth-right { position: relative; } .stacks_in_1005 .cycledex-item-background:before, .cycledex > .stacks_in_1005 .cycledex-depth-left:before, .cycledex > .stacks_in_1005 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1008 .cycledex-item-background, .cycledex > .stacks_in_1008 .cycledex-depth-left:after, .cycledex > .stacks_in_1008 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1008.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1008 .cycledex-depth-left, .cycledex > .stacks_in_1008 .cycledex-depth-right { position: relative; } .stacks_in_1008 .cycledex-item-background:before, .cycledex > .stacks_in_1008 .cycledex-depth-left:before, .cycledex > .stacks_in_1008 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1011 .cycledex-item-background, .cycledex > .stacks_in_1011 .cycledex-depth-left:after, .cycledex > .stacks_in_1011 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1011.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1011 .cycledex-depth-left, .cycledex > .stacks_in_1011 .cycledex-depth-right { position: relative; } .stacks_in_1011 .cycledex-item-background:before, .cycledex > .stacks_in_1011 .cycledex-depth-left:before, .cycledex > .stacks_in_1011 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1014 .cycledex-item-background, .cycledex > .stacks_in_1014 .cycledex-depth-left:after, .cycledex > .stacks_in_1014 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1014.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1014 .cycledex-depth-left, .cycledex > .stacks_in_1014 .cycledex-depth-right { position: relative; } .stacks_in_1014 .cycledex-item-background:before, .cycledex > .stacks_in_1014 .cycledex-depth-left:before, .cycledex > .stacks_in_1014 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } /* * cleanAccordion * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/cleanAccordion/ * Support: http://forum.onelittledesigner.com * Version 3.6.1 */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ #accordion_stacks_in_940 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_940.transparentOn .accordion, #accordion_stacks_in_940.transparentOn .accordionTheme, #accordion_stacks_in_940.transparentOn .accordionTheme2, #accordion_stacks_in_940.transparentOn .accordionTheme dt, #accordion_stacks_in_940.transparentOn .accordionTheme2 dt, #accordion_stacks_in_940.transparentOn .accordionTheme dd, #accordion_stacks_in_940.transparentOn .accordionTheme2 dd { background-color: transparent !important; background-color: none !important; border: none !important; border-left: none !important; border-top: none !important; border-bottom: none !important; border-right: none !important; } #accordion_stacks_in_940, #accordion_stacks_in_940 > * { margin: 0; padding: 0; } #accordion_stacks_in_940.fixedHeightOn { height: 500px; } #accordion_stacks_in_940 .accordion dt, #accordion_stacks_in_940 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_940 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_940 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_940 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_940 .accordion { overflow: hidden; } #accordion_stacks_in_940 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_940 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_940 .accordion dt { background-color: transparent; } #accordion_stacks_in_940 .accordion dt a.accordionSlide { color: #191919; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_940 .accordion.tabShadowOn dt a { text-shadow: 0 1px3px #CCCCCC; } #accordion_stacks_in_940 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_940 .accordionTheme dt a, #accordion_stacks_in_940 .accordionTheme.accGradientOff dt a { border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; } #accordion_stacks_in_940.transparentOff .accordionTheme dt a, #accordion_stacks_in_940.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_940.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_940.transparentOff .accordionTheme.accGradientOn dt a { background: #EEEEEE; /* Old browsers */ background-image: linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -o-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -moz-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -webkit-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -ms-linear-gradient(bottom, #666666 30%, #EEEEEE 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.30, #666666), color-stop(0.55, #EEEEEE) ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#666666',GradientType=0 ); /* IE6-9 */ } #accordion_stacks_in_940.transparentOff .accordionTheme.accGradientOn dt.selected a { background: #EEEEEE !important; /* Old browsers */ background-image: linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -o-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -moz-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -ms-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.30, #666666), color-stop(0.55, #EEEEEE) ) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#666666',GradientType=0 ); /* IE6-9 */ } #accordion_stacks_in_940 .accordion dt.selected a { color: #800002 !important; } #accordion_stacks_in_940 .accordion dd { background-color: transparent; color: #CCCCCC !important; } #accordion_stacks_in_940.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_940 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_940 .accordionTheme dt { border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-style: solid; border-color: #666666; border-width: 1px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_940 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_940 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_940 .accordionTheme2 dt.selected.accordionLastDt { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; } #accordion_stacks_in_940 .accordionTheme.backgroundOn dd, #accordion_stacks_in_940 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_940 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_940 .accordionTheme.backgroundOff dd, #accordion_stacks_in_940 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_940 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_940 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_940 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_940 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_940 dt.accordionIconOn span.customIcon { display: inline; font-weight: bold; font-size: 16px; line-height: 16px; padding: none; padding-left: none; color: #000000; font-family: 'FontAwesome' !important; } #accordion_stacks_in_940 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_940 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_940 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_940 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_940 dt.accordionIconOn.animateOn span.customIcon { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; } #accordion_stacks_in_940 dt.accordionIconOn a.selected span.customIcon { color: #800002; } #accordion_stacks_in_940 dt.accordionIconOn.animateOn a.selected span.customIcon { -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -ms-transform:rotate(315deg); -o-transform:rotate(315deg); transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; } /* ===================== * Theme 2 /* ===================== */ #accordion_stacks_in_940 .accordionTheme2 dt { background-color: #E6E6E6; } #accordion_stacks_in_940.borderMinimalOff .accordionTheme2 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-style: solid; border-width: 1px; border-color: #666666; } #accordion_stacks_in_940 .accordionTheme2 dd { background-color: #FFFFFF; border-top: 0; border-left: 0; border-right: 0; border-bottom-width: 1px; border-style: solid; border-color: #333333; } #accordion_stacks_in_940.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_940 .accordionTheme2 .accordionLastDt { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; border: none; border-radius: none; } #accordion_stacks_in_940 .accordionTheme2 .accordionLastDd { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; border-top: solid 1px #333333; } #accordion_stacks_in_940 .accordionTheme2 .accordionFirstDt { border-top: none; border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; } #accordion_stacks_in_940 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_940.transparentOff .accordionTheme2 dt { background-color: #E6E6E6; } #accordion_stacks_in_940.transparentOff .accordionTheme2 dt.selected { background-color: #CCCCCC; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_940 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_940 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_940 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_940 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_940 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_940 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_940 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #666666; border-width: 1px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_940 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_940 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_940 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_940 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_940 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_940 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_940 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_940 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_940.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_940.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_940.transparentOff .accordionTheme3 dt .accordionContent { background-color: #E6E6E6; padding-left: none; } #accordion_stacks_in_940.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #CCCCCC; } #accordion_stacks_in_940 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_940 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_940 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_940 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_940.nonTouch.transparentOff .accordionTheme.accGradientOn dt a:hover { background: #EEEEEE !important; background-image: linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -o-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -moz-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -ms-linear-gradient(bottom, #666666 30%, #EEEEEE 55%) !important; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.30, #666666), color-stop(0.55, #EEEEEE) ) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#666666',GradientType=0 ); } #accordion_stacks_in_940.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_940.nonTouch .accordion dt a:hover { color: #800002 !important; } #accordion_stacks_in_940.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_940.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #800002; } #accordion_stacks_in_940.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #CCCCCC; } #accordion_stacks_in_940.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_940.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_940.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_940.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #CCCCCC; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_940 .accordionTheme4 { background: #666666; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_940 .accordionTheme4 dt { background: #666666; box-sizing: border-box; z-index: 1; border-width: 1px; border-style: solid; border-color: rgba(255,255,255,0.3) rgba(0,0,0,0.15) rgba(0,0,0,0.3) rgba(0,0,0,0.15); -webkit-transform: translateY(0%) rotateY(0deg) translateZ(0px); -moz-transform: translateY(0%) rotateY(0deg) translateZ(0px); -ms-transform: translateY(0%) rotateY(0deg) translateZ(0px); -o-transform:translateY(0%) rotateY(0deg) translateZ(0px); transform: translateY(0%) rotateY(0deg) translateZ(0px); } #accordion_stacks_in_940 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_940 .accordionTheme4 dd { background: #FFFFFF; box-sizing: border-box; z-index: -1; -webkit-transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -moz-transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -ms-transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -o-transform:translateY(0%) rotateY(90deg) translateZ(-1000px); transform: translateY(0%) rotateY(90deg) translateZ(-1000px); -webkit-transform-origin: top; transform-origin: top; -webkit-transition: transform 500ms; -moz-transition: transform 500ms; -o-transition: transform 500ms; transition: transform 500ms; } #accordion_stacks_in_940 .accordionTheme4 dd.accordionOpen { -webkit-transform: translateY(0%) rotateY(0deg) translateZ(0px); -moz-transform: translateY(0%) rotateY(0deg) translateZ(0px); -ms-transform: translateY(0%) rotateY(0deg) translateZ(0px); -o-transform:translateY(0%) rotateY(0deg) translateZ(0px); transform: translateY(0%) rotateY(0deg) translateZ(0px); } #accordion_stacks_in_940 .accordionTheme5 { background: #666666; border-radius: 4px; border-width: 1px 1px 5px 1px; border-style: solid; border-color: rgba(255,255,255,0.3) rgba(0,0,0,0.3) rgba(0,0,0,0.4) rgba(0,0,0,0.1); box-shadow: 0px 2px 5px rgba(0,0,0,0.5); margin-bottom: 10px; padding: 10px 10px; } #accordion_stacks_in_940 .accordionTheme5 dt { } #accordion_stacks_in_940 .accordionTheme5 dd { box-sizing: border-box; background: rgba(0,0,0,0.1); margin: 0px 20px 0px !important; border-width: 5px 1px 1px 1px; border-style: solid; border-color: rgba(0,0,0,0.4) rgba(0,0,0,0.3) rgba(255,255,255,0.3) rgba(0,0,0,0.3); border-radius: 4px; box-shadow: inset 0px 2px 5px rgba(0,0,0,0.3); } #accordion_stacks_in_940 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_940 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_1022.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_1022.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_1022.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_1022.accordionIconOn.textAlignRight .accordionContent { float: right; } /* v1.0.1 */ #cycledex_stacks_in_1023 .item-has-desc .cycledex-item-content { } #cycledex_stacks_in_1023 .cycledex-item-content .cycledex-item-header { color: rgba(255, 255, 255, 1.00); font-weight: 700; font-size: 36px; line-height: 38px; margin: 0 0 8px 0; } #cycledex_stacks_in_1023 .cycledex-item-content .cycledex-item-description { color: rgba(255, 255, 255, 1.00); font-weight: 400; font-size: 18px; line-height: 28px; margin: 0; } #cycledex_stacks_in_1023 .cycledex-item-content { text-align: center; } #cycledex_stacks_in_1023 .cycledex-item-content .cycledex-item-header { font-family: inherit; font-weight: 700; font-size: 26px; line-height: 38px; margin-top: 0px; margin-bottom: 8px; letter-spacing: 0.00px; word-spacing: 0.00px; } #cycledex_stacks_in_1023 .cycledex-item-content .cycledex-item-description { font-family: inherit; font-weight: 400; font-size: 18px; line-height: 28px; margin-top: 0px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } .cycledex_noscroll{overflow: clip;} #cycledex_stacks_in_1023.cycledex-outer-wrap { position: relative; padding: 120px 0px; min-height: 0vh; overflow: hidden; } #cycledex_stacks_in_1023 .cycledex-inner-wrap { width: 620px; max-width: 100%; margin: 0 auto; display: grid; justify-content: stretch; align-items: center; grid-template-columns: minmax(64px,155.000000px) 310px minmax(64px,155.000000px); position: relative; z-index: 3; } #cycledex_stacks_in_1023.cycledex-outer-wrap.cycledex-popup { height: 100vh; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; opacity: 0; visibility: hidden; padding: 0; transition: opacity 200ms ease; display: grid; justify-content: center; align-items: center; max-width: 100vw; } #cycledex_stacks_in_1023.cycledex-outer-wrap.cycledex-popup.cycledex_active { pointer-events: auto; opacity: 1; visibility: visible; transition: opacity 300ms ease; } #cycledex_stacks_in_1023.cycledex-outer-wrap.cycledex-popup .cycledex-inner-wrap { max-width: 100vw; } #cycledex_stacks_in_1023 .cycledex_close_icon { position:absolute; top: 32px; right: 32px; padding: 0; width: 64px; height: 64px; z-index: 4; cursor:pointer; } #cycledex_stacks_in_1023 .cycledex_close_icon svg { width:64px; fill: rgba(255, 255, 255, 1.00); pointer-events: none; } #cycledex_stacks_in_1023 .cycledex { position: relative; max-height: 100%; width: 100%; max-width: 310px; z-index: 0; aspect-ratio: 0.704545; pointer-events: none; } @supports not (aspect-ratio: auto) { #cycledex_stacks_in_1023 .cycledex { padding-top: 141.935501%; } } #cycledex_stacks_in_1023 .cycledex-nav { outline: none; color: rgba(255, 255, 255, 1.00); position: relative; z-index: 1; cursor: pointer; width: 100%; height: 100%; display: grid; justify-content: center; align-items: center; transform-style: flat; transform: scale(1); -webkit-transform: scale(1) translateZ(800px); transition: transform 300ms ease; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } #cycledex_stacks_in_1023 .cycledex-nav:hover { outline: none; transform: scale(1.2); -webkit-transform: scale(1.2) translateZ(800px); } #cycledex_stacks_in_1023 .cycledex-nav:active { outline: none; opacity: 0.75; } #cycledex_stacks_in_1023 .cycledex-nav svg { max-width: 64px; width: 100%; pointer-events: none; color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } #cycledex_stacks_in_1023 .cycledex .cycledex-item, #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-right, #cycledex_stacks_in_1023 .cycledex-overlay, #cycledex_stacks_in_1023 .cycledex-overlay-image, #cycledex_stacks_in_1023 .cycledex .cycledex-origin { background-color: rgba(204, 204, 204, 1.00); } #cycledex_stacks_in_1023.cycledex_active .cycledex-overlay { opacity: 0.500000; } #cycledex_stacks_in_1023[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item, #cycledex_stacks_in_1023[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_1023[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item .cycledex-depth-right { background-color: #000; } #cycledex_stacks_in_1023 .cycledex { perspective: 1400px; transform-style: preserve-3d; } #cycledex_stacks_in_1023 .cycledex .cycledex-item, #cycledex_stacks_in_1023 .cycledex .cycledex-item > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #cycledex_stacks_in_1023 .cycledex .cycledex-origin, #cycledex_stacks_in_1023 .cycledex .cycledex-item { transition: transform 600ms ease,opacity 600ms ease; pointer-events: none; transform-style: preserve-3d; } #cycledex_stacks_in_1023 .cycledex .cycledex-item > a { cursor: pointer; } /* */ #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-right { position: absolute; width: 40px; bottom: 0; top: 0; left: 0; z-index: 1; transform: rotateY(-90deg) translate3d(-40px,0,-1px); transform-origin: left; } #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-right:after { content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0; } #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-right:after, #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-item-background { background-size: 390px 440px !important; } #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-left:after { background-position: 0px center !important; } #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-right { left: auto; right: 0; transform-origin: right; transform: rotateY(90deg) translate3d(40px,0,-1px); } #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-right:after { background-position: -350px center !important; } /* */ #cycledex_stacks_in_1023.cycledex_active .cycledex .cycledex-item[data-r-index="0"] { pointer-events: auto; } #cycledex_stacks_in_1023:not(.cycledex_active) .cycledex .cycledex-item[data-r-index="0"] { transform: translate3d(0,0,100px) rotateY(0deg) !important; } #cycledex_stacks_in_1023 .cycledex-overlay-image, #cycledex_stacks_in_1023 .cycledex-overlay-image > div, #cycledex_stacks_in_1023 .cycledex-overlay, #cycledex_stacks_in_1023 .cycledex-blur, #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-item-background { pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #cycledex_stacks_in_1023 .cycledex-blur, #cycledex_stacks_in_1023 .cycledex-overlay { z-index: 2; } #cycledex_stacks_in_1023 .cycledex-blur { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } #cycledex_stacks_in_1023 .cycledex-overlay-image > div { opacity: 0; background-size: cover !important; background-position: center !important; transition: opacity 900.000000ms ease,transform 900.000000ms ease; z-index: 0; } #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-item-background { transition: opacity 600ms ease; } #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-depth-right:after { opacity: 0.400000; } #cycledex_stacks_in_1023 .cycledex .cycledex-item .cycledex-item-background { opacity: 0.500000; } /* #cycledex_stacks_in_1023 .cycledex .cycledex-item[data-r-index="0"] .cycledex-depth-left:after, #cycledex_stacks_in_1023 .cycledex .cycledex-item[data-r-index="0"] .cycledex-depth-right:after, */ #cycledex_stacks_in_1023 .cycledex .cycledex-item[data-r-index="0"] .cycledex-item-background { opacity: 1; } #cycledex_stacks_in_1023 .cycledex-item-content { position: absolute; transition: transform 600ms ease, opacity 600ms ease; z-index: 10; pointer-events: none; } #cycledex_stacks_in_1023.cycledex_active .cycledex-item-content { pointer-events: auto; } #cycledex_stacks_in_1023 .cycledex-item.item-has-desc .cycledex-item-content, #cycledex_stacks_in_1023 .cycledex-item.item-has-link .cycledex-item-content { -webkit-user-select: none; user-select: none; pointer-events: none; } #cycledex_stacks_in_1023 .cycledex-item:not(.item-has-desc) .cycledex-item-content { width: auto; } #cycledex_stacks_in_1023 .cycledex-item-content { transform: translate3d(0,0,1px); left: calc(310px/16);right: calc(310px/16); top: 50%;transform: translate3d(0,-50%,1px); } #cycledex_stacks_in_1023 .cycledex div.cycledex-item.item-has-link[data-r-index="0"] { transform: translate3d(0,0,0) rotateY(0deg); opacity: 1; } #cycledex_stacks_in_1023 .cycledex div.cycledex-item.item-has-link.cycledex-animation-complete[data-r-index="0"]:hover { transform: translate3d(0,0,100px) rotateY(0deg); } #cycledex_stacks_in_1023 .cycledex-item:not(.item-has-desc) .cycledex-item-content { left: calc(310px/16); right: calc(310px/16); } #cycledex_stacks_in_1023[data-resize$="3"] .cycledex-item-content { /* transform: none; */ } #cycledex_stacks_in_1023[data-resize$="3"] .cycledex div.cycledex-item[data-r-index="0"] .cycledex-item-content { transform: translate3d(0px,0,1px); top: 50%;transform: translate3d(0,-50%,1px); } #cycledex_stacks_in_1023[data-resize*="2"] .cycledex-inner-wrap { grid-template-columns: 64px 1fr 64px; } #cycledex_stacks_in_1023[data-resize*="2"] .cycledex { aspect-ratio: auto; padding-top: 0; } #cycledex_stacks_in_1023[data-resize*="2"] .cycledex-item-content { /* transform: none; */ left: 24px; right: 24px; } #cycledex_stacks_in_1023[data-resize*="2"] .cycledex .cycledex-item[data-r-index="0"] { position: relative; } #cycledex_stacks_in_1023[data-resize*="2"] .cycledex .cycledex-item { margin-left: calc((310px - 100%)/-2); margin-right: calc((310px - 100%)/-2); aspect-ratio: 0.704545; } @supports not (aspect-ratio: auto) { #cycledex_stacks_in_1023[data-resize*="2"] .cycledex .cycledex-item.item-has-desc { padding-top: 141.935501%; } } #cycledex_stacks_in_1023[data-resize*="2"] .item-has-desc .cycledex-item-content { max-width: calc(100% - 48px); } #cycledex_stacks_in_1023[data-resize*="2"] .cycledex-item-content .cycledex-item-header { font-size: 28px; line-height: 30px; margin: 0 0 6px 0; } #cycledex_stacks_in_1023[data-resize*="2"] .cycledex-item-content .cycledex-item-description { font-size: 16px; line-height: 24px; } #cycledex_stacks_in_1023[data-resize*="2"] .cycledex-item-content .cycledex-item-header { font-size: 19.500000px; line-height: 28.500000px; margin-top: 0.000000px; margin-bottom: 6.000000px; } #cycledex_stacks_in_1023[data-resize*="2"] .cycledex-item-content .cycledex-item-description { font-size: 13.500000px; line-height: 21.000000px; margin-top: 0.000000px; margin-bottom: 0.000000px; } /* */ #cycledex_stacks_in_1023[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_1023[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-right:after, #cycledex_stacks_in_1023[data-resize*="2"] .cycledex .cycledex-item .cycledex-item-background { background-size: calc(100% + 80px) 100% !important; } #cycledex_stacks_in_1023[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-right:after { background-position: -calc(100% + 40px) center !important; } /* */ #cycledex_stacks_in_1023[data-resize="123"] .cycledex .cycledex-item, #cycledex_stacks_in_1023[data-resize="123"] .cycledex .cycledex-item > a { margin-left: 0px; margin-right: 0px; } #cycledex_stacks_in_1023[data-resize="123"] .cycledex-inner-wrap { grid-template-columns: 1fr 1fr; grid-gap: 16px; } #cycledex_stacks_in_1023[data-resize="123"] .cycledex { grid-column: 1/-1; margin: 0 auto; } #cycledex_stacks_in_1023[data-resize="123"] .cycledex { grid-row: 1; } @supports (aspect-ratio: auto) { #cycledex_stacks_in_1023[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) { padding-top: 0; } #cycledex_stacks_in_1023[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) .cycledex-item-background { position: relative; aspect-ratio: 0.704545; } } #cycledex_stacks_in_1023[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) .cycledex-item-background .cycledex-item-content { position: relative; transform: none; top: auto; bottom: auto; left: auto; right: auto; padding: 32px 16px; } .stacks_in_1024 .cycledex-item-background, .cycledex > .stacks_in_1024 .cycledex-depth-left:after, .cycledex > .stacks_in_1024 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1024.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1024 .cycledex-depth-left, .cycledex > .stacks_in_1024 .cycledex-depth-right { position: relative; } .stacks_in_1024 .cycledex-item-background:before, .cycledex > .stacks_in_1024 .cycledex-depth-left:before, .cycledex > .stacks_in_1024 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1027 .cycledex-item-background, .cycledex > .stacks_in_1027 .cycledex-depth-left:after, .cycledex > .stacks_in_1027 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1027.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1027 .cycledex-depth-left, .cycledex > .stacks_in_1027 .cycledex-depth-right { position: relative; } .stacks_in_1027 .cycledex-item-background:before, .cycledex > .stacks_in_1027 .cycledex-depth-left:before, .cycledex > .stacks_in_1027 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1030 .cycledex-item-background, .cycledex > .stacks_in_1030 .cycledex-depth-left:after, .cycledex > .stacks_in_1030 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1030.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1030 .cycledex-depth-left, .cycledex > .stacks_in_1030 .cycledex-depth-right { position: relative; } .stacks_in_1030 .cycledex-item-background:before, .cycledex > .stacks_in_1030 .cycledex-depth-left:before, .cycledex > .stacks_in_1030 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1033 .cycledex-item-background, .cycledex > .stacks_in_1033 .cycledex-depth-left:after, .cycledex > .stacks_in_1033 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1033.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1033 .cycledex-depth-left, .cycledex > .stacks_in_1033 .cycledex-depth-right { position: relative; } .stacks_in_1033 .cycledex-item-background:before, .cycledex > .stacks_in_1033 .cycledex-depth-left:before, .cycledex > .stacks_in_1033 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1036 .cycledex-item-background, .cycledex > .stacks_in_1036 .cycledex-depth-left:after, .cycledex > .stacks_in_1036 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1036.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1036 .cycledex-depth-left, .cycledex > .stacks_in_1036 .cycledex-depth-right { position: relative; } .stacks_in_1036 .cycledex-item-background:before, .cycledex > .stacks_in_1036 .cycledex-depth-left:before, .cycledex > .stacks_in_1036 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1039 .cycledex-item-background, .cycledex > .stacks_in_1039 .cycledex-depth-left:after, .cycledex > .stacks_in_1039 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1039.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1039 .cycledex-depth-left, .cycledex > .stacks_in_1039 .cycledex-depth-right { position: relative; } .stacks_in_1039 .cycledex-item-background:before, .cycledex > .stacks_in_1039 .cycledex-depth-left:before, .cycledex > .stacks_in_1039 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1042 .cycledex-item-background, .cycledex > .stacks_in_1042 .cycledex-depth-left:after, .cycledex > .stacks_in_1042 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1042.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1042 .cycledex-depth-left, .cycledex > .stacks_in_1042 .cycledex-depth-right { position: relative; } .stacks_in_1042 .cycledex-item-background:before, .cycledex > .stacks_in_1042 .cycledex-depth-left:before, .cycledex > .stacks_in_1042 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1045 .cycledex-item-background, .cycledex > .stacks_in_1045 .cycledex-depth-left:after, .cycledex > .stacks_in_1045 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1045.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1045 .cycledex-depth-left, .cycledex > .stacks_in_1045 .cycledex-depth-right { position: relative; } .stacks_in_1045 .cycledex-item-background:before, .cycledex > .stacks_in_1045 .cycledex-depth-left:before, .cycledex > .stacks_in_1045 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1048 .cycledex-item-background, .cycledex > .stacks_in_1048 .cycledex-depth-left:after, .cycledex > .stacks_in_1048 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1048.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1048 .cycledex-depth-left, .cycledex > .stacks_in_1048 .cycledex-depth-right { position: relative; } .stacks_in_1048 .cycledex-item-background:before, .cycledex > .stacks_in_1048 .cycledex-depth-left:before, .cycledex > .stacks_in_1048 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1051 .cycledex-item-background, .cycledex > .stacks_in_1051 .cycledex-depth-left:after, .cycledex > .stacks_in_1051 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1051.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1051 .cycledex-depth-left, .cycledex > .stacks_in_1051 .cycledex-depth-right { position: relative; } .stacks_in_1051 .cycledex-item-background:before, .cycledex > .stacks_in_1051 .cycledex-depth-left:before, .cycledex > .stacks_in_1051 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1054 .cycledex-item-background, .cycledex > .stacks_in_1054 .cycledex-depth-left:after, .cycledex > .stacks_in_1054 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1054.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1054 .cycledex-depth-left, .cycledex > .stacks_in_1054 .cycledex-depth-right { position: relative; } .stacks_in_1054 .cycledex-item-background:before, .cycledex > .stacks_in_1054 .cycledex-depth-left:before, .cycledex > .stacks_in_1054 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } .stacks_in_1057 .cycledex-item-background, .cycledex > .stacks_in_1057 .cycledex-depth-left:after, .cycledex > .stacks_in_1057 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-1057.jpg); background-position: center; background-size: cover; } .cycledex > .stacks_in_1057 .cycledex-depth-left, .cycledex > .stacks_in_1057 .cycledex-depth-right { position: relative; } .stacks_in_1057 .cycledex-item-background:before, .cycledex > .stacks_in_1057 .cycledex-depth-left:before, .cycledex > .stacks_in_1057 .cycledex-depth-right:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.400000; z-index: 9; } #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-9999px;background:url(../files/elevator-images/top.png) no-repeat left top;z-index:9988}#toTop:hover{background:url(../files/elevator-images/top.png) no-repeat left -51px}#toTop:active,#toTop:focus{outline:none}