.com_bigwhiteduck_stacks_paragraphpro_stack p.text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-left{text-align:left}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-right{text-align:right}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify{text-align:justify}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-inherit{text-align:inherit}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center + ul{display:table;margin:0 auto;text-align:left}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify.small-only-just-left{text-align:left !important}} .com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} .target-wrapper{position:relative}.target-show-on-hover{opacity:0;transition:opacity 750ms ease}.target-show-on-hover:hover{opacity:1}.target{position:absolute;width:100%;height:auto}.target.width-auto{width:auto}.target.height-fill,.target.height-fixed,.target.height-flexible{display:flex;align-items:center}.target.height-fill{height:100%}.target[class*="float-"],.target[class*="shift-"]{position:relative}.target[class*="pin-"],.target.relative-browser{position:fixed}.target.float-right{float:right}.target.float-left{float:left}.target.vcenter[class*="relative-"]{top:50%;transform:translateY(-50%)}.target.hcenter[class*="relative-"]{left:50%;transform:translateX(-50%)}.target.hcenter.vcenter[class*="relative-"]{transform:translateX(-50%) translateY(-50%)}.target.shift-up,.target.shift-down{margin-left:auto;margin-right:auto}.target.target-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.target.pin-top{top:0}.target.pin-bottom{bottom:0}.target.pin-left{left:0}.target.pin-right{right:0}.target.target-disable{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}@media only screen and (min-width:40em){.target.target-mobile-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:39.9375em){.target.target-disable-mobile{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:62.5em){.target.target-desktop-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}} #stacks_in_1910 a{display:block}#stacks_in_1910 img{} #stacks_in_22{ max-width: px;margin: 0 auto; } #stacks_in_22{ padding: px px px px; } @media screen and (min-width: px){ #stacks_in_22{ padding: px px px px; } } #stacks_in_24{ max-width: 1000px;margin: 0 auto; } #stacks_in_24{ padding: 0px 0px 0px 0px; } @media screen and (min-width: 770px){ #stacks_in_24{ padding: 0px 0px 0px 0px; } }#stacks_in_26.aspen_split{ position: relative; font-size: 15px; padding: 0px 0px 0px 0px; } @media screen and (min-width: 770px){ #stacks_in_26.aspen_split{ padding: 0px 0px 0px 0px; } } #stacks_in_26.aspen_split section.theme {position: relative;z-index: 1;} #stacks_in_26.aspen_split .bg-wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;} #stacks_in_26.aspen_split .bg{ position: absolute; display: block; top: 0;left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; transform: translateZ(0); will-change: transform; opacity: 0.3; } #stacks_in_26.aspen_split .bg{position: fixed;} @supports (-ms-ime-align:auto) { #stacks_in_26 .bg{ position: absolute; transform: none; background-attachment: fixed; } } #stacks_in_26.aspen_split{ text-align:left; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00)); } #stacks_in_26.aspen_split{color:rgba(0, 0, 0, 1.00);} #stacks_in_26.aspen_split h1, #stacks_in_26.aspen_split h2, #stacks_in_26.aspen_split h3, #stacks_in_26.aspen_split h4, #stacks_in_26.aspen_split h5, #stacks_in_26.aspen_split h6{color: rgba(51, 51, 51, 1.00);} #stacks_in_26.aspen_split a{color: rgba(0, 0, 0, 1.00);} #stacks_in_26.aspen_split a:hover{color: rgba(0, 0, 0, 1.00);}/* * Pure - Font Awesome * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ /*! * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face{font-family:FontAwesome;src:url(fonts/fontawesome-webfont.eot?v=4.1.0);src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'),url(fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'),url(fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}#toTop{--elevator-image:url(../rw_common/plugins/stacks/elevator-images/top.png);--elevator-size:50px;display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:var(--elevator-size);height:var(--elevator-size);border:none;text-indent:-9999px;background-image:var(--elevator-image);background-repeat:no-repeat;background-position:left top;z-index:9988}#toTop:active,#toTop:focus{outline:none}#toTop:hover{background-position:left calc(var(--elevator-size) * -1)} html, body { height: 100%; } /* Hide Gateway stacks from the main page container (stops flickering on page load) */ #gatewayBarstacks_in_1971_5 { display: none; } #gatewayWindowShadestacks_in_1971_5 { position: fixed; -webkit-transform: translateZ(0); top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 998; background: #65D7FF; opacity: 0.75; filter: alpha(opacity = 75); } #gatewayContainerstacks_in_1971_5 { position: fixed; -webkit-transform: translateZ(0); top: 2%; left: 10%; display: block; width: 100%; z-index: 999; } #gatewayBarstacks_in_1971_5 { width: 80%; display: block; } #gatewayBarFillstacks_in_1971_5 { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 1; opacity: 0.99; filter: alpha(opacity = 99); background-color: #D6D6D6; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D6D6D6)); background-image: -moz-linear-gradient(top, #FFFFFF, #D6D6D6); background-image: -ms-linear-gradient(top, #FFFFFF, #D6D6D6); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #D6D6D6)); background-image: -webkit-linear-gradient(top, #FFFFFF, #D6D6D6); background-image: -o-linear-gradient(top, #FFFFFF, #D6D6D6); background-image: linear-gradient(top, #FFFFFF, #D6D6D6); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #gatewayBarstacks_in_1971_5 { display: none; position: relative; } #gatewayBarContentstacks_in_1971_5 { position: relative; z-index: 10; display: block; color: #FFFFFF; max-width: 750px; margin: 0 auto; } #gatewayBarContentstacks_in_1971_5 h1, #gatewayBarContentstacks_in_1971_5 h2, #gatewayBarContentstacks_in_1971_5 h3, #gatewayBarContentstacks_in_1971_5 h4, #gatewayBarContentstacks_in_1971_5 h5, #gatewayBarContentstacks_in_1971_5 h6, #gatewayBarContentstacks_in_1971_5 label { color: #FFFFFF; } #gatewayBarContentstacks_in_1971_5 a { color: #26377B; } #gatewayBarContentstacks_in_1971_5 a:hover { color: #FFFFFF; } #gatewayLinkstacks_in_1971_5 a { display: none; position: absolute; top: 0; left: 0; z-index: 101; height: 100%; width: 100%; background: transparent; } #closeButtonstacks_in_1971_5 { position: absolute; right: 0px; top: 0px; z-index: 1000; display: block; padding: 10px; font-size: 25px; color: #000000; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #closeButtonstacks_in_1971_5:hover { cursor: pointer; color: #26377B; } #closeButtonstacks_in_1971_5 [class^="fa fa-"] { color: #000000; } #closeButtonstacks_in_1971_5:hover [class^="fa fa-"] { color: #26377B; } /* @group Behaviours */ /* Helper class to keep GW hidden, even when the page is scrolled. */ .GatewayPermaHide { display: none !important; } /* @end */ @media print { #gatewayWindowShadestacks_in_1971_5, #closeButtonstacks_in_1971_5, #gatewayContainerstacks_in_1971_5 { display: none !important; } } #stacks_in_1971_3 { padding: 20px 25px 30px 25px; } #stacks_in_1971_7 { padding: 40px 10px 20px 10px; } #stacks_in_1971_6 { font-size: 70%; } #stacks_in_28{ max-width: px;margin: 0 auto; } #stacks_in_28{ padding: px px px px; } @media screen and (min-width: px){ #stacks_in_28{ padding: px px px px; } } @media only screen and (max-width:414px){#stacks_in_4356 h1,#stacks_in_4356 div{text-align:center !important}#stacks_out_4356{display:block !important}}@media only screen and (min-width:0px){#stacks_in_4356 h1,#stacks_in_4356 div{letter-spacing:1.64px}}#stacks_in_4356 .header-pro.text-center .hTxt{margin-right:-2px}#stacks_in_4356 h1,#stacks_in_4356 div{color:rgba(79, 179, 213, 1.00)}#stacks_in_4356 h1 a,#stacks_in_4356 div a{color:rgba(79, 179, 213, 1.00)}#stacks_in_4356 h1 a:hover,#stacks_in_4356 div a:hover{color:rgba(59, 134, 159, 1.00)}#stacks_in_4356 small,#stacks_in_4356 small div{color:rgba(111, 111, 111, 1.00)} @media only screen and (max-width:480.00px){#stacks_in_4356 h1{font-size:2.00rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_4356 h1{font-size:2.00rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_4356 h1{font-size:2.80rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_4356 h1{font-size:3.00rem!important}} #stacks_in_4356 { padding: 20px 0px 0px 0px; } #stacks_in_4376 { padding: 0px 0px 25px 0px; } #stacks_in_4363 h1,#stacks_in_4363 div{color:rgba(152, 183, 200, 0.90)}#stacks_in_4363 h1 a,#stacks_in_4363 div a{color:rgba(152, 183, 200, 0.90)}#stacks_in_4363 h1 a:hover,#stacks_in_4363 div a:hover{color:rgba(114, 137, 150, 0.90)}#stacks_in_4363 small,#stacks_in_4363 small div{color:rgba(111, 111, 111, 1.00)} @media only screen and (max-width:480.00px){#stacks_in_4363 h1{font-size:1.00rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_4363 h1{font-size:1.50rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_4363 h1{font-size:1.70rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_4363 h1{font-size:1.70rem!important}} #stacks_in_4363 { padding: 0px 0px 10px 0px; } #stacks_in_4370 h1,#stacks_in_4370 div{color:rgba(79, 179, 213, 1.00)}#stacks_in_4370 h1 a,#stacks_in_4370 div a{color:rgba(79, 179, 213, 1.00)}#stacks_in_4370 h1 a:hover,#stacks_in_4370 div a:hover{color:rgba(59, 134, 159, 1.00)}#stacks_in_4370 small,#stacks_in_4370 small div{color:rgba(111, 111, 111, 1.00)} @media only screen and (max-width:480.00px){#stacks_in_4370 h1{font-size:1.20rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_4370 h1{font-size:1.50rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_4370 h1{font-size:1.70rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_4370 h1{font-size:1.70rem!important}} #stacks_in_4370 { padding: 0px 0px 10px 0px; } #stacks_in_4379 h4,#stacks_in_4379 div{color:rgba(79, 179, 213, 1.00)}#stacks_in_4379 h4 a,#stacks_in_4379 div a{color:rgba(79, 179, 213, 1.00)}#stacks_in_4379 h4 a:hover,#stacks_in_4379 div a:hover{color:rgba(59, 134, 159, 1.00)}#stacks_in_4379 small,#stacks_in_4379 small div{color:rgba(111, 111, 111, 1.00)} @media only screen and (max-width:480.00px){#stacks_in_4379 h4{font-size:1.20rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_4379 h4{font-size:1.00rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_4379 h4{font-size:1.00rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_4379 h4{font-size:1.00rem!important}} #stacks_in_4379 { padding: 0px 0px 10px 0px; } #stacks_in_4469 { padding: 0px 0px 25px 0px; } #stacks_in_1327 { margin: 0px !important; padding: 0px !important; display: none !important; } .AnimateItTrigger { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; -webkit-font-smoothing: antialiased; /*font-smooth: always;*/ } /* Animate.css - http://daneden.me/animate LICENSED UNDER THE MIT LICENSE (MIT) Copyright (c) 2011 Dan Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation: 1s ease; -moz-animation: 1s ease; -ms-animation: 1s ease; -o-animation: 1s ease; animation: 1s ease; } .animated.hinge { -webkit-animation: 2s ease; -moz-animation: 2s ease; -ms-animation: 2s ease; -o-animation: 2s ease; animation: 2s ease; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-ms-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-ms-keyframes shake { 0%, 100% {-ms-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-ms-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -ms-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-ms-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);} 40% {-ms-transform: translateY(-30px);} 60% {-ms-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-ms-keyframes tada { 0% {-ms-transform: scale(1);} 10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);} 100% {-ms-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -ms-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-ms-keyframes swing { 20% { -ms-transform: rotate(15deg); } 40% { -ms-transform: rotate(-10deg); } 60% { -ms-transform: rotate(5deg); } 80% { -ms-transform: rotate(-5deg); } 100% { -ms-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -ms-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-ms-keyframes wobble { 0% { -ms-transform: translateX(0%); } 15% { -ms-transform: translateX(-25%) rotate(-5deg); } 30% { -ms-transform: translateX(20%) rotate(3deg); } 45% { -ms-transform: translateX(-15%) rotate(-3deg); } 60% { -ms-transform: translateX(10%) rotate(2deg); } 75% { -ms-transform: translateX(-5%) rotate(-1deg); } 100% { -ms-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -ms-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-ms-keyframes pulse { 0% { -ms-transform: scale(1); } 50% { -ms-transform: scale(1.1); } 100% { -ms-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-ms-keyframes flip { 0% { -ms-transform: perspective(400px) rotateY(0); -ms-animation-timing-function: ease-out; } 40% { -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-animation-timing-function: ease-out; } 50% { -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-animation-timing-function: ease-in; } 80% { -ms-transform: perspective(400px) rotateY(360deg) scale(.95); -ms-animation-timing-function: ease-in; } 100% { -ms-transform: perspective(400px) scale(1); -ms-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -ms-backface-visibility: visible !important; -ms-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-ms-keyframes flipInX { 0% { -ms-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -ms-transform: perspective(400px) rotateX(-10deg); } 70% { -ms-transform: perspective(400px) rotateX(10deg); } 100% { -ms-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -ms-backface-visibility: visible !important; -ms-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-ms-keyframes flipOutX { 0% { -ms-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -ms-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -ms-animation-name: flipOutX; -ms-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-ms-keyframes flipInY { 0% { -ms-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -ms-transform: perspective(400px) rotateY(-10deg); } 70% { -ms-transform: perspective(400px) rotateY(10deg); } 100% { -ms-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -ms-backface-visibility: visible !important; -ms-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-ms-keyframes flipOutY { 0% { -ms-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -ms-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -ms-backface-visibility: visible !important; -ms-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeft { 0% { opacity: 0; -ms-transform: translateX(-20px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRight { 0% { opacity: 0; -ms-transform: translateX(20px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUpBig { 0% { opacity: 0; -ms-transform: translateY(2000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -ms-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDownBig { 0% { opacity: 0; -ms-transform: translateY(-2000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -ms-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -ms-transform: translateX(-2000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -ms-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRightBig { 0% { opacity: 0; -ms-transform: translateX(2000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -ms-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-ms-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-ms-keyframes fadeOutUp { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-ms-keyframes fadeOutDown { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-ms-keyframes fadeOutLeft { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -ms-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-ms-keyframes fadeOutRight { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -ms-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-ms-keyframes fadeOutUpBig { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -ms-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -ms-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -ms-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -ms-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-ms-keyframes bounceIn { 0% { opacity: 0; -ms-transform: scale(.3); } 50% { opacity: 1; -ms-transform: scale(1.05); } 70% { -ms-transform: scale(.9); } 100% { -ms-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -ms-transform: translateY(2000px); } 60% { opacity: 1; -ms-transform: translateY(-30px); } 80% { -ms-transform: translateY(10px); } 100% { -ms-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -ms-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes bounceInDown { 0% { opacity: 0; -ms-transform: translateY(-2000px); } 60% { opacity: 1; -ms-transform: translateY(30px); } 80% { -ms-transform: translateY(-10px); } 100% { -ms-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -ms-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-ms-keyframes bounceInLeft { 0% { opacity: 0; -ms-transform: translateX(-2000px); } 60% { opacity: 1; -ms-transform: translateX(30px); } 80% { -ms-transform: translateX(-10px); } 100% { -ms-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -ms-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-ms-keyframes bounceInRight { 0% { opacity: 0; -ms-transform: translateX(2000px); } 60% { opacity: 1; -ms-transform: translateX(-30px); } 80% { -ms-transform: translateX(10px); } 100% { -ms-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -ms-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-ms-keyframes bounceOut { 0% { -ms-transform: scale(1); } 25% { -ms-transform: scale(.95); } 50% { opacity: 1; -ms-transform: scale(1.1); } 100% { opacity: 0; -ms-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -ms-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-ms-keyframes bounceOutUp { 0% { -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(20px); } 100% { opacity: 0; -ms-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -ms-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-ms-keyframes bounceOutDown { 0% { -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(-20px); } 100% { opacity: 0; -ms-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -ms-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-ms-keyframes bounceOutLeft { 0% { -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(20px); } 100% { opacity: 0; -ms-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -ms-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-ms-keyframes bounceOutRight { 0% { -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(-20px); } 100% { opacity: 0; -ms-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -ms-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateIn { 0% { -ms-transform-origin: center center; -ms-transform: rotate(-200deg); opacity: 0; } 100% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -ms-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -ms-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -ms-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -ms-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -ms-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-ms-keyframes rotateOut { 0% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: center center; -ms-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -ms-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -ms-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -ms-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -ms-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -ms-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-ms-keyframes hinge { 0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 100% { -ms-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -ms-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-ms-keyframes rollIn { 0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -ms-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-ms-keyframes rollOut { 0% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -ms-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -ms-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } #stacks_in_1328 { margin: 0px !important; padding: 0px !important; } #atm_AnimateItstacks_in_1328 { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; -webkit-font-smoothing: antialiased; /*font-smooth: always;*/ display: none; } #stacks_in_1328 { padding: 8px; } #stacks_in_1332 h1,#stacks_in_1332 div{color:rgba(0, 0, 0, 1.00)}#stacks_in_1332 h1 a,#stacks_in_1332 div a{color:rgba(0, 0, 0, 1.00)}#stacks_in_1332 h1 a:hover,#stacks_in_1332 div a:hover{color:rgba(0, 0, 0, 1.00)}#stacks_in_1332 small,#stacks_in_1332 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_1332 .h-pro{padding: 0% 5% 0% 3% }#stacks_in_1332 .h-pro{border-radius: 5px }#stacks_in_1332 .h-pro{border-width: 2px ;border-color:rgba(255, 255, 255, 1.00) rgba(255, 255, 255, 1.00) rgba(255, 255, 255, 1.00) rgba(255, 255, 255, 1.00);border-style:inset}#stacks_in_1332 .h-pro{-webkit-box-shadow:1px 4px 7px 4px rgba(204, 204, 204, 1.00) ;box-shadow:1px 4px 7px 4px rgba(204, 204, 204, 1.00) }#stacks_in_1332 .h-pro{display:inline-block;background:rgba(126, 217, 245, 1.00)}#stacks_in_1332 .hTxt:not(.vault-font),.no-default:not(.custom-font) .hTxt:not(.vault-font){font-family:"rubik",sans-serif;font-weight:700;font-style:italic} @media only screen and (max-width:480.00px){#stacks_in_1332 h1{font-size:1.40rem!important}}@media only screen and (min-width:480.00px) and (max-width:700.00px){#stacks_in_1332 h1{font-size:1.60rem!important}}@media only screen and (min-width:700.00px) and (max-width:2000.00px){#stacks_in_1332 h1{font-size:2.80rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_1332 h1{font-size:3.00rem!important}} #stacks_in_1332 { padding: 0px 0px 10px 0px; } /* Start dooGrid stack each CSS code */ .stacks_in_3209gridWrapper > div{ display: inline-block !important; width: 33.333333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; margin-top: 10px; padding-right: 0.000000px; padding-left: 0.000000px; } .stacks_in_3209gridWrapper{ margin-right: -0.000000px; margin-left: -0.000000px; margin-top: -10px; } @media all and (max-width: 900px) { .stacks_in_3209gridWrapper > div{ width: 50%; } } @media all and (max-width: 768px) { .stacks_in_3209gridWrapper > div{ width: 50%; } } @media all and (max-width: 480px) { .stacks_in_3209gridWrapper > div{ width: 100%; } } #stacks_in_3209 .dooGridItem{ position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 1.00); border:2px solid rgba(79, 179, 213, 1.00); border-radius: 4px; padding: 12px; } /* End dooGrid stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_3210 { padding: 0px 10px 10px 10px; } #stacks_in_3211 { z-index: 3; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_3211 { height: px; } /* .CP_stacks_in_3211 .custom, .CP_stacks_in_3211 .customB{ display:none; } */ .CP_stacks_in_3211 .customTF, .CP_stacks_in_3211 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_3211 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_3211 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_3211 { color: #EEEEEE !important; } .b_stacks_in_3211 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_3211 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_3211 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_3211 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_3211 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_3211 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_3211 .augmentFlipVertical .augmentFlipWrap, #stacks_in_3211 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_3211 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_3211 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3211 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3211 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_3211 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_3211 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3211 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3211 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_3211 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_3211 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_3211 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_3211 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_3211 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3211 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3211 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3211 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_3211 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_3211 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_3211 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3211 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_3211 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_3211 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_3211 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_3211 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_3211 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_3211 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_3211 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_3211 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_3211 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_3211 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_3211 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_3211 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_3211.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_3211 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_3211 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_3211 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_3215 a{display:block}#stacks_in_3215 img{width:100%;} #stacks_in_3217 a{display:block}#stacks_in_3217 img{width:100%;} #stacks_in_3224 p,#stacks_in_3224 div{margin-bottom:0}#stacks_in_3224 p,#stacks_in_3224 div,#stacks_in_3224 ul,#stacks_in_3224 ol,#stacks_in_3224 dl{color:rgba(34, 34, 34, 1.00)}#stacks_in_3224 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_3224 a:hover{color:rgba(0, 102, 136, 1.00)}#stacks_in_3224 p,#stacks_in_3224 div,#stacks_in_3224 ul,#stacks_in_3224 ol,#stacks_in_3224 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3224 { padding: 0px 6px 50px 6px; } .target.stacks_in_3226{ margin:0px 0px 0px 0px;}.target.stacks_in_3226{z-index:99;}.target.stacks_in_3226.width-fill{width:calc(100% - 0px)}.target.stacks_in_3226.width-flexible{width:90%}.target.stacks_in_3226.width-fixed{width:250px}.target.stacks_in_3226.height-fill{height:calc(100% - 0px)}.target.stacks_in_3226.height-flexible{height:100%}.target.stacks_in_3226.height-fixed{height:250px}.target.stacks_in_3226[class*="relative-"].top-pt{top:12%}.target.stacks_in_3226[class*="relative-"].top-px{top:12px}.target.stacks_in_3226[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3226[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3226[class*="relative-"].right-pt{right:0%}.target.stacks_in_3226[class*="relative-"].right-px{right:0px}.target.stacks_in_3226[class*="relative-"].left-pt{left:0%}.target.stacks_in_3226[class*="relative-"].left-px{left:0px}.target.stacks_in_3226.shift-up{margin-top:-0px}.target.stacks_in_3226.shift-down{margin-bottom:-0px}.target.stacks_in_3226.shift-left{right:0px}.target.stacks_in_3226.shift-right{left:0px}.target.stacks_in_3226.pin-top,.target.stacks_in_3226.pin-bottom{left:0px}.target.stacks_in_3226.pin-left,.target.stacks_in_3226.pin-right{top: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_3227 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_3227.transparentOn .accordion, #accordion_stacks_in_3227.transparentOn .accordionTheme, #accordion_stacks_in_3227.transparentOn .accordionTheme2, #accordion_stacks_in_3227.transparentOn .accordionTheme dt, #accordion_stacks_in_3227.transparentOn .accordionTheme2 dt, #accordion_stacks_in_3227.transparentOn .accordionTheme dd, #accordion_stacks_in_3227.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_3227, #accordion_stacks_in_3227 > * { margin: 0; padding: 0; } #accordion_stacks_in_3227.fixedHeightOn { height: 500px; } #accordion_stacks_in_3227 .accordion dt, #accordion_stacks_in_3227 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_3227 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_3227 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_3227 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_3227 .accordion { overflow: hidden; } #accordion_stacks_in_3227 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_3227 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_3227 .accordion dt { background-color: transparent; } #accordion_stacks_in_3227 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_3227 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_3227 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_3227 .accordionTheme dt a, #accordion_stacks_in_3227 .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_3227.transparentOff .accordionTheme dt a, #accordion_stacks_in_3227.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_3227.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_3227.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_3227.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_3227 .accordion dt.selected a { color: #39A4C8 !important; } #accordion_stacks_in_3227 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_3227.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_3227 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_3227 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_3227 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_3227 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_3227 .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_3227 .accordionTheme.backgroundOn dd, #accordion_stacks_in_3227 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_3227 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_3227 .accordionTheme.backgroundOff dd, #accordion_stacks_in_3227 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_3227 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_3227 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_3227 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_3227 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_3227 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_3227 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_3227 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_3227 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_3227 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_3227 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_3227 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3227 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_3227 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3227.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_3227 .accordionTheme2 dd { background-color: #FFFFFF; border-top: 0; border-left: 0; border-right: 0; border-bottom-width: 1px; border-style: solid; border-color: #4FB3D5; } #accordion_stacks_in_3227.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_3227 .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_3227 .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 #4FB3D5; } #accordion_stacks_in_3227 .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_3227 .accordionTheme2 dt { border-bottom: solid 1px #4FB3D5; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_3227.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3227.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_3227 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_3227 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_3227 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_3227 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_3227 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_3227 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_3227 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_3227 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_3227 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3227 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3227 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3227 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3227 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_3227 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_3227 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_3227.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_3227.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_3227.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_3227.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_3227 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_3227 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_3227 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_3227 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_3227.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_3227.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_3227.nonTouch .accordion dt a:hover { color: #39A4C8 !important; } #accordion_stacks_in_3227.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_3227.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3227.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_3227.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_3227.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_3227.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_3227.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_3227 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_3227 .accordionTheme4 dt { background: #4FB3D5; 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_3227 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_3227 .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_3227 .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_3227 .accordionTheme5 { background: #4FB3D5; 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_3227 .accordionTheme5 dt { } #accordion_stacks_in_3227 .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_3227 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_3227 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_3228.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_3228.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_3228.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_3228.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3228 { background-color: rgba(255, 255, 255, 1.00); } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ #stacks_in_3212 .jspContainer { overflow: hidden; position: relative; } #stacks_in_3212 .jspPane { position: absolute; } #stacks_in_3212 .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; } #stacks_in_3212 .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; } #stacks_in_3212 .jspVerticalBar *, #stacks_in_3212 .jspHorizontalBar * { margin: 0; padding: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_3212 .jspCap { display: none; } #stacks_in_3212 .jspHorizontalBar .jspCap { float: left; } #stacks_in_3212 .jspTrack { background: #CCCCCC; /**/ position: relative; } #stacks_in_3212 .jspDrag { background: #000000; /**/ position: relative; top: 0; left: 0; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_3212 .jspHorizontalBar .jspTrack, #stacks_in_3212 .jspHorizontalBar .jspDrag { float: left; height: 100%; } #stacks_in_3212 .jspArrow { text-indent: -20000px; display: block; cursor: pointer; } #stacks_in_3212 .jspArrow:hover { background-color:#AAAAAA; } #stacks_in_3212 .jspArrow.jspDisabled { cursor: default; } #stacks_in_3212 .jspArrowUp{ background-color:transparent; background: #CCCCCC no-repeat; } #stacks_in_3212 .jspArrowDown{ background-color:transparent; background: #CCCCCC no-repeat; } #stacks_in_3212 .jspArrowRight{ background-color:transparent; /*background: url() no-repeat;*/ } #stacks_in_3212 .jspArrowLeft{ background-color:transparent; /*background: url() no-repeat;*/ } #stacks_in_3212 .jspArrowUp:hover{ background: #AAAAAA no-repeat; } #stacks_in_3212 .jspArrowDown:hover{ background: #AAAAAA no-repeat; } #stacks_in_3212 .jspArrowRight:hover{ /*background: #AAAAAA url() no-repeat;*/ } #stacks_in_3212 .jspArrowLeft:hover{ /*background: #AAAAAA url() no-repeat;*/ } #stacks_in_3212 .jspVerticalBar .jspArrow { height:16px; width:16px; } #stacks_in_3212 .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } #stacks_in_3212 .jspVerticalBar .jspArrow:focus { outline: none; } #stacks_in_3212 .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; }#stacks_in_3229 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_3229 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_3229 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_3229 > .row.padding-detailed.padding-medium-up,#stacks_in_3229 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_3229 > .row.padding-detailed.padding-y-medium-up,#stacks_in_3229 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_3229 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_3229 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} #stacks_in_3231 p,#stacks_in_3231 div{margin-bottom:0}#stacks_in_3231 p,#stacks_in_3231 div,#stacks_in_3231 ul,#stacks_in_3231 ol,#stacks_in_3231 dl{line-height:1.60;font-size:1.00rem} /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_3792.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_3792.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_3792.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_3792.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3792 { background-color: rgba(255, 255, 255, 1.00); } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_3743.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_3743.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_3743.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_3743.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3743 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_3780,#stacks_in_3780 div,#stacks_in_3780 p,#stacks_in_3780 ol,#stacks_in_3780 ul li,#stacks_in_3780 ol li,#stacks_in_3780 ol,#stacks_in_3780 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3780,#stacks_in_3780 div,#stacks_in_3780 p,#stacks_in_3780 ol,#stacks_in_3780 ul li,#stacks_in_3780 ol li,#stacks_in_3780 ol,#stacks_in_3780 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3780{}} /* * 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_4253 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_4253.transparentOn .accordion, #accordion_stacks_in_4253.transparentOn .accordionTheme, #accordion_stacks_in_4253.transparentOn .accordionTheme2, #accordion_stacks_in_4253.transparentOn .accordionTheme dt, #accordion_stacks_in_4253.transparentOn .accordionTheme2 dt, #accordion_stacks_in_4253.transparentOn .accordionTheme dd, #accordion_stacks_in_4253.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_4253, #accordion_stacks_in_4253 > * { margin: 0; padding: 0; } #accordion_stacks_in_4253.fixedHeightOn { height: 500px; } #accordion_stacks_in_4253 .accordion dt, #accordion_stacks_in_4253 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_4253 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_4253 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_4253 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_4253 .accordion { overflow: hidden; } #accordion_stacks_in_4253 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_4253 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_4253 .accordion dt { background-color: transparent; } #accordion_stacks_in_4253 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_4253 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_4253 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_4253 .accordionTheme dt a, #accordion_stacks_in_4253 .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_4253.transparentOff .accordionTheme dt a, #accordion_stacks_in_4253.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_4253.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_4253.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_4253.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_4253 .accordion dt.selected a { color: #39A4C8 !important; } #accordion_stacks_in_4253 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_4253.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_4253 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_4253 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_4253 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_4253 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_4253 .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_4253 .accordionTheme.backgroundOn dd, #accordion_stacks_in_4253 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_4253 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_4253 .accordionTheme.backgroundOff dd, #accordion_stacks_in_4253 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_4253 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_4253 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_4253 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_4253 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_4253 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_4253 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_4253 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_4253 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_4253 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_4253 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_4253 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_4253 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_4253 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_4253.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_4253 .accordionTheme2 dd { background-color: #FFFFFF; border-top: 0; border-left: 0; border-right: 0; border-bottom-width: 1px; border-style: solid; border-color: #4FB3D5; } #accordion_stacks_in_4253.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_4253 .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_4253 .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 #4FB3D5; } #accordion_stacks_in_4253 .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_4253 .accordionTheme2 dt { border-bottom: solid 1px #4FB3D5; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_4253.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_4253.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_4253 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_4253 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_4253 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_4253 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_4253 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_4253 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_4253 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_4253 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_4253 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_4253 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_4253 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_4253 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_4253 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_4253 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_4253 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_4253.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_4253.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_4253.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_4253.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_4253 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_4253 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_4253 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_4253 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_4253.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_4253.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_4253.nonTouch .accordion dt a:hover { color: #39A4C8 !important; } #accordion_stacks_in_4253.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_4253.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_4253.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_4253.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_4253.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_4253.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_4253.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_4253 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_4253 .accordionTheme4 dt { background: #4FB3D5; 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_4253 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_4253 .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_4253 .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_4253 .accordionTheme5 { background: #4FB3D5; 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_4253 .accordionTheme5 dt { } #accordion_stacks_in_4253 .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_4253 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_4253 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_4256.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_4256.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_4256.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_4256.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_4256 { background-color: rgba(255, 255, 255, 1.00); } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ #stacks_in_4254 .jspContainer { overflow: hidden; position: relative; } #stacks_in_4254 .jspPane { position: absolute; } #stacks_in_4254 .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; } #stacks_in_4254 .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; } #stacks_in_4254 .jspVerticalBar *, #stacks_in_4254 .jspHorizontalBar * { margin: 0; padding: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_4254 .jspCap { display: none; } #stacks_in_4254 .jspHorizontalBar .jspCap { float: left; } #stacks_in_4254 .jspTrack { background: #CCCCCC; /**/ position: relative; } #stacks_in_4254 .jspDrag { background: #000000; /**/ position: relative; top: 0; left: 0; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_4254 .jspHorizontalBar .jspTrack, #stacks_in_4254 .jspHorizontalBar .jspDrag { float: left; height: 100%; } #stacks_in_4254 .jspArrow { text-indent: -20000px; display: block; cursor: pointer; } #stacks_in_4254 .jspArrow:hover { background-color:#AAAAAA; } #stacks_in_4254 .jspArrow.jspDisabled { cursor: default; } #stacks_in_4254 .jspArrowUp{ background-color:transparent; background: #CCCCCC no-repeat; } #stacks_in_4254 .jspArrowDown{ background-color:transparent; background: #CCCCCC no-repeat; } #stacks_in_4254 .jspArrowRight{ background-color:transparent; /*background: url() no-repeat;*/ } #stacks_in_4254 .jspArrowLeft{ background-color:transparent; /*background: url() no-repeat;*/ } #stacks_in_4254 .jspArrowUp:hover{ background: #AAAAAA no-repeat; } #stacks_in_4254 .jspArrowDown:hover{ background: #AAAAAA no-repeat; } #stacks_in_4254 .jspArrowRight:hover{ /*background: #AAAAAA url() no-repeat;*/ } #stacks_in_4254 .jspArrowLeft:hover{ /*background: #AAAAAA url() no-repeat;*/ } #stacks_in_4254 .jspVerticalBar .jspArrow { height:16px; width:16px; } #stacks_in_4254 .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } #stacks_in_4254 .jspVerticalBar .jspArrow:focus { outline: none; } #stacks_in_4254 .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; }#stacks_in_4257 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_4257 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_4257 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_4257 > .row.padding-detailed.padding-medium-up,#stacks_in_4257 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_4257 > .row.padding-detailed.padding-y-medium-up,#stacks_in_4257 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_4257 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_4257 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} #stacks_in_4259 p,#stacks_in_4259 div{margin-bottom:0}#stacks_in_4259 p,#stacks_in_4259 div,#stacks_in_4259 ul,#stacks_in_4259 ol,#stacks_in_4259 dl{line-height:1.60;font-size:1.00rem} /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_4255.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_4255.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_4255.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_4255.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_4255 { background-color: rgba(255, 255, 255, 1.00); } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_4266.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_4266.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_4266.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_4266.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_4266 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_4273,#stacks_in_4273 div,#stacks_in_4273 p,#stacks_in_4273 ol,#stacks_in_4273 ul li,#stacks_in_4273 ol li,#stacks_in_4273 ol,#stacks_in_4273 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_4273,#stacks_in_4273 div,#stacks_in_4273 p,#stacks_in_4273 ol,#stacks_in_4273 ul li,#stacks_in_4273 ol li,#stacks_in_4273 ol,#stacks_in_4273 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_4273{}} /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_3257 { padding: 0px 10px 10px 10px; } #stacks_in_3258 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_3258 { height: px; } /* .CP_stacks_in_3258 .custom, .CP_stacks_in_3258 .customB{ display:none; } */ .CP_stacks_in_3258 .customTF, .CP_stacks_in_3258 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_3258 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_3258 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_3258 { color: #FF0000 !important; } .b_stacks_in_3258 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_3258 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_3258 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_3258 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_3258 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_3258 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_3258 .augmentFlipVertical .augmentFlipWrap, #stacks_in_3258 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_3258 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_3258 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3258 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3258 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_3258 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_3258 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3258 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3258 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_3258 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_3258 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_3258 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_3258 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_3258 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3258 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3258 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3258 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_3258 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_3258 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_3258 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3258 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_3258 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_3258 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_3258 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_3258 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_3258 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_3258 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_3258 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_3258 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_3258 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_3258 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_3258 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_3258 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_3258.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_3258 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_3258 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_3258 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_3259 a{display:block}#stacks_in_3259 img{width:100%;} #stacks_in_4398 a{display:block}#stacks_in_4398 img{width:100%;} #stacks_in_3269 p,#stacks_in_3269 div{margin-bottom:0}#stacks_in_3269 p,#stacks_in_3269 div,#stacks_in_3269 ul,#stacks_in_3269 ol,#stacks_in_3269 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3269 { padding: 0px 6px 50px 6px; } .target.stacks_in_3271{ margin:0px 0px 0px 0px;}.target.stacks_in_3271{z-index:99;}.target.stacks_in_3271.width-fill{width:calc(100% - 0px)}.target.stacks_in_3271.width-flexible{width:90%}.target.stacks_in_3271.width-fixed{width:250px}.target.stacks_in_3271.height-fill{height:calc(100% - 0px)}.target.stacks_in_3271.height-flexible{height:100%}.target.stacks_in_3271.height-fixed{height:250px}.target.stacks_in_3271[class*="relative-"].top-pt{top:12%}.target.stacks_in_3271[class*="relative-"].top-px{top:12px}.target.stacks_in_3271[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3271[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3271[class*="relative-"].right-pt{right:0%}.target.stacks_in_3271[class*="relative-"].right-px{right:0px}.target.stacks_in_3271[class*="relative-"].left-pt{left:0%}.target.stacks_in_3271[class*="relative-"].left-px{left:0px}.target.stacks_in_3271.shift-up{margin-top:-0px}.target.stacks_in_3271.shift-down{margin-bottom:-0px}.target.stacks_in_3271.shift-left{right:0px}.target.stacks_in_3271.shift-right{left:0px}.target.stacks_in_3271.pin-top,.target.stacks_in_3271.pin-bottom{left:0px}.target.stacks_in_3271.pin-left,.target.stacks_in_3271.pin-right{top: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_3272 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_3272.transparentOn .accordion, #accordion_stacks_in_3272.transparentOn .accordionTheme, #accordion_stacks_in_3272.transparentOn .accordionTheme2, #accordion_stacks_in_3272.transparentOn .accordionTheme dt, #accordion_stacks_in_3272.transparentOn .accordionTheme2 dt, #accordion_stacks_in_3272.transparentOn .accordionTheme dd, #accordion_stacks_in_3272.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_3272, #accordion_stacks_in_3272 > * { margin: 0; padding: 0; } #accordion_stacks_in_3272.fixedHeightOn { height: 500px; } #accordion_stacks_in_3272 .accordion dt, #accordion_stacks_in_3272 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_3272 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_3272 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_3272 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_3272 .accordion { overflow: hidden; } #accordion_stacks_in_3272 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_3272 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_3272 .accordion dt { background-color: transparent; } #accordion_stacks_in_3272 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_3272 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_3272 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_3272 .accordionTheme dt a, #accordion_stacks_in_3272 .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_3272.transparentOff .accordionTheme dt a, #accordion_stacks_in_3272.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_3272.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_3272.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_3272.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_3272 .accordion dt.selected a { color: #4FB3D5 !important; } #accordion_stacks_in_3272 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_3272.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_3272 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_3272 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_3272 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_3272 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_3272 .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_3272 .accordionTheme.backgroundOn dd, #accordion_stacks_in_3272 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_3272 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_3272 .accordionTheme.backgroundOff dd, #accordion_stacks_in_3272 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_3272 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_3272 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_3272 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_3272 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_3272 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_3272 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_3272 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_3272 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_3272 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_3272 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_3272 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3272 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_3272 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3272.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_3272 .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_3272.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_3272 .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_3272 .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_3272 .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_3272 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_3272.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3272.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_3272 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_3272 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_3272 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_3272 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_3272 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_3272 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_3272 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_3272 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_3272 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3272 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3272 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3272 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3272 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_3272 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_3272 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_3272.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_3272.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_3272.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_3272.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_3272 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_3272 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_3272 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_3272 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_3272.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_3272.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_3272.nonTouch .accordion dt a:hover { color: #4FB3D5 !important; } #accordion_stacks_in_3272.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_3272.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3272.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_3272.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_3272.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_3272.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_3272.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_3272 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_3272 .accordionTheme4 dt { background: #4FB3D5; 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_3272 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_3272 .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_3272 .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_3272 .accordionTheme5 { background: #4FB3D5; 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_3272 .accordionTheme5 dt { } #accordion_stacks_in_3272 .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_3272 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_3272 .accordionTheme6 dd { padding: 0; } #stacks_in_3272 { background-color: rgba(255, 255, 255, 1.00); } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_3273.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_3273.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_3273.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_3273.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3276 a{display:block}#stacks_in_3276 img{width:100%;} #stacks_in_3278 p,#stacks_in_3278 div{margin-bottom:0}#stacks_in_3278,#stacks_in_3278 div,#stacks_in_3278 p,#stacks_in_3278 ol,#stacks_in_3278 ul li,#stacks_in_3278 ol li,#stacks_in_3278 ol,#stacks_in_3278 dl{font-size:1.20rem}@media all and (max-width:640px){#stacks_in_3278,#stacks_in_3278 div,#stacks_in_3278 p,#stacks_in_3278 ol,#stacks_in_3278 ul li,#stacks_in_3278 ol li,#stacks_in_3278 ol,#stacks_in_3278 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3278{}} #stacks_in_3278 { padding: 10px 0px 0px 0px; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_3302 { width: 100%; clear: both; padding-top: 0px; padding-bottom: 20px; } #simpleDivider_stacks_in_3302 .theDivider1, #simpleDivider_stacks_in_3302 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_3302 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_3302.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_3302.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_3302 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_3302.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_3302.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_3302.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_3302.bgImageOn .theDivider1 img { display: block; } #stacks_in_3304 a{display:block}#stacks_in_3304 img{} #stacks_in_3306 p,#stacks_in_3306 div{margin-bottom:0}@media only screen and (min-width:0px){#stacks_in_3306{}} /* * 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_4278 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_4278.transparentOn .accordion, #accordion_stacks_in_4278.transparentOn .accordionTheme, #accordion_stacks_in_4278.transparentOn .accordionTheme2, #accordion_stacks_in_4278.transparentOn .accordionTheme dt, #accordion_stacks_in_4278.transparentOn .accordionTheme2 dt, #accordion_stacks_in_4278.transparentOn .accordionTheme dd, #accordion_stacks_in_4278.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_4278, #accordion_stacks_in_4278 > * { margin: 0; padding: 0; } #accordion_stacks_in_4278.fixedHeightOn { height: 500px; } #accordion_stacks_in_4278 .accordion dt, #accordion_stacks_in_4278 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_4278 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_4278 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_4278 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_4278 .accordion { overflow: hidden; } #accordion_stacks_in_4278 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_4278 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_4278 .accordion dt { background-color: transparent; } #accordion_stacks_in_4278 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_4278 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_4278 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_4278 .accordionTheme dt a, #accordion_stacks_in_4278 .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_4278.transparentOff .accordionTheme dt a, #accordion_stacks_in_4278.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_4278.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_4278.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_4278.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_4278 .accordion dt.selected a { color: #4FB3D5 !important; } #accordion_stacks_in_4278 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_4278.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_4278 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_4278 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_4278 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_4278 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_4278 .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_4278 .accordionTheme.backgroundOn dd, #accordion_stacks_in_4278 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_4278 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_4278 .accordionTheme.backgroundOff dd, #accordion_stacks_in_4278 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_4278 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_4278 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_4278 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_4278 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_4278 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_4278 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_4278 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_4278 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_4278 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_4278 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_4278 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_4278 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_4278 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_4278.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_4278 .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_4278.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_4278 .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_4278 .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_4278 .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_4278 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_4278.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_4278.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_4278 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_4278 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_4278 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_4278 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_4278 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_4278 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_4278 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_4278 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_4278 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_4278 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_4278 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_4278 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_4278 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_4278 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_4278 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_4278.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_4278.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_4278.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_4278.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_4278 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_4278 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_4278 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_4278 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_4278.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_4278.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_4278.nonTouch .accordion dt a:hover { color: #4FB3D5 !important; } #accordion_stacks_in_4278.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_4278.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_4278.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_4278.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_4278.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_4278.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_4278.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_4278 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_4278 .accordionTheme4 dt { background: #4FB3D5; 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_4278 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_4278 .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_4278 .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_4278 .accordionTheme5 { background: #4FB3D5; 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_4278 .accordionTheme5 dt { } #accordion_stacks_in_4278 .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_4278 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_4278 .accordionTheme6 dd { padding: 0; } #stacks_in_4278 { background-color: rgba(255, 255, 255, 1.00); } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_4279.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_4279.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_4279.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_4279.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_4282 a{display:block}#stacks_in_4282 img{width:100%;} #stacks_in_4284 p,#stacks_in_4284 div{margin-bottom:0}#stacks_in_4284,#stacks_in_4284 div,#stacks_in_4284 p,#stacks_in_4284 ol,#stacks_in_4284 ul li,#stacks_in_4284 ol li,#stacks_in_4284 ol,#stacks_in_4284 dl{font-size:1.20rem}@media all and (max-width:640px){#stacks_in_4284,#stacks_in_4284 div,#stacks_in_4284 p,#stacks_in_4284 ol,#stacks_in_4284 ul li,#stacks_in_4284 ol li,#stacks_in_4284 ol,#stacks_in_4284 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_4284{}} #stacks_in_4284 { padding: 10px 0px 0px 0px; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_4287 { width: 100%; clear: both; padding-top: 0px; padding-bottom: 20px; } #simpleDivider_stacks_in_4287 .theDivider1, #simpleDivider_stacks_in_4287 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_4287 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_4287.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_4287.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_4287 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_4287.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_4287.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_4287.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_4287.bgImageOn .theDivider1 img { display: block; } #stacks_in_4289 a{display:block}#stacks_in_4289 img{} #stacks_in_4291 p,#stacks_in_4291 div{margin-bottom:0}@media only screen and (min-width:0px){#stacks_in_4291{}} /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_3338 { padding: 0px 10px 10px 10px; } #stacks_in_3339 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_3339 { height: px; } /* .CP_stacks_in_3339 .custom, .CP_stacks_in_3339 .customB{ display:none; } */ .CP_stacks_in_3339 .customTF, .CP_stacks_in_3339 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_3339 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_3339 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_3339 { color: #FF0000 !important; } .b_stacks_in_3339 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_3339 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_3339 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_3339 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_3339 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_3339 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_3339 .augmentFlipVertical .augmentFlipWrap, #stacks_in_3339 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_3339 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_3339 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3339 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3339 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_3339 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_3339 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3339 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3339 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_3339 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_3339 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_3339 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_3339 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_3339 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3339 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3339 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3339 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_3339 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_3339 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_3339 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3339 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_3339 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_3339 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_3339 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_3339 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_3339 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_3339 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_3339 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_3339 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_3339 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_3339 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_3339 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_3339 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_3339.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_3339 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_3339 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_3339 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_3873 a{display:block}#stacks_in_3873 img{width:100%;} #stacks_in_4399 a{display:block}#stacks_in_4399 img{width:100%;} #stacks_in_3350 p,#stacks_in_3350 div{margin-bottom:0}#stacks_in_3350 p,#stacks_in_3350 div,#stacks_in_3350 ul,#stacks_in_3350 ol,#stacks_in_3350 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3350 { padding: 0px 6px 50px 6px; } .target.stacks_in_3352{ margin:0px 0px 0px 0px;}.target.stacks_in_3352{z-index:99;}.target.stacks_in_3352.width-fill{width:calc(100% - 0px)}.target.stacks_in_3352.width-flexible{width:90%}.target.stacks_in_3352.width-fixed{width:250px}.target.stacks_in_3352.height-fill{height:calc(100% - 0px)}.target.stacks_in_3352.height-flexible{height:100%}.target.stacks_in_3352.height-fixed{height:250px}.target.stacks_in_3352[class*="relative-"].top-pt{top:12%}.target.stacks_in_3352[class*="relative-"].top-px{top:12px}.target.stacks_in_3352[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3352[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3352[class*="relative-"].right-pt{right:0%}.target.stacks_in_3352[class*="relative-"].right-px{right:0px}.target.stacks_in_3352[class*="relative-"].left-pt{left:0%}.target.stacks_in_3352[class*="relative-"].left-px{left:0px}.target.stacks_in_3352.shift-up{margin-top:-0px}.target.stacks_in_3352.shift-down{margin-bottom:-0px}.target.stacks_in_3352.shift-left{right:0px}.target.stacks_in_3352.shift-right{left:0px}.target.stacks_in_3352.pin-top,.target.stacks_in_3352.pin-bottom{left:0px}.target.stacks_in_3352.pin-left,.target.stacks_in_3352.pin-right{top: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_3353 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_3353.transparentOn .accordion, #accordion_stacks_in_3353.transparentOn .accordionTheme, #accordion_stacks_in_3353.transparentOn .accordionTheme2, #accordion_stacks_in_3353.transparentOn .accordionTheme dt, #accordion_stacks_in_3353.transparentOn .accordionTheme2 dt, #accordion_stacks_in_3353.transparentOn .accordionTheme dd, #accordion_stacks_in_3353.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_3353, #accordion_stacks_in_3353 > * { margin: 0; padding: 0; } #accordion_stacks_in_3353.fixedHeightOn { height: 500px; } #accordion_stacks_in_3353 .accordion dt, #accordion_stacks_in_3353 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_3353 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_3353 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_3353 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_3353 .accordion { overflow: hidden; } #accordion_stacks_in_3353 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_3353 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_3353 .accordion dt { background-color: transparent; } #accordion_stacks_in_3353 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_3353 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_3353 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_3353 .accordionTheme dt a, #accordion_stacks_in_3353 .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_3353.transparentOff .accordionTheme dt a, #accordion_stacks_in_3353.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_3353.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_3353.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_3353.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_3353 .accordion dt.selected a { color: #4FB3D5 !important; } #accordion_stacks_in_3353 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_3353.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_3353 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_3353 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_3353 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_3353 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_3353 .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_3353 .accordionTheme.backgroundOn dd, #accordion_stacks_in_3353 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_3353 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_3353 .accordionTheme.backgroundOff dd, #accordion_stacks_in_3353 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_3353 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_3353 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_3353 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_3353 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_3353 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_3353 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_3353 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_3353 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_3353 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_3353 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_3353 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3353 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_3353 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3353.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_3353 .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_3353.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_3353 .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_3353 .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_3353 .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_3353 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_3353.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3353.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_3353 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_3353 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_3353 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_3353 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_3353 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_3353 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_3353 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_3353 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_3353 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3353 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3353 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3353 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3353 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_3353 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_3353 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_3353.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_3353.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_3353.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_3353.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_3353 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_3353 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_3353 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_3353 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_3353.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_3353.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_3353.nonTouch .accordion dt a:hover { color: #4FB3D5 !important; } #accordion_stacks_in_3353.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_3353.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3353.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_3353.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_3353.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_3353.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_3353.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_3353 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_3353 .accordionTheme4 dt { background: #4FB3D5; 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_3353 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_3353 .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_3353 .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_3353 .accordionTheme5 { background: #4FB3D5; 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_3353 .accordionTheme5 dt { } #accordion_stacks_in_3353 .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_3353 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_3353 .accordionTheme6 dd { padding: 0; } #stacks_in_3353 { background-color: rgba(255, 255, 255, 1.00); } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_3354.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_3354.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_3354.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_3354.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3715 h5,#stacks_in_3715 div{color:rgba(0, 127, 255, 1.00)}#stacks_in_3715 h5 a,#stacks_in_3715 div a{color:rgba(0, 127, 255, 1.00)}#stacks_in_3715 h5 a:hover,#stacks_in_3715 div a:hover{color:rgba(0, 95, 191, 1.00)}#stacks_in_3715 small,#stacks_in_3715 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_3715 h5.margin-collapse{margin-top:0 !important;margin-bottom:0 !important} #stacks_in_3359,#stacks_in_3359 div,#stacks_in_3359 p,#stacks_in_3359 ol,#stacks_in_3359 ul li,#stacks_in_3359 ol li,#stacks_in_3359 ol,#stacks_in_3359 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3359,#stacks_in_3359 div,#stacks_in_3359 p,#stacks_in_3359 ol,#stacks_in_3359 ul li,#stacks_in_3359 ol li,#stacks_in_3359 ol,#stacks_in_3359 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3359{}} #stacks_in_3725 h5,#stacks_in_3725 div{color:rgba(0, 127, 255, 1.00)}#stacks_in_3725 h5 a,#stacks_in_3725 div a{color:rgba(0, 127, 255, 1.00)}#stacks_in_3725 h5 a:hover,#stacks_in_3725 div a:hover{color:rgba(0, 95, 191, 1.00)}#stacks_in_3725 small,#stacks_in_3725 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_3725 h5.margin-collapse{margin-top:0 !important;margin-bottom:0 !important} #stacks_in_3735,#stacks_in_3735 div,#stacks_in_3735 p,#stacks_in_3735 ol,#stacks_in_3735 ul li,#stacks_in_3735 ol li,#stacks_in_3735 ol,#stacks_in_3735 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3735,#stacks_in_3735 div,#stacks_in_3735 p,#stacks_in_3735 ol,#stacks_in_3735 ul li,#stacks_in_3735 ol li,#stacks_in_3735 ol,#stacks_in_3735 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3735{}} /* * 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_4296 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_4296.transparentOn .accordion, #accordion_stacks_in_4296.transparentOn .accordionTheme, #accordion_stacks_in_4296.transparentOn .accordionTheme2, #accordion_stacks_in_4296.transparentOn .accordionTheme dt, #accordion_stacks_in_4296.transparentOn .accordionTheme2 dt, #accordion_stacks_in_4296.transparentOn .accordionTheme dd, #accordion_stacks_in_4296.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_4296, #accordion_stacks_in_4296 > * { margin: 0; padding: 0; } #accordion_stacks_in_4296.fixedHeightOn { height: 500px; } #accordion_stacks_in_4296 .accordion dt, #accordion_stacks_in_4296 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_4296 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_4296 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_4296 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_4296 .accordion { overflow: hidden; } #accordion_stacks_in_4296 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_4296 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_4296 .accordion dt { background-color: transparent; } #accordion_stacks_in_4296 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_4296 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_4296 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_4296 .accordionTheme dt a, #accordion_stacks_in_4296 .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_4296.transparentOff .accordionTheme dt a, #accordion_stacks_in_4296.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_4296.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_4296.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_4296.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_4296 .accordion dt.selected a { color: #4FB3D5 !important; } #accordion_stacks_in_4296 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_4296.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_4296 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_4296 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_4296 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_4296 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_4296 .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_4296 .accordionTheme.backgroundOn dd, #accordion_stacks_in_4296 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_4296 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_4296 .accordionTheme.backgroundOff dd, #accordion_stacks_in_4296 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_4296 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_4296 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_4296 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_4296 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_4296 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_4296 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_4296 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_4296 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_4296 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_4296 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_4296 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_4296 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_4296 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_4296.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_4296 .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_4296.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_4296 .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_4296 .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_4296 .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_4296 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_4296.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_4296.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_4296 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_4296 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_4296 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_4296 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_4296 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_4296 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_4296 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_4296 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_4296 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_4296 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_4296 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_4296 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_4296 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_4296 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_4296 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_4296.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_4296.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_4296.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_4296.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_4296 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_4296 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_4296 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_4296 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_4296.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_4296.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_4296.nonTouch .accordion dt a:hover { color: #4FB3D5 !important; } #accordion_stacks_in_4296.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_4296.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_4296.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_4296.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_4296.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_4296.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_4296.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_4296 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_4296 .accordionTheme4 dt { background: #4FB3D5; 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_4296 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_4296 .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_4296 .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_4296 .accordionTheme5 { background: #4FB3D5; 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_4296 .accordionTheme5 dt { } #accordion_stacks_in_4296 .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_4296 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_4296 .accordionTheme6 dd { padding: 0; } #stacks_in_4296 { background-color: rgba(255, 255, 255, 1.00); } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_4297.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_4297.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_4297.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_4297.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_4298 h5,#stacks_in_4298 div{color:rgba(0, 127, 255, 1.00)}#stacks_in_4298 h5 a,#stacks_in_4298 div a{color:rgba(0, 127, 255, 1.00)}#stacks_in_4298 h5 a:hover,#stacks_in_4298 div a:hover{color:rgba(0, 95, 191, 1.00)}#stacks_in_4298 small,#stacks_in_4298 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_4298 h5.margin-collapse{margin-top:0 !important;margin-bottom:0 !important} #stacks_in_4304,#stacks_in_4304 div,#stacks_in_4304 p,#stacks_in_4304 ol,#stacks_in_4304 ul li,#stacks_in_4304 ol li,#stacks_in_4304 ol,#stacks_in_4304 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_4304,#stacks_in_4304 div,#stacks_in_4304 p,#stacks_in_4304 ol,#stacks_in_4304 ul li,#stacks_in_4304 ol li,#stacks_in_4304 ol,#stacks_in_4304 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_4304{}} #stacks_in_4307 h5,#stacks_in_4307 div{color:rgba(0, 127, 255, 1.00)}#stacks_in_4307 h5 a,#stacks_in_4307 div a{color:rgba(0, 127, 255, 1.00)}#stacks_in_4307 h5 a:hover,#stacks_in_4307 div a:hover{color:rgba(0, 95, 191, 1.00)}#stacks_in_4307 small,#stacks_in_4307 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_4307 h5.margin-collapse{margin-top:0 !important;margin-bottom:0 !important} #stacks_in_4312,#stacks_in_4312 div,#stacks_in_4312 p,#stacks_in_4312 ol,#stacks_in_4312 ul li,#stacks_in_4312 ol li,#stacks_in_4312 ol,#stacks_in_4312 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_4312,#stacks_in_4312 div,#stacks_in_4312 p,#stacks_in_4312 ol,#stacks_in_4312 ul li,#stacks_in_4312 ol li,#stacks_in_4312 ol,#stacks_in_4312 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_4312{}} /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_3368 { padding: 0px 10px 10px 10px; } #stacks_in_3369 { z-index: 3; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_3369 { height: px; } /* .CP_stacks_in_3369 .custom, .CP_stacks_in_3369 .customB{ display:none; } */ .CP_stacks_in_3369 .customTF, .CP_stacks_in_3369 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_3369 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_3369 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_3369 { color: #EEEEEE !important; } .b_stacks_in_3369 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_3369 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_3369 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_3369 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_3369 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_3369 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_3369 .augmentFlipVertical .augmentFlipWrap, #stacks_in_3369 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_3369 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_3369 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3369 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3369 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_3369 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_3369 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3369 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3369 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_3369 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_3369 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_3369 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_3369 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_3369 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3369 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3369 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3369 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_3369 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_3369 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_3369 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3369 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_3369 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_3369 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_3369 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_3369 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_3369 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_3369 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_3369 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_3369 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_3369 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_3369 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_3369 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_3369 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_3369.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_3369 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_3369 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_3369 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_3370 a{display:block}#stacks_in_3370 img{width:100%;} #stacks_in_3372 a{display:block}#stacks_in_3372 img{width:100%;} #stacks_in_3379 p,#stacks_in_3379 div{margin-bottom:0}#stacks_in_3379 p,#stacks_in_3379 div,#stacks_in_3379 ul,#stacks_in_3379 ol,#stacks_in_3379 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3379 { padding: 0px 6px 10px 6px; } .target.stacks_in_3950{ margin:0px 0px 0px 0px;}.target.stacks_in_3950{z-index:99;}.target.stacks_in_3950.width-fill{width:calc(100% - 0px)}.target.stacks_in_3950.width-flexible{width:90%}.target.stacks_in_3950.width-fixed{width:250px}.target.stacks_in_3950.height-fill{height:calc(100% - 0px)}.target.stacks_in_3950.height-flexible{height:100%}.target.stacks_in_3950.height-fixed{height:250px}.target.stacks_in_3950[class*="relative-"].top-pt{top:12%}.target.stacks_in_3950[class*="relative-"].top-px{top:12px}.target.stacks_in_3950[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3950[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3950[class*="relative-"].right-pt{right:0%}.target.stacks_in_3950[class*="relative-"].right-px{right:0px}.target.stacks_in_3950[class*="relative-"].left-pt{left:0%}.target.stacks_in_3950[class*="relative-"].left-px{left:0px}.target.stacks_in_3950.shift-up{margin-top:-0px}.target.stacks_in_3950.shift-down{margin-bottom:-0px}.target.stacks_in_3950.shift-left{right:0px}.target.stacks_in_3950.shift-right{left:0px}.target.stacks_in_3950.pin-top,.target.stacks_in_3950.pin-bottom{left:0px}.target.stacks_in_3950.pin-left,.target.stacks_in_3950.pin-right{top:0px} #stacks_in_3951 p,#stacks_in_3951 div{margin-bottom:0}#stacks_in_3951 p,#stacks_in_3951 div,#stacks_in_3951 ul,#stacks_in_3951 ol,#stacks_in_3951 dl{line-height:1.00;font-size:0.90rem} #stacks_in_3954 p,#stacks_in_3954 div{margin-bottom:0}#stacks_in_3954 p,#stacks_in_3954 div,#stacks_in_3954 ul,#stacks_in_3954 ol,#stacks_in_3954 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3954 { padding: 5px 0px 0px 0px; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_3390 { padding: 0px 10px 10px 10px; } #stacks_in_3391 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_3391 { height: px; } /* .CP_stacks_in_3391 .custom, .CP_stacks_in_3391 .customB{ display:none; } */ .CP_stacks_in_3391 .customTF, .CP_stacks_in_3391 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_3391 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_3391 { background-color: #FFFFFF ; background: ; } .f_stacks_in_3391 { color: #FF0000 !important; } .b_stacks_in_3391 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_3391 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_3391 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_3391 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_3391 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_3391 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_3391 .augmentFlipVertical .augmentFlipWrap, #stacks_in_3391 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_3391 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_3391 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3391 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3391 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_3391 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_3391 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3391 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3391 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_3391 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_3391 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_3391 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_3391 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_3391 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3391 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3391 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3391 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_3391 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_3391 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_3391 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3391 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_3391 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_3391 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_3391 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_3391 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_3391 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_3391 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_3391 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_3391 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_3391 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_3391 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_3391 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_3391 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_3391.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_3391 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_3391 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_3391 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_3392 a{display:block}#stacks_in_3392 img{width:100%;} #stacks_in_3394 a{display:block}#stacks_in_3394 img{width:100%;} #stacks_in_3401 p,#stacks_in_3401 div{margin-bottom:0}#stacks_in_3401 p,#stacks_in_3401 div,#stacks_in_3401 ul,#stacks_in_3401 ol,#stacks_in_3401 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3401 { padding: 0px 6px 50px 6px; } .target.stacks_in_3403{ margin:0px 0px 0px 0px;}.target.stacks_in_3403{z-index:99;}.target.stacks_in_3403.width-fill{width:calc(100% - 0px)}.target.stacks_in_3403.width-flexible{width:90%}.target.stacks_in_3403.width-fixed{width:250px}.target.stacks_in_3403.height-fill{height:calc(100% - 0px)}.target.stacks_in_3403.height-flexible{height:100%}.target.stacks_in_3403.height-fixed{height:250px}.target.stacks_in_3403[class*="relative-"].top-pt{top:12%}.target.stacks_in_3403[class*="relative-"].top-px{top:12px}.target.stacks_in_3403[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3403[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3403[class*="relative-"].right-pt{right:0%}.target.stacks_in_3403[class*="relative-"].right-px{right:0px}.target.stacks_in_3403[class*="relative-"].left-pt{left:0%}.target.stacks_in_3403[class*="relative-"].left-px{left:0px}.target.stacks_in_3403.shift-up{margin-top:-0px}.target.stacks_in_3403.shift-down{margin-bottom:-0px}.target.stacks_in_3403.shift-left{right:0px}.target.stacks_in_3403.shift-right{left:0px}.target.stacks_in_3403.pin-top,.target.stacks_in_3403.pin-bottom{left:0px}.target.stacks_in_3403.pin-left,.target.stacks_in_3403.pin-right{top: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_3404 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_3404.transparentOn .accordion, #accordion_stacks_in_3404.transparentOn .accordionTheme, #accordion_stacks_in_3404.transparentOn .accordionTheme2, #accordion_stacks_in_3404.transparentOn .accordionTheme dt, #accordion_stacks_in_3404.transparentOn .accordionTheme2 dt, #accordion_stacks_in_3404.transparentOn .accordionTheme dd, #accordion_stacks_in_3404.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_3404, #accordion_stacks_in_3404 > * { margin: 0; padding: 0; } #accordion_stacks_in_3404.fixedHeightOn { height: 500px; } #accordion_stacks_in_3404 .accordion dt, #accordion_stacks_in_3404 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_3404 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_3404 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_3404 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_3404 .accordion { overflow: hidden; } #accordion_stacks_in_3404 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_3404 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_3404 .accordion dt { background-color: transparent; } #accordion_stacks_in_3404 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_3404 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_3404 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_3404 .accordionTheme dt a, #accordion_stacks_in_3404 .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_3404.transparentOff .accordionTheme dt a, #accordion_stacks_in_3404.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_3404.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_3404.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_3404.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_3404 .accordion dt.selected a { color: #4FB3D5 !important; } #accordion_stacks_in_3404 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_3404.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_3404 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_3404 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_3404 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_3404 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_3404 .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_3404 .accordionTheme.backgroundOn dd, #accordion_stacks_in_3404 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_3404 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_3404 .accordionTheme.backgroundOff dd, #accordion_stacks_in_3404 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_3404 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_3404 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_3404 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_3404 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_3404 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_3404 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_3404 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_3404 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_3404 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_3404 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_3404 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3404 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_3404 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3404.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_3404 .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_3404.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_3404 .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_3404 .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_3404 .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_3404 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_3404.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3404.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_3404 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_3404 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_3404 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_3404 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_3404 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_3404 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_3404 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_3404 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_3404 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3404 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3404 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3404 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3404 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_3404 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_3404 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_3404.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_3404.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_3404.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_3404.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_3404 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_3404 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_3404 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_3404 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_3404.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_3404.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_3404.nonTouch .accordion dt a:hover { color: #4FB3D5 !important; } #accordion_stacks_in_3404.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_3404.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3404.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_3404.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_3404.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_3404.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_3404.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_3404 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_3404 .accordionTheme4 dt { background: #4FB3D5; 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_3404 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_3404 .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_3404 .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_3404 .accordionTheme5 { background: #4FB3D5; 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_3404 .accordionTheme5 dt { } #accordion_stacks_in_3404 .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_3404 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_3404 .accordionTheme6 dd { padding: 0; } #stacks_in_3404 { background-color: rgba(255, 255, 255, 1.00); } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_3405.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_3405.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_3405.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_3405.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3708 h5,#stacks_in_3708 div{color:rgba(0, 127, 255, 1.00)}#stacks_in_3708 h5 a,#stacks_in_3708 div a{color:rgba(0, 127, 255, 1.00)}#stacks_in_3708 h5 a:hover,#stacks_in_3708 div a:hover{color:rgba(0, 95, 191, 1.00)}#stacks_in_3708 small,#stacks_in_3708 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_3708 h5.margin-collapse{margin-top:0 !important;margin-bottom:0 !important} #stacks_in_3406,#stacks_in_3406 div,#stacks_in_3406 p,#stacks_in_3406 ol,#stacks_in_3406 ul li,#stacks_in_3406 ol li,#stacks_in_3406 ol,#stacks_in_3406 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3406,#stacks_in_3406 div,#stacks_in_3406 p,#stacks_in_3406 ol,#stacks_in_3406 ul li,#stacks_in_3406 ol li,#stacks_in_3406 ol,#stacks_in_3406 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3406{}} /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_3413 { padding: 0px 10px 10px 10px; } #stacks_in_3414 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_3414 { height: px; } /* .CP_stacks_in_3414 .custom, .CP_stacks_in_3414 .customB{ display:none; } */ .CP_stacks_in_3414 .customTF, .CP_stacks_in_3414 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_3414 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_3414 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_3414 { color: #FF0000 !important; } .b_stacks_in_3414 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_3414 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_3414 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_3414 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_3414 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_3414 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_3414 .augmentFlipVertical .augmentFlipWrap, #stacks_in_3414 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_3414 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_3414 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3414 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3414 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_3414 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_3414 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3414 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3414 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_3414 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_3414 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_3414 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_3414 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_3414 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3414 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3414 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3414 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_3414 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_3414 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_3414 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3414 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_3414 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_3414 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_3414 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_3414 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_3414 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_3414 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_3414 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_3414 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_3414 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_3414 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_3414 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_3414 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_3414.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_3414 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_3414 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_3414 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_3415 a{display:block}#stacks_in_3415 img{width:100%;} #stacks_in_3417 a{display:block}#stacks_in_3417 img{width:100%;} #stacks_in_3424 p,#stacks_in_3424 div{margin-bottom:0}#stacks_in_3424 p,#stacks_in_3424 div,#stacks_in_3424 ul,#stacks_in_3424 ol,#stacks_in_3424 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3424 { padding: 0px 6px 50px 6px; } .target.stacks_in_3426{ margin:0px 0px 0px 0px;}.target.stacks_in_3426{z-index:99;}.target.stacks_in_3426.width-fill{width:calc(100% - 0px)}.target.stacks_in_3426.width-flexible{width:90%}.target.stacks_in_3426.width-fixed{width:250px}.target.stacks_in_3426.height-fill{height:calc(100% - 0px)}.target.stacks_in_3426.height-flexible{height:100%}.target.stacks_in_3426.height-fixed{height:250px}.target.stacks_in_3426[class*="relative-"].top-pt{top:12%}.target.stacks_in_3426[class*="relative-"].top-px{top:12px}.target.stacks_in_3426[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3426[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3426[class*="relative-"].right-pt{right:0%}.target.stacks_in_3426[class*="relative-"].right-px{right:0px}.target.stacks_in_3426[class*="relative-"].left-pt{left:0%}.target.stacks_in_3426[class*="relative-"].left-px{left:0px}.target.stacks_in_3426.shift-up{margin-top:-0px}.target.stacks_in_3426.shift-down{margin-bottom:-0px}.target.stacks_in_3426.shift-left{right:0px}.target.stacks_in_3426.shift-right{left:0px}.target.stacks_in_3426.pin-top,.target.stacks_in_3426.pin-bottom{left:0px}.target.stacks_in_3426.pin-left,.target.stacks_in_3426.pin-right{top: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_3700 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_3700.transparentOn .accordion, #accordion_stacks_in_3700.transparentOn .accordionTheme, #accordion_stacks_in_3700.transparentOn .accordionTheme2, #accordion_stacks_in_3700.transparentOn .accordionTheme dt, #accordion_stacks_in_3700.transparentOn .accordionTheme2 dt, #accordion_stacks_in_3700.transparentOn .accordionTheme dd, #accordion_stacks_in_3700.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_3700, #accordion_stacks_in_3700 > * { margin: 0; padding: 0; } #accordion_stacks_in_3700.fixedHeightOn { height: 500px; } #accordion_stacks_in_3700 .accordion dt, #accordion_stacks_in_3700 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_3700 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_3700 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_3700 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_3700 .accordion { overflow: hidden; } #accordion_stacks_in_3700 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_3700 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_3700 .accordion dt { background-color: transparent; } #accordion_stacks_in_3700 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_3700 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_3700 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_3700 .accordionTheme dt a, #accordion_stacks_in_3700 .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_3700.transparentOff .accordionTheme dt a, #accordion_stacks_in_3700.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_3700.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_3700.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_3700.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_3700 .accordion dt.selected a { color: #4FB3D5 !important; } #accordion_stacks_in_3700 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_3700.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_3700 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_3700 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_3700 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_3700 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_3700 .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_3700 .accordionTheme.backgroundOn dd, #accordion_stacks_in_3700 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_3700 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_3700 .accordionTheme.backgroundOff dd, #accordion_stacks_in_3700 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_3700 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_3700 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_3700 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_3700 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_3700 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_3700 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_3700 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_3700 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_3700 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_3700 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_3700 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3700 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_3700 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3700.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_3700 .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_3700.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_3700 .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_3700 .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_3700 .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_3700 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_3700.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3700.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_3700 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_3700 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_3700 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_3700 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_3700 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_3700 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_3700 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_3700 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_3700 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3700 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3700 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3700 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3700 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_3700 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_3700 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_3700.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_3700.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_3700.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_3700.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_3700 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_3700 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_3700 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_3700 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_3700.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_3700.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_3700.nonTouch .accordion dt a:hover { color: #4FB3D5 !important; } #accordion_stacks_in_3700.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_3700.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3700.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_3700.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_3700.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_3700.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_3700.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_3700 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_3700 .accordionTheme4 dt { background: #4FB3D5; 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_3700 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_3700 .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_3700 .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_3700 .accordionTheme5 { background: #4FB3D5; 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_3700 .accordionTheme5 dt { } #accordion_stacks_in_3700 .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_3700 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_3700 .accordionTheme6 dd { padding: 0; } #stacks_in_3700 { background-color: rgba(255, 255, 255, 1.00); } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_3701.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_3701.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_3701.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_3701.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3695 h5,#stacks_in_3695 div{color:rgba(0, 127, 255, 1.00)}#stacks_in_3695 h5 a,#stacks_in_3695 div a{color:rgba(0, 127, 255, 1.00)}#stacks_in_3695 h5 a:hover,#stacks_in_3695 div a:hover{color:rgba(0, 95, 191, 1.00)}#stacks_in_3695 small,#stacks_in_3695 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_3695 h5.margin-collapse{margin-top:0 !important;margin-bottom:0 !important} #stacks_in_3429,#stacks_in_3429 div,#stacks_in_3429 p,#stacks_in_3429 ol,#stacks_in_3429 ul li,#stacks_in_3429 ol li,#stacks_in_3429 ol,#stacks_in_3429 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3429,#stacks_in_3429 div,#stacks_in_3429 p,#stacks_in_3429 ol,#stacks_in_3429 ul li,#stacks_in_3429 ol li,#stacks_in_3429 ol,#stacks_in_3429 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3429{}} #stacks_in_3688 h5,#stacks_in_3688 div{color:rgba(0, 127, 255, 1.00)}#stacks_in_3688 h5 a,#stacks_in_3688 div a{color:rgba(0, 127, 255, 1.00)}#stacks_in_3688 h5 a:hover,#stacks_in_3688 div a:hover{color:rgba(0, 95, 191, 1.00)}#stacks_in_3688 small,#stacks_in_3688 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_3688 h5.margin-collapse{margin-top:0 !important;margin-bottom:0 !important} #stacks_in_3673,#stacks_in_3673 div,#stacks_in_3673 p,#stacks_in_3673 ol,#stacks_in_3673 ul li,#stacks_in_3673 ol li,#stacks_in_3673 ol,#stacks_in_3673 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3673,#stacks_in_3673 div,#stacks_in_3673 p,#stacks_in_3673 ol,#stacks_in_3673 ul li,#stacks_in_3673 ol li,#stacks_in_3673 ol,#stacks_in_3673 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3673{}} #stacks_in_3681 h5,#stacks_in_3681 div{color:rgba(0, 127, 255, 1.00)}#stacks_in_3681 h5 a,#stacks_in_3681 div a{color:rgba(0, 127, 255, 1.00)}#stacks_in_3681 h5 a:hover,#stacks_in_3681 div a:hover{color:rgba(0, 95, 191, 1.00)}#stacks_in_3681 small,#stacks_in_3681 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_3681 h5.margin-collapse{margin-top:0 !important;margin-bottom:0 !important} #stacks_in_3676,#stacks_in_3676 div,#stacks_in_3676 p,#stacks_in_3676 ol,#stacks_in_3676 ul li,#stacks_in_3676 ol li,#stacks_in_3676 ol,#stacks_in_3676 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3676,#stacks_in_3676 div,#stacks_in_3676 p,#stacks_in_3676 ol,#stacks_in_3676 ul li,#stacks_in_3676 ol li,#stacks_in_3676 ol,#stacks_in_3676 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3676{}} #stacks_in_3443 { margin: 0px !important; padding: 0px !important; } #atm_AnimateItstacks_in_3443 { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; -webkit-font-smoothing: antialiased; /*font-smooth: always;*/ display: none; } @media only screen and (max-width:414px){#stacks_in_4135 h1,#stacks_in_4135 div{text-align:center !important}#stacks_out_4135{display:block !important}}#stacks_in_4135 h1,#stacks_in_4135 div{color:rgba(0, 0, 0, 1.00)}#stacks_in_4135 h1 a,#stacks_in_4135 div a{color:rgba(0, 0, 0, 1.00)}#stacks_in_4135 h1 a:hover,#stacks_in_4135 div a:hover{color:rgba(0, 0, 0, 1.00)}#stacks_in_4135 small,#stacks_in_4135 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_4135 .h-pro{padding: 0% 5% 0% 5% }#stacks_in_4135 .h-pro{border-radius: 5px }#stacks_in_4135 .h-pro{border-width: 2px ;border-color:rgba(255, 255, 255, 1.00) rgba(255, 255, 255, 1.00) rgba(255, 255, 255, 1.00) rgba(255, 255, 255, 1.00);border-style:inset}#stacks_in_4135 .h-pro{-webkit-box-shadow:1px 4px 7px 4px rgba(204, 204, 204, 1.00) ;box-shadow:1px 4px 7px 4px rgba(204, 204, 204, 1.00) }#stacks_in_4135 .h-pro{display:inline-block;background:rgba(126, 217, 245, 1.00)}#stacks_in_4135 .hTxt:not(.vault-font),.no-default:not(.custom-font) .hTxt:not(.vault-font){font-family:"rubik",sans-serif;font-weight:700;font-style:italic} @media only screen and (max-width:480.00px){#stacks_in_4135 h1{font-size:1.40rem!important}}@media only screen and (min-width:480.00px) and (max-width:700.00px){#stacks_in_4135 h1{font-size:1.60rem!important}}@media only screen and (min-width:700.00px) and (max-width:2000.00px){#stacks_in_4135 h1{font-size:2.80rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_4135 h1{font-size:3.00rem!important}} #stacks_in_4135 { padding: 20px 0px 10px 0px; } /* Start dooGrid stack each CSS code */ .stacks_in_2598gridWrapper > div{ display: inline-block !important; width: 33.333333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; margin-top: 10px; padding-right: 0.000000px; padding-left: 0.000000px; } .stacks_in_2598gridWrapper{ margin-right: -0.000000px; margin-left: -0.000000px; margin-top: -10px; } @media all and (max-width: 900px) { .stacks_in_2598gridWrapper > div{ width: 50%; } } @media all and (max-width: 768px) { .stacks_in_2598gridWrapper > div{ width: 50%; } } @media all and (max-width: 480px) { .stacks_in_2598gridWrapper > div{ width: 100%; } } #stacks_in_2598 .dooGridItem{ position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 1.00); border:2px solid rgba(79, 179, 213, 1.00); border-radius: 4px; padding: 12px; } /* End dooGrid stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_2599 { padding: 0px 10px 10px 10px; } #stacks_in_2600 { z-index: 3; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_2600 { height: px; } /* .CP_stacks_in_2600 .custom, .CP_stacks_in_2600 .customB{ display:none; } */ .CP_stacks_in_2600 .customTF, .CP_stacks_in_2600 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_2600 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_2600 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_2600 { color: #EEEEEE !important; } .b_stacks_in_2600 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_2600 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_2600 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_2600 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_2600 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_2600 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_2600 .augmentFlipVertical .augmentFlipWrap, #stacks_in_2600 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_2600 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_2600 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_2600 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_2600 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_2600 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_2600 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_2600 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_2600 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_2600 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_2600 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_2600 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_2600 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_2600 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_2600 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_2600 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_2600 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_2600 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_2600 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_2600 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_2600 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_2600 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_2600 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_2600 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_2600 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_2600 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_2600 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_2600 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_2600 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_2600 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_2600 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_2600 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_2600 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_2600.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_2600 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_2600 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_2600 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_2604 a{display:block}#stacks_in_2604 img{width:100%;} #stacks_in_2606 a{display:block}#stacks_in_2606 img{width:100%;} #stacks_in_2611 p,#stacks_in_2611 div{margin-bottom:0}#stacks_in_2611 p,#stacks_in_2611 div,#stacks_in_2611 ul,#stacks_in_2611 ol,#stacks_in_2611 dl{line-height:1.60;font-size:0.90rem} #stacks_in_2611 { padding: 0px 6px 50px 6px; } .target.stacks_in_2833{ margin:0px 0px 0px 0px;}.target.stacks_in_2833{z-index:99;}.target.stacks_in_2833.width-fill{width:calc(100% - 0px)}.target.stacks_in_2833.width-flexible{width:90%}.target.stacks_in_2833.width-fixed{width:250px}.target.stacks_in_2833.height-fill{height:calc(100% - 0px)}.target.stacks_in_2833.height-flexible{height:100%}.target.stacks_in_2833.height-fixed{height:250px}.target.stacks_in_2833[class*="relative-"].top-pt{top:12%}.target.stacks_in_2833[class*="relative-"].top-px{top:12px}.target.stacks_in_2833[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_2833[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_2833[class*="relative-"].right-pt{right:0%}.target.stacks_in_2833[class*="relative-"].right-px{right:0px}.target.stacks_in_2833[class*="relative-"].left-pt{left:0%}.target.stacks_in_2833[class*="relative-"].left-px{left:0px}.target.stacks_in_2833.shift-up{margin-top:-0px}.target.stacks_in_2833.shift-down{margin-bottom:-0px}.target.stacks_in_2833.shift-left{right:0px}.target.stacks_in_2833.shift-right{left:0px}.target.stacks_in_2833.pin-top,.target.stacks_in_2833.pin-bottom{left:0px}.target.stacks_in_2833.pin-left,.target.stacks_in_2833.pin-right{top: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_2900 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_2900.transparentOn .accordion, #accordion_stacks_in_2900.transparentOn .accordionTheme, #accordion_stacks_in_2900.transparentOn .accordionTheme2, #accordion_stacks_in_2900.transparentOn .accordionTheme dt, #accordion_stacks_in_2900.transparentOn .accordionTheme2 dt, #accordion_stacks_in_2900.transparentOn .accordionTheme dd, #accordion_stacks_in_2900.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_2900, #accordion_stacks_in_2900 > * { margin: 0; padding: 0; } #accordion_stacks_in_2900.fixedHeightOn { height: 500px; } #accordion_stacks_in_2900 .accordion dt, #accordion_stacks_in_2900 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_2900 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_2900 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_2900 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_2900 .accordion { overflow: hidden; } #accordion_stacks_in_2900 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_2900 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_2900 .accordion dt { background-color: transparent; } #accordion_stacks_in_2900 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_2900 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_2900 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_2900 .accordionTheme dt a, #accordion_stacks_in_2900 .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_2900.transparentOff .accordionTheme dt a, #accordion_stacks_in_2900.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_2900.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_2900.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_2900.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_2900 .accordion dt.selected a { color: #4FB3D5 !important; } #accordion_stacks_in_2900 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_2900.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_2900 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_2900 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_2900 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_2900 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_2900 .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_2900 .accordionTheme.backgroundOn dd, #accordion_stacks_in_2900 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_2900 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_2900 .accordionTheme.backgroundOff dd, #accordion_stacks_in_2900 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_2900 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_2900 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_2900 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_2900 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_2900 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_2900 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_2900 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_2900 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_2900 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_2900 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_2900 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_2900 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_2900 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_2900.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_2900 .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_2900.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_2900 .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_2900 .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_2900 .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_2900 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_2900.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_2900.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_2900 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_2900 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_2900 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_2900 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_2900 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_2900 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_2900 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_2900 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_2900 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_2900 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_2900 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_2900 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_2900 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_2900 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_2900 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_2900.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_2900.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_2900.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_2900.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_2900 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_2900 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_2900 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_2900 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_2900.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_2900.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_2900.nonTouch .accordion dt a:hover { color: #4FB3D5 !important; } #accordion_stacks_in_2900.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_2900.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_2900.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_2900.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_2900.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_2900.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_2900.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_2900 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_2900 .accordionTheme4 dt { background: #4FB3D5; 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_2900 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_2900 .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_2900 .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_2900 .accordionTheme5 { background: #4FB3D5; 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_2900 .accordionTheme5 dt { } #accordion_stacks_in_2900 .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_2900 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_2900 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_2904.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_2904.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_2904.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_2904.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_2904 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_3490,#stacks_in_3490 div,#stacks_in_3490 p,#stacks_in_3490 ol,#stacks_in_3490 ul li,#stacks_in_3490 ol li,#stacks_in_3490 ol,#stacks_in_3490 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3490,#stacks_in_3490 div,#stacks_in_3490 p,#stacks_in_3490 ol,#stacks_in_3490 ul li,#stacks_in_3490 ol li,#stacks_in_3490 ol,#stacks_in_3490 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3490{}} #stacks_in_3490 { padding: 2px; } /* @group Generic Styles */ #ruleStackstacks_in_3820, #ruleStackstacks_in_3820:before, #ruleStackstacks_in_3820:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_3820 { position: relative; overflow: hidden; margin: 0.00% 0; width: %; } /* */ /* */ /* */ #ruleStackstacks_in_3820 { width: 50%; margin-left: auto; margin-right: auto; } /* */ #ruleStackstacks_in_3820 [class^="fa fa-"] { position: relative; width: 5px; height: 5px; line-height: 5px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 10%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_3820 a { position: absolute; top: 0px; display: block; width: 5px; height: 5px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ /* */ /* */ #ruleStackstacks_in_3820 { text-align: left; } #ruleStackstacks_in_3820:after { content: ''; position: absolute; width: 100%; top: 49%; left: 0; min-height: 1px; border-top: 1px solid rgba(0, 0, 0, 1.00); } #ruleStackstacks_in_3820 [class^="fa fa-"] { visibility: hidden; } /* */ /* */ #stacks_in_3812 h5,#stacks_in_3812 div{color:rgba(238, 144, 9, 1.00)}#stacks_in_3812 h5 a,#stacks_in_3812 div a{color:rgba(238, 144, 9, 1.00)}#stacks_in_3812 h5 a:hover,#stacks_in_3812 div a:hover{color:rgba(178, 108, 6, 1.00)}#stacks_in_3812 small,#stacks_in_3812 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_3812 h5.margin-collapse{margin-top:0 !important;margin-bottom:0 !important} #stacks_in_3817,#stacks_in_3817 div,#stacks_in_3817 p,#stacks_in_3817 ol,#stacks_in_3817 ul li,#stacks_in_3817 ol li,#stacks_in_3817 ol,#stacks_in_3817 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3817,#stacks_in_3817 div,#stacks_in_3817 p,#stacks_in_3817 ol,#stacks_in_3817 ul li,#stacks_in_3817 ol li,#stacks_in_3817 ol,#stacks_in_3817 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3817{}} #stacks_in_3817 { padding: 2px; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_2642 { padding: 0px 10px 10px 10px; } #stacks_in_2643 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_2643 { height: px; } /* .CP_stacks_in_2643 .custom, .CP_stacks_in_2643 .customB{ display:none; } */ .CP_stacks_in_2643 .customTF, .CP_stacks_in_2643 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_2643 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_2643 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_2643 { color: #FF0000 !important; } .b_stacks_in_2643 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_2643 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_2643 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_2643 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_2643 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_2643 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_2643 .augmentFlipVertical .augmentFlipWrap, #stacks_in_2643 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_2643 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_2643 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_2643 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_2643 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_2643 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_2643 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_2643 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_2643 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_2643 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_2643 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_2643 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_2643 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_2643 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_2643 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_2643 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_2643 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_2643 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_2643 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_2643 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_2643 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_2643 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_2643 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_2643 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_2643 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_2643 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_2643 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_2643 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_2643 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_2643 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_2643 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_2643 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_2643 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_2643.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_2643 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_2643 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_2643 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_2644 a{display:block}#stacks_in_2644 img{width:100%;} #stacks_in_3488 a{display:block}#stacks_in_3488 img{width:100%;} #stacks_in_2652 p,#stacks_in_2652 div{margin-bottom:0}#stacks_in_2652 p,#stacks_in_2652 div,#stacks_in_2652 ul,#stacks_in_2652 ol,#stacks_in_2652 dl{line-height:1.60;font-size:0.90rem} #stacks_in_2652 { padding: 0px 6px 50px 6px; } .target.stacks_in_3849{ margin:0px 0px 0px 0px;}.target.stacks_in_3849{z-index:99;}.target.stacks_in_3849.width-fill{width:calc(100% - 0px)}.target.stacks_in_3849.width-flexible{width:90%}.target.stacks_in_3849.width-fixed{width:250px}.target.stacks_in_3849.height-fill{height:calc(100% - 0px)}.target.stacks_in_3849.height-flexible{height:100%}.target.stacks_in_3849.height-fixed{height:250px}.target.stacks_in_3849[class*="relative-"].top-pt{top:12%}.target.stacks_in_3849[class*="relative-"].top-px{top:12px}.target.stacks_in_3849[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3849[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3849[class*="relative-"].right-pt{right:0%}.target.stacks_in_3849[class*="relative-"].right-px{right:0px}.target.stacks_in_3849[class*="relative-"].left-pt{left:0%}.target.stacks_in_3849[class*="relative-"].left-px{left:0px}.target.stacks_in_3849.shift-up{margin-top:-0px}.target.stacks_in_3849.shift-down{margin-bottom:-0px}.target.stacks_in_3849.shift-left{right:0px}.target.stacks_in_3849.shift-right{left:0px}.target.stacks_in_3849.pin-top,.target.stacks_in_3849.pin-bottom{left:0px}.target.stacks_in_3849.pin-left,.target.stacks_in_3849.pin-right{top:0px} #stacks_in_3850 p,#stacks_in_3850 div{margin-bottom:0}#stacks_in_3850 p,#stacks_in_3850 div,#stacks_in_3850 ul,#stacks_in_3850 ol,#stacks_in_3850 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3850 { padding: 15px 0px 0px 0px; } .target.stacks_in_2829{ margin:0px 0px 0px 0px;}.target.stacks_in_2829{z-index:99;}.target.stacks_in_2829.width-fill{width:calc(100% - 0px)}.target.stacks_in_2829.width-flexible{width:90%}.target.stacks_in_2829.width-fixed{width:250px}.target.stacks_in_2829.height-fill{height:calc(100% - 0px)}.target.stacks_in_2829.height-flexible{height:100%}.target.stacks_in_2829.height-fixed{height:250px}.target.stacks_in_2829[class*="relative-"].top-pt{top:12%}.target.stacks_in_2829[class*="relative-"].top-px{top:12px}.target.stacks_in_2829[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_2829[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_2829[class*="relative-"].right-pt{right:0%}.target.stacks_in_2829[class*="relative-"].right-px{right:0px}.target.stacks_in_2829[class*="relative-"].left-pt{left:0%}.target.stacks_in_2829[class*="relative-"].left-px{left:0px}.target.stacks_in_2829.shift-up{margin-top:-0px}.target.stacks_in_2829.shift-down{margin-bottom:-0px}.target.stacks_in_2829.shift-left{right:0px}.target.stacks_in_2829.shift-right{left:0px}.target.stacks_in_2829.pin-top,.target.stacks_in_2829.pin-bottom{left:0px}.target.stacks_in_2829.pin-left,.target.stacks_in_2829.pin-right{top: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_2654 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_2654.transparentOn .accordion, #accordion_stacks_in_2654.transparentOn .accordionTheme, #accordion_stacks_in_2654.transparentOn .accordionTheme2, #accordion_stacks_in_2654.transparentOn .accordionTheme dt, #accordion_stacks_in_2654.transparentOn .accordionTheme2 dt, #accordion_stacks_in_2654.transparentOn .accordionTheme dd, #accordion_stacks_in_2654.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_2654, #accordion_stacks_in_2654 > * { margin: 0; padding: 0; } #accordion_stacks_in_2654.fixedHeightOn { height: 500px; } #accordion_stacks_in_2654 .accordion dt, #accordion_stacks_in_2654 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_2654 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_2654 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_2654 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_2654 .accordion { overflow: hidden; } #accordion_stacks_in_2654 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_2654 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_2654 .accordion dt { background-color: transparent; } #accordion_stacks_in_2654 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_2654 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_2654 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_2654 .accordionTheme dt a, #accordion_stacks_in_2654 .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_2654.transparentOff .accordionTheme dt a, #accordion_stacks_in_2654.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_2654.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_2654.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_2654.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_2654 .accordion dt.selected a { color: #007FFF !important; } #accordion_stacks_in_2654 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_2654.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_2654 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_2654 .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_2654 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_2654 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_2654 .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_2654 .accordionTheme.backgroundOn dd, #accordion_stacks_in_2654 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_2654 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_2654 .accordionTheme.backgroundOff dd, #accordion_stacks_in_2654 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_2654 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_2654 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_2654 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_2654 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_2654 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_2654 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_2654 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_2654 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_2654 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_2654 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_2654 dt.accordionIconOn a.selected span.customIcon { color: #007FFF; } #accordion_stacks_in_2654 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_2654 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_2654.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_2654 .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_2654.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_2654 .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_2654 .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_2654 .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_2654 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_2654.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_2654.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_2654 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_2654 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_2654 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_2654 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_2654 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_2654 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_2654 .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_2654 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_2654 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_2654 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_2654 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_2654 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_2654 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_2654 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_2654 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_2654.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_2654.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_2654.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_2654.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_2654 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_2654 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_2654 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_2654 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_2654.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_2654.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_2654.nonTouch .accordion dt a:hover { color: #007FFF !important; } #accordion_stacks_in_2654.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_2654.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #007FFF; } #accordion_stacks_in_2654.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_2654.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_2654.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_2654.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_2654.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_2654 .accordionTheme4 { background: #666666; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_2654 .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_2654 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_2654 .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_2654 .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_2654 .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_2654 .accordionTheme5 dt { } #accordion_stacks_in_2654 .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_2654 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_2654 .accordionTheme6 dd { padding: 0; } #stacks_in_2654 { background-color: rgba(255, 255, 255, 1.00); } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_2655.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_2655.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_2655.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_2655.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3493,#stacks_in_3493 div,#stacks_in_3493 p,#stacks_in_3493 ol,#stacks_in_3493 ul li,#stacks_in_3493 ol li,#stacks_in_3493 ol,#stacks_in_3493 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3493,#stacks_in_3493 div,#stacks_in_3493 p,#stacks_in_3493 ol,#stacks_in_3493 ul li,#stacks_in_3493 ol li,#stacks_in_3493 ol,#stacks_in_3493 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3493{}} /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_2719 { padding: 0px 10px 10px 10px; } #stacks_in_2720 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_2720 { height: px; } /* .CP_stacks_in_2720 .custom, .CP_stacks_in_2720 .customB{ display:none; } */ .CP_stacks_in_2720 .customTF, .CP_stacks_in_2720 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_2720 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_2720 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_2720 { color: #FF0000 !important; } .b_stacks_in_2720 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_2720 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_2720 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_2720 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_2720 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_2720 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_2720 .augmentFlipVertical .augmentFlipWrap, #stacks_in_2720 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_2720 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_2720 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_2720 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_2720 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_2720 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_2720 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_2720 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_2720 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_2720 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_2720 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_2720 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_2720 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_2720 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_2720 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_2720 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_2720 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_2720 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_2720 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_2720 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_2720 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_2720 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_2720 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_2720 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_2720 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_2720 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_2720 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_2720 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_2720 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_2720 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_2720 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_2720 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_2720 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_2720.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_2720 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_2720 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_2720 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_2721 a{display:block}#stacks_in_2721 img{width:100%;} #stacks_in_3489 a{display:block}#stacks_in_3489 img{width:100%;} #stacks_in_2729 p,#stacks_in_2729 div{margin-bottom:0}#stacks_in_2729 p,#stacks_in_2729 div,#stacks_in_2729 ul,#stacks_in_2729 ol,#stacks_in_2729 dl{line-height:1.60;font-size:0.90rem} #stacks_in_2729 { padding: 0px 6px 50px 6px; } .target.stacks_in_2932{ margin:0px 0px 0px 0px;}.target.stacks_in_2932{z-index:99;}.target.stacks_in_2932.width-fill{width:calc(100% - 0px)}.target.stacks_in_2932.width-flexible{width:90%}.target.stacks_in_2932.width-fixed{width:250px}.target.stacks_in_2932.height-fill{height:calc(100% - 0px)}.target.stacks_in_2932.height-flexible{height:100%}.target.stacks_in_2932.height-fixed{height:250px}.target.stacks_in_2932[class*="relative-"].top-pt{top:12%}.target.stacks_in_2932[class*="relative-"].top-px{top:12px}.target.stacks_in_2932[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_2932[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_2932[class*="relative-"].right-pt{right:0%}.target.stacks_in_2932[class*="relative-"].right-px{right:0px}.target.stacks_in_2932[class*="relative-"].left-pt{left:0%}.target.stacks_in_2932[class*="relative-"].left-px{left:0px}.target.stacks_in_2932.shift-up{margin-top:-0px}.target.stacks_in_2932.shift-down{margin-bottom:-0px}.target.stacks_in_2932.shift-left{right:0px}.target.stacks_in_2932.shift-right{left:0px}.target.stacks_in_2932.pin-top,.target.stacks_in_2932.pin-bottom{left:0px}.target.stacks_in_2932.pin-left,.target.stacks_in_2932.pin-right{top: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_2731 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_2731.transparentOn .accordion, #accordion_stacks_in_2731.transparentOn .accordionTheme, #accordion_stacks_in_2731.transparentOn .accordionTheme2, #accordion_stacks_in_2731.transparentOn .accordionTheme dt, #accordion_stacks_in_2731.transparentOn .accordionTheme2 dt, #accordion_stacks_in_2731.transparentOn .accordionTheme dd, #accordion_stacks_in_2731.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_2731, #accordion_stacks_in_2731 > * { margin: 0; padding: 0; } #accordion_stacks_in_2731.fixedHeightOn { height: 500px; } #accordion_stacks_in_2731 .accordion dt, #accordion_stacks_in_2731 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_2731 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_2731 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_2731 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_2731 .accordion { overflow: hidden; } #accordion_stacks_in_2731 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_2731 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_2731 .accordion dt { background-color: transparent; } #accordion_stacks_in_2731 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_2731 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_2731 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_2731 .accordionTheme dt a, #accordion_stacks_in_2731 .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_2731.transparentOff .accordionTheme dt a, #accordion_stacks_in_2731.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_2731.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_2731.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_2731.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_2731 .accordion dt.selected a { color: #4FB3D5 !important; } #accordion_stacks_in_2731 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_2731.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_2731 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_2731 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_2731 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_2731 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_2731 .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_2731 .accordionTheme.backgroundOn dd, #accordion_stacks_in_2731 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_2731 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_2731 .accordionTheme.backgroundOff dd, #accordion_stacks_in_2731 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_2731 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_2731 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_2731 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_2731 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_2731 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_2731 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_2731 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_2731 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_2731 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_2731 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_2731 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_2731 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_2731 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_2731.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_2731 .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_2731.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_2731 .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_2731 .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_2731 .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_2731 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_2731.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_2731.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_2731 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_2731 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_2731 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_2731 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_2731 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_2731 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_2731 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_2731 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_2731 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_2731 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_2731 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_2731 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_2731 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_2731 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_2731 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_2731.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_2731.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_2731.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_2731.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_2731 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_2731 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_2731 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_2731 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_2731.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_2731.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_2731.nonTouch .accordion dt a:hover { color: #4FB3D5 !important; } #accordion_stacks_in_2731.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_2731.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_2731.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_2731.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_2731.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_2731.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_2731.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_2731 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_2731 .accordionTheme4 dt { background: #4FB3D5; 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_2731 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_2731 .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_2731 .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_2731 .accordionTheme5 { background: #4FB3D5; 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_2731 .accordionTheme5 dt { } #accordion_stacks_in_2731 .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_2731 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_2731 .accordionTheme6 dd { padding: 0; } #stacks_in_2731 { background-color: rgba(255, 255, 255, 1.00); } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_2732.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_2732.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_2732.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_2732.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3823 h5,#stacks_in_3823 div{color:rgba(0, 102, 0, 1.00)}#stacks_in_3823 h5 a,#stacks_in_3823 div a{color:rgba(0, 102, 0, 1.00)}#stacks_in_3823 h5 a:hover,#stacks_in_3823 div a:hover{color:rgba(0, 76, 0, 1.00)}#stacks_in_3823 small,#stacks_in_3823 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_3823 h5.margin-collapse{margin-top:0 !important;margin-bottom:0 !important} #stacks_in_3496,#stacks_in_3496 div,#stacks_in_3496 p,#stacks_in_3496 ol,#stacks_in_3496 ul li,#stacks_in_3496 ol li,#stacks_in_3496 ol,#stacks_in_3496 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3496,#stacks_in_3496 div,#stacks_in_3496 p,#stacks_in_3496 ol,#stacks_in_3496 ul li,#stacks_in_3496 ol li,#stacks_in_3496 ol,#stacks_in_3496 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3496{}} #stacks_in_3499 { margin: 0px !important; padding: 0px !important; } #atm_AnimateItstacks_in_3499 { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; -webkit-font-smoothing: antialiased; /*font-smooth: always;*/ display: none; } @media only screen and (max-width:414px){#stacks_in_4142 h1,#stacks_in_4142 div{text-align:center !important}#stacks_out_4142{display:block !important}}#stacks_in_4142 h1,#stacks_in_4142 div{color:rgba(0, 0, 0, 1.00)}#stacks_in_4142 h1 a,#stacks_in_4142 div a{color:rgba(0, 0, 0, 1.00)}#stacks_in_4142 h1 a:hover,#stacks_in_4142 div a:hover{color:rgba(0, 0, 0, 1.00)}#stacks_in_4142 small,#stacks_in_4142 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_4142 .h-pro{padding: 0% 5% 0% 5% }#stacks_in_4142 .h-pro{border-radius: 5px }#stacks_in_4142 .h-pro{border-width: 2px ;border-color:rgba(255, 255, 255, 1.00) rgba(255, 255, 255, 1.00) rgba(255, 255, 255, 1.00) rgba(255, 255, 255, 1.00);border-style:inset}#stacks_in_4142 .h-pro{-webkit-box-shadow:1px 4px 7px 4px rgba(204, 204, 204, 1.00) ;box-shadow:1px 4px 7px 4px rgba(204, 204, 204, 1.00) }#stacks_in_4142 .h-pro{display:inline-block;background:rgba(126, 217, 245, 1.00)}#stacks_in_4142 .hTxt:not(.vault-font),.no-default:not(.custom-font) .hTxt:not(.vault-font){font-family:"rubik",sans-serif;font-weight:700;font-style:italic} @media only screen and (max-width:480.00px){#stacks_in_4142 h1{font-size:1.40rem!important}}@media only screen and (min-width:480.00px) and (max-width:700.00px){#stacks_in_4142 h1{font-size:1.60rem!important}}@media only screen and (min-width:700.00px) and (max-width:2000.00px){#stacks_in_4142 h1{font-size:2.80rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_4142 h1{font-size:3.00rem!important}} #stacks_in_4142 { padding: 20px 0px 10px 0px; } /* Start dooGrid stack each CSS code */ .stacks_in_2340gridWrapper > div{ display: inline-block !important; width: 33.333333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; margin-top: 10px; padding-right: 0.000000px; padding-left: 0.000000px; } .stacks_in_2340gridWrapper{ margin-right: -0.000000px; margin-left: -0.000000px; margin-top: -10px; } @media all and (max-width: 900px) { .stacks_in_2340gridWrapper > div{ width: 50%; } } @media all and (max-width: 768px) { .stacks_in_2340gridWrapper > div{ width: 50%; } } @media all and (max-width: 480px) { .stacks_in_2340gridWrapper > div{ width: 100%; } } #stacks_in_2340 .dooGridItem{ position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 1.00); border:2px solid rgba(79, 179, 213, 1.00); border-radius: 4px; padding: 12px; } /* End dooGrid stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_2341 { padding: 0px 10px 10px 10px; } #stacks_in_2423 { z-index: 3; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_2423 { height: px; } /* .CP_stacks_in_2423 .custom, .CP_stacks_in_2423 .customB{ display:none; } */ .CP_stacks_in_2423 .customTF, .CP_stacks_in_2423 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_2423 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_2423 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_2423 { color: #EEEEEE !important; } .b_stacks_in_2423 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_2423 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_2423 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_2423 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_2423 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_2423 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_2423 .augmentFlipVertical .augmentFlipWrap, #stacks_in_2423 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_2423 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_2423 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_2423 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_2423 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_2423 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_2423 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_2423 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_2423 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_2423 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_2423 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_2423 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_2423 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_2423 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_2423 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_2423 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_2423 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_2423 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_2423 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_2423 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_2423 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_2423 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_2423 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_2423 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_2423 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_2423 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_2423 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_2423 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_2423 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_2423 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_2423 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_2423 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_2423 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_2423.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_2423 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_2423 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_2423 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_2424 a{display:block}#stacks_in_2424 img{width:100%;} #stacks_in_2429 a{display:block}#stacks_in_2429 img{width:100%;} #stacks_in_2378 p,#stacks_in_2378 div{margin-bottom:0}#stacks_in_2378 p,#stacks_in_2378 div,#stacks_in_2378 ul,#stacks_in_2378 ol,#stacks_in_2378 dl{line-height:1.60;font-size:0.90rem} #stacks_in_2378 { padding: 0px 6px 50px 6px; } .target.stacks_in_3855{ margin:0px 0px 0px 0px;}.target.stacks_in_3855{z-index:99;}.target.stacks_in_3855.width-fill{width:calc(100% - 0px)}.target.stacks_in_3855.width-flexible{width:90%}.target.stacks_in_3855.width-fixed{width:250px}.target.stacks_in_3855.height-fill{height:calc(100% - 0px)}.target.stacks_in_3855.height-flexible{height:100%}.target.stacks_in_3855.height-fixed{height:250px}.target.stacks_in_3855[class*="relative-"].top-pt{top:12%}.target.stacks_in_3855[class*="relative-"].top-px{top:12px}.target.stacks_in_3855[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3855[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3855[class*="relative-"].right-pt{right:0%}.target.stacks_in_3855[class*="relative-"].right-px{right:0px}.target.stacks_in_3855[class*="relative-"].left-pt{left:0%}.target.stacks_in_3855[class*="relative-"].left-px{left:0px}.target.stacks_in_3855.shift-up{margin-top:-0px}.target.stacks_in_3855.shift-down{margin-bottom:-0px}.target.stacks_in_3855.shift-left{right:0px}.target.stacks_in_3855.shift-right{left:0px}.target.stacks_in_3855.pin-top,.target.stacks_in_3855.pin-bottom{left:0px}.target.stacks_in_3855.pin-left,.target.stacks_in_3855.pin-right{top:0px} #stacks_in_3856 p,#stacks_in_3856 div{margin-bottom:0}#stacks_in_3856 p,#stacks_in_3856 div,#stacks_in_3856 ul,#stacks_in_3856 ol,#stacks_in_3856 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3856 { padding: 15px 0px 0px 0px; } .target.stacks_in_3520{ margin:0px 0px 0px 0px;}.target.stacks_in_3520{z-index:99;}.target.stacks_in_3520.width-fill{width:calc(100% - 0px)}.target.stacks_in_3520.width-flexible{width:90%}.target.stacks_in_3520.width-fixed{width:250px}.target.stacks_in_3520.height-fill{height:calc(100% - 0px)}.target.stacks_in_3520.height-flexible{height:100%}.target.stacks_in_3520.height-fixed{height:250px}.target.stacks_in_3520[class*="relative-"].top-pt{top:12%}.target.stacks_in_3520[class*="relative-"].top-px{top:12px}.target.stacks_in_3520[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3520[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3520[class*="relative-"].right-pt{right:0%}.target.stacks_in_3520[class*="relative-"].right-px{right:0px}.target.stacks_in_3520[class*="relative-"].left-pt{left:0%}.target.stacks_in_3520[class*="relative-"].left-px{left:0px}.target.stacks_in_3520.shift-up{margin-top:-0px}.target.stacks_in_3520.shift-down{margin-bottom:-0px}.target.stacks_in_3520.shift-left{right:0px}.target.stacks_in_3520.shift-right{left:0px}.target.stacks_in_3520.pin-top,.target.stacks_in_3520.pin-bottom{left:0px}.target.stacks_in_3520.pin-left,.target.stacks_in_3520.pin-right{top: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_3521 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_3521.transparentOn .accordion, #accordion_stacks_in_3521.transparentOn .accordionTheme, #accordion_stacks_in_3521.transparentOn .accordionTheme2, #accordion_stacks_in_3521.transparentOn .accordionTheme dt, #accordion_stacks_in_3521.transparentOn .accordionTheme2 dt, #accordion_stacks_in_3521.transparentOn .accordionTheme dd, #accordion_stacks_in_3521.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_3521, #accordion_stacks_in_3521 > * { margin: 0; padding: 0; } #accordion_stacks_in_3521.fixedHeightOn { height: 500px; } #accordion_stacks_in_3521 .accordion dt, #accordion_stacks_in_3521 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_3521 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_3521 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_3521 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_3521 .accordion { overflow: hidden; } #accordion_stacks_in_3521 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_3521 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_3521 .accordion dt { background-color: transparent; } #accordion_stacks_in_3521 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_3521 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_3521 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_3521 .accordionTheme dt a, #accordion_stacks_in_3521 .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_3521.transparentOff .accordionTheme dt a, #accordion_stacks_in_3521.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_3521.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_3521.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_3521.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_3521 .accordion dt.selected a { color: #007FFF !important; } #accordion_stacks_in_3521 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_3521.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_3521 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_3521 .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_3521 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_3521 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_3521 .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_3521 .accordionTheme.backgroundOn dd, #accordion_stacks_in_3521 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_3521 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_3521 .accordionTheme.backgroundOff dd, #accordion_stacks_in_3521 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_3521 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_3521 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_3521 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_3521 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_3521 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_3521 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_3521 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_3521 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_3521 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_3521 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_3521 dt.accordionIconOn a.selected span.customIcon { color: #007FFF; } #accordion_stacks_in_3521 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_3521 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3521.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_3521 .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_3521.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_3521 .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_3521 .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_3521 .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_3521 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_3521.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3521.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_3521 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_3521 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_3521 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_3521 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_3521 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_3521 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_3521 .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_3521 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_3521 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3521 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3521 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3521 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3521 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_3521 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_3521 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_3521.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_3521.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_3521.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_3521.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_3521 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_3521 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_3521 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_3521 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_3521.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_3521.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_3521.nonTouch .accordion dt a:hover { color: #007FFF !important; } #accordion_stacks_in_3521.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_3521.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #007FFF; } #accordion_stacks_in_3521.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_3521.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_3521.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_3521.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_3521.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_3521 .accordionTheme4 { background: #666666; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_3521 .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_3521 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_3521 .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_3521 .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_3521 .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_3521 .accordionTheme5 dt { } #accordion_stacks_in_3521 .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_3521 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_3521 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_3525.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_3525.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_3525.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_3525.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3525 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_3511,#stacks_in_3511 div,#stacks_in_3511 p,#stacks_in_3511 ol,#stacks_in_3511 ul li,#stacks_in_3511 ol li,#stacks_in_3511 ol,#stacks_in_3511 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3511,#stacks_in_3511 div,#stacks_in_3511 p,#stacks_in_3511 ol,#stacks_in_3511 ul li,#stacks_in_3511 ol li,#stacks_in_3511 ol,#stacks_in_3511 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3511{}} /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_2343 { padding: 0px 10px 10px 10px; } #stacks_in_2430 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_2430 { height: px; } /* .CP_stacks_in_2430 .custom, .CP_stacks_in_2430 .customB{ display:none; } */ .CP_stacks_in_2430 .customTF, .CP_stacks_in_2430 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_2430 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_2430 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_2430 { color: #FF0000 !important; } .b_stacks_in_2430 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_2430 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_2430 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_2430 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_2430 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_2430 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_2430 .augmentFlipVertical .augmentFlipWrap, #stacks_in_2430 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_2430 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_2430 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_2430 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_2430 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_2430 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_2430 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_2430 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_2430 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_2430 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_2430 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_2430 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_2430 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_2430 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_2430 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_2430 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_2430 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_2430 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_2430 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_2430 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_2430 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_2430 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_2430 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_2430 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_2430 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_2430 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_2430 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_2430 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_2430 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_2430 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_2430 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_2430 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_2430 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_2430.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_2430 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_2430 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_2430 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_2431 a{display:block}#stacks_in_2431 img{width:100%;} #stacks_in_3507 a{display:block}#stacks_in_3507 img{width:100%;} #stacks_in_2380 p,#stacks_in_2380 div{margin-bottom:0}#stacks_in_2380 p,#stacks_in_2380 div,#stacks_in_2380 ul,#stacks_in_2380 ol,#stacks_in_2380 dl{line-height:1.60;font-size:0.90rem} #stacks_in_2380 { padding: 0px 6px 50px 6px; } .target.stacks_in_3558{ margin:0px 0px 0px 0px;}.target.stacks_in_3558{z-index:99;}.target.stacks_in_3558.width-fill{width:calc(100% - 0px)}.target.stacks_in_3558.width-flexible{width:90%}.target.stacks_in_3558.width-fixed{width:250px}.target.stacks_in_3558.height-fill{height:calc(100% - 0px)}.target.stacks_in_3558.height-flexible{height:100%}.target.stacks_in_3558.height-fixed{height:250px}.target.stacks_in_3558[class*="relative-"].top-pt{top:12%}.target.stacks_in_3558[class*="relative-"].top-px{top:12px}.target.stacks_in_3558[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3558[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3558[class*="relative-"].right-pt{right:0%}.target.stacks_in_3558[class*="relative-"].right-px{right:0px}.target.stacks_in_3558[class*="relative-"].left-pt{left:0%}.target.stacks_in_3558[class*="relative-"].left-px{left:0px}.target.stacks_in_3558.shift-up{margin-top:-0px}.target.stacks_in_3558.shift-down{margin-bottom:-0px}.target.stacks_in_3558.shift-left{right:0px}.target.stacks_in_3558.shift-right{left:0px}.target.stacks_in_3558.pin-top,.target.stacks_in_3558.pin-bottom{left:0px}.target.stacks_in_3558.pin-left,.target.stacks_in_3558.pin-right{top: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_3559 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_3559.transparentOn .accordion, #accordion_stacks_in_3559.transparentOn .accordionTheme, #accordion_stacks_in_3559.transparentOn .accordionTheme2, #accordion_stacks_in_3559.transparentOn .accordionTheme dt, #accordion_stacks_in_3559.transparentOn .accordionTheme2 dt, #accordion_stacks_in_3559.transparentOn .accordionTheme dd, #accordion_stacks_in_3559.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_3559, #accordion_stacks_in_3559 > * { margin: 0; padding: 0; } #accordion_stacks_in_3559.fixedHeightOn { height: 500px; } #accordion_stacks_in_3559 .accordion dt, #accordion_stacks_in_3559 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_3559 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_3559 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_3559 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_3559 .accordion { overflow: hidden; } #accordion_stacks_in_3559 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_3559 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_3559 .accordion dt { background-color: transparent; } #accordion_stacks_in_3559 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_3559 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_3559 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_3559 .accordionTheme dt a, #accordion_stacks_in_3559 .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_3559.transparentOff .accordionTheme dt a, #accordion_stacks_in_3559.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_3559.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_3559.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_3559.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_3559 .accordion dt.selected a { color: #4FB3D5 !important; } #accordion_stacks_in_3559 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_3559.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_3559 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_3559 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_3559 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_3559 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_3559 .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_3559 .accordionTheme.backgroundOn dd, #accordion_stacks_in_3559 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_3559 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_3559 .accordionTheme.backgroundOff dd, #accordion_stacks_in_3559 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_3559 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_3559 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_3559 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_3559 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_3559 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_3559 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_3559 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_3559 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_3559 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_3559 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_3559 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3559 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_3559 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3559.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_3559 .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_3559.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_3559 .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_3559 .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_3559 .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_3559 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_3559.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3559.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_3559 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_3559 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_3559 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_3559 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_3559 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_3559 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_3559 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_3559 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_3559 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3559 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3559 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3559 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3559 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_3559 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_3559 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_3559.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_3559.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_3559.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_3559.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_3559 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_3559 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_3559 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_3559 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_3559.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_3559.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_3559.nonTouch .accordion dt a:hover { color: #4FB3D5 !important; } #accordion_stacks_in_3559.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_3559.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3559.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_3559.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_3559.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_3559.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_3559.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_3559 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_3559 .accordionTheme4 dt { background: #4FB3D5; 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_3559 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_3559 .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_3559 .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_3559 .accordionTheme5 { background: #4FB3D5; 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_3559 .accordionTheme5 dt { } #accordion_stacks_in_3559 .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_3559 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_3559 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_3560.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_3560.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_3560.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_3560.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3560 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_3514,#stacks_in_3514 div,#stacks_in_3514 p,#stacks_in_3514 ol,#stacks_in_3514 ul li,#stacks_in_3514 ol li,#stacks_in_3514 ol,#stacks_in_3514 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3514,#stacks_in_3514 div,#stacks_in_3514 p,#stacks_in_3514 ol,#stacks_in_3514 ul li,#stacks_in_3514 ol li,#stacks_in_3514 ol,#stacks_in_3514 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3514{}} /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_2345 { padding: 0px 10px 10px 10px; } #stacks_in_2515 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_2515 { height: px; } /* .CP_stacks_in_2515 .custom, .CP_stacks_in_2515 .customB{ display:none; } */ .CP_stacks_in_2515 .customTF, .CP_stacks_in_2515 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_2515 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_2515 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_2515 { color: #FF0000 !important; } .b_stacks_in_2515 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_2515 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_2515 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_2515 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_2515 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_2515 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_2515 .augmentFlipVertical .augmentFlipWrap, #stacks_in_2515 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_2515 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_2515 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_2515 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_2515 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_2515 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_2515 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_2515 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_2515 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_2515 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_2515 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_2515 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_2515 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_2515 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_2515 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_2515 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_2515 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_2515 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_2515 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_2515 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_2515 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_2515 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_2515 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_2515 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_2515 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_2515 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_2515 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_2515 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_2515 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_2515 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_2515 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_2515 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_2515 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_2515.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_2515 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_2515 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_2515 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_2516 a{display:block}#stacks_in_2516 img{width:100%;} #stacks_in_3508 a{display:block}#stacks_in_3508 img{width:100%;} #stacks_in_2382 p,#stacks_in_2382 div{margin-bottom:0}#stacks_in_2382 p,#stacks_in_2382 div,#stacks_in_2382 ul,#stacks_in_2382 ol,#stacks_in_2382 dl{line-height:1.60;font-size:0.90rem} #stacks_in_2382 { padding: 0px 6px 50px 6px; } .target.stacks_in_3859{ margin:0px 0px 0px 0px;}.target.stacks_in_3859{z-index:99;}.target.stacks_in_3859.width-fill{width:calc(100% - 0px)}.target.stacks_in_3859.width-flexible{width:90%}.target.stacks_in_3859.width-fixed{width:250px}.target.stacks_in_3859.height-fill{height:calc(100% - 0px)}.target.stacks_in_3859.height-flexible{height:100%}.target.stacks_in_3859.height-fixed{height:250px}.target.stacks_in_3859[class*="relative-"].top-pt{top:12%}.target.stacks_in_3859[class*="relative-"].top-px{top:12px}.target.stacks_in_3859[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3859[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3859[class*="relative-"].right-pt{right:0%}.target.stacks_in_3859[class*="relative-"].right-px{right:0px}.target.stacks_in_3859[class*="relative-"].left-pt{left:0%}.target.stacks_in_3859[class*="relative-"].left-px{left:0px}.target.stacks_in_3859.shift-up{margin-top:-0px}.target.stacks_in_3859.shift-down{margin-bottom:-0px}.target.stacks_in_3859.shift-left{right:0px}.target.stacks_in_3859.shift-right{left:0px}.target.stacks_in_3859.pin-top,.target.stacks_in_3859.pin-bottom{left:0px}.target.stacks_in_3859.pin-left,.target.stacks_in_3859.pin-right{top:0px} #stacks_in_3860 p,#stacks_in_3860 div{margin-bottom:0}#stacks_in_3860 p,#stacks_in_3860 div,#stacks_in_3860 ul,#stacks_in_3860 ol,#stacks_in_3860 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3860 { padding: 15px 0px 0px 0px; } .target.stacks_in_3572{ margin:0px 0px 0px 0px;}.target.stacks_in_3572{z-index:99;}.target.stacks_in_3572.width-fill{width:calc(100% - 0px)}.target.stacks_in_3572.width-flexible{width:90%}.target.stacks_in_3572.width-fixed{width:250px}.target.stacks_in_3572.height-fill{height:calc(100% - 0px)}.target.stacks_in_3572.height-flexible{height:100%}.target.stacks_in_3572.height-fixed{height:250px}.target.stacks_in_3572[class*="relative-"].top-pt{top:12%}.target.stacks_in_3572[class*="relative-"].top-px{top:12px}.target.stacks_in_3572[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3572[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3572[class*="relative-"].right-pt{right:0%}.target.stacks_in_3572[class*="relative-"].right-px{right:0px}.target.stacks_in_3572[class*="relative-"].left-pt{left:0%}.target.stacks_in_3572[class*="relative-"].left-px{left:0px}.target.stacks_in_3572.shift-up{margin-top:-0px}.target.stacks_in_3572.shift-down{margin-bottom:-0px}.target.stacks_in_3572.shift-left{right:0px}.target.stacks_in_3572.shift-right{left:0px}.target.stacks_in_3572.pin-top,.target.stacks_in_3572.pin-bottom{left:0px}.target.stacks_in_3572.pin-left,.target.stacks_in_3572.pin-right{top: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_3573 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_3573.transparentOn .accordion, #accordion_stacks_in_3573.transparentOn .accordionTheme, #accordion_stacks_in_3573.transparentOn .accordionTheme2, #accordion_stacks_in_3573.transparentOn .accordionTheme dt, #accordion_stacks_in_3573.transparentOn .accordionTheme2 dt, #accordion_stacks_in_3573.transparentOn .accordionTheme dd, #accordion_stacks_in_3573.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_3573, #accordion_stacks_in_3573 > * { margin: 0; padding: 0; } #accordion_stacks_in_3573.fixedHeightOn { height: 500px; } #accordion_stacks_in_3573 .accordion dt, #accordion_stacks_in_3573 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_3573 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_3573 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_3573 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_3573 .accordion { overflow: hidden; } #accordion_stacks_in_3573 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_3573 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_3573 .accordion dt { background-color: transparent; } #accordion_stacks_in_3573 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_3573 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_3573 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_3573 .accordionTheme dt a, #accordion_stacks_in_3573 .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_3573.transparentOff .accordionTheme dt a, #accordion_stacks_in_3573.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_3573.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_3573.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_3573.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_3573 .accordion dt.selected a { color: #007FFF !important; } #accordion_stacks_in_3573 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_3573.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_3573 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_3573 .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_3573 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_3573 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_3573 .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_3573 .accordionTheme.backgroundOn dd, #accordion_stacks_in_3573 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_3573 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_3573 .accordionTheme.backgroundOff dd, #accordion_stacks_in_3573 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_3573 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_3573 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_3573 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_3573 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_3573 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_3573 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_3573 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_3573 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_3573 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_3573 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_3573 dt.accordionIconOn a.selected span.customIcon { color: #007FFF; } #accordion_stacks_in_3573 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_3573 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3573.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_3573 .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_3573.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_3573 .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_3573 .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_3573 .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_3573 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_3573.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3573.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_3573 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_3573 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_3573 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_3573 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_3573 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_3573 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_3573 .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_3573 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_3573 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3573 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3573 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3573 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3573 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_3573 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_3573 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_3573.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_3573.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_3573.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_3573.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_3573 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_3573 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_3573 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_3573 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_3573.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_3573.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_3573.nonTouch .accordion dt a:hover { color: #007FFF !important; } #accordion_stacks_in_3573.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_3573.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #007FFF; } #accordion_stacks_in_3573.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_3573.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_3573.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_3573.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_3573.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_3573 .accordionTheme4 { background: #666666; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_3573 .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_3573 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_3573 .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_3573 .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_3573 .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_3573 .accordionTheme5 dt { } #accordion_stacks_in_3573 .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_3573 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_3573 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_3574.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_3574.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_3574.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_3574.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3574 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_3517,#stacks_in_3517 div,#stacks_in_3517 p,#stacks_in_3517 ol,#stacks_in_3517 ul li,#stacks_in_3517 ol li,#stacks_in_3517 ol,#stacks_in_3517 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3517,#stacks_in_3517 div,#stacks_in_3517 p,#stacks_in_3517 ol,#stacks_in_3517 ul li,#stacks_in_3517 ol li,#stacks_in_3517 ol,#stacks_in_3517 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3517{}} /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_3634 { padding: 0px 10px 10px 10px; } #stacks_in_3635 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_3635 { height: px; } /* .CP_stacks_in_3635 .custom, .CP_stacks_in_3635 .customB{ display:none; } */ .CP_stacks_in_3635 .customTF, .CP_stacks_in_3635 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_3635 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_3635 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_3635 { color: #FF0000 !important; } .b_stacks_in_3635 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_3635 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_3635 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_3635 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_3635 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_3635 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_3635 .augmentFlipVertical .augmentFlipWrap, #stacks_in_3635 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_3635 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_3635 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3635 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3635 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_3635 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_3635 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3635 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3635 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_3635 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_3635 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_3635 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_3635 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_3635 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3635 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3635 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3635 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_3635 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_3635 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_3635 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3635 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_3635 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_3635 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_3635 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_3635 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_3635 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_3635 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_3635 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_3635 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_3635 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_3635 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_3635 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_3635 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_3635.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_3635 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_3635 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_3635 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_3636 a{display:block}#stacks_in_3636 img{width:100%;} #stacks_in_3638 a{display:block}#stacks_in_3638 img{width:100%;} #stacks_in_3643 p,#stacks_in_3643 div{margin-bottom:0}#stacks_in_3643 p,#stacks_in_3643 div,#stacks_in_3643 ul,#stacks_in_3643 ol,#stacks_in_3643 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3643 { padding: 0px 6px 50px 6px; } .target.stacks_in_3645{ margin:0px 0px 0px 0px;}.target.stacks_in_3645{z-index:99;}.target.stacks_in_3645.width-fill{width:calc(100% - 0px)}.target.stacks_in_3645.width-flexible{width:90%}.target.stacks_in_3645.width-fixed{width:250px}.target.stacks_in_3645.height-fill{height:calc(100% - 0px)}.target.stacks_in_3645.height-flexible{height:100%}.target.stacks_in_3645.height-fixed{height:250px}.target.stacks_in_3645[class*="relative-"].top-pt{top:12%}.target.stacks_in_3645[class*="relative-"].top-px{top:12px}.target.stacks_in_3645[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3645[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3645[class*="relative-"].right-pt{right:0%}.target.stacks_in_3645[class*="relative-"].right-px{right:0px}.target.stacks_in_3645[class*="relative-"].left-pt{left:0%}.target.stacks_in_3645[class*="relative-"].left-px{left:0px}.target.stacks_in_3645.shift-up{margin-top:-0px}.target.stacks_in_3645.shift-down{margin-bottom:-0px}.target.stacks_in_3645.shift-left{right:0px}.target.stacks_in_3645.shift-right{left:0px}.target.stacks_in_3645.pin-top,.target.stacks_in_3645.pin-bottom{left:0px}.target.stacks_in_3645.pin-left,.target.stacks_in_3645.pin-right{top: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_3646 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_3646.transparentOn .accordion, #accordion_stacks_in_3646.transparentOn .accordionTheme, #accordion_stacks_in_3646.transparentOn .accordionTheme2, #accordion_stacks_in_3646.transparentOn .accordionTheme dt, #accordion_stacks_in_3646.transparentOn .accordionTheme2 dt, #accordion_stacks_in_3646.transparentOn .accordionTheme dd, #accordion_stacks_in_3646.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_3646, #accordion_stacks_in_3646 > * { margin: 0; padding: 0; } #accordion_stacks_in_3646.fixedHeightOn { height: 500px; } #accordion_stacks_in_3646 .accordion dt, #accordion_stacks_in_3646 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_3646 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_3646 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_3646 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_3646 .accordion { overflow: hidden; } #accordion_stacks_in_3646 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_3646 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_3646 .accordion dt { background-color: transparent; } #accordion_stacks_in_3646 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_3646 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_3646 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_3646 .accordionTheme dt a, #accordion_stacks_in_3646 .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_3646.transparentOff .accordionTheme dt a, #accordion_stacks_in_3646.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_3646.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_3646.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_3646.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_3646 .accordion dt.selected a { color: #4FB3D5 !important; } #accordion_stacks_in_3646 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_3646.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_3646 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_3646 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_3646 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_3646 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_3646 .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_3646 .accordionTheme.backgroundOn dd, #accordion_stacks_in_3646 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_3646 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_3646 .accordionTheme.backgroundOff dd, #accordion_stacks_in_3646 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_3646 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_3646 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_3646 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_3646 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_3646 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_3646 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_3646 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_3646 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_3646 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_3646 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_3646 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3646 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_3646 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3646.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_3646 .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_3646.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_3646 .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_3646 .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_3646 .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_3646 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_3646.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3646.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_3646 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_3646 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_3646 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_3646 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_3646 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_3646 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_3646 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_3646 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_3646 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3646 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3646 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3646 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3646 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_3646 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_3646 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_3646.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_3646.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_3646.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_3646.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_3646 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_3646 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_3646 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_3646 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_3646.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_3646.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_3646.nonTouch .accordion dt a:hover { color: #4FB3D5 !important; } #accordion_stacks_in_3646.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_3646.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3646.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_3646.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_3646.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_3646.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_3646.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_3646 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_3646 .accordionTheme4 dt { background: #4FB3D5; 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_3646 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_3646 .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_3646 .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_3646 .accordionTheme5 { background: #4FB3D5; 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_3646 .accordionTheme5 dt { } #accordion_stacks_in_3646 .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_3646 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_3646 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_3647.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_3647.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_3647.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_3647.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3647 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_3648,#stacks_in_3648 div,#stacks_in_3648 p,#stacks_in_3648 ol,#stacks_in_3648 ul li,#stacks_in_3648 ol li,#stacks_in_3648 ol,#stacks_in_3648 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3648,#stacks_in_3648 div,#stacks_in_3648 p,#stacks_in_3648 ol,#stacks_in_3648 ul li,#stacks_in_3648 ol li,#stacks_in_3648 ol,#stacks_in_3648 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3648{}} /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_3592 { padding: 0px 10px 10px 10px; } #stacks_in_3593 { z-index: 3; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_3593 { height: px; } /* .CP_stacks_in_3593 .custom, .CP_stacks_in_3593 .customB{ display:none; } */ .CP_stacks_in_3593 .customTF, .CP_stacks_in_3593 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_3593 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_3593 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_3593 { color: #EEEEEE !important; } .b_stacks_in_3593 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_3593 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_3593 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_3593 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_3593 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_3593 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_3593 .augmentFlipVertical .augmentFlipWrap, #stacks_in_3593 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_3593 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_3593 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3593 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3593 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_3593 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_3593 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3593 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3593 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_3593 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_3593 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_3593 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_3593 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_3593 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3593 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3593 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3593 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_3593 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_3593 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_3593 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3593 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_3593 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_3593 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_3593 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_3593 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_3593 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_3593 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_3593 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_3593 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_3593 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_3593 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_3593 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_3593 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_3593.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_3593 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_3593 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_3593 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_3594 a{display:block}#stacks_in_3594 img{width:100%;} #stacks_in_3596 a{display:block}#stacks_in_3596 img{width:100%;} #stacks_in_3601 p,#stacks_in_3601 div{margin-bottom:0}#stacks_in_3601 p,#stacks_in_3601 div,#stacks_in_3601 ul,#stacks_in_3601 ol,#stacks_in_3601 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3601 { padding: 0px 6px 50px 6px; } .target.stacks_in_3603{ margin:0px 0px 0px 0px;}.target.stacks_in_3603{z-index:99;}.target.stacks_in_3603.width-fill{width:calc(100% - 0px)}.target.stacks_in_3603.width-flexible{width:90%}.target.stacks_in_3603.width-fixed{width:250px}.target.stacks_in_3603.height-fill{height:calc(100% - 0px)}.target.stacks_in_3603.height-flexible{height:100%}.target.stacks_in_3603.height-fixed{height:250px}.target.stacks_in_3603[class*="relative-"].top-pt{top:12%}.target.stacks_in_3603[class*="relative-"].top-px{top:12px}.target.stacks_in_3603[class*="relative-"].bottom-pt{bottom:12%}.target.stacks_in_3603[class*="relative-"].bottom-px{bottom:12px}.target.stacks_in_3603[class*="relative-"].right-pt{right:0%}.target.stacks_in_3603[class*="relative-"].right-px{right:0px}.target.stacks_in_3603[class*="relative-"].left-pt{left:0%}.target.stacks_in_3603[class*="relative-"].left-px{left:0px}.target.stacks_in_3603.shift-up{margin-top:-0px}.target.stacks_in_3603.shift-down{margin-bottom:-0px}.target.stacks_in_3603.shift-left{right:0px}.target.stacks_in_3603.shift-right{left:0px}.target.stacks_in_3603.pin-top,.target.stacks_in_3603.pin-bottom{left:0px}.target.stacks_in_3603.pin-left,.target.stacks_in_3603.pin-right{top: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_3604 li { margin-left: 30px; list-style-type: inherit; } /* ===================== * GLOBAL STYLES /* ===================== */ #accordion_stacks_in_3604.transparentOn .accordion, #accordion_stacks_in_3604.transparentOn .accordionTheme, #accordion_stacks_in_3604.transparentOn .accordionTheme2, #accordion_stacks_in_3604.transparentOn .accordionTheme dt, #accordion_stacks_in_3604.transparentOn .accordionTheme2 dt, #accordion_stacks_in_3604.transparentOn .accordionTheme dd, #accordion_stacks_in_3604.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_3604, #accordion_stacks_in_3604 > * { margin: 0; padding: 0; } #accordion_stacks_in_3604.fixedHeightOn { height: 500px; } #accordion_stacks_in_3604 .accordion dt, #accordion_stacks_in_3604 .accordion dd { padding: 0; margin: 0; background-color: transparent; } /* SET TO ZERO */ #accordion_stacks_in_3604 .accordion dt .accordionContent { font-size: 16px; line-height: 16px; } #accordion_stacks_in_3604 .accordion dd { margin-left: 0 !important; } #accordion_stacks_in_3604 .accordion a:focus { outline: none; } /* FOCUS NO OUTLINE FORCE */ #accordion_stacks_in_3604 .accordion { overflow: hidden; } #accordion_stacks_in_3604 .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clearfix */ #accordion_stacks_in_3604 .accordion dd { padding: 10px; text-indent: none; } #accordion_stacks_in_3604 .accordion dt { background-color: transparent; } #accordion_stacks_in_3604 .accordion dt a.accordionSlide { color: #000000; text-decoration: none; display: block; font-weight: bold; padding: 10px; } #accordion_stacks_in_3604 .accordion.tabShadowOn dt a { text-shadow: 0 1px 1px #CCCCCC; } #accordion_stacks_in_3604 .accordion.tabShadowOff dt a { text-shadow: none; } #accordion_stacks_in_3604 .accordionTheme dt a, #accordion_stacks_in_3604 .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_3604.transparentOff .accordionTheme dt a, #accordion_stacks_in_3604.transparentOff .accordionTheme.accGradientOff dt a { background-color: #666666; } #accordion_stacks_in_3604.trasnparentOff .accordionTheme dt.selected a { background-color: #666666; } #accordion_stacks_in_3604.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_3604.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_3604 .accordion dt.selected a { color: #4FB3D5 !important; } #accordion_stacks_in_3604 .accordion dd { background-color: transparent; color: #333333 !important; } #accordion_stacks_in_3604.fixedHeightOn .accordion dd { height: 400px; max-height: 400px; overflow: auto; } #accordion_stacks_in_3604 .accordion .accordionLastDd { position: relative; border-bottom: 0; } /* ===================== * DEFAULT THEME (1) /* ===================== */ #accordion_stacks_in_3604 .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: #4FB3D5; border-width: 2px; overflow: hidden; margin-bottom: 0px; position: relative; } #accordion_stacks_in_3604 .accordionTheme dt.selected { border-color: #666666; } #accordion_stacks_in_3604 .accordionTheme dt.accordionLastDt { margin-bottom: none; } #accordion_stacks_in_3604 .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_3604 .accordionTheme.backgroundOn dd, #accordion_stacks_in_3604 .accordionTheme3.backgroundOn dd, #accordion_stacks_in_3604 .accordionTheme5.backgroundOn dd { background-color: #FFFFFF; } #accordion_stacks_in_3604 .accordionTheme.backgroundOff dd, #accordion_stacks_in_3604 .accordionTheme2.backgroundOff dd, #accordion_stacks_in_3604 .accordionTheme4.backgroundOff dd { background-color: transparent !important; } #accordion_stacks_in_3604 .accordionTheme.backgroundOn dd { margin-top: 0px !important; margin-bottom: 0px !important; } #accordion_stacks_in_3604 dt.accordionIconOff span.customIcon { display: none; } #accordion_stacks_in_3604 dt.accordionIconOn .accordionContent { display: inline-block; } #accordion_stacks_in_3604 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_3604 dt.accordionIconOn.iconAlignLeft span.fa { float: left; } #accordion_stacks_in_3604 dt.accordionIconOn.iconAlignRight span.fa { float: right; } #accordion_stacks_in_3604 dt.accordionIconOn.textAlignLeft .accordionContent { float: left; padding-left: 30px; } #accordion_stacks_in_3604 dt.accordionIconOn.textAlignRight .accordionContent { float: right; padding-right: 30px; } #accordion_stacks_in_3604 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_3604 dt.accordionIconOn a.selected span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3604 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_3604 .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3604.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: 2px; border-color: #4FB3D5; } #accordion_stacks_in_3604 .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_3604.borderMinimalOn .accordionTheme2 dd { border-bottom-width: 0 !important; border-bottom: 0 !important; border: none !important; } #accordion_stacks_in_3604 .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_3604 .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_3604 .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_3604 .accordionTheme2 dt { border-bottom: solid 1px #333333; border-left: none; border-right: none; border-top: none; } #accordion_stacks_in_3604.transparentOff .accordionTheme2 dt { background-color: #FFFFFF; } #accordion_stacks_in_3604.transparentOff .accordionTheme2 dt.selected { background-color: #FFFFFF; } /* ===================== * Theme 3 /* ===================== */ #accordion_stacks_in_3604 .accordionTheme3 dt { background-color: none; background: transparent; } #accordion_stacks_in_3604 .accordionTheme3 dt .accordionSlide { padding: 0 !important; margin-bottom: 0px; width: 100%; } #accordion_stacks_in_3604 .accordionTheme3 dt .accordionContent { white-space: nowrap; box-sizing: border-box; display: block; float: none !important; } #accordion_stacks_in_3604 .accordionTheme3 dt.iconAlignLeft .accordionContent { margin-left: 66px; } #accordion_stacks_in_3604 .accordionTheme3 dt.iconAlignRight .accordionContent { margin-right: 66px; } #accordion_stacks_in_3604 .accordionTheme3 dt .iconWrap, #accordion_stacks_in_3604 .accordionTheme3 dt .accordionContent { padding: 10px; border-style: solid; border-color: #4FB3D5; border-width: 2px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } } #accordion_stacks_in_3604 .accordionTheme3.connectOn dt .iconWrap { border-right-width: 0; border-right: none; } #accordion_stacks_in_3604 .accordionTheme3.connectOn dt.iconAlignLeft .accordionContent { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3604 .accordionTheme3.connectOn dt.iconAlignLeft .iconWrap { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3604 .accordionTheme3.connectOn dt.iconAlignRight .accordionContent { border-top-right-radius: 0; border-bottom-right-radius: 0; } #accordion_stacks_in_3604 .accordionTheme3.connectOn dt.iconAlignRight .iconWrap { border-top-left-radius: 0; border-bottom-left-radius: 0; } #accordion_stacks_in_3604 .accordionTheme3 dt.selected .iconWrap, #accordion_stacks_in_3604 .accordionTheme3 dt.selected .accordionContent { border-color: #666666; } #accordion_stacks_in_3604 .accordionTheme3 dt .iconWrap { display: inline-block; } #accordion_stacks_in_3604.transparentOff .accordionTheme3 dt .iconWrap { background-color: #EEEEEE; } #accordion_stacks_in_3604.transparentOff .accordionTheme3 dt.selected .iconWrap { background-color: #E0E0E0; } #accordion_stacks_in_3604.transparentOff .accordionTheme3 dt .accordionContent { background-color: #FFFFFF; padding-left: none; } #accordion_stacks_in_3604.transparentOff .accordionTheme3 dt.selected .accordionContent { background-color: #FFFFFF; } #accordion_stacks_in_3604 .accordionTheme3 dt.iconAlignLeft .accordionContent, #accordion_stacks_in_3604 .accordionTheme3 dt.iconAlignRight .accordionContent { padding-left: 10px; padding-right: 10px; } #accordion_stacks_in_3604 .accordionTheme3 dt.accordionIconOn.iconAlignLeft .iconWrap { float: left; } #accordion_stacks_in_3604 .accordionTheme3 dt.accordionIconOn.iconAlignRight .iconWrap { float: right; } /* ===================== * BACKEND /* ===================== */ #accordion_stacks_in_3604.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_3604.nonTouch.transparentOff .accordionTheme dt a:hover { background-color: #666666; } #accordion_stacks_in_3604.nonTouch .accordion dt a:hover { color: #4FB3D5 !important; } #accordion_stacks_in_3604.nonTouch .accordionTheme dt:hover { border-color: #666666; } #accordion_stacks_in_3604.nonTouch dt.accordionIconOn a.accordionSlide:hover span.customIcon { color: #4FB3D5; } #accordion_stacks_in_3604.nonTouch.transparentOff .accordionTheme2 dt:hover { background-color: #FFFFFF; } #accordion_stacks_in_3604.nonTouch .accordionTheme3 dt:hover .iconWrap, #accordion_stacks_in_3604.nonTouch .accordionTheme3 dt:hover .accordionContent { border-color: #666666; } #accordion_stacks_in_3604.nonTouch.transparentOff .accordionTheme3 dt:hover .iconWrap{ background-color: #E0E0E0; } #accordion_stacks_in_3604.nonTouch.transparentOff .accordionTheme3 dt:hover .accordionContent { background-color: #FFFFFF; } /* ===================== * New Themes /* ===================== */ #accordion_stacks_in_3604 .accordionTheme4 { background: #4FB3D5; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; box-sizing: border-box; } #accordion_stacks_in_3604 .accordionTheme4 dt { background: #4FB3D5; 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_3604 .accordionTheme4 dt.selected { background: #666666; } #accordion_stacks_in_3604 .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_3604 .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_3604 .accordionTheme5 { background: #4FB3D5; 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_3604 .accordionTheme5 dt { } #accordion_stacks_in_3604 .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_3604 .accordionTheme6 dt a.accordionSlide { padding: 0; color: inherit; text-decoration: none; } #accordion_stacks_in_3604 .accordionTheme6 dd { padding: 0; } /* * cleanAccordion: Inner element styles */ dt.tab_stacks_in_3605.accordionIconOn.iconAlignLeft span.fa { float: left; } dt.tab_stacks_in_3605.accordionIconOn.iconAlignRight span.fa { float: right; } dt.tab_stacks_in_3605.accordionIconOn.textAlignLeft .accordionContent { float: left; } dt.tab_stacks_in_3605.accordionIconOn.textAlignRight .accordionContent { float: right; } #stacks_in_3605 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_3606,#stacks_in_3606 div,#stacks_in_3606 p,#stacks_in_3606 ol,#stacks_in_3606 ul li,#stacks_in_3606 ol li,#stacks_in_3606 ol,#stacks_in_3606 dl{font-size:0.90rem}@media all and (max-width:640px){#stacks_in_3606,#stacks_in_3606 div,#stacks_in_3606 p,#stacks_in_3606 ol,#stacks_in_3606 ul li,#stacks_in_3606 ol li,#stacks_in_3606 ol,#stacks_in_3606 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_3606{}} /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_3876 { padding: 0px 10px 10px 10px; } #stacks_in_3877 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_3877 { height: px; } /* .CP_stacks_in_3877 .custom, .CP_stacks_in_3877 .customB{ display:none; } */ .CP_stacks_in_3877 .customTF, .CP_stacks_in_3877 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_3877 { background-color: #FFFFFF ; background: none ; } .BA_stacks_in_3877 { background-color: #FFFFFF ; background: none ; } .f_stacks_in_3877 { color: #FF0000 !important; } .b_stacks_in_3877 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_3877 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } /* Flip Shadows */ #stacks_in_3877 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_3877 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 800ms linear; -moz-transition: background 800ms linear; -o-transition: background 800ms linear; transition: background 800ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_3877 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_3877 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_3877 .augmentFlipVertical .augmentFlipWrap, #stacks_in_3877 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_3877 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; } #stacks_in_3877 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3877 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_3877 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_3877 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_3877 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3877 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_3877 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_3877 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_3877 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_3877 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 800ms linear; -moz-transition: -moz-transform 800ms linear; -o-transition: -o-transform 800ms linear; transition: transform 800ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_3877 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_3877 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3877 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_3877 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3877 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 800ms linear 1; animation: coinFlip 800ms linear 1; } #stacks_in_3877 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 800ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 800ms linear 1; animation-direction: reverse; } #stacks_in_3877 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_3877 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_3877 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_3877 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 800ms linear 1; animation: flipCard 800ms linear 1; } #stacks_in_3877 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 800ms linear 1; animation: flipCardBack 800ms linear 1; } #stacks_in_3877 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_3877 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_3877 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_3877 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 800ms linear 1; animation: flipHover 800ms linear 1; } #stacks_in_3877 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 800ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 800ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_3877 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 800ms linear; -moz-transition: bottom 800ms linear; -o-transition: bottom 800ms linear; transition: bottom 800ms linear; } #stacks_in_3877 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_3877 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_3877 { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .F_Shape_stacks_in_3877 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } .z_stacks_in_3877.augmentFlipped { /*border-radius: % % % %;*/ max-width: 500px; max-height: 500px; } .B_Shape_stacks_in_3877 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 500px; max-height: 500px; } @media screen and (max-width: 800px) { .CP_stacks_in_3877 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_3877 { margin: 0px 0px 10px 0px; padding: 0px 0px 200px 0px; } #stacks_in_3878 a{display:block}#stacks_in_3878 img{width:100%;} #stacks_in_3880 a{display:block}#stacks_in_3880 img{width:100%;} @media only screen and (max-width:640px){#stacks_in_4230 h3,#stacks_in_4230 div{text-align:center !important}#stacks_out_4230{display:block !important}}#stacks_in_4230 h3,#stacks_in_4230 div{color:rgba(57, 164, 200, 1.00)}#stacks_in_4230 h3 a,#stacks_in_4230 div a{color:rgba(57, 164, 200, 1.00)}#stacks_in_4230 h3 a:hover,#stacks_in_4230 div a:hover{color:rgba(42, 123, 150, 1.00)}#stacks_in_4230 small,#stacks_in_4230 small div{color:rgba(111, 111, 111, 1.00)} #stacks_in_3885 p,#stacks_in_3885 div{margin-bottom:0}#stacks_in_3885 p,#stacks_in_3885 div,#stacks_in_3885 ul,#stacks_in_3885 ol,#stacks_in_3885 dl{line-height:1.60;font-size:0.90rem} #stacks_in_3885 { padding: 0px 6px 50px 6px; } .target.stacks_in_3887{ margin:0px 0px 0px 0px;}.target.stacks_in_3887{z-index:99;}.target.stacks_in_3887.width-fill{width:calc(100% - 0px)}.target.stacks_in_3887.width-flexible{width:90%}.target.stacks_in_3887.width-fixed{width:250px}.target.stacks_in_3887.height-fill{height:calc(100% - 0px)}.target.stacks_in_3887.height-flexible{height:100%}.target.stacks_in_3887.height-fixed{height:250px}.target.stacks_in_3887[class*="relative-"].top-pt{top:0%}.target.stacks_in_3887[class*="relative-"].top-px{top:0px}.target.stacks_in_3887[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_3887[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_3887[class*="relative-"].right-pt{right:0%}.target.stacks_in_3887[class*="relative-"].right-px{right:0px}.target.stacks_in_3887[class*="relative-"].left-pt{left:0%}.target.stacks_in_3887[class*="relative-"].left-px{left:0px}.target.stacks_in_3887.shift-up{margin-top:-0px}.target.stacks_in_3887.shift-down{margin-bottom:-0px}.target.stacks_in_3887.shift-left{right:0px}.target.stacks_in_3887.shift-right{left:0px}.target.stacks_in_3887.pin-top,.target.stacks_in_3887.pin-bottom{left:0px}.target.stacks_in_3887.pin-left,.target.stacks_in_3887.pin-right{top:0px} #stacks_in_3888 p,#stacks_in_3888 div{margin-bottom:0}#stacks_in_3888 p,#stacks_in_3888 div,#stacks_in_3888 ul,#stacks_in_3888 ol,#stacks_in_3888 dl{color:rgba(79, 179, 213, 1.00)}#stacks_in_3888 a{color:rgba(79, 179, 213, 1.00)}#stacks_in_3888 a:hover{color:rgba(126, 217, 245, 1.00)}#stacks_in_3888 p,#stacks_in_3888 div,#stacks_in_3888 ul,#stacks_in_3888 ol,#stacks_in_3888 dl{line-height:1.60;font-size:1.10rem} #stacks_in_3888 { padding: 15px 0px 0px 0px; } #stacks_in_3956_2 .onelevelmenu { display: block; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clearfix li { padding-right: 10px; margin-bottom: 10px; overflow: hidden !important; padding-left: 10px; } .clearfix { overflow: hidden !important; } #stacks_in_3956_2 .spacer { } nav.uniq { height: 25px; width: 100%; font-size: 16px; font-family: Inherit; font-weight: inherit; position: relative; z-index: 25; border-bottom: 0px solid rgba(0, 0, 0, 1.00); text-align: center !important; background-color: rgba(79, 179, 213, 1.00); /*customcss;*/ } nav.uniq ul { padding: 0; margin: 0 auto; display: inline-block; height: 25px; vertical-align: bottom; } nav.uniq li { display: inline; float: left; margin-left: 0px !important; margin-right: 0px !important; } nav.uniq a { color: rgba(255, 255, 255, 1.00) !important; font-size: 16px; display: inline-block; width: auto; padding-left: 25px; padding-right: 25px; text-align: left !important; text-decoration: none !important; line-height: 25px; /*customcss;*/ } nav.uniq li a { False ]% white-space: nowrap !important; overflow: hidden !important; text-overflow: clip; text-overflow: ellipsis; text-overflow: "…"; text-overflow: fade; text-overflow: fade(20px); text-overflow: fade(10%); %[endif]% border-right: 1px solid rgba(255, 255, 255, 1.00); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; /*margin-right:px !important;*/ } nav.uniq li a:before {} nav.uniq li:last-child a { border-right: 0; /*customcss;*/ } nav.uniq li:nth-child(10) a { /*CustomCSS;*/ } nav.uniq li:nth-child(12) a { /*CustomCSS;*/ } nav.uniq li:nth-child(14) a { /*CustomCSS;*/ } nav.uniq li:nth-child(16) a { /*CustomCSS;*/ } nav.uniq a:hover { background-color: inherit; color: rgba(255, 255, 255, 1.00) !important; } #menuuniq .active { background-color: rgba(255, 255, 255, 1.00) !important; color: rgba(126, 217, 245, 1.00) !important; /*font-size:125%;*/ } #menuuniq #active { background-color: rgba(255, 255, 255, 1.00) !important; color: rgba(126, 217, 245, 1.00) !important; /*font-size:125%;*/ } nav ul.atlast { position: absolute; z-index: 9999998; top: 0px; right: 2px; width: auto !important; } nav ul.atlast a { /*position: relative; z-index: 9999999;*/ text-indent: 0px; text-align: center !important; color: rgba(0, 185, 255, 1.00) !important; width: auto !important; } #stacks_in_3956_2 ul.atlast a:hover { color: rgba(0, 161, 222, 1.00) !important; } nav.uniq a#pulluniq { display: none; } nav.uniq ul ul { /*Disable subs*/ display: none; } /*Breakpoint one*/ @media screen and (max-width: 768px) { #stacks_in_3956_2 .onelevelmenu { /*customcss;*/ } #stacks_in_3956_2 .spacer { } uniq .active { /*font-size:125%;*/ } #menuuniq #active { /*font-size:125%;*/ } nav.uniq { ; height: auto; font-size: 14px; } nav.uniq ul { width: 100%; overflow: hidden; display: block; height: auto; margin: 0 auto; display: inline-block; } nav.uniq li { width: 25%; float: left; position: relative; } nav.uniq li a { border-bottom: 1px solid rgba(255, 255, 255, 1.00); border-right: 1px solid rgba(255, 255, 255, 1.00); /*font-size:125%;*/ } nav.uniq a { text-align: left; width: 100%; text-transform: 15px; font-size: 14px; } nav.uniq ul ul { display: none !important; } nav.uniq li:nth-child() a { /*CustomCSS;*/ } } /*Breakpoint 2 */ @media screen and (max-width: 768px) { #stacks_in_3956_2 .onelevelmenu { /*customcss;*/ } #stacks_in_3956_2 .spacer { } nav.uniq { height: auto; border-bottom: 0 !important; ; } nav.uniq ul { width: 100%; /*DeFliGra: Avoid the ugly right line*/ display: block; height: auto; } nav.uniq li { width: 50%; float: left; position: relative; } nav.uniq li a { border-bottom: 1px solid rgba(255, 255, 255, 1.00); border-right: 1px solid rgba(255, 255, 255, 1.00); } nav.uniq a { text-align: left; width: 100%; text-indent: 15px; font-size: 12px; } nav.uniq ul ul { display: none !important; } nav.uniq li:nth-child() a { /*CustomCSS;*/ } } /*Breakpoint 3*/ @media only screen and (max-width : 480px) { #stacks_in_3956_2 .spacer { } nav.uniq { border-bottom: 0; font-size: 12px !important; position: relative; font-size: 13px; /*customcss;*/ } nav.uniq li { } nav.uniq a { font-size: 13px; } nav.uniq li:last-child a { border-bottom: 0px solid rgba(0, 0, 0, 1.00) !important;} nav.uniq ul { display: none; height: auto; } nav.uniq a#pulluniq { display: block; background-color: rgba(57, 164, 200, 1.00); color: rgba(255, 255, 255, 1.00) !important; width: 100% !important; position: relative; font-size: 90%; /*letter-spacing: 2px;*/ } nav.uniq a#pulluniq:after { content:""; background:url('') no-repeat; width: 10px; height: 10px; display: inline-block; position: absolute; right: 0px; top: 0px; padding-left: 25px !important; padding-right: 25px !important; } nav.uniq ul ul { /*Disable subs*/ display: none !important; } .clearfix li { padding-right: 0px; padding-left: 0px; margin-bottom: 0px; } .clearfix { /*padding-left: 0px !important;*/ } } /*Breakpoint 4*/ @media only screen and (max-width : 360px) { #stacks_in_3956_2 .spacer { } nav.uniq ul { margin-bottom: 0px !important; } nav.uniq li { font-size: 14px; display: block; float: none; width: 100% !important; } nav.uniq li a { border-bottom: 1px solid rgba(255, 255, 255, 1.00); font-size: 14px; } nav.uniq ul ul { /*Disable subs*/ display: none !important; } } #stacks_in_3956_2 { padding: 50px 0px 0px 0px; } #stacks_in_3956_8 { padding: 15px 0px 0px 0px; }