@charset "utf-8"; @import "../initial"; .oxilab-flip-box-body-7-7 .oxilab-flip-box-7 { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/圖片2.jpg"); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; } .oxilab-flip-box-padding-7 { padding: 5px 10px; -webkit-transition: opacity 2s linear; -moz-transition: opacity 2s linear; -ms-transition: opacity 2s linear; -o-transition: opacity 2s linear; transition: opacity 2s linear; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } .oxilab-flip-box-body-7 { max-width: 554px; width: 100%; margin: 0 auto; position: relative; } .oxilab-flip-box-body-7:after { padding-bottom: 48.194945848375%; content: ""; display: block; } .oxilab-flip-box-7 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(0, 0, 0, 0); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); } .oxilab-flip-box-7-data { position: absolute; left: 0%; top: 50%; padding: 10px 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .oxilab-flip-box-7-data .oxilab-icon { display: block; text-align: center; padding: 6px 6px; } .oxilab-flip-box-7-data .oxilab-icon-data { display: inline-block; width: 0px; height: 0px; text-align: center; } .oxilab-flip-box-7-data .oxilab-icon-data .oxi-icons { line-height: 0px; font-size: 35px; color: #ffffff; } .oxilab-flip-box-7-data .oxilab-heading { display: block; color: #ffffff; text-align: Center; font-size: 36px; font-family: "Open Sans"; font-weight: bold; font-style: normal; padding: 10px 10px 10px 10px; } .oxilab-flip-box-7-data .oxilab-info { display: block; color: #ffffff; text-align: Center; font-size: 16px; font-family: "Open Sans"; font-weight: 300; font-style: normal; padding: 6px 6px 6px 6px; } .oxilab-flip-box-back-7 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(164, 86, 86, 1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); } .oxilab-flip-box-back-7-data { position: absolute; left: 0%; right: 0; top: 50%; padding: 10px 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .oxilab-flip-box-back-7-data .oxilab-heading { display: block; color: #ffffff; text-align: Center; font-size: 18px; font-family: "Open Sans"; font-weight: 600; font-style: normal; padding: 10px 10px 10px 10px; } .oxilab-flip-box-back-7-data .oxilab-info { display: block; color: #ffffff; text-align: Center; font-size: 1.3em; font-family: "Open Sans"; font-weight: 300; font-style: normal; padding: 6px 6px 6px 6px; } .oxilab-flip-box-back-7-data .oxilab-button { display: block; text-align: Center; padding: 8px 8px 8px 8px; } .oxilab-flip-box-back-7-data .oxilab-button-data { display: inline-block; font-size: 14px; font-family: "Open Sans"; font-weight: 300; font-style: normal; padding: 10px 20px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; color: #000000; background-color: rgba(255, 255, 255, 1); } .oxilab-flip-box-back-7-data .oxilab-button-data:hover { background-color: rgba(125, 67, 240, 1); color: #ffffff; } .oxilab-flip-box-body-8-8 .oxilab-flip-box-8 { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/圖片3.jpg"); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; } .oxilab-flip-box-padding-8 { padding: 5px 10px; -webkit-transition: opacity 2s linear; -moz-transition: opacity 2s linear; -ms-transition: opacity 2s linear; -o-transition: opacity 2s linear; transition: opacity 2s linear; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } .oxilab-flip-box-body-8 { max-width: 554px; width: 100%; margin: 0 auto; position: relative; } .oxilab-flip-box-body-8:after { padding-bottom: 66.787003610108%; content: ""; display: block; } .oxilab-flip-box-8 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(0, 0, 0, 0); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); } .oxilab-flip-box-8-data { position: absolute; left: 0%; top: 50%; padding: 10px 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .oxilab-flip-box-8-data .oxilab-icon { display: block; text-align: center; padding: 6px 6px; } .oxilab-flip-box-8-data .oxilab-icon-data { display: inline-block; width: 0px; height: 0px; text-align: center; } .oxilab-flip-box-8-data .oxilab-icon-data .oxi-icons { line-height: 0px; font-size: 35px; color: #ffffff; } .oxilab-flip-box-8-data .oxilab-heading { display: block; color: #ffffff; text-align: Center; font-size: 36px; font-family: "Open Sans"; font-weight: bold; font-style: normal; padding: 10px 10px 10px 10px; } .oxilab-flip-box-8-data .oxilab-info { display: block; color: #ffffff; text-align: Center; font-size: 16px; font-family: "Open Sans"; font-weight: 300; font-style: normal; padding: 6px 6px 6px 6px; } .oxilab-flip-box-back-8 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(164, 86, 86, 1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); } .oxilab-flip-box-back-8-data { position: absolute; left: 0%; right: 0; top: 50%; padding: 10px 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .oxilab-flip-box-back-8-data .oxilab-heading { display: block; color: #ffffff; text-align: Center; font-size: 18px; font-family: "Open Sans"; font-weight: 600; font-style: normal; padding: 10px 10px 10px 10px; } .oxilab-flip-box-back-8-data .oxilab-info { display: block; color: #ffffff; text-align: Center; font-size: 1.3em; font-family: "Open Sans"; font-weight: 300; font-style: normal; padding: 6px 6px 6px 6px; } .oxilab-flip-box-back-8-data .oxilab-button { display: block; text-align: Center; padding: 8px 8px 8px 8px; } .oxilab-flip-box-back-8-data .oxilab-button-data { display: inline-block; font-size: 14px; font-family: "Open Sans"; font-weight: 300; font-style: normal; padding: 10px 20px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; color: #000000; background-color: rgba(255, 255, 255, 1); } .oxilab-flip-box-back-8-data .oxilab-button-data:hover { background-color: rgba(125, 67, 240, 1); color: #ffffff; } .oxilab-flip-box-body-9-9 .oxilab-flip-box-9 { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/圖片4.jpg"); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; } .oxilab-flip-box-padding-9 { padding: 5px 10px; -webkit-transition: opacity 2s linear; -moz-transition: opacity 2s linear; -ms-transition: opacity 2s linear; -o-transition: opacity 2s linear; transition: opacity 2s linear; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } .oxilab-flip-box-body-9 { max-width: 554px; width: 100%; margin: 0 auto; position: relative; } .oxilab-flip-box-body-9:after { padding-bottom: 66.787003610108%; content: ""; display: block; } .oxilab-flip-box-9 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(0, 0, 0, 0); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); } .oxilab-flip-box-9-data { position: absolute; left: 0%; top: 50%; padding: 10px 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .oxilab-flip-box-9-data .oxilab-icon { display: block; text-align: center; padding: 6px 6px; } .oxilab-flip-box-9-data .oxilab-icon-data { display: inline-block; width: 0px; height: 0px; text-align: center; } .oxilab-flip-box-9-data .oxilab-icon-data .oxi-icons { line-height: 0px; font-size: 35px; color: #ffffff; } .oxilab-flip-box-9-data .oxilab-heading { display: block; color: #ffffff; text-align: Center; font-size: 36px; font-family: "Open Sans"; font-weight: bold; font-style: normal; padding: 10px 10px 10px 10px; } .oxilab-flip-box-9-data .oxilab-info { display: block; color: #ffffff; text-align: Center; font-size: 16px; font-family: "Open Sans"; font-weight: 300; font-style: normal; padding: 6px 6px 6px 6px; } .oxilab-flip-box-back-9 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(164, 86, 86, 1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); } .oxilab-flip-box-back-9-data { position: absolute; left: 0%; right: 0; top: 50%; padding: 10px 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .oxilab-flip-box-back-9-data .oxilab-heading { display: block; color: #ffffff; text-align: Center; font-size: 18px; font-family: "Open Sans"; font-weight: 600; font-style: normal; padding: 10px 10px 10px 10px; } .oxilab-flip-box-back-9-data .oxilab-info { display: block; color: #ffffff; text-align: Center; font-size: 1.3em; font-family: "Open Sans"; font-weight: 300; font-style: normal; padding: 6px 6px 6px 6px; } .oxilab-flip-box-back-9-data .oxilab-button { display: block; text-align: Center; padding: 8px 8px 8px 8px; } .oxilab-flip-box-back-9-data .oxilab-button-data { display: inline-block; font-size: 14px; font-family: "Open Sans"; font-weight: 300; font-style: normal; padding: 10px 20px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; color: #000000; background-color: rgba(255, 255, 255, 1); } .oxilab-flip-box-back-9-data .oxilab-button-data:hover { background-color: rgba(125, 67, 240, 1); color: #ffffff; } .oxilab-flip-box-body-10-10 .oxilab-flip-box-10 { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/圖片5.jpg"); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; } .oxilab-flip-box-padding-10 { padding: 5px 10px; -webkit-transition: opacity 2s linear; -moz-transition: opacity 2s linear; -ms-transition: opacity 2s linear; -o-transition: opacity 2s linear; transition: opacity 2s linear; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } .oxilab-flip-box-body-10 { max-width: 554px; width: 100%; margin: 0 auto; position: relative; } .oxilab-flip-box-body-10:after { padding-bottom: 66.787003610108%; content: ""; display: block; } .oxilab-flip-box-10 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(0, 0, 0, 0); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); } .oxilab-flip-box-10-data { position: absolute; left: 0%; top: 50%; padding: 10px 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .oxilab-flip-box-10-data .oxilab-icon { display: block; text-align: center; padding: 6px 6px; } .oxilab-flip-box-10-data .oxilab-icon-data { display: inline-block; width: 0px; height: 0px; text-align: center; } .oxilab-flip-box-10-data .oxilab-icon-data .oxi-icons { line-height: 0px; font-size: 35px; color: #ffffff; } .oxilab-flip-box-10-data .oxilab-heading { display: block; color: #ffffff; text-align: Center; font-size: 36px; font-family: "Open Sans"; font-weight: bold; font-style: normal; padding: 10px 10px 10px 10px; } .oxilab-flip-box-10-data .oxilab-info { display: block; color: #ffffff; text-align: Center; font-size: 1.3em; font-family: "Open Sans"; font-weight: 300; font-style: normal; padding: 6px 6px 6px 6px; } .oxilab-flip-box-back-10 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(164, 86, 86, 1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1); } .oxilab-flip-box-back-10-data { position: absolute; left: 0%; right: 0; top: 50%; padding: 10px 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .oxilab-flip-box-back-10-data .oxilab-heading { display: block; color: #ffffff; text-align: Center; font-size: 18px; font-family: "Open Sans"; font-weight: 600; font-style: normal; padding: 10px 10px 10px 10px; } .oxilab-flip-box-back-10-data .oxilab-info { display: block; color: #ffffff; text-align: Center; font-size: 1.3em; font-family: "Open Sans"; font-weight: 300; font-style: normal; padding: 6px 6px 6px 6px; } .oxilab-flip-box-back-10-data .oxilab-button { display: block; text-align: Center; padding: 8px 8px 8px 8px; } .oxilab-flip-box-back-10-data .oxilab-button-data { display: inline-block; font-size: 14px; font-family: "Open Sans"; font-weight: 300; font-style: normal; padding: 10px 20px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; color: #000000; background-color: rgba(255, 255, 255, 1); } .oxilab-flip-box-back-10-data .oxilab-button-data:hover { background-color: rgba(125, 67, 240, 1); color: #ffffff; } .kb-row-layout-wrap,.kt-row-layout-inner { border: 0 solid transparent; position: relative } .kb-row-layout-wrap:before,.kt-row-layout-inner:before { clear: both; content: ""; display: table } .kt-row-column-wrap { /* display:grid; */ gap: var(--global-row-gutter-md,2rem) var(--global-row-gutter-md,2rem); grid-auto-rows: minmax(min-content,max-content); grid-template-columns: minmax(0,1fr); position: relative; z-index: 1 } .wp-block-kadence-rowlayout .kt-row-column-wrap.kb-theme-content-width { margin-left: auto; margin-right: auto } .alignfull>.kt-row-column-wrap,.alignfull>.kt-row-layout-inner>.kt-row-column-wrap,.kt-row-has-bg>.kt-row-column-wrap { padding-left: var(--global-content-edge-padding,15px); padding-right: var(--global-content-edge-padding,15px) } .kt-inner-column-height-full:not(.kt-row-layout-row) { grid-auto-rows: minmax(0,1fr) } .kt-inner-column-height-full:not(.kt-row-layout-row)>.wp-block-kadence-column>.kt-inside-inner-col { height: 100% } .kt-row-valign-middle.kt-inner-column-height-full>.wp-block-kadence-column:not(.kb-section-dir-horizontal)>.kt-inside-inner-col { display: flex; flex-direction: column; justify-content: center } .kt-row-valign-bottom.kt-inner-column-height-full>.wp-block-kadence-column:not(.kb-section-dir-horizontal)>.kt-inside-inner-col { display: flex; flex-direction: column; justify-content: flex-end } .kt-row-valign-middle.kt-inner-column-height-full>.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col { align-items: center } .kt-row-valign-bottom.kt-inner-column-height-full>.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col { align-items: flex-end } @media screen and (max-width: 1024px) { .kt-inner-column-height-full.kt-tab-layout-inherit.kt-row-layout-row,.kt-inner-column-height-full.kt-tab-layout-row { grid-auto-rows:minmax(min-content,max-content) } .kt-inner-column-height-full.kt-tab-layout-inherit.kt-row-layout-row>.wp-block-kadence-column>.kt-inside-inner-col,.kt-inner-column-height-full.kt-tab-layout-row>.wp-block-kadence-column>.kt-inside-inner-col { height: auto } } @media screen and (max-width: 767px) { .kt-inner-column-height-full.kt-mobile-layout-row { grid-auto-rows:minmax(min-content,max-content) } .kt-inner-column-height-full.kt-mobile-layout-row>.wp-block-kadence-column>.kt-inside-inner-col { height: auto } } .kt-row-layout-overlay { filter: opacity(100%); height: 100%; left: 0; opacity: .3; position: absolute; top: 0; width: 100%; z-index: 0 } .kt-row-layout-overlay.kt-jarallax { filter: none } @media(min-width: 768px)and (max-width:1024px) { .wp-block-kadence-rowlayout [id*=jarallax-container-]>div { height:var(--kb-screen-height-fix,100vh)!important; margin-top: -40px!important } } @media only screen and (min-width: 768px)and (max-width:1366px)and (-webkit-min-device-pixel-ratio:2) { .wp-block-kadence-rowlayout [id*=jarallax-container-]>div { height:var(--kb-screen-height-fix,100vh)!important; margin-top: -40px!important } } .entry-content .wp-block-kadence-rowlayout.alignfull,.entry-content .wp-block-kadence-rowlayout.alignwide { margin-bottom: 0; text-align: inherit } .kt-row-layout-bottom-sep { bottom: -1px; height: 100px; left: 0; overflow: hidden; position: absolute; right: 0; z-index: 1 } .kt-row-layout-bottom-sep svg { fill: #fff; bottom: 0; display: block; height: 100%; left: 50%; position: absolute; transform: translateX(-50%); width: 100.2% } .kt-row-layout-top-sep { height: 100px; left: 0; overflow: hidden; position: absolute; right: 0; top: -1px; z-index: 1 } .kt-row-layout-top-sep svg { fill: #fff; display: block; height: 100%; left: 50%; position: absolute; top: 0; transform: translateX(-50%) rotate(180deg); width: 100.2% } .kb-row-layout-wrap>.kb-blocks-bg-slider,.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init.kt-blocks-carousel-init,.kt-row-layout-inner>.kb-blocks-bg-slider,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init.kt-blocks-carousel-init { bottom: 0; left: 0; margin: 0; padding: 0; position: absolute; right: 0; top: 0 } .kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__list,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__slide,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__track,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__list,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__slide,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__track { height: 100% } .kb-row-layout-wrap>.kb-blocks-bg-slider .splide__list,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__list { height: 100%!important } .kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain div.kb-bg-slide,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain div.kb-bg-slide { background-position: 50%; background-repeat: no-repeat; background-size: cover } .kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain { display: none } .kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain:first-child,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain:first-child { display: block } .kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain div,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain div { height: 100%; position: relative } .kb-blocks-bg-slider-init.splide .splide__pagination { bottom: 10px } .kb-blocks-bg-slider-init.splide .splide__arrow { z-index: 100 } .kb-blocks-bg-video-container { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0 } .kb-blocks-bg-video-container .kb-blocks-bg-video { height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 100% } .kb-blocks-bg-video-container .kb-blocks-bg-video::-webkit-media-controls { display: none!important } .kb-blocks-bg-video-container.embedded .kb-blocks-bg-video { display: block; height: 56.25vw; left: 50%; min-height: auto; min-width: auto; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 100vw } .kb-blocks-bg-video-container .kb-background-video-buttons-wrapper { bottom: 20px; position: absolute; right: 20px; z-index: 11 } .kb-blocks-bg-video-container .kb-background-video-buttons-wrapper .button.kb-toggle-video-btn { background: rgba(0,0,0,.3); border: 0; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-size: 1.3em; height: 32px; line-height: 16px; margin: 0 0 0 8px; opacity: .5; padding: 8px; transition: opacity .3s ease-in-out } .kb-blocks-bg-video-container .kb-background-video-buttons-wrapper .button.kb-toggle-video-btn svg { height: 16px; vertical-align: bottom; width: 16px } .kb-blocks-bg-video-container .kb-background-video-buttons-wrapper button.kb-toggle-video-btn:hover { opacity: 1 } .kb-blocks-bg-video { background-position: 50%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; width: 100% } @media(max-width: 767px) { .kvs-sm-false { display:none!important } } @media(min-width: 768px)and (max-width:1024px) { .kvs-md-false { display:none!important } } @media screen and (min-width: 1025px) { .kvs-lg-false { display:none!important } } .wp-block-kadence-rowlayout .kb-blocks-bg-slider .splide-arrow { z-index: 1000 } .kb-row-layout-id1082_4b116f-ad > .kt-row-column-wrap { column-gap: var(--global-kb-gap-sm, 1rem); row-gap: var(--global-kb-gap-sm, 1rem); max-width: 1400px; margin-left: auto; margin-right: auto; padding-top: var( --global-kb-row-default-top, var(--global-kb-spacing-sm, 1.5rem) ); padding-bottom: var( --global-kb-row-default-bottom, var(--global-kb-spacing-sm, 1.5rem) ); grid-template-columns: repeat(3, minmax(0, 1fr)); } @media all and (max-width: 767px) { .kb-row-layout-id1082_4b116f-ad > .kt-row-column-wrap { grid-template-columns:minmax(0, 1fr); } } .kb-row-layout-id1082_b8e028-92 > .kt-row-column-wrap { column-gap: var(--global-kb-gap-none, 0 ); row-gap: var(--global-kb-gap-none, 0 ); max-width: 1400px; margin-left: auto; margin-right: auto; padding-top: var( --global-kb-row-default-top, var(--global-kb-spacing-sm, 1.5rem) ); padding-bottom: var( --global-kb-row-default-bottom, var(--global-kb-spacing-sm, 1.5rem) ); grid-template-columns: repeat(3, minmax(0, 1fr)); } @media all and (max-width: 767px) { .kb-row-layout-id1082_b8e028-92 > .kt-row-column-wrap { grid-template-columns:minmax(0, 1fr); } } .kb-row-layout-id1082_9e9508-07 > .kt-row-column-wrap { max-width: 750px; padding-bottom: var(--global-kb-spacing-lg, 3rem); grid-template-columns: minmax(0, 1fr); } @media all and (min-width: 1025px) { .kb-row-layout-id1082_9e9508-07 { display:none !important; } } @media all and (min-width: 768px) and (max-width: 1024px) { .kb-row-layout-id1082_9e9508-07 { display:none !important; } } @media all and (max-width: 767px) { .kb-row-layout-id1082_9e9508-07 > .kt-row-column-wrap { grid-template-columns:minmax(0, 1fr); } .kb-row-layout-id1082_9e9508-07 { display: none !important; } } .kadence-column1082_3d0591-c1 > .kt-inside-inner-col { padding-right: var(--global-kb-spacing-xs, 1rem); padding-left: var(--global-kb-spacing-xs, 1rem); } .kadence-column1082_3d0591-c1 > .kt-inside-inner-col { background-color: rgba(255, 255, 255, 0.75); }