94 lines
61 KiB
CSS
94 lines
61 KiB
CSS
#imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px minmax(0, 1fr); -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; }
|
|
#imContent > header { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
|
#imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
|
#imCell_1 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 26; grid-column: 1 / 27; -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / 4; }
|
|
#imPageRow_1 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 26; grid-column: 1 / 27; -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / 4; }
|
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
|
#imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px minmax(0, 1fr); -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; }
|
|
#imContent > header { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
|
#imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
|
#imCell_1 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 26; grid-column: 1 / 27; -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / 4; }
|
|
#imPageRow_1 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 26; grid-column: 1 / 27; -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / 4; }
|
|
|
|
}
|
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
|
#imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px minmax(0, 1fr); -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; }
|
|
#imContent > header { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
|
#imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
|
#imCell_1 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 26; grid-column: 1 / 27; -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / 4; }
|
|
#imPageRow_1 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 26; grid-column: 1 / 27; -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / 4; }
|
|
|
|
}
|
|
@media (max-width: 479.9px) {
|
|
#imContent { display: -ms-grid; display: grid; -ms-grid-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) 0; 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) 0; -ms-grid-rows: auto auto; grid-template-rows: auto auto; }
|
|
#imContent > header { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
|
#imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
|
#imCell_1 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 26; grid-column: 1 / 27; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
|
|
#imPageRow_1 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 26; grid-column: 1 / 27; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
|
|
|
|
}
|
|
.content-slider.content-slider-root { width: 100%; } .content-slider.content-slider-container { width: 100%; display: -ms-grid; -ms-grid-rows: 100%; -ms-grid-columns: 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 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-rows: 100%; -ms-grid-columns: 100%; display: -ms-grid; 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 { -ms-grid-row: 1; -ms-grid-column: 1; display: -ms-grid; display: grid; grid-area: slide-grid-container; -ms-grid-column-align: center; justify-self: center; max-width: 100%; -ms-grid-rows: 100%; grid-template-rows: auto; -ms-grid-columns: 100%; grid-template-columns: auto; } .content-slider.slide-element { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1/1/2/2; -ms-grid-row-align: center; align-self: center; } .content-slider.slide-image-container { -ms-grid-column-align: center; justify-self: center; } .content-slider.image-overlap > .content-slider.slide-image-container { -ms-grid-row-align: stretch; align-self: stretch; -ms-grid-column-align: 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; -ms-grid-row: 1; -ms-grid-column: 2; } .content-slider.full-grid.image-top { -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .full-grid.image-top > .content-slider.slide-txt-container { grid-area: 2/1/3/2; -ms-grid-row: 2; -ms-grid-column: 1; } .image-overlap > .content-slider.slide-txt-container { align-self: end; -ms-grid-row-align: end; } .content-slider.slide-txt-content { display: -ms-grid; display: grid; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; -ms-grid-columns: 100%; 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-container.slide-title { -ms-grid-row: 1; -ms-grid-column: 1; } .content-slider.slide-txt-block-container.slide-description { -ms-grid-row: 2; -ms-grid-column: 1; } .content-slider.slide-txt-block-container.slide-button { -ms-grid-row: 3; -ms-grid-column: 1; } .content-slider.slide-txt-block-content.slide-button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-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 { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: slide-container; pointer-events: none; display: -ms-grid; display: grid; -ms-grid-columns: 1fr auto 1fr; grid-template-columns: 1fr auto 1fr; -ms-grid-rows: 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); visibility: hidden; } .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: -ms-grid; display: grid; } .content-slider.btn-ctrl { cursor: pointer; opacity: .7; } .content-slider.btn-ctrl:hover { opacity: 1; } .content-slider.btn-prev { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: l; -ms-grid-column-align: start; justify-self: start; } .content-slider.btn-next { -ms-grid-row: 2; -ms-grid-column: 3; grid-area: r; -ms-grid-column-align: end; justify-self: end; } .content-slider.radio-bar-prev { width: 22px; height: 22px; -ms-grid-row: 3; -ms-grid-column: 1; grid-area: bl; -ms-grid-column-align: end; justify-self: end; -ms-grid-row-align: end; align-self: end; } .content-slider.radio-bar-next { width: 22px; height: 22px; -ms-grid-row: 3; -ms-grid-column: 3; grid-area: br; -ms-grid-column-align: start; justify-self: start; -ms-grid-row-align: end; align-self: end; } .content-slider.current-slide-radio-visible-container { max-width: 330px; max-height: 330px; overflow: hidden; -ms-grid-row: 3; -ms-grid-column: 2; grid-area: b; -ms-grid-row-align: end; 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-hidden { display: none; } .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-hidden:checked + .current-slide-radio-visible { 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; } } h2#imPgTitle { position: relative; float: left; }
|
|
#imBreadcrumb { position: relative; float: left; }
|
|
#imCell_1 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
|
#imObjectContentSlider_34_01 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
|
#imCellStyleDescription_1 { position: absolute; padding: 5px 5px 5px 5px; bottom: 6px;text-align: left;font-family: Unica One;font-size: 1pt;font-style: normal;font-weight: normal;color: rgba(255, 255, 255, 1); background-color: transparent;z-index: 4;overflow: hidden;}
|
|
#imCellStyleDescription_1 a { text-decoration: none;color: rgba(255, 255, 255, 1); }
|
|
#imCellStyleGraphics_1 { position: absolute; top: 1px; bottom: 1px; background-color: transparent; }
|
|
#imCellStyleBorders_1 { position: absolute; top: 1px; bottom: 1px; }
|
|
#imObjectContentSlider_34_01{ height: 100%; min-height: 512px; } #imObjectContentSlider_34_01 > .content-slider-container { height: 100%; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .btn-ctrl>.arrow-btn { width: 50px; height: 50px; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .btn-ctrl>.arrow-btn .a { fill: rgba(255, 255, 255, 0.35);} #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .btn-ctrl>.arrow-btn .b { fill: rgba(25, 25, 25, 1);} #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container { width: 286px; height: 22px; grid-template-columns: repeat(13, auto); -ms-grid-columns: auto; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-0 { -ms-grid-column: 1; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-1 { -ms-grid-column: 2; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-2 { -ms-grid-column: 3; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-3 { -ms-grid-column: 4; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-4 { -ms-grid-column: 5; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-5 { -ms-grid-column: 6; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-6 { -ms-grid-column: 7; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-7 { -ms-grid-column: 8; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-8 { -ms-grid-column: 9; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-9 { -ms-grid-column: 10; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-10 { -ms-grid-column: 11; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-11 { -ms-grid-column: 12; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .content-slider-ctrl-container > .current-slide-radio-visible-container > .current-slide-radio-container > .imObjectContentSlider_34_01-slide-radio-12 { -ms-grid-column: 13; -ms-grid-row: 1; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .slide-grid-container > .slide-image-container { margin: 2px 2px 2px 2px; max-height: 508px; } #imObjectContentSlider_34_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: 2px 5px 2px 25px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container > .slide-title { font: normal normal bold 20pt 'Unica One'; color: rgba(152, 0, 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_34_01 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container.slide-description { text-align: left; margin: 2px 5px 2px 25px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imObjectContentSlider_34_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 18pt 'Marcellus SC'; color: rgba(0, 0, 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_34_01 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container.slide-button { justify-self: center; -ms-grid-column-align: center; text-align: center; margin: 5px 5px 5px 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imObjectContentSlider_34_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 'Unica One'; color: rgba(255, 255, 255, 1); background-color: rgba(54, 71, 79, 1); text-decoration: none; padding: 1px 1px 1px 1px; 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: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imObjectContentSlider_34_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_34_01 > .content-slider-container > .slide-container { animation-duration: 1000ms; animation-delay: 1174ms; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid{ grid-template-columns: 30fr 70fr; -ms-grid-columns: 30fr 70fr; } @media (max-width: 766.0px) {
|
|
#imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid { -ms-grid-columns: 100%; grid-template-columns: auto; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container { grid-area: 1/1/2/2; -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-align: center; -ms-grid-row-align: center; justify-self: center; align-self: center; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container > .slide-image-content { max-width: 100%; max-height: 350px; width: auto; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid > .slide-txt-container { grid-area: 2/1/3/2; -ms-grid-row: 2; -ms-grid-column: 1; }
|
|
}
|
|
#imObjectContentSlider_34_01-slide-0 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-0 .slide-animated-element { animation-duration: 843ms; } #imObjectContentSlider_34_01-slide-0.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-0.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-0.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-0.exiting-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-0.default-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-0.entering-slide .slide-animated-element.slide-title { animation-delay: 2297ms; } #imObjectContentSlider_34_01-slide-0.exiting-slide .slide-animated-element.slide-description { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-0.default-slide .slide-animated-element.slide-description { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-0.entering-slide .slide-animated-element.slide-description { animation-delay: 2550ms; } #imObjectContentSlider_34_01-slide-1 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-1 .slide-animated-element { animation-duration: 710ms; } #imObjectContentSlider_34_01-slide-1.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 639ms; } #imObjectContentSlider_34_01-slide-1.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-1.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-1.exiting-slide .slide-animated-element.slide-title { animation-delay: 426ms; } #imObjectContentSlider_34_01-slide-1.default-slide .slide-animated-element.slide-title { animation-delay: 213ms; } #imObjectContentSlider_34_01-slide-1.entering-slide .slide-animated-element.slide-title { animation-delay: 2257ms; } #imObjectContentSlider_34_01-slide-1.exiting-slide .slide-animated-element.slide-description { animation-delay: 213ms; } #imObjectContentSlider_34_01-slide-1.default-slide .slide-animated-element.slide-description { animation-delay: 426ms; } #imObjectContentSlider_34_01-slide-1.entering-slide .slide-animated-element.slide-description { animation-delay: 2470ms; } #imObjectContentSlider_34_01-slide-1.exiting-slide .slide-animated-element.slide-button { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-1.default-slide .slide-animated-element.slide-button { animation-delay: 639ms; } #imObjectContentSlider_34_01-slide-1.entering-slide .slide-animated-element.slide-button { animation-delay: 2683ms; } #imObjectContentSlider_34_01-slide-2 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-2 .slide-animated-element { animation-duration: 710ms; } #imObjectContentSlider_34_01-slide-2.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 639ms; } #imObjectContentSlider_34_01-slide-2.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-2.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-2.exiting-slide .slide-animated-element.slide-title { animation-delay: 426ms; } #imObjectContentSlider_34_01-slide-2.default-slide .slide-animated-element.slide-title { animation-delay: 213ms; } #imObjectContentSlider_34_01-slide-2.entering-slide .slide-animated-element.slide-title { animation-delay: 2257ms; } #imObjectContentSlider_34_01-slide-2.exiting-slide .slide-animated-element.slide-description { animation-delay: 213ms; } #imObjectContentSlider_34_01-slide-2.default-slide .slide-animated-element.slide-description { animation-delay: 426ms; } #imObjectContentSlider_34_01-slide-2.entering-slide .slide-animated-element.slide-description { animation-delay: 2470ms; } #imObjectContentSlider_34_01-slide-2.exiting-slide .slide-animated-element.slide-button { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-2.default-slide .slide-animated-element.slide-button { animation-delay: 639ms; } #imObjectContentSlider_34_01-slide-2.entering-slide .slide-animated-element.slide-button { animation-delay: 2683ms; } #imObjectContentSlider_34_01-slide-3 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-3 .slide-animated-element { animation-duration: 710ms; } #imObjectContentSlider_34_01-slide-3.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 639ms; } #imObjectContentSlider_34_01-slide-3.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-3.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-3.exiting-slide .slide-animated-element.slide-title { animation-delay: 426ms; } #imObjectContentSlider_34_01-slide-3.default-slide .slide-animated-element.slide-title { animation-delay: 213ms; } #imObjectContentSlider_34_01-slide-3.entering-slide .slide-animated-element.slide-title { animation-delay: 2257ms; } #imObjectContentSlider_34_01-slide-3.exiting-slide .slide-animated-element.slide-description { animation-delay: 213ms; } #imObjectContentSlider_34_01-slide-3.default-slide .slide-animated-element.slide-description { animation-delay: 426ms; } #imObjectContentSlider_34_01-slide-3.entering-slide .slide-animated-element.slide-description { animation-delay: 2470ms; } #imObjectContentSlider_34_01-slide-3.exiting-slide .slide-animated-element.slide-button { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-3.default-slide .slide-animated-element.slide-button { animation-delay: 639ms; } #imObjectContentSlider_34_01-slide-3.entering-slide .slide-animated-element.slide-button { animation-delay: 2683ms; } #imObjectContentSlider_34_01-slide-4 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-4 .slide-animated-element { animation-duration: 843ms; } #imObjectContentSlider_34_01-slide-4.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-4.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-4.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-4.exiting-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-4.default-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-4.entering-slide .slide-animated-element.slide-title { animation-delay: 2297ms; } #imObjectContentSlider_34_01-slide-4.exiting-slide .slide-animated-element.slide-description { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-4.default-slide .slide-animated-element.slide-description { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-4.entering-slide .slide-animated-element.slide-description { animation-delay: 2550ms; } #imObjectContentSlider_34_01-slide-5 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-5 .slide-animated-element { animation-duration: 710ms; } #imObjectContentSlider_34_01-slide-5.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 639ms; } #imObjectContentSlider_34_01-slide-5.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-5.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-5.exiting-slide .slide-animated-element.slide-title { animation-delay: 426ms; } #imObjectContentSlider_34_01-slide-5.default-slide .slide-animated-element.slide-title { animation-delay: 213ms; } #imObjectContentSlider_34_01-slide-5.entering-slide .slide-animated-element.slide-title { animation-delay: 2257ms; } #imObjectContentSlider_34_01-slide-5.exiting-slide .slide-animated-element.slide-description { animation-delay: 213ms; } #imObjectContentSlider_34_01-slide-5.default-slide .slide-animated-element.slide-description { animation-delay: 426ms; } #imObjectContentSlider_34_01-slide-5.entering-slide .slide-animated-element.slide-description { animation-delay: 2470ms; } #imObjectContentSlider_34_01-slide-5.exiting-slide .slide-animated-element.slide-button { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-5.default-slide .slide-animated-element.slide-button { animation-delay: 639ms; } #imObjectContentSlider_34_01-slide-5.entering-slide .slide-animated-element.slide-button { animation-delay: 2683ms; } #imObjectContentSlider_34_01-slide-6 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-6 .slide-animated-element { animation-duration: 843ms; } #imObjectContentSlider_34_01-slide-6.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-6.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-6.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-6.exiting-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-6.default-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-6.entering-slide .slide-animated-element.slide-title { animation-delay: 2297ms; } #imObjectContentSlider_34_01-slide-6.exiting-slide .slide-animated-element.slide-description { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-6.default-slide .slide-animated-element.slide-description { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-6.entering-slide .slide-animated-element.slide-description { animation-delay: 2550ms; } #imObjectContentSlider_34_01-slide-7 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-7 .slide-animated-element { animation-duration: 710ms; } #imObjectContentSlider_34_01-slide-7.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 639ms; } #imObjectContentSlider_34_01-slide-7.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-7.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-7.exiting-slide .slide-animated-element.slide-title { animation-delay: 426ms; } #imObjectContentSlider_34_01-slide-7.default-slide .slide-animated-element.slide-title { animation-delay: 213ms; } #imObjectContentSlider_34_01-slide-7.entering-slide .slide-animated-element.slide-title { animation-delay: 2257ms; } #imObjectContentSlider_34_01-slide-7.exiting-slide .slide-animated-element.slide-description { animation-delay: 213ms; } #imObjectContentSlider_34_01-slide-7.default-slide .slide-animated-element.slide-description { animation-delay: 426ms; } #imObjectContentSlider_34_01-slide-7.entering-slide .slide-animated-element.slide-description { animation-delay: 2470ms; } #imObjectContentSlider_34_01-slide-7.exiting-slide .slide-animated-element.slide-button { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-7.default-slide .slide-animated-element.slide-button { animation-delay: 639ms; } #imObjectContentSlider_34_01-slide-7.entering-slide .slide-animated-element.slide-button { animation-delay: 2683ms; } #imObjectContentSlider_34_01-slide-8 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-8 .slide-animated-element { animation-duration: 843ms; } #imObjectContentSlider_34_01-slide-8.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-8.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-8.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-8.exiting-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-8.default-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-8.entering-slide .slide-animated-element.slide-title { animation-delay: 2297ms; } #imObjectContentSlider_34_01-slide-8.exiting-slide .slide-animated-element.slide-description { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-8.default-slide .slide-animated-element.slide-description { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-8.entering-slide .slide-animated-element.slide-description { animation-delay: 2550ms; } #imObjectContentSlider_34_01-slide-9 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-9 .slide-animated-element { animation-duration: 843ms; } #imObjectContentSlider_34_01-slide-9.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-9.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-9.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-9.exiting-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-9.default-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-9.entering-slide .slide-animated-element.slide-title { animation-delay: 2297ms; } #imObjectContentSlider_34_01-slide-9.exiting-slide .slide-animated-element.slide-description { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-9.default-slide .slide-animated-element.slide-description { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-9.entering-slide .slide-animated-element.slide-description { animation-delay: 2550ms; } #imObjectContentSlider_34_01-slide-10 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-10 .slide-animated-element { animation-duration: 710ms; } #imObjectContentSlider_34_01-slide-10.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 639ms; } #imObjectContentSlider_34_01-slide-10.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-10.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-10.exiting-slide .slide-animated-element.slide-title { animation-delay: 426ms; } #imObjectContentSlider_34_01-slide-10.default-slide .slide-animated-element.slide-title { animation-delay: 213ms; } #imObjectContentSlider_34_01-slide-10.entering-slide .slide-animated-element.slide-title { animation-delay: 2257ms; } #imObjectContentSlider_34_01-slide-10.exiting-slide .slide-animated-element.slide-description { animation-delay: 213ms; } #imObjectContentSlider_34_01-slide-10.default-slide .slide-animated-element.slide-description { animation-delay: 426ms; } #imObjectContentSlider_34_01-slide-10.entering-slide .slide-animated-element.slide-description { animation-delay: 2470ms; } #imObjectContentSlider_34_01-slide-10.exiting-slide .slide-animated-element.slide-button { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-10.default-slide .slide-animated-element.slide-button { animation-delay: 639ms; } #imObjectContentSlider_34_01-slide-10.entering-slide .slide-animated-element.slide-button { animation-delay: 2683ms; } #imObjectContentSlider_34_01-slide-11 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-11 .slide-animated-element { animation-duration: 843ms; } #imObjectContentSlider_34_01-slide-11.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-11.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-11.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-11.exiting-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-11.default-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-11.entering-slide .slide-animated-element.slide-title { animation-delay: 2297ms; } #imObjectContentSlider_34_01-slide-11.exiting-slide .slide-animated-element.slide-description { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-11.default-slide .slide-animated-element.slide-description { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-11.entering-slide .slide-animated-element.slide-description { animation-delay: 2550ms; } #imObjectContentSlider_34_01-slide-12 { background: linear-gradient(transparent, transparent), url("") transparent no-repeat center; background-size: cover; } #imObjectContentSlider_34_01-slide-12 .slide-animated-element { animation-duration: 843ms; } #imObjectContentSlider_34_01-slide-12.exiting-slide .slide-animated-element.slide-image-container { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-12.default-slide .slide-animated-element.slide-image-container { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-12.entering-slide .slide-animated-element.slide-image-container { animation-delay: 2044ms; } #imObjectContentSlider_34_01-slide-12.exiting-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-12.default-slide .slide-animated-element.slide-title { animation-delay: 253ms; } #imObjectContentSlider_34_01-slide-12.entering-slide .slide-animated-element.slide-title { animation-delay: 2297ms; } #imObjectContentSlider_34_01-slide-12.exiting-slide .slide-animated-element.slide-description { animation-delay: 0ms; } #imObjectContentSlider_34_01-slide-12.default-slide .slide-animated-element.slide-description { animation-delay: 506ms; } #imObjectContentSlider_34_01-slide-12.entering-slide .slide-animated-element.slide-description { animation-delay: 2550ms; } @media (min-width: 1150.0px) {
|
|
#imContent { padding-left: 5px; padding-right:5px; }
|
|
#imCell_1, .imPageRow { margin-left: -5px; margin-right: -5px; }
|
|
#imPgTitle { width: 1134px; margin-left: 2px; margin-right: 2px; }
|
|
#imBreadcrumb { width: 1126px; margin-left: 6px; margin-right: 6px; }
|
|
#imCell_1 { padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
|
#imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
|
#imObjectContentSlider_34_01 { padding-top: 1px; padding-bottom: 23px; padding-left: 1px; padding-right: 1px; }
|
|
#imCellStyleDescription_1 { left: 6px; right: 6px; height: 12px; }
|
|
#imCellStyleGraphics_1 { left: 1px; right: 1px; }
|
|
#imCellStyleBorders_1 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
|
#imObjectContentSlider_34_01 > .content-slider-container.change-effect-cube > .content-slider.slide-container { transform-origin: 50% 50% calc(10px - 50vw); } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .slide-grid-container { width: 1136px; }
|
|
}
|
|
|
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
|
#imContent { padding-left: 5px; padding-right:5px; }
|
|
#imCell_1, .imPageRow { margin-left: -5px; margin-right: -5px; }
|
|
#imPgTitle { width: 704px; margin-left: 2px; margin-right: 2px; }
|
|
#imBreadcrumb { width: 696px; margin-left: 6px; margin-right: 6px; }
|
|
#imCell_1 { padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
|
#imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
|
#imObjectContentSlider_34_01 { padding-top: 1px; padding-bottom: 23px; padding-left: 1px; padding-right: 1px; }
|
|
#imCellStyleDescription_1 { left: 6px; right: 6px; height: 12px; }
|
|
#imCellStyleGraphics_1 { left: 1px; right: 1px; }
|
|
#imCellStyleBorders_1 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
|
#imObjectContentSlider_34_01 > .content-slider-container.change-effect-cube > .content-slider.slide-container { transform-origin: 50% 50% calc(10px - 50vw); } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .slide-grid-container { width: 706px; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid { -ms-grid-columns: 100%; grid-template-columns: auto; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container { grid-area: 1/1/2/2; -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-align: center; -ms-grid-row-align: center; justify-self: center; align-self: center; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container > .slide-image-content { max-width: 100%; max-height: 350px; width: auto; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid > .slide-txt-container { grid-area: 2/1/3/2; -ms-grid-row: 2; -ms-grid-column: 1; }
|
|
}
|
|
|
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
|
#imContent { padding-left: 5px; padding-right:5px; }
|
|
#imCell_1, .imPageRow { margin-left: -5px; margin-right: -5px; }
|
|
#imPgTitle { width: 464px; margin-left: 2px; margin-right: 2px; }
|
|
#imBreadcrumb { width: 456px; margin-left: 6px; margin-right: 6px; }
|
|
#imCell_1 { padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
|
#imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
|
#imObjectContentSlider_34_01 { padding-top: 1px; padding-bottom: 23px; padding-left: 1px; padding-right: 1px; }
|
|
#imCellStyleDescription_1 { left: 6px; right: 6px; height: 12px; }
|
|
#imCellStyleGraphics_1 { left: 1px; right: 1px; }
|
|
#imCellStyleBorders_1 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
|
#imObjectContentSlider_34_01 > .content-slider-container.change-effect-cube > .content-slider.slide-container { transform-origin: 50% 50% calc(10px - 50vw); } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .slide-grid-container { width: 466px; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid { -ms-grid-columns: 100%; grid-template-columns: auto; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container { grid-area: 1/1/2/2; -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-align: center; -ms-grid-row-align: center; justify-self: center; align-self: center; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container > .slide-image-content { max-width: 100%; max-height: 350px; width: auto; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid > .slide-txt-container { grid-area: 2/1/3/2; -ms-grid-row: 2; -ms-grid-column: 1; }
|
|
}
|
|
|
|
@media (max-width: 479.9px) {
|
|
#imPgTitle { width: 100%; margin-left: 0px; margin-right: 0px; }
|
|
#imBreadcrumb { width: 100%; margin-left: 0px; margin-right: 0px; }
|
|
#imCell_1 { padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; }
|
|
#imObjectContentSlider_34_01 { padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
|
#imCellStyleDescription_1 { position: relative; }
|
|
#imCell_1 { -ms-grid-rows: auto auto ; grid-template-rows: auto; }
|
|
#imCellStyleDescription_1 { -ms-grid-row: 2; }
|
|
#imCellStyleGraphics_1 { top: 1px; bottom: 1px; left: 5px; right: 5px; box-sizing: border-box; }
|
|
#imObjectContentSlider_34_01 > .content-slider-container.change-effect-cube > .content-slider.slide-container { transform-origin: 50% 50% calc(14px - 50vw); } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .slide-grid-container { width: 100%; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid { -ms-grid-columns: 100%; grid-template-columns: auto; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container { grid-area: 1/1/2/2; -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-align: center; -ms-grid-row-align: center; justify-self: center; align-self: center; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid > .slide-image-container > .slide-image-content { max-width: 100%; max-height: 350px; width: auto; } #imObjectContentSlider_34_01 > .content-slider-container > .slide-container > .full-grid > .slide-txt-container { grid-area: 2/1/3/2; -ms-grid-row: 2; -ms-grid-column: 1; }
|
|
}
|