#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1150px minmax(0, 1fr); grid-template-rows: 100px auto 100px; } #imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } @media (max-width: 1149.9px) and (min-width: 720.0px) { #imPage { display: grid; grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-rows: 100px auto 100px; } #imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imPage { display: grid; grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-rows: 100px auto 100px; } #imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } @media (max-width: 479.9px) { #imPage { display: grid; grid-template-columns: 0 minmax(0, 1fr) 0; grid-template-rows: 100px auto 100px; } #imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px 11.917px minmax(0, 1fr); grid-template-rows: auto auto auto auto; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_1 { display: grid; grid-column: 2 / 50; grid-row: 1 / 3; } #imCell_2 { display: grid; grid-column: 2 / 38; grid-row: 3 / 4; } #imCell_4 { display: grid; grid-column: 50 / 98; grid-row: 1 / 2; } #imCell_5 { display: grid; grid-column: 74 / 98; grid-row: 2 / 3; } #imPageRow_1 { display: block; grid-column: 2 / 98; grid-row: 1 / 4; } #imPageRow_2 { display: none; } @media (max-width: 1149.9px) and (min-width: 720.0px) { #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px 7.5px minmax(0, 1fr); grid-template-rows: auto auto auto auto; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_1 { display: grid; grid-column: 2 / 50; grid-row: 1 / 3; } #imCell_2 { display: grid; grid-column: 2 / 38; grid-row: 3 / 4; } #imCell_4 { display: grid; grid-column: 50 / 98; grid-row: 1 / 2; } #imCell_5 { display: grid; grid-column: 74 / 98; grid-row: 2 / 3; } #imPageRow_1 { display: block; grid-column: 2 / 98; grid-row: 1 / 4; } #imPageRow_2 { display: none; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px minmax(0, 1fr); grid-template-rows: auto auto auto auto; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_1 { display: grid; grid-column: 2 / 50; grid-row: 1 / 3; } #imCell_2 { display: grid; grid-column: 2 / 38; grid-row: 3 / 4; } #imCell_4 { display: grid; grid-column: 50 / 98; grid-row: 1 / 2; } #imCell_5 { display: grid; grid-column: 74 / 98; grid-row: 2 / 3; } #imPageRow_1 { display: block; grid-column: 2 / 98; grid-row: 1 / 4; } #imPageRow_2 { display: none; } } @media (max-width: 479.9px) { #imContent { display: grid; grid-template-columns: 0 minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 0; grid-template-rows: auto auto auto auto; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_1 { display: grid; grid-column: 2 / 98; grid-row: 1 / 2; } #imCell_2 { display: grid; grid-column: 2 / 98; grid-row: 2 / 3; } #imCell_4 { display: grid; grid-column: 2 / 98; grid-row: 3 / 4; } #imCell_5 { display: grid; grid-column: 2 / 98; grid-row: 4 / 5; } #imPageRow_1 { display: block; grid-column: 2 / 98; grid-row: 1 / 5; } #imPageRow_2 { display: none; } } .content-slider.content-slider-root { width: 100%; } .content-slider.content-slider-container { width: 100%; display: grid; grid-template-areas: "slide-container"; perspective: 120vw; transform-style: preserve-3d; } .content-slider.content-slider-container.change-effect-slideH, .content-slider.content-slider-container.change-effect-slideV, .content-slider.content-slider-container.change-effect-rotateZ { overflow: hidden; } .content-slider.slide-container { display: grid; pointer-events: none; grid-area: slide-container; grid-template-areas: "slide-grid-container"; overflow: hidden; visibility: hidden; transform-style: preserve-3d; } .content-slider.slide-container.default-slide, .content-slider.slide-container.entering-slide { pointer-events: auto; } .content-slider.slide-container-link { cursor: pointer; } .content-slider.slide-grid-container { display: grid; grid-area: slide-grid-container; justify-self: center; max-width: 100%; grid-template-rows: auto; grid-template-columns: auto; } .content-slider.slide-element { grid-area: 1/1/2/2; align-self: center; } .content-slider.slide-image-container { justify-self: center; } .content-slider.image-overlap > .content-slider.slide-image-container { align-self: stretch; justify-self: stretch; }.content-slider.full-grid.image-left > .content-slider.slide-txt-container , .content-slider.full-grid.image-right > .content-slider.slide-image-container { grid-area: 1/2/2/3; } .content-slider.full-grid.image-top { grid-template-rows: auto auto; } .full-grid.image-top > .content-slider.slide-txt-container { grid-area: 2/1/3/2; } .image-overlap > .content-slider.slide-txt-container { align-self: end; } .content-slider.slide-txt-content { display: grid; grid-template-rows: auto auto auto; grid-template-columns: auto; width: 100%; height: 100%; align-content: center; } .content-slider.slide-txt-block-container { max-width: 100%; } .content-slider.slide-txt-block-content.slide-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .content-slider.slide-image-content { width: 100%; height: auto; } .image-overlap .content-slider.slide-image-content { object-fit: cover; height: 100%; max-height: 100%; } .content-slider.content-slider-ctrl-container { grid-area: slide-container; pointer-events: none; display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto 1fr; grid-template-areas: "tl t tr" "l c r" "bl b br"; align-items: center; justify-items: center; transform: translateZ(0); } .ctrl-visible-on-mobile .content-slider-ctrl-container.ctrl-visible, .content-slider-container:hover > .content-slider-ctrl-container.ctrl-visible { visibility: inherit; } .content-slider.content-slider-ctrl { pointer-events: auto; display: none; } .content-slider.content-slider-ctrl.ctrl-visible { display: grid; } .content-slider.btn-ctrl { cursor: pointer; opacity: .7; } .content-slider.btn-ctrl:hover { opacity: 1; } .content-slider.btn-prev { grid-area: l; justify-self: start; } .content-slider.btn-next { grid-area: r; justify-self: end; } .content-slider.radio-bar-prev { width: 22px; height: 22px; grid-area: bl; justify-self: end; align-self: end; } .content-slider.radio-bar-next { width: 22px; height: 22px; grid-area: br; justify-self: start; align-self: end; } .content-slider.current-slide-radio-visible-container { max-width: 330px; max-height: 330px; overflow: hidden; grid-area: b; align-self: end; align-content: center; justify-content: center; } .content-slider.current-slide-radio-container { position: relative; top: 0; left: 0; transition: left 1s, top 1s; } .content-slider.current-slide-radio { display: block; } .content-slider.current-slide-radio-visible { opacity: .7; cursor: pointer; width: 22px; height: 22px; background-repeat: no-repeat; background-position: 0 0; } .content-slider.current-slide-radio-visible:hover { opacity: 1; } .content-slider .current-slide-radio-visible-selected { opacity: 1; cursor: default; background-position: -22px 0; } .content-slider.slide-container, .content-slider.slide-animated-element { position: relative; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.7, 0.2, 0.3, 0.8); } .content-slider.slide-animated-element { overflow: hidden; } .content-slider.slide-container.default-slide, .content-slider.slide-container.entering-slide, .content-slider.slide-container.exiting-slide { visibility: inherit; } .change-effect-none > .content-slider.slide-container.entering-slide { animation-name: none-in; } .change-effect-none > .content-slider.slide-container.exiting-slide { animation-name: none-out; } .change-effect-slideH > .content-slider.slide-container.entering-slide-prev { animation-name: slide-h-in-prev; } .change-effect-slideH > .content-slider.slide-container.exiting-slide-prev { animation-name: slide-h-out-prev; } .change-effect-slideH > .content-slider.slide-container.entering-slide-next { animation-name: slide-h-in-next; } .change-effect-slideH > .content-slider.slide-container.exiting-slide-next { animation-name: slide-h-out-next; } .change-effect-slideV > .content-slider.slide-container.entering-slide-prev { animation-name: slide-v-in-prev; } .change-effect-slideV > .content-slider.slide-container.exiting-slide-prev { animation-name: slide-v-out-prev; } .change-effect-slideV > .content-slider.slide-container.entering-slide-next { animation-name: slide-v-in-next; } .change-effect-slideV > .content-slider.slide-container.exiting-slide-next { animation-name: slide-v-out-next; } .change-effect-zoom > .content-slider.slide-container.entering-slide { animation-name: zoom-in; } .change-effect-zoom > .content-slider.slide-container.exiting-slide { animation-name: zoom-out; } .change-effect-rotateX > .content-slider.slide-container, .change-effect-rotateY > .content-slider.slide-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; }.change-effect-rotateX > .content-slider.slide-container.entering-slide-prev { animation-name: rotate-x-in-prev; } .change-effect-rotateX > .content-slider.slide-container.exiting-slide-prev { animation-name: rotate-x-out-prev; } .change-effect-rotateX > .content-slider.slide-container.entering-slide-next { animation-name: rotate-x-in-next; } .change-effect-rotateX > .content-slider.slide-container.exiting-slide-next { animation-name: rotate-x-out-next; } .change-effect-rotateY > .content-slider.slide-container.entering-slide-prev { animation-name: rotate-y-in-prev; } .change-effect-rotateY > .content-slider.slide-container.exiting-slide-prev { animation-name: rotate-y-out-prev; } .change-effect-rotateY > .content-slider.slide-container.entering-slide-next { animation-name: rotate-y-in-next; } .change-effect-rotateY > .content-slider.slide-container.exiting-slide-next { animation-name: rotate-y-out-next; } .change-effect-rotateZ > .content-slider.slide-container.entering-slide-prev { animation-name: rotate-z-in-prev; } .change-effect-rotateZ > .content-slider.slide-container.exiting-slide-prev { animation-name: rotate-z-out-prev; } .change-effect-rotateZ > .content-slider.slide-container.entering-slide-next { animation-name: rotate-z-in-next; } .change-effect-rotateZ > .content-slider.slide-container.exiting-slide-next { animation-name: rotate-z-out-next; } .change-effect-fade > .content-slider.slide-container.entering-slide { animation-name: fade-in; } .change-effect-fade > .content-slider.slide-container.exiting-slide { animation-name: fade-out; } .change-effect-cube > .content-slider.slide-container.entering-slide-prev { animation-name: cube-in-prev; } .change-effect-cube > .content-slider.slide-container.exiting-slide-prev { animation-name: cube-out-prev; } .change-effect-cube > .content-slider.slide-container.entering-slide-next { animation-name: cube-in-next; } .change-effect-cube > .content-slider.slide-container.exiting-slide-next { animation-name: cube-out-next; } .default-slide > .element-effect-fade .content-slider.slide-animated-element, .entering-slide > .element-effect-fade .content-slider.slide-animated-element { animation-name: fade-in; } .exiting-slide > .element-effect-fade .content-slider.slide-animated-element { animation-name: fade-out; } .default-slide > .element-effect-border.image-overlap .slide-title.slide-animated-element, .default-slide > .element-effect-border.image-right .slide-txt-block-container.slide-animated-element, .default-slide > .element-effect-border.image-left .slide-image-container.slide-animated-element, .entering-slide > .element-effect-border.image-overlap .slide-title.slide-animated-element, .entering-slide > .element-effect-border.image-right .slide-txt-block-container.slide-animated-element, .entering-slide > .element-effect-border.image-left .slide-image-container.slide-animated-element { animation-name: border-left-in; } .exiting-slide > .element-effect-border.image-overlap .slide-title.slide-animated-element, .exiting-slide > .element-effect-border.image-right .slide-txt-block-container.slide-animated-element, .exiting-slide > .element-effect-border.image-left .slide-image-container.slide-animated-element { animation-name: border-left-out; } .default-slide > .element-effect-border.image-overlap .slide-description.slide-animated-element, .default-slide > .element-effect-border.image-left .slide-txt-block-container.slide-animated-element, .default-slide > .element-effect-border.image-right .slide-image-container.slide-animated-element, .entering-slide > .element-effect-border.image-overlap .slide-description.slide-animated-element, .entering-slide > .element-effect-border.image-left .slide-txt-block-container.slide-animated-element, .entering-slide > .element-effect-border.image-right .slide-image-container.slide-animated-element { animation-name: border-right-in; } .exiting-slide > .element-effect-border.image-overlap .slide-description.slide-animated-element, .exiting-slide > .element-effect-border.image-left .slide-txt-block-container.slide-animated-element, .exiting-slide > .element-effect-border.image-right .slide-image-container.slide-animated-element { animation-name: border-right-out; } .default-slide > .element-effect-border.image-overlap .slide-button.slide-animated-element, .default-slide > .element-effect-border.image-top .slide-image-container.slide-animated-element, .entering-slide > .element-effect-border.image-overlap .slide-button.slide-animated-element, .entering-slide > .element-effect-border.image-top .slide-image-container.slide-animated-element { animation-name: border-top-in; } .exiting-slide > .element-effect-border.image-overlap .slide-button.slide-animated-element, .exiting-slide > .element-effect-border.image-top .slide-image-container.slide-animated-element { animation-name: border-top-out; } .default-slide > .element-effect-border.image-overlap .slide-image-container.slide-animated-element, .default-slide > .element-effect-border.image-top .slide-txt-block-container.slide-animated-element, .entering-slide > .element-effect-border.image-overlap .slide-image-container.slide-animated-element, .entering-slide > .element-effect-border.image-top .slide-txt-block-container.slide-animated-element { animation-name: border-bot-in; } .exiting-slide > .element-effect-border.image-overlap .slide-image-container.slide-animated-element, .exiting-slide > .element-effect-border.image-top .slide-txt-block-container.slide-animated-element { animation-name: border-bot-out; } .default-slide > .element-effect-spring .content-slider.slide-animated-element, .entering-slide > .element-effect-spring .content-slider.slide-animated-element { animation-name: spring-in; } .exiting-slide > .element-effect-spring .content-slider.slide-animated-element { animation-name: spring-out; } .element-effect-fore-back-color .content-slider.slide-animated-element::after { content: ""; position: absolute; box-sizing: border-box; top: 0;left: 0;width: 100%; height: 100%; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.7, 0.2, 0.3, 0.8); } .element-effect-fore-back-color .content-slider.slide-animated-content { animation-fill-mode: both; animation-timing-function: cubic-bezier(0.7, 0.2, 0.3, 0.8); } .default-slide > .element-effect-fore-back-color .content-slider.slide-animated-content, .entering-slide > .element-effect-fore-back-color .content-slider.slide-animated-content { animation-name: fore-back-color-el-in; } .default-slide > .element-effect-fore-back-color .content-slider.slide-animated-element::after, .entering-slide > .element-effect-fore-back-color .content-slider.slide-animated-element::after { animation-name: fore-back-color-after-in; } .exiting-slide > .element-effect-fore-back-color .content-slider.slide-animated-content { animation-name: fore-back-color-el-out; } .exiting-slide > .element-effect-fore-back-color .content-slider.slide-animated-element::after { animation-name: fore-back-color-after-out; } .default-slide > .element-effect-bounce .content-slider.slide-animated-element, .entering-slide > .element-effect-bounce .content-slider.slide-animated-element { animation-name: bounce-in; } .exiting-slide > .element-effect-bounce .content-slider.slide-animated-element { animation-name: bounce-out; } .default-slide > .element-effect-sharp .content-slider.slide-animated-element::after, .entering-slide > .element-effect-sharp .content-slider.slide-animated-element::after { content: ""; position: absolute; box-sizing: border-box; top: -10%;left: -10%;width: 120%; height: 120%; animation-fill-mode: both; animation-timing-function: linear; background: linear-gradient(-60deg, rgba(0,0,0,0) 44%, rgba(255,255,255,0.6) 50%, rgba(0,0,0,0) 62%); animation-name: sharp-after-in; } @keyframes none-in { from { visibility: hidden; } to { visibility: inherit; } } @keyframes none-out { from { visibility: inherit; } to { visibility: hidden; } } @keyframes slide-h-in-next { from { transform: translateX(100%); } } @keyframes slide-h-in-prev { from { transform: translateX(-100%); } } @keyframes slide-h-out-prev { to { transform: translateX(100%); } } @keyframes slide-h-out-next { to { transform: translateX(-100%); } } @keyframes slide-v-in-prev { from { transform: translateY(-100%); } } @keyframes slide-v-in-next { from { transform: translateY(100%); } } @keyframes slide-v-out-next { to { transform: translateY(-100%); } } @keyframes slide-v-out-prev { to { transform: translateY(100%); } } @keyframes zoom-in { 0%, 50% { transform: scale(0); } 100% { transform: none; } } @keyframes zoom-out { 0% { transform: none; } 50%, 100% { transform: scale(0); } } @keyframes rotate-x-in-prev { 0% { visibility: inherit; transform: rotateX(-180deg); } 50% { transform: rotateX(-90deg); } 70% { transform: rotateX(20deg); } 80% { transform: rotateX(-10deg); } 90% { transform: rotateX(5deg); } 100% { transform: none; } } @keyframes rotate-x-out-prev { 0% { transform: none; } 30% { transform: rotateX(-20deg); } 50% { transform: rotateX(90deg); } 100% { transform: rotateX(180deg); visibility: hidden; } } @keyframes rotate-x-in-next { 0% { visibility: inherit; transform: rotateX(180deg); } 50% { transform: rotateX(90deg); } 70% { transform: rotateX(-20deg); } 80% { transform: rotateX(10deg); } 90% { transform: rotateX(-5deg); } 100% { transform: none; } } @keyframes rotate-x-out-next { 0% { transform: none; } 30% { transform: rotateX(20deg); } 50% { transform: rotateX(-90deg); } 100% { transform: rotateX(-180deg); visibility: hidden; } } @keyframes rotate-y-in-next { 0% { visibility: inherit; transform: rotateY(-180deg); } 50% { transform: rotateY(-90deg); } 70% { transform: rotateY(20deg); } 80% { transform: rotateY(-10deg); } 90% { transform: rotateY(5deg); } 100% { transform: none; } } @keyframes rotate-y-out-next { 0% { transform: none; } 30% { transform: rotateY(-20deg); } 50% { transform: rotateY(90deg); } 100% { transform: rotateY(180deg); visibility: hidden; } } @keyframes rotate-y-in-prev { 0% { visibility: inherit; transform: rotateY(180deg); } 50% { transform: rotateY(90deg); } 70% { transform: rotateY(-20deg); } 80% { transform: rotateY(10deg); } 90% { transform: rotateY(-5deg); } 100% { transform: none; } } @keyframes rotate-y-out-prev { 0% { transform: none; } 30% { transform: rotateY(20deg); } 50% { transform: rotateY(-90deg); } 100% { transform: rotateY(-180deg); visibility: hidden; } } @keyframes rotate-z-in-prev { 0% { transform-origin: 100% 100%;transform: rotateZ(-90deg); } 100% { transform-origin: 100% 100%;transform: none; } } @keyframes rotate-z-out-prev { 0% { transform-origin: 100% 100%;transform: none; } 100% { transform-origin: 100% 100%;transform: rotateZ(90deg); } } @keyframes rotate-z-in-next { 0% { transform-origin: 0 100%;transform: rotateZ(90deg); } 100% { transform-origin: 0 100%;transform: none; } } @keyframes rotate-z-out-next { 0% { transform-origin: 0 100%;transform: none; } 100% { transform-origin: 0 100%;transform: rotateZ(-90deg); } } @keyframes cube-in-next { 0% { opacity: 0;transform: rotateY(90deg); } 50% { opacity: 1;} 100% { opacity: 1;transform: none; } } @keyframes cube-out-next { 0% { opacity: 1;transform: none; } 50% { opacity: 1;} 100% { opacity: 0;transform: rotateY(-90deg); } } @keyframes cube-in-prev { 0% { opacity: 0;transform: rotateY(-90deg); } 50% { opacity: 1;} 100% { opacity: 1;transform: none; } } @keyframes cube-out-prev { 0% { opacity: 1;transform: none; } 50% { opacity: 1;} 100% { opacity: 0;transform: rotateY(90deg); } } @keyframes fade-in { from { opacity: 0; } } @keyframes fade-out { to { opacity: 0; } } @keyframes border-left-in { from { transform: translateX(-60vw); opacity: 0; } } @keyframes border-left-out { to { transform: translateX(-60vw); opacity: 0; } } @keyframes border-right-in { from { transform: translateX(60vw); opacity: 0; } } @keyframes border-right-out { to { transform: translateX(60vw); opacity: 0; } } @keyframes border-bot-in { from { transform: translateY(60vh); opacity: 0; } } @keyframes border-bot-out { to { transform: translateY(60vh); opacity: 0; } } @keyframes border-top-in { from { transform: translateY(-60vh); opacity: 0; } } @keyframes border-top-out { to { transform: translateY(-60vh); opacity: 0; } } @keyframes spring-in { 0% { transform: translateX(-50%) scale(0, 1); } 55% { transform: translateX(20%) scale(1.4, 0.6); } 70% { transform: translateX(-20%) scale(0.6, 1.4); } 85% { transform: translateX(10%) scale(1.2, 0.8); } 100% { transform: none; } } @keyframes spring-out { 0% { transform: none; } 80% { transform: translateX(-25%) scale(1.5, 0.5); } 100% { transform: translateX(50%) scaleX(0); } } @keyframes fore-back-color-el-in { 0%, 50% { opacity: 0; } 51%, 100% { opacity: 1; } } @keyframes fore-back-color-after-in { 0% { left: -100%; } 50% { left: 0; } 100% { left: 100%; } } @keyframes fore-back-color-el-out { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } } @keyframes fore-back-color-after-out { 0% { left: 100%; } 50% { left: 0; } 100% { left: -100%; } } @keyframes bounce-in { 0% { transform: scale(0); } 60% { transform: scale(1.2); } 75% { transform: scale(0.8); } 90% { transform: scale(1.1); } 100% { transform: none; } } @keyframes bounce-out { 0% { transform: none; } 20% { transform: scale(1.2); } 100% { transform: scale(0); } } @keyframes sharp-after-in { 0% { left: -150%; opacity: 0; } 50% { left: 0; opacity: 1; } 100% { left: 150%; opacity: 0; } } .imPageRow { position: relative; } #imPageRowGraphics_1 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 1; } #imPageRowGraphics_1 { background: transparent url('../images/IMG_20201206_161816.jpg') no-repeat center center; background-size: cover; } #imCell_1 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imObjectContentSlider_01 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_1 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_1 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imObjectContentSlider_01{ height: 100%; min-height: 300px; } #imObjectContentSlider_01 > .content-slider-container { height: 100%; } #imObjectContentSlider_01 > .content-slider-container > .content-slider-ctrl-container > .btn-ctrl>.arrow-btn { width: 50px; height: 50px; } #imObjectContentSlider_01 > .content-slider-container > .content-slider-ctrl-container > .btn-ctrl>.arrow-btn .a { fill: rgba(255, 255, 255, 0.5);} #imObjectContentSlider_01 > .content-slider-container > .content-slider-ctrl-container > .btn-ctrl>.arrow-btn .b { fill: rgba(62, 61, 64, 1);} #imObjectContentSlider_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container { width: 66px; height: 22px; grid-template-columns: repeat(3, auto); } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .slide-grid-container > .slide-image-container { margin: 15px 15px 15px 15px; max-height: 270px; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container.slide-title { text-align: left; margin: 15px 15px 15px 15px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imObjectContentSlider_01 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container > .slide-title { font: normal normal normal 16pt 'Tahoma'; color: rgba(255, 255, 255, 1); background-color: transparent; text-decoration: none; padding: 0px 0px 0px 0px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imObjectContentSlider_01 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container.slide-description { text-align: center; margin: 15px 15px 15px 15px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imObjectContentSlider_01 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container > .slide-description { font: normal normal normal 12pt 'Tahoma'; color: rgba(255, 255, 0, 1); background-color: transparent; text-decoration: none; padding: 0px 0px 0px 0px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imObjectContentSlider_01 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container.slide-button { justify-self: end; text-align: right; margin: 15px 15px 15px 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} #imObjectContentSlider_01 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container > .slide-button { font: normal normal normal 12pt 'Tahoma'; color: rgba(255, 255, 255, 1); background-color: rgba(54, 71, 79, 1); text-decoration: none; padding: 10px 10px 10px 10px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} #imObjectContentSlider_01 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container > .slide-button:hover { background-color: rgba(84, 101, 109, 1); } #imObjectContentSlider_01 > .content-slider-container > .slide-container { animation-duration: 1000ms; animation-delay: 1174ms; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid{ grid-template-columns: 50fr 50fr; } @media (max-width: 500.0px) { #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid { grid-template-columns: auto; grid-template-rows: auto auto; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container { grid-area: 1/1/2/2; justify-self: center; align-self: center; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container > .slide-image-content { max-width: 100%; max-height: 350px; width: auto; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid > .slide-txt-container { grid-area: 2/1/3/2; } } #imObjectContentSlider_01-slide-0 { background: linear-gradient(transparent, transparent), url("../images/IMG_20201003_134406--1-.jpg") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_01-slide-0 .slide-animated-element { animation-duration: 710ms; } #imObjectContentSlider_01-slide-0.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 639ms; } #imObjectContentSlider_01-slide-0.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_01-slide-0.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_01-slide-0.exiting-slide .slide-animated-element.slide-title { animation-delay: 426ms; } #imObjectContentSlider_01-slide-0.default-slide .slide-animated-element.slide-title { animation-delay: 213ms; } #imObjectContentSlider_01-slide-0.entering-slide .slide-animated-element.slide-title { animation-delay: 2257ms; } #imObjectContentSlider_01-slide-0.exiting-slide .slide-animated-element.slide-description { animation-delay: 213ms; } #imObjectContentSlider_01-slide-0.default-slide .slide-animated-element.slide-description { animation-delay: 426ms; } #imObjectContentSlider_01-slide-0.entering-slide .slide-animated-element.slide-description { animation-delay: 2470ms; } #imObjectContentSlider_01-slide-0.exiting-slide .slide-animated-element.slide-button { animation-delay: 0ms; } #imObjectContentSlider_01-slide-0.default-slide .slide-animated-element.slide-button { animation-delay: 639ms; } #imObjectContentSlider_01-slide-0.entering-slide .slide-animated-element.slide-button { animation-delay: 2683ms; } #imObjectContentSlider_01-slide-1 { background: linear-gradient(transparent, transparent), url("../images/IMG_20200930_172238.jpg") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_01-slide-1 .slide-animated-element { animation-duration: 710ms; } #imObjectContentSlider_01-slide-1.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 639ms; } #imObjectContentSlider_01-slide-1.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_01-slide-1.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_01-slide-1.exiting-slide .slide-animated-element.slide-title { animation-delay: 426ms; } #imObjectContentSlider_01-slide-1.default-slide .slide-animated-element.slide-title { animation-delay: 213ms; } #imObjectContentSlider_01-slide-1.entering-slide .slide-animated-element.slide-title { animation-delay: 2257ms; } #imObjectContentSlider_01-slide-1.exiting-slide .slide-animated-element.slide-description { animation-delay: 213ms; } #imObjectContentSlider_01-slide-1.default-slide .slide-animated-element.slide-description { animation-delay: 426ms; } #imObjectContentSlider_01-slide-1.entering-slide .slide-animated-element.slide-description { animation-delay: 2470ms; } #imObjectContentSlider_01-slide-1.exiting-slide .slide-animated-element.slide-button { animation-delay: 0ms; } #imObjectContentSlider_01-slide-1.default-slide .slide-animated-element.slide-button { animation-delay: 639ms; } #imObjectContentSlider_01-slide-1.entering-slide .slide-animated-element.slide-button { animation-delay: 2683ms; } #imObjectContentSlider_01-slide-2 { background: linear-gradient(transparent, transparent), url("../images/IMG_20191220_163916.jpg") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_01-slide-2 .slide-animated-element { animation-duration: 710ms; } #imObjectContentSlider_01-slide-2.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 639ms; } #imObjectContentSlider_01-slide-2.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_01-slide-2.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_01-slide-2.exiting-slide .slide-animated-element.slide-title { animation-delay: 426ms; } #imObjectContentSlider_01-slide-2.default-slide .slide-animated-element.slide-title { animation-delay: 213ms; } #imObjectContentSlider_01-slide-2.entering-slide .slide-animated-element.slide-title { animation-delay: 2257ms; } #imObjectContentSlider_01-slide-2.exiting-slide .slide-animated-element.slide-description { animation-delay: 213ms; } #imObjectContentSlider_01-slide-2.default-slide .slide-animated-element.slide-description { animation-delay: 426ms; } #imObjectContentSlider_01-slide-2.entering-slide .slide-animated-element.slide-description { animation-delay: 2470ms; } #imObjectContentSlider_01-slide-2.exiting-slide .slide-animated-element.slide-button { animation-delay: 0ms; } #imObjectContentSlider_01-slide-2.default-slide .slide-animated-element.slide-button { animation-delay: 639ms; } #imObjectContentSlider_01-slide-2.entering-slide .slide-animated-element.slide-button { animation-delay: 2683ms; } #imCell_2 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #pluginAppObj_02 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_2 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_2 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imCell_4 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #pluginAppObj_04 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_4 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_4 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imCell_5 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #pluginAppObj_05 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_5 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_5 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } @media (min-width: 1150.0px) { #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imObjectContentSlider_01 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imObjectContentSlider_01 > .content-slider-container{ perspective: 642px; } #imObjectContentSlider_01 > .content-slider-container.change-effect-cube > .content-slider.slide-container { transform-origin: 50% 50% -267px; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .slide-grid-container { width: 535px; } #imCell_2 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #pluginAppObj_02 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_2 { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #pluginAppObj_04 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #pluginAppObj_05 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } } @media (max-width: 1149.9px) and (min-width: 720.0px) { #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-left: 6px; padding-right: 6px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imObjectContentSlider_01 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imObjectContentSlider_01 > .content-slider-container{ perspective: 393px; } #imObjectContentSlider_01 > .content-slider-container.change-effect-cube > .content-slider.slide-container { transform-origin: 50% 50% -164px; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .slide-grid-container { width: 328px; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid { grid-template-columns: auto; grid-template-rows: auto auto; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container { grid-area: 1/1/2/2; justify-self: center; align-self: center; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container > .slide-image-content { max-width: 100%; max-height: 350px; width: auto; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid > .slide-txt-container { grid-area: 2/1/3/2; } #imCell_2 { padding-top: 10px; padding-bottom: 10px; padding-left: 6px; padding-right: 6px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #pluginAppObj_02 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_2 { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-left: 6px; padding-right: 6px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #pluginAppObj_04 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-left: 6px; padding-right: 6px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #pluginAppObj_05 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-left: 4px; padding-right: 4px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imObjectContentSlider_01 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imObjectContentSlider_01 > .content-slider-container{ perspective: 254px; } #imObjectContentSlider_01 > .content-slider-container.change-effect-cube > .content-slider.slide-container { transform-origin: 50% 50% -106px; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .slide-grid-container { width: 212px; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid { grid-template-columns: auto; grid-template-rows: auto auto; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container { grid-area: 1/1/2/2; justify-self: center; align-self: center; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container > .slide-image-content { max-width: 100%; max-height: 350px; width: auto; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid > .slide-txt-container { grid-area: 2/1/3/2; } #imCell_2 { padding-top: 10px; padding-bottom: 10px; padding-left: 4px; padding-right: 4px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #pluginAppObj_02 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_2 { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-left: 4px; padding-right: 4px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #pluginAppObj_04 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-left: 4px; padding-right: 4px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #pluginAppObj_05 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } } @media (max-width: 479.9px) { #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imObjectContentSlider_01 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_1 { box-sizing: border-box; } #imObjectContentSlider_01 > .content-slider-container.change-effect-cube > .content-slider.slide-container { transform-origin: 50% 50% calc(23px - 50vw); } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .slide-grid-container { width: 100%; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid { grid-template-columns: auto; grid-template-rows: auto auto; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container { grid-area: 1/1/2/2; justify-self: center; align-self: center; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container > .slide-image-content { max-width: 100%; max-height: 350px; width: auto; } #imObjectContentSlider_01 > .content-slider-container > .slide-container > .full-grid > .slide-txt-container { grid-area: 2/1/3/2; } #imCell_2 { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #pluginAppObj_02 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_2 { box-sizing: border-box; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #pluginAppObj_04 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_4 { box-sizing: border-box; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #pluginAppObj_05 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_5 { box-sizing: border-box; } } #imPage.without-id_animation-in-progress { overflow: hidden }