#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} /* * jQuery FlexSlider v2.5.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ /* @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } */ /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .sf-flexslider { margin: 0; padding: 0; } .sf-flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .sf-flexslider .slides img { width: 100%; display: block; } .sf-flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .sf-flexslider .slides { display: block; } * html .sf-flexslider .slides { height: 1%; } .no-js .sf-flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .sf-flexslider { margin: 0 0 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .sf-flexslider .slides { zoom: 1; } .sf-flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { /*font-family: "flexslider-icon";*/ font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .sf-flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .sf-flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .sf-flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .sf-flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { /*font-family: "flexslider-icon";*/ font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* SuperFlex 3.0.8 */ @font-face { font-family: 'sf-icons'; src: url('fonts/sf-icons.eot'); } @font-face { font-family: 'sf-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8R/OYAAAC8AAAAYGNtYXAgVsCMAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zl5qkmkAAAF4AAAB6GhlYWQHMNyTAAADYAAAADZoaGVhBv4DywAAA5gAAAAkaG10eB4ABTYAAAO8AAAAKGxvY2ECLgHGAAAD5AAAABZtYXhwAAwAGQAAA/wAAAAgbmFtZQNRKj8AAAQcAAABknBvc3QAAwAAAAAFsAAAACAAAwO3AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADgBQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg4AX//f//AAAAAAAg4AD//f//AAH/4yAEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAPT/0QMMA8AAFgAAATIWFxYUBwkBFhQHBiInASY0NwE+ATMC4gwWCBIS/mUBmxISETES/jwSEgHECRYLA8AJCBIxEf5l/mURMRIREQHFETIRAcUICQAAAQDE/8ADPAPAAAUAAAU3CQEnAQLEeP53AYl4/gBAdwGJAYl3/gAAAAEA4//PAx0DsQAVAAATARYyPwE2NCcJATY0LwEmIgcBBhQX4wHLECsPJRAQ/n8BgRAQJQ8rEP41EBABm/40Dw8lECsPAYIBgg8rECUPD/40DywPAAEA9P/AAwwDrwAWAAAFIiYnJjQ3CQEmNDc2MhcBFhQHAQ4BIwEeDBYIEhIBm/5lEhIRMRIBxBIS/jwJFgtACQgSMREBmwGbETESERH+OxEyEf47CAkAAAABAOP/zwMdA7EAFQAACQEmIg8BBhQXCQEGFB8BFjI3ATY0JwMd/jUQKw8lEBABgf5/EBAlDysQAcsQEAHlAcwPDyUQKw/+fv5+DysQJQ8PAcwPLA8AAAAAAQDE/8ADPAPAAAUAAAEHCQEXAQE8eAGJ/nd4AgADwHf+d/53dwIAAAEAAAABAAC/FVBDXw889QALBAAAAAAA0mrMCwAAAADSaswLAAD/wAM8A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAzwAAQAAAAAAAAAAAAAAAAAAAAoEAAAAAAAAAAAAAAACAAAABAAA9AQAAMQEAADjBAAA9AQAAOMEAADEAAAAAAAKABQAHgBKAF4AiAC0AOAA9AAAAAEAAAAKABcAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNSZWd1bGFyAFIAZQBnAHUAbABhAHJzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'); font-weight: normal; font-style: normal; } i.sf-control { font-family: 'sf-icons'; font-size: 18px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sf-icon-cl-1:before { content: "\e000"; } .sf-icon-cl-2:before { content: "\e002"; } .sf-icon-cl-3:before { content: "\e001"; } .sf-icon-cr-1:before { content: "\e003"; } .sf-icon-cr-2:before { content: "\e004"; } .sf-icon-cr-3:before { content: "\e005"; } #sf3-folder-check{ margin: 20px 0 10px; } #sf3-folder-check:not(.sf3-error) span{ background: #119115; border-radius: 50px; padding: 8px 15px; } #sf3-folder-check div, #sf3-folder-check.sf3-error{ text-align: center; font-size: 16px; color: #AFFFB7; padding: 10px; } .sf3-error:before{ content:'Folder cannot be found.'; color: #fff; font-weight: bolder; background:#D53F4F; border-radius: 50px;padding: 8px 15px; } #stacks_in_123-sf .sf3-error:after{ content:'http://my-website.com/remote'; color: #D53F4F; font-weight: bolder; background:#fff; margin-left: 15px; border: 2px solid #D53F4F; border-radius: 50px;padding: 8px 15px; } .sf3-error img{ display: none; } #stacks_in_123-sf .flex-control-nav{ bottom: 0; padding: 12px 0 0 !important; position: relative; } #stacks_in_123-sf .flex-control-nav.flex-control-paging li a.flex-active{ background: rgba(36, 181, 227, 1.00); } #stacks_in_123-sf .flex-control-nav.flex-control-paging li a{ background: rgba(17, 17, 17, 0.75); -webkit-transition: background 300ms; transition: background 300ms; } #stacks_in_123-sf ul.slides{ margin:0 !important; padding:0 !important; } #stacks_in_123-sf{ position: relative; z-index: 10; height: auto; } #stacks_in_123-sf, #stacks_in_123-sf .slider.sf-flexslider{ background-color: transparent; overflow: hidden; margin: 0; border: 0; } #stacks_in_123-sf .sf-flexslider{ opacity: 1; margin: 0; border-radius: 0; -webkit-transition: opacity 500ms; transition: opacity 500ms; } #stacks_in_123-sf .sf-error{ text-align: center; font-size: 15px; margin: 30px 0; font-weight: bolder; padding: 7px 10px; line-height: 20px; border-radius: 4px; color: #FFF; background: #F78E8F; display: inline-block; } #stacks_in_123-sf .slider.loaded{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* Instant Load */ #stacks_in_123-sf .loaded .flex-viewport, #stacks_in_123-sf .slider, #stacks_in_123-sf .flex-viewport{ -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } #stacks_in_123-sf .sf-flexslider.loading{opacity: 0;} #stacks_in_123-sf{min-height: 70px;} #stacks_in_123-sf .carousel{ background-color: rgba(0, 0, 0, 1.00); line-height: 0; } #stacks_in_123-sf .flex-loading{ width: 50px; height: 50px; border-radius: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 5px solid transparent; border-bottom-color: rgba(25, 165, 223, 1.00); border-top-color: rgba(25, 165, 223, 1.00); -webkit-animation: rotate 500ms linear 0s infinite; animation: rotate 500ms linear 0s infinite; } @media only screen and (max-width: 400px) { #stacks_in_123-sf .flex-loading{ display: none; } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #stacks_in_123-sf .sf-flexslider.carousel{ line-height: 0; } #stacks_in_123-sf .sf-flexslider .slides.sf-effect-fade > li.flex-active-slide{ position: relative !important; top: 0 !important; left: 0 !important; } #stacks_in_123-sf .sf-flexslider .slides > li{ position: relative; line-height: normal; } #stacks_in_123-sf .sf-flexslider .slides > li img{ padding-bottom: 0 !important; } #stacks_in_123-sf .sf-flexslider .slides > li, #stacks_in_123-sf .sf-flexslider .carousel > li, #stacks_in_123-sf ul.flex-direction-nav{ background: none inherit; /*margin: 0 !important;*/ opacity: 1; -webkit-transition: opacity 300ms; transition: opacity 300ms; padding: 0 !important; list-style: none !important; } #stacks_in_123-sf ul.flex-direction-nav li{ background: none inherit; padding: 0 !important; list-style: none !important; } #stacks_in_123-sf .sf-flexslider .slides > li.hero{ text-align: center; } #stacks_in_123-sf .sf-flexslider .slides > li.hero div.sf-hero-background{ background-size: cover; background-position: center; position:absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_123-sf .sf-hero-bg-crop{ overflow: hidden; position:absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #stacks_in_123-sf .sf-flexslider .slides > li.hero .sf-hero-content{ text-align: center; position: relative; padding: 20% 5%; z-index: 10; -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; } #stacks_in_123-sf .sf-flexslider .slides > li.hero .sf-hero-tint{ position:absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #stacks_in_123-sf .sf-flexslider .slides > li.hero h2, #stacks_in_123-sf .sf-flexslider .slides > li.hero p{ text-shadow: none; display: inline-block; margin: 0; text-decoration: none; padding: 5px 0 !important; } #stacks_in_123-sf .sf-flexslider .slides > li.hero a.sf-hero-button{ display: inline-block; text-shadow: none; border-radius: 4px; margin-top: 10px; text-decoration: none; } #stacks_in_123-sf .sf-flexslider .slides > li.youtube .embed-container, #stacks_in_123-sf .sf-flexslider .slides > li.vimeo .embed-container, #stacks_in_123-sf .sf-flexslider .slides > li.map .embed-container{ position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 0; overflow: hidden; max-width: 100%; } #stacks_in_123-sf .sf-flexslider .slides > li.instagram .embed-container{ position: relative; padding-bottom: 100%; height: 0; overflow: hidden; } #stacks_in_123-sf .sf-flexslider .slides > li .embed-container iframe, #stacks_in_123-sf .sf-flexslider .slides > li .embed-container object, #stacks_in_123-sf .sf-flexslider .slides > li .embed-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #stacks_in_123-sf .sf-flexslider .slides > li .embed-container div.fluid-width-video-wrapper{ padding-top: 56.25% !important; } #stacks_in_123-sf li.hero h2, #stacks_in_123-sf li.hero p, #stacks_in_123-sf li.hero a.sf-hero-button{ opacity: 0; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #stacks_in_123-sf li.hero:not(.flex-active-slide) h2, #stacks_in_123-sf li.hero:not(.flex-active-slide) p, #stacks_in_123-sf li.hero:not(.flex-active-slide) a.sf-hero-button{ -webkit-transition: opacity 300ms !important; transition: opacity 300ms !important; } #stacks_in_123-sf .slider.loaded .flex-active-slide.hero h2, #stacks_in_123-sf .slider.loaded .flex-active-slide.hero p, #stacks_in_123-sf .slider.loaded .flex-active-slide.hero a.sf-hero-button{ opacity: 1; } /* Caption */ #stacks_in_123-sf p.flex-caption { position: absolute; bottom: 0; left: 0; padding: 0; margin: 0; background: rgba(0,0,0,0.65); width: 100%; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } #stacks_in_123-sf .slider.loaded p.flex-caption{ -webkit-transition: opacity 300ms 1200ms; transition: opacity 300ms 1200ms; } #stacks_in_123-sf p.flex-caption span { color: #fff; font-family: Arial; display: block; font-size: 14px; line-height: 140%; text-shadow: none; padding: 2% 3%; } #stacks_in_123-sf .flex-active-slide .caption-wrap, #stacks_in_123-sf .slider.loaded .flex-active-slide p.flex-caption, #stacks_in_123-sf .slider.loaded .flex-active-slide:hover .caption-wrap, #stacks_in_123-sf .caption-wrap{ opacity: 1; } #stacks_in_123-sf .flex-active-slide .caption-wrap{ position: relative; z-index: 100; } #stacks_in_123-sf .caption-wrap{ -webkit-transition: opacity .3s 1200ms; transition: opacity .3s 1200ms; } li.sf3-slide.hide-caption .caption-wrap{ display: none; } #stacks_in_123-sf .slider.loaded .flex-active-slide .caption-wrap{ opacity: 0; -webkit-transition: opacity .5s 1203ms; transition: opacity .5s 120300ms; -webkit-transition: opacity .5s 4200ms; transition: opacity .5s 4200ms; } #stacks_in_123-sf .slider.loaded .flex-active-slide:hover .caption-wrap{ -webkit-transition: opacity .3s !important; transition: opacity .3s !important; } @media only screen and (max-width: 400px) { #stacks_in_123-sf p.flex-caption{ display: none; } } /* Direction */ #stacks_in_123-sf .flex-direction-nav .flex-disabled{display: none;} #stacks_in_123-sf .slider .flex-direction-nav .flex-prev, #stacks_in_123-sf .slider:hover .flex-direction-nav .flex-prev{left: 30px;} #stacks_in_123-sf .slider .flex-direction-nav .flex-next, #stacks_in_123-sf .slider:hover .flex-direction-nav .flex-next{right: 30px;} #stacks_in_123-sf .carousel .flex-direction-nav .flex-prev, #stacks_in_123-sf .carousel:hover .flex-direction-nav .flex-prev{left: 15px;} #stacks_in_123-sf .carousel .flex-direction-nav .flex-next, #stacks_in_123-sf .carousel:hover .flex-direction-nav .flex-next{right: 15px;} #stacks_in_123-sf .sf-flexslider .flex-direction-nav .flex-prev, #stacks_in_123-sf .sf-flexslider .flex-direction-nav .flex-next { -moz-transition: transform .3s, background-color .3s; -webkit-transition: transform .3s, background-color .3s; transition: transform .3s, background-color .3s; } #stacks_in_123-sf .sf-flexslider .flex-direction-nav .flex-prev { -moz-transform: translateX(-118px); -webkit-transform: translateX(-118px); transform: translateX(-118px); } #stacks_in_123-sf .sf-flexslider .flex-direction-nav .flex-next { -moz-transform: translateX(118px); -webkit-transform: translateX(118px); transform: translateX(118px); } #stacks_in_123-sf .sf-flexslider:hover .flex-direction-nav .flex-prev, #stacks_in_123-sf .sf-flexslider:hover .flex-direction-nav .flex-next{ -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } #stacks_in_123-sf .flex-direction-nav a { position: absolute; top: 50%; opacity: 1; outline: 0; width: 44px; height: 44px; margin-top: -22.000000px; border-radius: 4px; text-shadow: none; text-indent: 0; z-index: 9999; } #stacks_in_123-sf .flex-direction-nav a {background: rgba(0, 0, 0, 0.50);} #stacks_in_123-sf .flex-direction-nav a:hover {background: rgba(0, 0, 0, 1.00);} #stacks_in_123-sf .flex-direction-nav a:before {display: none;} #stacks_in_123-sf .sf-control{ position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -9px; } #stacks_in_123-sf .sf-control:before, #stacks_in_123-sf .sf-control:after{ -webkit-transition: color 300ms; transition: color 300ms; color: rgba(255, 255, 255, 1.00); } #stacks_in_123-sf .flex-direction-nav a:hover .sf-control:before, #stacks_in_123-sf .flex-direction-nav a:hover .sf-control:after{color: rgba(8, 211, 253, 1.00);} @media only screen and (max-width: 400px) { #stacks_in_123-sf .flex-direction-nav{ opacity: 0; } } @media only screen and (max-width: 400px) { #stacks_in_123-sf.iframe .flex-direction-nav{display: block;} } @media only screen and (max-width: 400px) { #stacks_in_123-sf.iframe .sf-flexslider .flex-direction-nav .flex-prev, #stacks_in_123-sf.iframe .sf-flexslider .flex-direction-nav .flex-next{ -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } } /* Thumbnails */ #stacks_in_123-sf .carousel{ border-radius: 0 0 3px 3px; line-height: 0; margin-top: -1px; border: 6px solid rgba(0, 0, 0, 1.00); } @media only screen and (max-width: 400px) { #stacks_in_123-sf .carousel{ display: none; } } #stacks_in_123-sf .carousel *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #stacks_in_123-sf .carousel .slides li{ width: 70px; margin-right: 0; opacity: 0.65; transition: opacity 150ms; cursor: pointer; overflow: hidden; position: relative; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center; } #stacks_in_123-sf .carousel .slides li:before{ content: ''; display: block; padding-top: 70%; } #stacks_in_123-sf .carousel .slides li + li{ margin-left: 5px !important; } #stacks_in_123-sf .carousel .slides li:hover, #stacks_in_123-sf .carousel .slides li.flex-active-slide, #stacks_in_123-sf .carousel .slides li.flex-active-slide:hover{ opacity: 1; } #stacks_in_123-sf .carousel .flex-direction-nav .flex-prev { -moz-transform: translateX(-103px); -webkit-transform: translateX(-103px); transform: translateX(-103px); } #stacks_in_123-sf .carousel .flex-direction-nav .flex-next { -moz-transform: translateX(103px); -webkit-transform: translateX(103px); transform: translateX(103px); } #stacks_in_123-sf .carousel .flex-direction-nav a { background: rgba(0, 0, 0, 0.50); } #stacks_in_123-sf .carousel .flex-direction-nav a:hover { background: rgba(0, 0, 0, 1.00); } #stacks_in_123-sf .carousel .sf-control{ color: rgba(255, 255, 255, 1.00);} #stacks_in_123-sf .carousel .flex-direction-nav a:hover .sf-control{ color: rgba(8, 211, 253, 1.00); } /* Edit */ #stacks_in_123-sf .freeze{ text-align: center; padding: 20px 0; margin: 20px 0; border-radius: 5px; border: 2px solid #2E83F8; } #stacks_in_123-sf .freeze span{ color: #2E83F8; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 600; } #stacks_out_123 { width: 250px; } #shady_stack_stacks_in_137 { max-width: none; margin: 0 auto; } #shady_stack_shadow_stacks_in_137 { box-shadow: 0rem 0rem 0.8rem 0.4rem rgba(153, 153, 153, 1.00); border-radius: 0rem; overflow: hidden; padding: 1.0rem; margin: 1.0rem; border: none 0.10rem rgba(51, 51, 51, 1.00); } @media print { #shady_stack_shadow_stacks_in_137 { margin: 0; padding: 0; box-shadow: none; border-radius: 0px; } } /* * 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_138 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_138.transparentOn .accordion, #accordion_stacks_in_138.transparentOn .accordionTheme, #accordion_stacks_in_138.transparentOn .accordionTheme2, #accordion_stacks_in_138.transparentOn .accordionTheme dt, #accordion_stacks_in_138.transparentOn .accordionTheme2 dt, #accordion_stacks_in_138.transparentOn .accordionTheme dd, #accordion_stacks_in_138.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_138, #accordion_stacks_in_138 > * { margin: 0; padding: 0; } #accordion_stacks_in_138.fixedHeightOn { height: 500px; } #accordion_stacks_in_138 .accordion dt, #accordion_stacks_in_138 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_138 .accordion dt .accordionContent { font-size: 49px; line-height: 49px; } #accordion_stacks_in_138 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_138 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_138 .accordion { overflow: hidden; } #accordion_stacks_in_138 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_138 .accordion dd { padding: 3px; text-indent: none; } #accordion_stacks_in_138 .accordion dt { background-color: transparent; } #accordion_stacks_in_138 .accordion dt a.accordionSlide { color: #191919; text-decoration: none; display: block; font-weight: bold; padding: 3px; } #accordion_stacks_in_138 .accordion.tabShadowOn dt a { text-shadow: 0 1px3px #CCCCCC; } #accordion_stacks_in_138 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_138 .accordionTheme dt a, #accordion_stacks_in_138 .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_138.transparentOff .accordionTheme dt a, #accordion_stacks_in_138.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_138.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_138.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_138.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_138 .accordion dt.selected a { color: #B3B3B3 !important; } #accordion_stacks_in_138 .accordion dd { background-color: transparent; color: #CCCCCC !important; } #accordion_stacks_in_138.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_138 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_138 .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: 0px; overflow: hidden; margin-bottom: 25px; position: relative; } #accordion_stacks_in_138 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_138 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_138 .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_138 .accordionTheme.backgroundOn dd, #accordion_stacks_in_138 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_138 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_138 .accordionTheme.backgroundOff dd, #accordion_stacks_in_138 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_138 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_138 .accordionTheme.backgroundOn dd { margin-top: 25px !important; margin-bottom: 25px !important; } #accordion_stacks_in_138 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_138 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_138 dt.accordionIconOn span.customIcon { display: inline; font-weight: bold; font-size: 31px; line-height: 49px; padding: none; padding-left: none; color: #000000; font-family: 'FontAwesome' !important; } #accordion_stacks_in_138 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_138 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_138 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 11px; } #accordion_stacks_in_138 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 11px; } #accordion_stacks_in_138 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_138 dt.accordionIconOn a.selected span.customIcon { color: #FFFF0A; } #accordion_stacks_in_138 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_138 .accordionTheme2 dt { background-color: #E6E6E6; } #accordion_stacks_in_138.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: 0px; border-color: #666666; } #accordion_stacks_in_138 .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_138.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_138 .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_138 .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_138 .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_138 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_138.transparentOff .accordionTheme2 dt { background-color: #E6E6E6; } #accordion_stacks_in_138.transparentOff .accordionTheme2 dt.selected { background-color: #CCCCCC; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_138 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_138 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 25px; width: 100%; } #accordion_stacks_in_138 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_138 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 48px; } #accordion_stacks_in_138 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 48px; } #accordion_stacks_in_138 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_138 .accordionTheme3 dt .accordionContent { padding: 3px; border-style: solid; border-color: #666666; border-width: 0px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_138 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_138 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_138 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_138 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_138 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_138 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_138 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_138 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_138.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_138.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_138.transparentOff .accordionTheme3 dt .accordionContent { background-color: #E6E6E6; padding-left: none; } #accordion_stacks_in_138.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #CCCCCC; } #accordion_stacks_in_138 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_138 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 3px; padding-right: 3px; } #accordion_stacks_in_138 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_138 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_138.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_138.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_138.nonTouch .accordion dt a:hover { color: #B3B3B3 !important; } #accordion_stacks_in_138.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_138.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #FFFF0A; } #accordion_stacks_in_138.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #CCCCCC; } #accordion_stacks_in_138.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_138.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_138.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_138.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #CCCCCC; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_138 .accordionTheme4 { background: #666666; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_138 .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_138 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_138 .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_138 .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_138 .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_138 .accordionTheme5 dt { } #accordion_stacks_in_138 .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_138 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_138 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_139.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_139.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_139.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_139.accordionIconOn.textAlignRight .accordionContent { float: right; } /* v1.0.1 */ #cycledex_stacks_in_140 .item-has-desc .cycledex-item-content { } #cycledex_stacks_in_140 .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_140 .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_140 .cycledex-item-content { text-align: center; } #cycledex_stacks_in_140 .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_140.cycledex-outer-wrap { position: relative; padding: 120px 0px; min-height: 0vh; overflow: hidden; } #cycledex_stacks_in_140 .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_140.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_140.cycledex-outer-wrap.cycledex-popup.cycledex_active { pointer-events: auto; opacity: 1; visibility: visible; transition: opacity 300ms ease; } #cycledex_stacks_in_140.cycledex-outer-wrap.cycledex-popup .cycledex-inner-wrap { max-width: 100vw; } #cycledex_stacks_in_140 .cycledex_close_icon { position:absolute; top: 32px; right: 32px; padding: 0; width: 64px; height: 64px; z-index: 4; cursor:pointer; } #cycledex_stacks_in_140 .cycledex_close_icon svg { width:64px; fill: rgba(255, 255, 255, 1.00); pointer-events: none; } #cycledex_stacks_in_140 .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_140 .cycledex { padding-top: 141.935501%; } } #cycledex_stacks_in_140 .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_140 .cycledex-nav:hover { outline: none; transform: scale(1.2); -webkit-transform: scale(1.2) translateZ(800px); } #cycledex_stacks_in_140 .cycledex-nav:active { outline: none; opacity: 0.75; } #cycledex_stacks_in_140 .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_140 .cycledex .cycledex-item, #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-depth-right, #cycledex_stacks_in_140 .cycledex-overlay, #cycledex_stacks_in_140 .cycledex-overlay-image, #cycledex_stacks_in_140 .cycledex .cycledex-origin { background-color: rgba(204, 204, 204, 1.00); } #cycledex_stacks_in_140.cycledex_active .cycledex-overlay { opacity: 0.500000; } #cycledex_stacks_in_140[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item, #cycledex_stacks_in_140[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_140[data-back-color^="r"]:not([data-back-color$="1.00)"]) .cycledex .cycledex-item .cycledex-depth-right { background-color: #000; } #cycledex_stacks_in_140 .cycledex { perspective: 1400px; transform-style: preserve-3d; } #cycledex_stacks_in_140 .cycledex .cycledex-item, #cycledex_stacks_in_140 .cycledex .cycledex-item > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #cycledex_stacks_in_140 .cycledex .cycledex-origin, #cycledex_stacks_in_140 .cycledex .cycledex-item { transition: transform 600ms ease,opacity 600ms ease; pointer-events: none; transform-style: preserve-3d; } #cycledex_stacks_in_140 .cycledex .cycledex-item > a { cursor: pointer; } /* */ #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-depth-left, #cycledex_stacks_in_140 .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_140 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-depth-right:after { content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0; } #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-depth-right:after, #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-item-background { background-size: 390px 440px !important; } #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-depth-left:after { background-position: 0px center !important; } #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-depth-right { left: auto; right: 0; transform-origin: right; transform: rotateY(90deg) translate3d(40px,0,-1px); } #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-depth-right:after { background-position: -350px center !important; } /* */ #cycledex_stacks_in_140.cycledex_active .cycledex .cycledex-item[data-r-index="0"] { pointer-events: auto; } #cycledex_stacks_in_140:not(.cycledex_active) .cycledex .cycledex-item[data-r-index="0"] { transform: translate3d(0,0,100px) rotateY(0deg) !important; } #cycledex_stacks_in_140 .cycledex-overlay-image, #cycledex_stacks_in_140 .cycledex-overlay-image > div, #cycledex_stacks_in_140 .cycledex-overlay, #cycledex_stacks_in_140 .cycledex-blur, #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-item-background { pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #cycledex_stacks_in_140 .cycledex-blur, #cycledex_stacks_in_140 .cycledex-overlay { z-index: 2; } #cycledex_stacks_in_140 .cycledex-blur { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } #cycledex_stacks_in_140 .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_140 .cycledex .cycledex-item .cycledex-item-background { transition: opacity 600ms ease; } #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-depth-right:after { opacity: 0.400000; } #cycledex_stacks_in_140 .cycledex .cycledex-item .cycledex-item-background { opacity: 0.500000; } /* #cycledex_stacks_in_140 .cycledex .cycledex-item[data-r-index="0"] .cycledex-depth-left:after, #cycledex_stacks_in_140 .cycledex .cycledex-item[data-r-index="0"] .cycledex-depth-right:after, */ #cycledex_stacks_in_140 .cycledex .cycledex-item[data-r-index="0"] .cycledex-item-background { opacity: 1; } #cycledex_stacks_in_140 .cycledex-item-content { position: absolute; transition: transform 600ms ease, opacity 600ms ease; z-index: 10; pointer-events: none; } #cycledex_stacks_in_140.cycledex_active .cycledex-item-content { pointer-events: auto; } #cycledex_stacks_in_140 .cycledex-item.item-has-desc .cycledex-item-content, #cycledex_stacks_in_140 .cycledex-item.item-has-link .cycledex-item-content { -webkit-user-select: none; user-select: none; pointer-events: none; } #cycledex_stacks_in_140 .cycledex-item:not(.item-has-desc) .cycledex-item-content { width: auto; } #cycledex_stacks_in_140 .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_140 .cycledex div.cycledex-item.item-has-link[data-r-index="0"] { transform: translate3d(0,0,0) rotateY(0deg); opacity: 1; } #cycledex_stacks_in_140 .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_140 .cycledex-item:not(.item-has-desc) .cycledex-item-content { left: calc(310px/16); right: calc(310px/16); } #cycledex_stacks_in_140[data-resize$="3"] .cycledex-item-content { /* transform: none; */ } #cycledex_stacks_in_140[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_140[data-resize*="2"] .cycledex-inner-wrap { grid-template-columns: 64px 1fr 64px; } #cycledex_stacks_in_140[data-resize*="2"] .cycledex { aspect-ratio: auto; padding-top: 0; } #cycledex_stacks_in_140[data-resize*="2"] .cycledex-item-content { /* transform: none; */ left: 24px; right: 24px; } #cycledex_stacks_in_140[data-resize*="2"] .cycledex .cycledex-item[data-r-index="0"] { position: relative; } #cycledex_stacks_in_140[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_140[data-resize*="2"] .cycledex .cycledex-item.item-has-desc { padding-top: 141.935501%; } } #cycledex_stacks_in_140[data-resize*="2"] .item-has-desc .cycledex-item-content { max-width: calc(100% - 48px); } #cycledex_stacks_in_140[data-resize*="2"] .cycledex-item-content .cycledex-item-header { font-size: 28px; line-height: 30px; margin: 0 0 6px 0; } #cycledex_stacks_in_140[data-resize*="2"] .cycledex-item-content .cycledex-item-description { font-size: 16px; line-height: 24px; } #cycledex_stacks_in_140[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_140[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-left:after, #cycledex_stacks_in_140[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-right:after, #cycledex_stacks_in_140[data-resize*="2"] .cycledex .cycledex-item .cycledex-item-background { background-size: calc(100% + 80px) 100% !important; } #cycledex_stacks_in_140[data-resize*="2"] .cycledex .cycledex-item .cycledex-depth-right:after { background-position: -calc(100% + 40px) center !important; } /* */ #cycledex_stacks_in_140[data-resize="123"] .cycledex .cycledex-item, #cycledex_stacks_in_140[data-resize="123"] .cycledex .cycledex-item > a { margin-left: 0px; margin-right: 0px; } #cycledex_stacks_in_140[data-resize="123"] .cycledex-inner-wrap { grid-template-columns: 1fr 1fr; grid-gap: 16px; } #cycledex_stacks_in_140[data-resize="123"] .cycledex { grid-column: 1/-1; margin: 0 auto; } #cycledex_stacks_in_140[data-resize="123"] .cycledex { grid-row: 1; } @supports (aspect-ratio: auto) { #cycledex_stacks_in_140[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) { padding-top: 0; } #cycledex_stacks_in_140[data-resize="123"] .cycledex .cycledex-item:not(.item-has-desc) .cycledex-item-background { position: relative; aspect-ratio: 0.704545; } } #cycledex_stacks_in_140[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_141 .cycledex-item-background, .cycledex > .stacks_in_141 .cycledex-depth-left:after, .cycledex > .stacks_in_141 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-141.jpg); background-position: center; background-size: cover; } .stacks_in_143 .cycledex-item-background, .cycledex > .stacks_in_143 .cycledex-depth-left:after, .cycledex > .stacks_in_143 .cycledex-depth-right:after { background-color: rgba(34, 34, 34, 1.00); background-image:url(../files/backgroundImage-143.jpg); background-position: center; background-size: cover; } .element_stacks_in_115[data-deluxe-el] { background-color : rgba(255, 255, 255, 0.00); background-image : url(); background-repeat: repeat; background-position: center center; background-size: cover; border: 1px solid rgba(204, 204, 204, 1.00); border-radius: 1px; margin: 2px 0px; padding: 16px 0px 0px 0px;min-height: 32px; align-items: center; display: inline-flex; width: 100%; color: rgba(251, 2, 7, 1.00); font-size: 25px; text-align: center; font-weight: 500; line-height: 95%; letter-spacing: 0.00px; word-spacing: 0.00px; display: block; /* Breaks vertical alignment setting */ width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; } .element_stacks_in_115[data-deluxe-el] > div { } a.element_stacks_in_115[data-deluxe-el] * { color: rgba(251, 2, 7, 1.00); fill: rgba(251, 2, 7, 1.00); stroke: rgba(251, 2, 7, 1.00); } #stacks_out_89 { width: 60%; } #stacks_out_90 { width: 60%; }