.com_joeworkman_stacks_imagesafe2_stack img{width:auto;height:auto;max-width:100%}img{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none} /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_276 { margin: 0px; } #stacks_in_276 { padding: 0px; } #stacks_in_276 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_276 { margin: 0px; } #stacks_in_276 { padding: 0px; } #stacks_in_276 { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 0px; } #stacks_in_276 { margin: 0px; } #stacks_in_276 { padding: 0px; } #stacks_in_276 { padding-left: 20px; padding-right: 20px; padding-top: 400px; padding-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_276 { margin: 0px; } #stacks_in_276 { padding: 0px; } #stacks_in_276 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_276 { margin: 0px; } #stacks_in_276 { padding: 0px; } #stacks_in_276 { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 0px; } } @media only screen and (max-width: 480px) { #stacks_in_276 { margin: 0px; } #stacks_in_276 { padding: 0px; } #stacks_in_276 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } } /* Standard Responsive Image */ #stacks_in_278 .structure_responsive_image img { max-width: 100%; height: auto; } /* Align Image */ /* Image Styling */ #stacks_in_278 .structure_responsive_image img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #stacks_in_516>.s3_row { margin: 0 -10px; } #stacks_in_516>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_516>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_516>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_516>.s3_row { margin: -10px 0; } #stacks_in_516>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_516 { padding: 50px 0px 20px 0px; } #stacks_out_516 { width: 250px; } /* Standard Responsive Image */ #stacks_in_520 .structure_responsive_image img { max-width: 100%; height: auto; } /* Align Image */ /* Image Styling */ #stacks_in_520 .structure_responsive_image img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #stacks_in_520 { padding: 10px 0px 0px 0px; } /* Standard Responsive Image */ #stacks_in_517 .structure_responsive_image img { max-width: 100%; height: auto; } /* Align Image */ /* Image Styling */ #stacks_in_517 .structure_responsive_image img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #stacks_in_517 { padding: 10px 0px 0px 0px; } #stacks_in_282 { padding: 40px 0px 0px 0px; } /* Standard Responsive Image */ #stacks_in_505 .structure_responsive_image img { max-width: 100%; height: auto; } /* Align Image */ /* Image Styling */ #stacks_in_505 .structure_responsive_image img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #stacks_in_505 { padding: 30px 0px 0px 0px; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_416 { margin: 0px; } #stacks_in_416 { padding: 0px; } #stacks_in_416 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_416 { margin: 0px; } #stacks_in_416 { padding: 0px; } #stacks_in_416 { padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_416 { margin: 0px; } #stacks_in_416 { padding: 0px; } #stacks_in_416 { padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_416 { margin: 0px; } #stacks_in_416 { padding: 0px; } #stacks_in_416 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_416 { margin: 0px; } #stacks_in_416 { padding: 0px; } #stacks_in_416 { padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 480px) { #stacks_in_416 { margin: 0px; } #stacks_in_416 { padding: 0px; } #stacks_in_416 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } } #stacks_in_224 .flat_button_2_alignment { font-size: 18px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_224 a, #stacks_in_224 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 56px; line-height: 56px; text-decoration: none; border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 1.00); } #stacks_in_224 a .flat_button_2_text { padding-left: 20px; padding-right: 20px; text-align: center !important; } #stacks_in_224 a i, #stacks_in_224 a:visited i { font-size: 20px; display: inline-block; text-align: center; width: 56px; height: 56px; line-height: 56px; float: left; border-right: 1px solid rgba(255, 255, 255, 1.00); } /* Flat Color Mode */ #stacks_in_224 a, #stacks_in_224 a:visited { background-color: rgba(122, 122, 122, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_224 a:hover, #stacks_in_224 a:active { background-color: rgba(200, 200, 200, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_224 a i, #stacks_in_224 a:visited i { background-color: rgba(122, 122, 122, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_224 a:hover i, #stacks_in_224 a:active i { background-color: rgba(200, 200, 200, 1.00); color: rgba(255, 255, 255, 1.00); } /* Responsive Width Mode */ @media (max-width: 47.9em) { #stacks_in_224 a, #stacks_in_224 a:visited { width: 100%; } } #stacks_in_224 { padding: 40px 0px 20px 0px; } #stacks_in_228 { padding: 20px 20px 20px 20px; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_432 { margin: 0px; } #stacks_in_432 { padding: 0px; } #stacks_in_432 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_432 { margin: 0px; } #stacks_in_432 { padding: 0px; } #stacks_in_432 { padding-left: 50px; padding-right: 50px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_432 { margin: 0px; } #stacks_in_432 { padding: 0px; } #stacks_in_432 { padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_432 { margin: 0px; } #stacks_in_432 { padding: 0px; } #stacks_in_432 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_432 { margin: 0px; } #stacks_in_432 { padding: 0px; } #stacks_in_432 { padding-left: 50px; padding-right: 50px; padding-top: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 480px) { #stacks_in_432 { margin: 0px; } #stacks_in_432 { padding: 0px; } #stacks_in_432 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } } /* */ #rotate-stacks_in_433 { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ padding: 10px 10px; max-width: 2000px; border-radius: 0px; min-height: 500px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #rotate-stacks_in_433:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_433 .rotate-nav { top: 50%; opacity: 0; width: 30px; color: white; z-index: 500; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.4s ease; -webkit-transform: translate(-30px, -50%); transform: translate(-30px, -50%); } #rotate-stacks_in_433 .rotate-nav-state { width: 5px; height: 5px; margin: 10px 0; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #rotate-stacks_in_433 .rotate-nav-prev, #rotate-stacks_in_433 .rotate-nav-next { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; position: relative; border-radius: 2px; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(122, 122, 122, 1.00); background: rgba(255, 255, 255, 1.00); } #rotate-stacks_in_433 .rotate-nav-prev i, #rotate-stacks_in_433 .rotate-nav-next i { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #rotate-stacks_in_433 .rotate-nav-prev:hover, #rotate-stacks_in_433 .rotate-nav-next:hover { opacity: 1; color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); } #rotate-stacks_in_433 .rotate-flex-wrap { max-width: 1200px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.4s ease; } #rotate-stacks_in_433 .rotate-flex-wrap .rotate-item { padding: 20px 40px; top: 0; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #rotate-stacks_in_433 .rotate-flex-wrap .rotate-item.active { opacity: 1; } #rotate-stacks_in_433 .rotate-flex-wrap .rotate-item.active .rotate-item-action { -webkit-animation: action-in 0.5s 0.8s; animation: action-in 0.5s 0.8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #rotate-stacks_in_433 .rotate-flex-wrap .rotate-item.active.hide .rotate-item-action { -webkit-animation: action-out 0.3s; animation: action-out 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #rotate-stacks_in_433 .rotate-flex-wrap .rotate-item { /* */ font-family: "Open Sans"; /* */ } #rotate-stacks_in_433 .rotate-flex-wrap .rotate-item-icon { opacity: 1; color: rgba(122, 122, 122, 1.00); font-size: 24px; margin-bottom: 15px; transition: all 0.1s ease; } #rotate-stacks_in_433 .rotate-flex-wrap .rotate-item-title { /* */ font-family: "Open Sans"; /* */ width: 100%; font-weight: 300; color: rgba(0, 0, 0, 1.00); font-size: 30px; line-height: calc(30px * 1.4); margin: 0 0 30px; } #rotate-stacks_in_433 .rotate-flex-wrap .rotate-item-action, #rotate-stacks_in_433 .rotate-flex-wrap .rotate-item-action:active { /* */ font-family: "Open Sans"; /* */ opacity: 0; text-decoration: none; padding: 10px 20px; font-size: 16px; border-radius: 10px; color: rgba(255, 255, 255, 1.00); background: rgba(122, 122, 122, 1.00); line-height: calc(16px * 1.4); cursor: pointer; transition: all 0.4s ease; -webkit-animation: action-out 0.3s; animation: action-out 0.3s; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #rotate-stacks_in_433 .rotate-flex-wrap .rotate-item-action:hover, #rotate-stacks_in_433 .rotate-flex-wrap .rotate-item-action:active:hover { color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #rotate-stacks_in_433.rotate-prev .rotate-flex-wrap .rotate-item { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(100%) scale(0.5); transform: translateY(100%) scale(0.5); } #rotate-stacks_in_433.rotate-prev .rotate-flex-wrap .rotate-item.active { opacity: 1; transition: all 1s ease; -webkit-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); } #rotate-stacks_in_433.rotate-prev .rotate-flex-wrap .rotate-item.active.hide { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(-100%) scale(0.5); transform: translateY(-100%) scale(0.5); } #rotate-stacks_in_433.rotate-next .rotate-flex-wrap .rotate-item { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(-100%) scale(0.5); transform: translateY(-100%) scale(0.5); } #rotate-stacks_in_433.rotate-next .rotate-flex-wrap .rotate-item.active { opacity: 1; transition: all 1s ease; -webkit-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); } #rotate-stacks_in_433.rotate-next .rotate-flex-wrap .rotate-item.active.hide { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(100%) scale(0.5); transform: translateY(100%) scale(0.5); } #rotate-stacks_in_433.align-left .rotate-item { left: 0; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #rotate-stacks_in_433.align-left .rotate-nav { left: 0; -webkit-transform: translate(-30px, -50%); transform: translate(-30px, -50%); } #rotate-stacks_in_433.align-left:hover .rotate-item { left: 30px; } #rotate-stacks_in_433.align-left:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_433.align-right .rotate-item { right: 0; text-align: right; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #rotate-stacks_in_433.align-right .rotate-nav { right: 0; -webkit-transform: translate(30px, -50%); transform: translate(30px, -50%); } #rotate-stacks_in_433.align-right:hover .rotate-item { right: 30px; } #rotate-stacks_in_433.align-right:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_433.align-center .rotate-item { left: 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #rotate-stacks_in_433.align-center .rotate-nav { left: 0; -webkit-transform: translate(-30px, -50%); transform: translate(-30px, -50%); } #rotate-stacks_in_433.align-center:hover .rotate-item { left: 30px; } #rotate-stacks_in_433.align-center:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } @media (max-width: 768px) { #rotate-stacks_in_433 .rotate-item .rotate-item-title { font-size: 24px; line-height: calc(24px * 1.4); } } @media (max-width: 500px) { #rotate-stacks_in_433 .rotate-item .rotate-item-title { font-size: 20px; line-height: calc(20px * 1.4); } #rotate-stacks_in_433.align-left .rotate-item { left: 30px; } #rotate-stacks_in_433.align-left .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_433.align-right .rotate-item { right: 30px; } #rotate-stacks_in_433.align-right .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_433.align-center .rotate-item { left: 30px; } #rotate-stacks_in_433.align-center .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } } @-webkit-keyframes action-out { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes action-out { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes action-in { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes action-in { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } #stacks_in_475 { padding: 40px 0px 0px 0px; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_477 { margin: 0px; } #stacks_in_477 { padding: 0px; } #stacks_in_477 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_477 { margin: 0px; } #stacks_in_477 { padding: 0px; } #stacks_in_477 { padding-left: 50px; padding-right: 50px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_477 { margin: 0px; } #stacks_in_477 { padding: 0px; } #stacks_in_477 { padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_477 { margin: 0px; } #stacks_in_477 { padding: 0px; } #stacks_in_477 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_477 { margin: 0px; } #stacks_in_477 { padding: 0px; } #stacks_in_477 { padding-left: 50px; padding-right: 50px; padding-top: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 480px) { #stacks_in_477 { margin: 0px; } #stacks_in_477 { padding: 0px; } #stacks_in_477 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } } /* */ #rotate-stacks_in_478 { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ padding: 10px 10px; max-width: 2000px; border-radius: 0px; min-height: 500px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #rotate-stacks_in_478:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_478 .rotate-nav { top: 50%; opacity: 0; width: 30px; color: white; z-index: 500; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.4s ease; -webkit-transform: translate(-30px, -50%); transform: translate(-30px, -50%); } #rotate-stacks_in_478 .rotate-nav-state { width: 5px; height: 5px; margin: 10px 0; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #rotate-stacks_in_478 .rotate-nav-prev, #rotate-stacks_in_478 .rotate-nav-next { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; position: relative; border-radius: 2px; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(122, 122, 122, 1.00); background: rgba(255, 255, 255, 1.00); } #rotate-stacks_in_478 .rotate-nav-prev i, #rotate-stacks_in_478 .rotate-nav-next i { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #rotate-stacks_in_478 .rotate-nav-prev:hover, #rotate-stacks_in_478 .rotate-nav-next:hover { opacity: 1; color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); } #rotate-stacks_in_478 .rotate-flex-wrap { max-width: 1200px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.4s ease; } #rotate-stacks_in_478 .rotate-flex-wrap .rotate-item { padding: 20px 40px; top: 0; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #rotate-stacks_in_478 .rotate-flex-wrap .rotate-item.active { opacity: 1; } #rotate-stacks_in_478 .rotate-flex-wrap .rotate-item.active .rotate-item-action { -webkit-animation: action-in 0.5s 0.8s; animation: action-in 0.5s 0.8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #rotate-stacks_in_478 .rotate-flex-wrap .rotate-item.active.hide .rotate-item-action { -webkit-animation: action-out 0.3s; animation: action-out 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #rotate-stacks_in_478 .rotate-flex-wrap .rotate-item { /* */ font-family: "Open Sans"; /* */ } #rotate-stacks_in_478 .rotate-flex-wrap .rotate-item-icon { opacity: 1; color: rgba(122, 122, 122, 1.00); font-size: 24px; margin-bottom: 15px; transition: all 0.1s ease; } #rotate-stacks_in_478 .rotate-flex-wrap .rotate-item-title { /* */ font-family: "Open Sans"; /* */ width: 100%; font-weight: 300; color: rgba(0, 0, 0, 1.00); font-size: 30px; line-height: calc(30px * 1.4); margin: 0 0 30px; } #rotate-stacks_in_478 .rotate-flex-wrap .rotate-item-action, #rotate-stacks_in_478 .rotate-flex-wrap .rotate-item-action:active { /* */ font-family: "Open Sans"; /* */ opacity: 0; text-decoration: none; padding: 10px 20px; font-size: 16px; border-radius: 10px; color: rgba(255, 255, 255, 1.00); background: rgba(122, 122, 122, 1.00); line-height: calc(16px * 1.4); cursor: pointer; transition: all 0.4s ease; -webkit-animation: action-out 0.3s; animation: action-out 0.3s; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #rotate-stacks_in_478 .rotate-flex-wrap .rotate-item-action:hover, #rotate-stacks_in_478 .rotate-flex-wrap .rotate-item-action:active:hover { color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #rotate-stacks_in_478.rotate-prev .rotate-flex-wrap .rotate-item { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(100%) scale(0.5); transform: translateY(100%) scale(0.5); } #rotate-stacks_in_478.rotate-prev .rotate-flex-wrap .rotate-item.active { opacity: 1; transition: all 1s ease; -webkit-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); } #rotate-stacks_in_478.rotate-prev .rotate-flex-wrap .rotate-item.active.hide { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(-100%) scale(0.5); transform: translateY(-100%) scale(0.5); } #rotate-stacks_in_478.rotate-next .rotate-flex-wrap .rotate-item { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(-100%) scale(0.5); transform: translateY(-100%) scale(0.5); } #rotate-stacks_in_478.rotate-next .rotate-flex-wrap .rotate-item.active { opacity: 1; transition: all 1s ease; -webkit-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); } #rotate-stacks_in_478.rotate-next .rotate-flex-wrap .rotate-item.active.hide { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(100%) scale(0.5); transform: translateY(100%) scale(0.5); } #rotate-stacks_in_478.align-left .rotate-item { left: 0; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #rotate-stacks_in_478.align-left .rotate-nav { left: 0; -webkit-transform: translate(-30px, -50%); transform: translate(-30px, -50%); } #rotate-stacks_in_478.align-left:hover .rotate-item { left: 30px; } #rotate-stacks_in_478.align-left:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_478.align-right .rotate-item { right: 0; text-align: right; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #rotate-stacks_in_478.align-right .rotate-nav { right: 0; -webkit-transform: translate(30px, -50%); transform: translate(30px, -50%); } #rotate-stacks_in_478.align-right:hover .rotate-item { right: 30px; } #rotate-stacks_in_478.align-right:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_478.align-center .rotate-item { left: 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #rotate-stacks_in_478.align-center .rotate-nav { left: 0; -webkit-transform: translate(-30px, -50%); transform: translate(-30px, -50%); } #rotate-stacks_in_478.align-center:hover .rotate-item { left: 30px; } #rotate-stacks_in_478.align-center:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } @media (max-width: 768px) { #rotate-stacks_in_478 .rotate-item .rotate-item-title { font-size: 24px; line-height: calc(24px * 1.4); } } @media (max-width: 500px) { #rotate-stacks_in_478 .rotate-item .rotate-item-title { font-size: 20px; line-height: calc(20px * 1.4); } #rotate-stacks_in_478.align-left .rotate-item { left: 30px; } #rotate-stacks_in_478.align-left .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_478.align-right .rotate-item { right: 30px; } #rotate-stacks_in_478.align-right .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_478.align-center .rotate-item { left: 30px; } #rotate-stacks_in_478.align-center .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } } @-webkit-keyframes action-out { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes action-out { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes action-in { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes action-in { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_393 { margin: 0px; } #stacks_in_393 { padding: 0px; } #stacks_in_393 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_393 { margin: 0px; } #stacks_in_393 { padding: 0px; } #stacks_in_393 { padding-left: 50px; padding-right: 50px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_393 { margin: 0px; } #stacks_in_393 { padding: 0px; } #stacks_in_393 { padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_393 { margin: 0px; } #stacks_in_393 { padding: 0px; } #stacks_in_393 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } #stacks_in_393 { margin: 0px; } #stacks_in_393 { padding: 0px; } #stacks_in_393 { padding-left: 50px; padding-right: 50px; padding-top: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 480px) { #stacks_in_393 { margin: 0px; } #stacks_in_393 { padding: 0px; } #stacks_in_393 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; } } #stacks_in_230 { padding: 40px 0px 0px 0px; } #stacks_in_523>.s3_row { margin: 0 -10px; } #stacks_in_523>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_523>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_523>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_523>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_523>.s3_row { margin: -10px 0; } #stacks_in_523>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* Standard Responsive Image */ #stacks_in_530 .structure_responsive_image img { max-width: 100%; height: auto; } /* Align Image */ /* Image Styling */ #stacks_in_530 .structure_responsive_image img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #stacks_in_530 { padding: 10px 0px 0px 0px; } /* Standard Responsive Image */ #stacks_in_527 .structure_responsive_image img { max-width: 100%; height: auto; } /* Align Image */ /* Image Styling */ #stacks_in_527 .structure_responsive_image img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #stacks_in_527 { padding: 10px 0px 0px 0px; } /* Standard Responsive Image */ #stacks_in_524 .structure_responsive_image img { max-width: 100%; height: auto; } /* Align Image */ /* Image Styling */ #stacks_in_524 .structure_responsive_image img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #stacks_in_524 { padding: 10px 0px 0px 0px; } /* Standard Responsive Image */ #stacks_in_535 .structure_responsive_image img { max-width: 100%; height: auto; } /* Align Image */ /* Image Styling */ #stacks_in_535 .structure_responsive_image img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #stacks_in_535 { padding: 10px 0px 0px 0px; } #stacks_in_47 { padding: 20px 20px 0px 20px; } /* Start Obscure Email stack CSS code */ .stacks_in_49topbar { background-color: #3D82EA; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-bottom: none; padding: 6px 3px 2px 10px; min-height: 40px; font-weight: bold; font-size: 16px; color: #ffffff; } .stacks_in_49mainarea { background-color: #ffffff; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-top: none; padding: 10px; } .stacks_in_49small{ font-weight: normal; font-size: 12px; } .stacks_in_49centerbox { background-color: #ffffff; border: 1px solid #CDDACF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; color: #333; } .stacks_in_49centerbox b { color: #DA0140; } /* End Obscure Email stack CSS code */