cvleft"); background-size: cover; position: absolute; right: 0px; transform: rotate(180deg) translate(15px, -5px); } .rtl #su01.su01mobile #su01navcontent button:not(.su01mobileback):not(.su01clsnav)::before { right: auto; left: 0px; transform: rotate(0deg) translate(15px, 0px); } #su01.su01mobile #su01navcontent button:focus { outline-offset: -2px; } #su01.su01mobile #su01navcontent a { line-height: 24px; padding: 8px var(--su01-margin-size); width: 100%; display: flex; position: relative; z-index: 1; font-size: 16px !important; } #su01.su01mobile #su01navcontent a:focus { outline-offset: -2px; } #su01.su01mobile #su01navcontent .su01nav-wrap { position: absolute; top: 0px; width: 100%; height: 100%; display: block !important; } #su01.su01mobile #su01navcontent .su01nav-wrap.active { width: 100%; transition-delay: 0s; } #su01.su01mobile #su01navcontent ul[data-depth="1"], #su01.su01mobile #su01navcontent ul[data-depth="2"], #su01.su01mobile #su01navcontent ul[data-depth="3"] { transform: translate(100%, 0px); opacity: 0; visibility: hidden; height: 0px; padding-bottom: 3em; transition: transform 200ms ease 0s, opacity 200ms ease 0s, visibility 0s linear 200ms; display: none; } #su01.su01mobile #su01navcontent ul[data-depth="1"] > li, #su01.su01mobile #su01navcontent ul[data-depth="2"] > li, #su01.su01mobile #su01navcontent ul[data-depth="3"] > li { height: 0px; } #su01.su01mobile #su01navcontent ul[data-depth="1"].active, #su01.su01mobile #su01navcontent ul[data-depth="2"].active, #su01.su01mobile #su01navcontent ul[data-depth="3"].active { display: block; height: auto; } #su01.su01mobile #su01navcontent ul[data-depth="1"].active > li, #su01.su01mobile #su01navcontent ul[data-depth="2"].active > li, #su01.su01mobile #su01navcontent ul[data-depth="3"].active > li { height: auto; } #su01.su01mobile #su01navcontent ul[data-depth="1"].visible, #su01.su01mobile #su01navcontent ul[data-depth="2"].visible, #su01.su01mobile #su01navcontent ul[data-depth="3"].visible { transform: translate(0px, 0px); opacity: 1; visibility: visible; transition: transform 200ms ease 0s, opacity 200ms ease 0s, visibility 0s ease 0s; } #su01.su01mobile #su01navcontent ul[data-depth="1"].hideli > li, #su01.su01mobile #su01navcontent ul[data-depth="2"].hideli > li, #su01.su01mobile #su01navcontent ul[data-depth="3"].hideli > li { visibility: hidden; } #su01.su01mobile #su01navcontent ul[data-depth="1"].hashighlight, #su01.su01mobile #su01navcontent ul[data-depth="2"].hashighlight, #su01.su01mobile #su01navcontent ul[data-depth="3"].hashighlight { padding-bottom: 0px; } #su01.su01mobile #su01navcontent ul[data-depth="1"] { z-index: 2; position: relative; } #su01.su01mobile #su01navcontent ul[data-depth="2"], #su01.su01mobile #su01navcontent ul[data-depth="3"] { position: absolute; top: 0px; width: 100%; z-index: 3; } #su01.su01mobile #su01navcontent ul[data-depth="2"]::before, #su01.su01mobile #su01navcontent ul[data-depth="3"]::before { content: ""; position: absolute; height: 100%; width: 100%; background-color: rgb(255, 255, 255); z-index: -1; } #su01.su01mobile #su01navcontent ul[data-depth="2"] li.divider, #su01.su01mobile #su01navcontent ul[data-depth="3"] li.divider { margin: 8px 0px; transform: translate(0px, 1em); } #su01.su01mobile #su01navcontent ul[data-depth="2"] li.divider + .callout::before, #su01.su01mobile #su01navcontent ul[data-depth="3"] li.divider + .callout::before { display: none; } #su01.su01mobile #su01navcontent .heading { padding: 8px var(--su01-margin-size); } #su01.su01mobile #su01navcontent .callout { padding-top: 1em; position: relative; } #su01.su01mobile #su01navcontent .callout ul { padding-top: 1em; } #su01.su01mobile #su01navcontent .callout ul::before { width: 100%; height: 2px; top: 0px; } #su01.su01mobile #su01navcontent .callout ul li a { padding: 4px var(--su01-margin-size); font-size: 14px !important; } #su01.su01mobile #su01navcontent .callout + .callout ul { padding-top: 0px; } #su01.su01mobile #su01navcontent .callout + .callout ul::before { display: none; } #su01.su01mobile #su01navcontent .callout::before { content: ""; width: 100%; background-color: rgb(194, 212, 212); position: absolute; top: 1em; height: 2px !important; } #su01.su01mobile #su01navcontent .callout.second::before { display: none; } #su01.su01mobile #su01navcontent .callout.last::before { display: none; } #su01.su01mobile #su01navcontent .highlight { margin-top: 1em; } #su01.su01mobile #su01navcontent .highlight::before { top: 0px; } #su01.su01mobile #su01navcontent .highlight p { line-height: 24px; padding-top: ; padding-right: ; padding-left: ; width: 100%; display: flex; padding-bottom: 0px; margin-bottom: 0px !important; font-size: 14px !important; } #su01.su01mobile #su01navcontent .highlight a { color: rgb(0, 104, 140); } #su01.su01mobile #su01navcontent .left-column > li.divider { margin: 8px var(--su01-margin-size); width: auto; } #su01.su01mobile #su01navcontent a.arw::after { height: calc(100% - 16px); right: var(--su01-margin-size); } .rtl #su01.su01mobile #su01navcontent a.arw::after { right: auto; left: var(--su01-margin-size); transform: rotate(180deg); } #su01.su01mobile.backgroundactive #su01navcontent::before { transform: translate(0px, 0px); opacity: 1; transition: transform 200ms ease 0s, opacity 200ms ease 0s; } #su01.su01mobile button.su01mobileback { font-size: 16px; line-height: 20px; font-weight: 700; width: 100%; text-align: left; padding: 8px 12px 8px 50px; margin: 26px 0px 16px; } #su01.su01mobile button.su01mobileback::after { content: ""; width: 16px; height: 16px; background-image: url("data:image/svg+xml;utf8,cvleft"); background-size: cover; position: absolute; left: 0px; transform: translate(20px, 2px); transition: translate 100ms ease 0s; background-position: center center; } #su01.su01mobile li.su01mobilehead { font-size: 18px; line-height: 28px; font-weight: 600; position: relative; padding: 9px var(--su01-margin-size); margin-bottom: 15px; } #su01.su01mobile li.su01mobilehead::after { content: ""; width: calc(100% + 12px); height: 100%; position: absolute; background-color: rgb(194, 212, 212); left: -12px; z-index: -1; top: 0px; } #su01.su01mobile .su01menuhead { display: none !important; } #su01.su01mobile .su01clsnav { display: none; } #su01.su01mobile .su01auto-title, #su01.su01mobile ul.autocomplete-items li a, #su01.su01mobile ul#su01quicklinks li a, #su01.su01mobile ul#su01searchallul li a { padding: 16px var(--su01-margin-size); } #su01.su01mobile ul#su01searchallul li a#su01searchall { padding: 16px 50px !important; } #su01.su01mobile ul#su01searchallul li a#su01searchall::before { left: var(--su01-margin-size); } #su01.su01mobile #su01searchForm { width: calc(100% - 20px); right: 10px; } #su01.su01mobile #su01searchBtn { right: 10px; } .rtl #su01.su01mobile #su01searchBtn { right: auto; left: 0px; } @media (max-width: 700px) { #su01searchw3 { position: fixed; top: var(--navHeight); border-radius: 0px; } .suggestactive #su01searchw3 { transform: translate(0px, 0px); } #su01input { font-size: 16px; } .su01input { padding: 0px 25px 0px 33px; } } @media (max-width: 500px) { #su01navcontent { width: calc(100% + 2*var(--su01-margin-adjustment) + 4px) !important; } } .su01 #ac-flag { align-items: center; position: relative; display: flex; justify-content: center; } .su01 #ac-flag .acs-arrow { position: fixed; top: 60px; transform: rotate(180deg); width: 0px; height: 0px; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-top: 10px solid rgb(255, 255, 255); z-index: 3; } .su01 #ac-flag .acs-arrow.show { visibility: visible; animation: 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal both running slide-in-top; } .su01 #ac-flag .acs-arrow.close-acs { display: none; } .su01 #ac-flag .flag-focus { border-radius: 4px; transition: background-color 200ms ease 0s; display: inline-flex; justify-content: center; width: var(--su01-btn-size); height: var(--su01-btn-size); align-items: center; } .su01 #ac-flag .flag-focus:focus { outline: rgb(22, 21, 19) dotted 2px; } .su01 #ac-flag .flag-focus:hover { background-color: rgb(241, 239, 237); } .su01 #ac-flag .acs-wrapper { display: none; visibility: hidden; background: rgb(255, 255, 255); padding: 0.5em 2em 2em; border-radius: 4px; position: absolute; top: 62px; z-index: 0; width: 492px; color: rgb(22, 21, 19); right: -40px; box-shadow: rgba(22, 21, 19, 0.2) 0px 5px 20px; } @media (max-width: 974px) { .su01 #ac-flag .acs-wrapper { right: -60px; } } .su01 #ac-flag .acs-wrapper.show { display: block; visibility: visible; animation: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running slide-in-top; } .su01 #ac-flag .acs-wrapper.close-acs { display: none; } .su01 #ac-flag .acs-wrapper .icn-close.acs-close { border: 0px; background: rgba(0, 0, 0, 0); position: relative; right: -100%; font-size: 20px; cursor: pointer; z-index: 10; } .su01 #ac-flag .acs-wrapper .icn-close.acs-close::before { color: rgb(22, 21, 19); } .rtl .su01 #ac-flag .acs-wrapper .icn-close.acs-close { right: 100%; } .su01 #ac-flag .acs-wrapper .acs-buttons { padding: 0px 0px 10px; } .su01 #ac-flag .acs-wrapper .countrynamewrapper { display: flex; justify-content: center; align-items: center; } .su01 #ac-flag .acs-wrapper .countrynamewrapper .countryname { position: relative; } .su01 #ac-flag .acs-wrapper p.stay-message, .su01 #ac-flag .acs-wrapper p.continue-message { font-weight: 600; } .rtl .su01 #ac-flag .acs-wrapper { right: -440px; } .rtl .su01 #ac-flag .acs-wrapper.acs-wrapper::before { right: 440px; } @media (max-width: 600px) { .rtl .su01 #ac-flag .acs-wrapper { right: -70px; } .rtl .su01 #ac-flag .acs-wrapper .acs-wrapper::before { right: 80%; } } .rtl .rtl .su01 #ac-flag .acs-wrapper .icn-close.acs-close { right: 100%; } @media (max-width: 600px) { .su01 #ac-flag .acs-wrapper { left: 30%; transform: translate(-27%, 3%); width: 88%; position: fixed; } } @keyframes slide-in-top { 0% { opacity: 0; } 100% { opacity: 1; } } .su01 .acs-details-wrapper { display: flex; flex-direction: column; } .su01 .acs-details-wrapper a.choose-language { position: relative; padding: 0px; margin-top: 10px; } .su01 .acs-details-wrapper a.choose-language:focus { width: fit-content; } .rh02 { position: relative; width: 100%; } .rtl .rh02 { direction: rtl; } .rtl .rh02 button { text-align: right; } .rtl .rh02 .rh02-ttl b.ologo { background-position: 100% 0.35em; } .rtl .rh02 .rh02-ttl b { font-weight: 700; } .rtl .rh02 .rh02w3 { padding-left: 0px; padding-right: 4.8rem; } .rtl .rh02 .rh02carousel .rh02nav { left: auto; right: 10%; } .rh02w1 { display: flex; flex-flow: row; justify-content: space-between; align-items: center; overflow: hidden; } .rh02w1::after { background-color: rgb(87, 115, 70); background-image: url("https://www.oracle.com/asset/web/i/rh02-panel1.jpg"); background-position: 50% 0px; background-size: cover; content: ""; display: block; position: absolute; inset: 60px 33% 0px; z-index: 0; } .retina .rh02w1::after { background-image: url("https://www.oracle.com/asset/web/i/rh02-panel1-2x.jpg"); } .rh02panel { height: 100vh; width: 33.3333%; position: relative; overflow: hidden; } .rh02panel .rh02back { display: none; } .rh02panel.rh02open .rh02defpanel::before { opacity: 1; } .rh02-pcontent { margin: 0px; font-size: 1.8rem; font-weight: 400; } .rh02-pcontent * { line-height: 1.35; } .rh02open .rh02-pcontent .rh02-sub, .rh02open .rh02-pcontent .rh02-leadin { height: 0px; opacity: 0; } .rh02open .rh02-pcontent .rh02-sub { margin-bottom: 0px; } .rh02-logo-sm, .rh02-logo-md, .rh02-logo-lg { display: flex; flex-flow: column; justify-content: flex-end; align-items: stretch; height: 5rem; max-width: 300px; width: 60%; margin-bottom: 0.6em; } .rh02-logo-sm img, .rh02-logo-md img, .rh02-logo-lg img { width: 100%; } .rh02-logo-sm { height: 3rem; } .rh02-logo-lg { height: 9rem; } .rh02-logotype { font-size: 5.9375rem; margin-bottom: 0.33em; height: 1em; align-items: flex-end; max-width: 5em; flex-basis: 5em; } button.rh02-pcontent { border: 0px; display: block; text-align: left; background: rgba(0, 0, 0, 0); font-family: inherit; } button.rh02-pcontent:hover { cursor: pointer; } .rh02-ttl { font-size: 3.2rem; font-weight: 300; line-height: 1.3; margin: 0px 0px 0.625em; } .rh02-ttl:not(.oserif) { font-family: inherit !important; } .rh02-ttl b { display: block; font-size: 1.25em; font-weight: 800; line-height: 1.2; margin-top: -1px; } .rh02-ttl b.ologo { color: rgba(0, 0, 0, 0); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 231 30' preserveAspectRatio='xMinYMid'%3E%3Cpath d='M99.61,19.52h15.24l-8.05-13L92,30H85.27l18-28.17a4.29,4.29,0,0,1,7-.05L128.32,30h-6.73l-3.17-5.25H103l-3.36-5.23m69.93,5.23V0.28h-5.72V27.16a2.76,2.76,0,0,0,.85,2,2.89,2.89,0,0,0,2.08.87h26l3.39-5.25H169.54M75,20.38A10,10,0,0,0,75,.28H50V30h5.71V5.54H74.65a4.81,4.81,0,0,1,0,9.62H58.54L75.6,30h8.29L72.43,20.38H75M14.88,30H32.15a14.86,14.86,0,0,0,0-29.71H14.88a14.86,14.86,0,1,0,0,29.71m16.88-5.23H15.26a9.62,9.62,0,0,1,0-19.23h16.5a9.62,9.62,0,1,1,0,19.23M140.25,30h17.63l3.34-5.23H140.64a9.62,9.62,0,1,1,0-19.23h16.75l3.38-5.25H140.25a14.86,14.86,0,1,0,0,29.71m69.87-5.23a9.62,9.62,0,0,1-9.26-7h24.42l3.36-5.24H200.86a9.61,9.61,0,0,1,9.26-7h16.76l3.35-5.25h-20.5a14.86,14.86,0,0,0,0,29.71h17.63l3.35-5.23h-20.6' transform='translate(-0.02 0)' style='fill:%23FBF9F8'/%3E%3C/svg%3E") 0px 0.35em / auto 60.5% no-repeat; } .rh02-sub { font-weight: 600; margin-bottom: 0.44445em; } .rh02-leadin { overflow: hidden; height: auto; } .rh02 .darktheme .rh02-pcontent, .rh02 .darktheme .rh02-scontent { color: rgb(251, 249, 248); } .rh02 .darktheme .rh02-pcontent .rh02-ttl, .rh02 .darktheme .rh02-scontent .rh02-ttl { color: rgb(255, 255, 255); } .rh02carousel.rh02random { background-color: rgb(58, 54, 50); } .rh02carousel .rh02nav { transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; position: absolute; bottom: 7vh; left: 10%; z-index: 4; display: flex; flex-flow: row; justify-content: space-between; align-items: center; } .rh02carousel .rh02nav li { opacity: 1; transform: translateX(0px); transition: opacity 0.4s ease 0s, transform 0.4s ease 0s; } .rh02carousel .rh02nav li a { display: block; margin-right: 12px; position: relative; height: 24px; width: 28px; } .rh02carousel .rh02nav li a:hover { opacity: 1; } .rh02carousel .rh02nav li a:focus { outline-color: rgb(0, 0, 0); } .rh02carousel .rh02nav li a b { position: relative; top: 7px; display: block; color: rgba(0, 0, 0, 0); text-indent: -1000px; overflow: hidden; height: 10px; width: 28px; border: 2px solid rgba(22, 21, 19, 0); transition: border 0.3s ease 0s; } .rh02carousel .rh02nav li a b::before { content: ""; position: absolute; width: 24px; height: 6px; top: 0px; left: 0px; background: rgb(22, 21, 19); transition: all 0.3s ease 0s; } .rh02carousel .rh02nav li a.rh02cnav b { border-color: rgb(22, 21, 19); } .rh02carousel .rh02nav li a.rh02cnav b::before { background-color: rgba(0, 0, 0, 0); } .rh02carousel .rh02nav li a:hover:not(.rh02cnav) b { border-color: rgb(22, 21, 19); } .rh02carousel .rh02nav li a:hover:not(.rh02cnav) b::before { background-color: rgb(22, 21, 19); } .rh02carousel .rh02nav.rh02navloading li { opacity: 0; transform: translateX(50px); } .rh02carousel .rh02nav li:nth-child(1) { transition-delay: 0.036s; } .rh02carousel .rh02nav li:nth-child(2) { transition-delay: 0.072s; } .rh02carousel .rh02nav li:nth-child(3) { transition-delay: 0.108s; } .rh02carousel .rh02nav li:nth-child(4) { transition-delay: 0.144s; } .rh02carousel .rh02nav li:nth-child(5) { transition-delay: 0.18s; } .rh02carousel .darktheme.rh02current ~ .rh02nav li a:focus, .rh02carousel .darktheme.rh02current ~ .rh02w6 .rh02nav li a:focus { outline-color: rgb(251, 249, 248); } .rh02carousel .darktheme.rh02current ~ .rh02nav li a b, .rh02carousel .darktheme.rh02current ~ .rh02w6 .rh02nav li a b { border-color: rgba(251, 249, 248, 0); } .rh02carousel .darktheme.rh02current ~ .rh02nav li a b::before, .rh02carousel .darktheme.rh02current ~ .rh02w6 .rh02nav li a b::before { background: rgb(251, 249, 248); } .rh02carousel .darktheme.rh02current ~ .rh02nav li a.rh02cnav b, .rh02carousel .darktheme.rh02current ~ .rh02w6 .rh02nav li a.rh02cnav b { border-color: rgb(251, 249, 248); } .rh02carousel .darktheme.rh02current ~ .rh02nav li a.rh02cnav b::before, .rh02carousel .darktheme.rh02current ~ .rh02w6 .rh02nav li a.rh02cnav b::before { background-color: rgba(0, 0, 0, 0); } .rh02carousel .darktheme.rh02current ~ .rh02nav li a:hover:not(.rh02cnav) b, .rh02carousel .darktheme.rh02current ~ .rh02w6 .rh02nav li a:hover:not(.rh02cnav) b { border-color: rgb(251, 249, 248); } .rh02carousel .darktheme.rh02current ~ .rh02nav li a:hover:not(.rh02cnav) b::before, .rh02carousel .darktheme.rh02current ~ .rh02w6 .rh02nav li a:hover:not(.rh02cnav) b::before { background-color: rgb(251, 249, 248); } .rh02carousel.rh02open .rh02nav { z-index: -1; opacity: 0; } .rh02w2 { left: 0px; min-width: 100%; position: absolute; transform: translateY(60px); height: calc(-60px + 100vh); z-index: 1; } .rh02w2::after, .rh02w2::before { content: ""; display: block; position: absolute; inset: 0px; background: rgba(255, 255, 255, 0.6); z-index: 2; } .rh02w2.darktheme { background-color: rgba(0, 0, 0, 0); } .rh02w2.darktheme::before { background: rgba(0, 0, 0, 0.6); z-index: 2; } .rh02w2.rh02noscrim::before { display: none; } .rh02w2.rh02defpanel::before { transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s; z-index: 2; opacity: 0; } .rh02w2::after { transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; background-color: rgba(0, 0, 0, 0); background-size: cover; background-image: inherit; background-repeat: no-repeat; z-index: 1; } .rh02panel.rh02open .rh02w2::after { transform: scale(1.05); } .rh02p1 .rh02w2 { background-color: rgb(87, 115, 70); background-image: url("https://www.oracle.com/asset/web/i/rh02-panel2.jpg"); background-size: 0px 0px !important; } .retina .rh02p1 .rh02w2 { background-image: url("https://www.oracle.com/asset/web/i/rh02-panel2-2x.jpg"); } .rh02p1 .rh02w2::after { background-position: 0px 0px; } .rh02p2 .rh02w2 { background-color: rgb(50, 92, 114); background-image: url("https://www.oracle.com/asset/web/i/rh02-panel1.jpg"); background-size: 0px 0px !important; } .retina .rh02p2 .rh02w2 { background-image: url("https://www.oracle.com/asset/web/i/rh02-panel1-2x.jpg"); } .rh02p2 .rh02w2::after { background-position: 50% 0px; } .rh02p3 .rh02w2 { background-color: rgb(58, 54, 50); background-image: url("https://www.oracle.com/asset/web/i/rh02-panel3.jpg"); background-size: 0px 0px !important; } .retina .rh02p3 .rh02w2 { background-image: url("https://www.oracle.com/asset/web/i/rh02-panel3-2x.jpg"); } .rh02p3 .rh02w2::after { background-position: 100% 0px; } .rh02loaded .rh02w2, .no-js .rh02w2 { opacity: 1 !important; } .rh02carousel .rh02w2 { left: 101%; } .rh02carousel:not(.rh02carouselinit) .rh02w2:first-of-type { left: 0px; } .rh02carousel.rh02random:not(.rh02carouselinit) .rh02w2 { left: 101%; } .rh02w2.rh02current { transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s; z-index: 3; opacity: 1; left: 0px !important; } .rh02w2.rh02out { transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s; z-index: 1; opacity: 1; left: -30%; } .rh02carouselback .rh02w2 { left: -101%; } .rh02carouselback .rh02w2.rh02out { left: 30%; } .rh02p3.rh02random .rh02w2 { background-color: rgb(58, 54, 50); } #rc20p1 .rh02w2::before, #rc20p2 .rh02w2::before { display: none; } .rh02w3 { position: absolute; z-index: 2; overflow: auto; padding: 4rem 0px 1em 4.8rem; top: 0px; height: 100%; min-width: 100%; transform: translateY(43%); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s, background 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rh02opening .rh02w3 { overflow: hidden; } .rh02w3::-webkit-scrollbar { width: 8px; } .rh02w3::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0); } .rh02w3::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 4px !important; } .rh02open .rh02w3 { transform: translateY(0%); } .rh02w3 > div, .rh02w3 > button { width: calc(-9.6rem + 33vw); } .rh02w4 { margin-top: 3.2rem; visibility: hidden; overflow: hidden; opacity: 0; height: 0px; transition: visibility 0s ease-in 0.2s, opacity 0.2s ease-in 0.1s, height 0s ease-in 0.2s; } .rh02open .rh02w4 { height: auto; visibility: visible; overflow: visible; opacity: 1 !important; } .rh02-xcontent { border-top: 1px solid rgba(255, 255, 255, 0.4); margin: 4rem 0px 0px; padding: 0px; font-size: 1.8rem; } .rh02-xcontent > div { opacity: 0; transform: translateY(6em); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rh02open .rh02-xcontent > div { opacity: 1; transform: translateY(0px); } .rh02-xcontent a { color: rgb(255, 255, 255) !important; font-weight: 500; } .rh02-xcontent a:hover { text-decoration: underline; } .rh02-xcontent p, .rh02-xcontent h6 { opacity: 0.6; } .rh02-xcontent h6 { font-size: 1.8rem; } .rh02-xcontent > div { margin: 4rem 0px 0px; } .rh02-xcontent li { margin: 0.3334em 0px 0px; } .rh02-xcontent .rh02head { display: none; } .rh02-xcontent .rh02head h5 { font-size: 12px; font-weight: bold; background: rgba(251, 249, 248, 0.3); padding: 0.5em 1em; line-height: 1; text-transform: uppercase; border-radius: 2px; display: inline-block; margin: 0.2em 0px 0.1em; } .rh02-xcontent .rh02link { position: relative; } .rh02-xcontent .rh02link h3 { font-size: 1.2rem; font-weight: bold; margin-bottom: 0.7em; color: rgb(255, 255, 255); text-transform: uppercase; font-family: inherit !important; } .rh02-xcontent .rh02link a::after { content: ""; display: block; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0); z-index: 2; } .rh02-xcontent .rh02link a:hover { cursor: pointer; } .rh02-xcontent > div:nth-child(1) { transition-delay: 0.036s; } .rh02-xcontent > div:nth-child(2) { transition-delay: 0.072s; } .rh02-xcontent > div:nth-child(3) { transition-delay: 0.108s; } .rh02-xcontent > div:nth-child(4) { transition-delay: 0.144s; } .rh02-xcontent > div:nth-child(5) { transition-delay: 0.18s; } .rh02-xcontent > div:nth-child(6) { transition-delay: 0.216s; } .rh02-xcontent > div:nth-child(7) { transition-delay: 0.252s; } .rh02-xcontent > div:nth-child(8) { transition-delay: 0.288s; } .rh02-xcontent > div:nth-child(9) { transition-delay: 0.324s; } @media only screen and (min-height: 620px) and (max-height: 1080px) { .rh02w3 { transform: translateY(calc(-357.087px + 71.3043vh)); } } @media (max-height: 1080px) { .rh02w4 { margin-top: 2.2rem; } .rh02-xcontent { font-size: 1.6rem; margin-top: 2.6rem; } .rh02-xcontent > div { margin-top: 2.6rem; } .rh02-xcontent h6 { font-size: 1.6rem; } } @media (min-width: 1024px) and (max-width: 1600px) { .rh02-ttl { font-size: calc(12.5556px + 1.21528vw); } } @media (max-height: 1080px), (min-width: 3000px) { .rh02w2 { background-size: cover !important; } } @media (min-width: 1024px) and (max-height: 700px) { .rh02-ttl { font-size: 2.8rem; } .rh02open .rh02-ttl { margin-bottom: 0.5em; } .rh02-xcontent { margin-top: 2rem; } .rh02-xcontent > div { margin-top: 2rem; } .rh02-xcontent .rh02link p { display: none; } .rh02w2::after { background-size: cover; } .rh02-pcontent .rh02-longttl { font-size: 2.6rem; line-height: 1.2; } } @media (max-width: 1024px) { .rh02w2 { transform: translateY(60px); height: calc(-60px + 100vh); } .rh02v1 .rh02p1 .rh02w5, .rh02v1 .rh02p2 .rh02w5 { } } @media (max-width: 974px) { .rh02 { margin-top: 0px !important; } .rh02w1 { display: flex; flex-flow: wrap; justify-content: flex-start; align-items: stretch; height: auto; min-height: calc(-60px + 100vh); } .rh02menuopen .rh02w1 { height: 100vh; overflow: hidden; } .rh02w1::after { inset: 33% 0px; z-index: 0; } .rh02w2 { transform: translateY(0px); height: 100%; } .rh02w2::after { background-size: cover; } .rh02w5 > div { width: 100%; max-width: 560px; } .rh02w3 { padding: 16px 24px; display: flex; flex-flow: column; justify-content: center; align-items: flex-start; transform: translateY(0px); transition: transform 0s ease 0s; } .rh02w3 > div, .rh02w3 > button { width: 100%; max-width: 560px; } .rh02w3 .rh02-logo-md img, .rh02w3 .rh02-logo-sm img, .rh02w3 .rh02-logo-lg img { max-width: 200px; } .rh02carousel .rh02nav { bottom: 5%; left: 24px; } .rh02carousel .rh02nav li a { margin-right: 12px; height: 24px; width: 22px; } .rh02carousel .rh02nav li a b { top: 8px; height: 8px; width: 22px; border-width: 2px; } .rh02carousel .rh02nav li a b::before { width: 18px; height: 4px; } .rh02panel { width: 100%; min-height: 260px; height: calc(-20px + 33.3333vh); } .rh02panel.rh02open { left: 0px; position: absolute; min-height: 100vh; z-index: 15; width: 100% !important; } .rh02panel.rh02open .rh02-ttl { margin-bottom: 0px; } .rh02panel.rh02open .rh02w2 { width: 100%; min-height: 100vh; } .rh02panel.rh02open .rh02w3 { display: block; padding-top: 60px; padding-bottom: 30px; width: 100%; } .rh02panel.rh02open .rh02back { top: 60px; display: block; position: absolute; transform: translateY(-100%); opacity: 1; color: rgb(251, 249, 248); padding: 0px 1.4em 0.7em; } .rh02panel.rh02open .rh02back::before { content: ""; position: absolute; width: 1em; height: 1em; background: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.2928932 15.7071068c.3905243.3905243 1.0236893.3905243 1.4142136 0s.3905243-1.0236893 0-1.4142136l-6-5.99999998c-.3905243-.39052429-1.0236893-.39052429-1.4142136 0l-5.99999998 5.99999998c-.39052429.3905243-.39052429 1.0236893 0 1.4142136s1.02368927.3905243 1.41421356 0l5.29289322-5.2928932z' fill='%23FBF9F8' fill-rule='evenodd' transform='matrix(0 -1 1 0 0 24)'/%3E%3C/svg%3E") 50% 50% / contain no-repeat; left: 0px; top: 0.2em; } .rtl .rh02panel.rh02open .rh02back::before { left: auto; right: 0px; transform: rotate(180deg); } .rh02-pcontent { padding-right: 0px; } .rh02-pcontent .rh02-leadin { margin-bottom: 1.3em; } .rh02-pcontent .rh02-ttl, .rh02-pcontent .rh02-ttl b { font-size: 3rem; } .rh02-pcontent p:last-of-type { margin-bottom: 0px; } div.rh02-pcontent .rh02-sub { margin-bottom: 1.2em; } .rh02-xcontent { font-size: 15px; } .rh02menuopen .f20w1 > div, .rh02menuopen .f20w1 > section:not(.rh02) { display: none; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) { .rh02back { opacity: 0; transform: translateY(6em); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); display: block !important; } .rh02panel.rh02open .rh02back { display: block; padding-top: 2rem; opacity: 1; transform: translateY(0px); transition-delay: 0.18s; } } @media (max-height: 500px) and (min-width: 974px) { .rh02v1 .rh02w3 { display: none; } } @media (max-height: 750px) and (min-width: 974px) { .rh02v1 .rh02carousel .rh02w2:not(.bg-full) .rh02-leadin { display: none; } } @media (max-height: 1080px) and (max-width: 974px), (max-height: 620px) { .rh02-leadin { display: none; } .rh02-sub { margin-bottom: 0px; } div.rh02-pcontent .rh02-sub { margin-bottom: 1.2em; } .rh02v1 .rh02w3 { transform: translateY(calc(-357.087px + 71.3043vh)); } } @media (max-height: 620px) and (min-width: 974px) { .rh02w3 { transform: translateY(70px); } } @media (max-height: 620px) { .rh02w2, .rh02panel { min-height: 260px; } .rh02w2::after { background-size: cover; } .rh02-xcontent { margin-top: 1.8em; padding-top: 0.2em; } .rh02w4, .rh02-xcontent > div { margin-top: 1em; } } @media (max-width: 680px) { .rh02-pcontent { padding-right: 0px; } .rh02-pcontent .rh02-longttl { font-size: 2.5rem; line-height: 1.2; } div.rh02-pcontent { margin-bottom: 2em; } } div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"] div.rh02-pcontent, .rh02bottomfeature div.rh02-pcontent { display: flex; flex-flow: wrap; justify-content: flex-start; align-items: baseline; } div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"] div.rh02-leadin, .rh02bottomfeature div.rh02-leadin { order: 0; width: 100%; font-weight: 700; font-size: 2.8rem; } div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"] div.rh02-leadin p:not(:last-of-type), .rh02bottomfeature div.rh02-leadin p:not(:last-of-type) { margin-bottom: 0.7em; } @media only screen and (min-width: 974px) and (max-width: 1800px) { div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"] div.rh02-leadin, .rh02bottomfeature div.rh02-leadin { font-size: calc(7.48164px + 1.07991vw); } } div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"] h2.rh02-ttl, .rh02bottomfeature h2.rh02-ttl { order: 1; font-weight: 400; font-size: 1.8rem; padding: 0.7em 2em 0.7em 0px; } .rtl div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"] h2.rh02-ttl, .rtl .rh02bottomfeature h2.rh02-ttl { padding: 0.7em 0px 0.7em 2em; } div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"] div.rh02-cta, .rh02bottomfeature div.rh02-cta { order: 2; } @media only screen and (min-width: 974px) { div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"] .rh02w3, div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"].rh02w3, .rh02bottomfeature .rh02w3, .rh02bottomfeature.rh02w3 { height: auto; top: auto; bottom: 13vh; transform: translateY(0px); } } @media (max-height: 1080px) and (max-width: 974px), (max-height: 620px), (max-width: 450px) { div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"] div.rh02-leadin, .rh02bottomfeature div.rh02-leadin { top: 0px; display: block; font-size: 17.5px; bottom: auto; } div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"] div.rh02-leadin p:not(:last-of-type), .rh02bottomfeature div.rh02-leadin p:not(:last-of-type) { margin-bottom: 0.5em; } div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"] h2.rh02-ttl, .rh02bottomfeature h2.rh02-ttl { display: none; } div.rh02w2[style*="CONT518A16F11D4645FDA2DD9D4B76828BB9"] .rh02-pcontent, .rh02bottomfeature .rh02-pcontent { max-width: 54rem; } } @media (min-width: 975px) { .rh02v1 { height: 100vh; } .rh02v1 .rh02panel { transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; height: calc(-60px + 100vh); } .rh02v1 .rh02w1 { top: 60px; position: relative; } } .rh02v1 .rh02logo { height: 45px; margin-bottom: 27px; display: flex; flex-flow: column; justify-content: flex-end; align-items: stretch; overflow: hidden; } @media (max-width: 974px) { .rh02v1 .rh02logo { margin-bottom: 18px; } } .rh02v1 .rh02carousel .rh02w2.bg-full .rh02w3 { background-image: unset; } .rh02v1 .rh02carousel .rh02w2.bg-full .rh02logo { overflow: visible; } .rh02v1 .rh02carousel .rh02w3 { background-size: cover; } .rh02v1 .rh02w5 { height: auto; } .rh02v1 #rc20p3 .rh02w2 .rh02w3, .rh02v1 .rh02p3 .rh02w2 .rh02w3 { background: inherit; } .rh02v1 #rc20p3 .rh02w2.bg-full .rh02w3, .rh02v1 .rh02p3 .rh02w2.bg-full .rh02w3 { background: unset; } .rh02v1 .rw-logo { max-width: 5.2em; font-size: 4.5rem; height: 1em; margin-bottom: 0px; } .rh02v1 .rw-logo img { margin-top: auto; } .rh02v1 .rh02p3 .rh02w2.noscrim::before, .rh02v1 .rh02p3 .rh02w2.noscrim::after { z-index: -1; } .rh02v1 .rh02p3 .lighttheme { color: rgb(22, 21, 19); } .rh02v1 .rh02panel { transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media (min-width: 1024px) { .rh02v1 .rh02p3 .rh02-ttl { margin-top: 72px; } .rh02v1 .rh02p3 .rh02logo + .rh02-ttl { margin-top: 0px; } } .rh02v1 .rh02w1 .rh02w2::before { background-size: cover; } .rh02v1 .rh02w1 .rh02p1 .rh02w3, .rh02v1 .rh02w1 .rh02p2 .rh02w3 { max-height: calc(50% - 9.1em); margin-bottom: 72px; } .rh02v1 .rh02w2 { display: flex; flex-flow: column; justify-content: flex-start; align-items: center; height: 100%; transform: none; background-size: cover !important; } .rh02v1 .rh02w2.rh02-bgne { background-position: right top; } .rh02v1 .rh02w2.rh02-bgnw { background-position: left top; } .rh02v1 .rh02w2.rh02-bgn { background-position: center top; } .rh02v1 .rh02w2.rh02-bgs { background-position: center bottom; } .rh02v1 .rh02w2.rh02-bge { background-position: right center; } .rh02v1 .rh02w2.rh02-bgw { background-position: left center; } .rh02v1 .rh02w2.rh02-bgse { background-position: right bottom; } .rh02v1 .rh02w2.rh02-bgsw { background-position: left bottom; } .rh02v1 .rh02w2.bgimg { background-size: cover; } .rh02v1 .rh02w2.rh02current ~ .rh02w6 .slick-animated-dots li button { border: 1px solid rgba(22, 21, 19, 0.6); } .rh02v1 .rh02w2.rh02current ~ .rh02w6 .slick-animated-dots li button span { background: rgb(22, 21, 19); } .rh02v1 .rh02w2.rh02current ~ .rh02w6 .slick-animated-dots li:hover button span { transform: translate(0px, 0px); opacity: 1; } .rh02v1 .rh02w2.rh02current.darktheme ~ .rh02w6 .slick-animated-dots li button { border: 1px solid rgba(255, 255, 255, 0.6); } .rh02v1 .rh02w2.rh02current.darktheme ~ .rh02w6 .slick-animated-dots li button span { background: rgb(251, 249, 248); } .rh02v1 .rh02w3 { position: relative; transform: none; flex: 1 0 68px; max-height: 50%; } .rh02v1 .rh02w3 .rh02-logo-sm, .rh02v1 .rh02w3 .rh02-logo-md, .rh02v1 .rh02w3 .rh02-logo-lg { position: absolute; bottom: 0px; width: auto; } .rh02open .rh02v1 .rh02w4 { height: auto; transform: translateY(0px); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rh02v1 .rh02w5 { height: 100%; width: 100%; flex: 1 1 0%; margin-bottom: -60px; padding-bottom: 60px; max-width: 33.33vw; z-index: 2; transform: translateY(0px); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rh02v1 .rh02w5 .rh02-pcontent { height: 100%; display: flex; flex-direction: column; padding-bottom: 60px; } .rh02v1 .rh02w5 .rw-logo { flex-basis: auto; } .rh02v1 .rh02w5 .rh02-cta { margin-top: auto; } .rh02v1 .rh02w5 .obttns a { z-index: 2; } .rh02v1 .rh02w6 { width: 100%; height: 60px; position: absolute; bottom: 0px; } .rh02v1 .rh02-pcontent { padding: 3.3rem; } .rh02v1 .rh02-pcontent div[class*="rh02-logo-"] { max-height: 36px; height: auto; } .rh02v1 .rh02-pcontent div[class*="rh02-logo-"] img { display: block; max-height: 36px; } .rh02v1 .rh02nav { bottom: 2.4rem; left: 2.8rem; justify-content: flex-start; } .rh02v1 .rh02w3 { max-height: calc(50% - 9.1em); min-height: 180px; transition: height 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s, min-height 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s, max-height 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rh02v1 .rh02w4 { width: calc(-9.6rem + 33vw); } .rh02v1 .rh02w5 { height: 100%; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rh02v1 .rh02panel.rh02open .rh02w3 { max-height: 0px; min-height: 0px; height: 0px; margin-bottom: 0px; transition: height 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s, min-height 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s, max-height 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rh02v1 .rh02panel.rh02open .rh02w4 { height: 0px; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, height 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rh02v1 .rh02panel.rh02open .rh02-pcontent { padding: 0px; height: auto; } .rh02v1 .rh02panel.rh02open .rh02back { position: relative; transform: translateY(-200px); } .rh02v1 .rh02panel.rh02open .rh02w5 { padding: 0rem 0px 1em 3.4rem; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; overflow-y: auto; margin-bottom: 0px; margin-top: -55px; } .rh02v1 .rh02panel.rh02open .rh02w5 .rh02-pcontent { padding-top: 60px; } .rh02v1 .rh02panel.rh02open .rh02w5 .rh02-xcontent { padding-bottom: 30px; } .rh02v1 .rh02panel.rh02open .rh02w5::-webkit-scrollbar { width: 8px; } .rh02v1 .rh02panel.rh02open .rh02w5::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0); } .rh02v1 .rh02panel.rh02open .rh02w5::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 4px !important; } .rh02v1 .rh02panel.rh02opening .rh02w5 { overflow: hidden; } @media only screen and (max-width: 974px) { .rh02v1 .rh02p1 .rh02w2, .rh02v1 .rh02p2 .rh02w2 { flex-flow: row; transform: none; } .rh02v1 .rh02p1 .rh02w3, .rh02v1 .rh02p2 .rh02w3 { display: none; } .rh02v1 .rh02p1 .rh02w5 .rh02-pcontent, .rh02v1 .rh02p2 .rh02w5 .rh02-pcontent { justify-content: center; } .rh02v1 .rh02panel.rh02open .rh02w5 { transform: none; align-items: flex-start; flex-flow: column; padding-top: 60px; } .rh02v1 .rh02panel.rh02open .rh02w5 > div { width: 100%; } .rh02v1 .rh02p3 .rh02w2.bg-full .rh02w3 { display: none; background-image: none; } .rh02v1 .rh02p3 .rh02w5 { align-items: center; justify-content: left; align-self: center; } .rh02v1 .rh02w2 { align-items: center; justify-content: center; align-self: center; } .rh02v1 .rh02w3 { max-height: 100%; } .rh02v1 .rh02w5 { height: 100%; max-width: unset; margin-bottom: unset; padding-bottom: unset; display: flex; flex-flow: row; justify-content: flex-start; align-items: stretch; } .rh02v1 .rc20panel#rc20tree, .rh02v1 .rc20panel#rc20sub.rc20subpanel { overflow: hidden; z-index: 0; } } @media only screen and (max-width: 599px) { .rh02v1 .rh02carousel .rh02w2 { transform: none; height: 100%; width: 100%; overflow: hidden; min-height: 260px; } .rh02v1 .rh02carousel .rh02w3 { display: block; max-height: 50%; } .rh02v1 .rh02carousel .rh02w5 { max-width: 100%; min-height: 260px; max-height: 50%; } .rh02v1 .rh02carousel .rh02w5 .rh02-pcontent { justify-content: center; height: auto; } .rh02v1 .rh02carousel .rh02nav { bottom: 1em; } } @media only screen and (min-width: 600px) and (max-width: 974px) { .rh02v1 .rh02p3 .rh02w3 { max-height: 100%; } .rh02carousel .rh02w2 { flex-flow: row; transform: none; min-width: auto; width: 100%; height: 100%; } .rh02carousel .rh02w3 { order: 2; flex: 1 1 0%; min-width: auto; } .rh02carousel .rh02w5 { max-width: none; margin-bottom: 0px; flex: 2 1 0%; display: flex; flex-flow: row; justify-content: flex-start; align-items: stretch; position: relative; } .rh02v1 .rh02panel.rh02p3 { height: calc(-20px + 33.333vh); min-height: 250px; } } @media only screen and (max-width: 599px) { .rh02carousel .rh02w2 { transform: none; height: 100%; width: 100%; overflow: hidden; min-height: 260px; } .rh02carousel .rh02w3 { max-height: unset; } .rh02carousel .rh02w5 { max-width: 100%; min-height: 260px; max-height: 50%; } .rh02v1 .rh02panel.rh02p3 { min-height: 560px; height: calc(440px + 37.5vw); } .rh02v1 .rh02carousel .rh02w3.bgimg, .rh02v1 .rh02carousel .rh02w3.bg-full, .rh02v1 .rh02carousel .rh02w3[data-bgimg] { max-height: 50%; display: inherit; } .rh02v1 .rh02carousel .rh02w5 { max-width: 100%; max-height: unset; min-height: auto; height: 100%; } .rh02v1 .rh02carousel .rh02w2 { transform: none; height: 100%; width: 100%; overflow: hidden; min-height: 260px; } .rh02v1 .rh02carousel .rh02nav { bottom: 2.4rem; } } .rtl .rh02v1 .rh02panel.rh02open .rh02w5 { padding: 0rem 3.4rem 1em 0px; } @keyframes fadeOutElement { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeInElement { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-10%, 0px, 0px); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(10%, 0px, 0px); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-10%, 0px, 0px); } 100% { opacity: 1; transform: translate3d(0px, 0px, 0px); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(10%, 0px, 0px); } 100% { opacity: 1; transform: translate3d(0px, 0px, 0px); } } .fadein-right-img { animation-name: fadeInRight; animation-duration: 500ms; animation-timing-function: linear; animation-fill-mode: forwards; } .fadein-right-img-with-delay { animation-name: fadeInRight; animation-duration: 500ms; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 350ms; } .fadein-left-img-with-delay { animation-name: fadeInLeft; animation-duration: 500ms; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 350ms; } .fadeout-right-image { animation-name: fadeOutRight; animation-duration: 500ms; animation-timing-function: linear; animation-fill-mode: forwards; } .fadeout-left-image { animation-name: fadeOutLeft; animation-duration: 500ms; animation-timing-function: linear; animation-fill-mode: forwards; } .fadein-text { animation-name: fadeInElement; animation-duration: 150ms; animation-timing-function: linear; animation-delay: 350ms; animation-fill-mode: forwards; } .fadein-text-with-large-Delay { animation-name: fadeInElement; animation-duration: 150ms; animation-timing-function: linear; animation-delay: 700ms; animation-fill-mode: forwards; } .fadeout-text { animation-name: fadeOutElement; animation-duration: 500ms; animation-timing-function: linear; animation-fill-mode: forwards; } .rh08slider { position: relative; visibility: hidden; outline: none; } .rh08slider.rh08t-fade > .rh08sliderw1 > .rh08sliderw2 { display: block; } .rh08slider.rh08t-fade > .rh08sliderw1 > .rh08sliderw2 > .rh08slide { position: absolute; top: 0px; left: 0px; z-index: 0; opacity: 0; } .rh08slider.rh08t-fade > .rh08sliderw1 > .rh08sliderw2 > .rh08slide.slick-active { position: relative; z-index: 1; opacity: 1; } .rh08slider__container { position: relative; box-sizing: border-box; } .rh08sliderw2 { width: max-content; will-change: transform; margin: 0px !important; padding: 0px !important; } .rh08sliderw1 { position: relative; z-index: 0; overflow: hidden; } .rh08slider__slider { position: relative; } .rh08slide { position: relative; box-sizing: border-box; margin: 0px; outline: none; flex-shrink: 0; list-style-type: none !important; } .rh08 { background-color: rgb(229, 229, 229); position: relative; } .rh08 .rh08-title > div { width: 83.0358%; padding-top: 24px; margin: 0px auto; } .rh08 .rh08-title h1 { font-size: 36px; font-family: var(--oracleserif); font-weight: 400; } .rtl .rh08 .rh08-title h1 { direction: rtl; } @media only screen and (max-width: 974px) { .rh08 .rh08-title { display: block; height: auto; } .rh08 .rh08-title > div { display: block; width: auto; height: auto; padding: 24px; } } .rh08 .rh08slider { min-height: 480px; box-sizing: border-box; position: relative; margin: 0px auto; max-width: 1325px; z-index: 3; display: grid; grid-template-rows: 0px 1fr 66px; } .rh08 .rh08slider .rh08sliderw1 { margin: 0px; padding: 0px; } .rh08 .rh08slider .rh08slide { float: left; position: relative; } .rh08 .rh08slider .rh08slide.slick-active .rh08w2 .rh08w5 .rh08w6 .obttns { display: flex !important; } .rh08 .rh08slider .rh08slide .rh08w2 { display: flex; } .rh08 .rh08slider .rh08slide .rh08w2 .rh08w5 { display: flex; } .rh08 .rh08slider .rh08slide .rh08w2 .rh08w5 .rh08w6 { display: flex; flex-direction: column; justify-content: center; } .rh08 .rh08slider .rh08slide .rh08w2 .rh08w5 .rh08w6 .obttns { display: none; } .rh08 .rh08slider .rh08slide .rh08w2 .rh08w5 .rh08w6 .rh08logo { margin-bottom: 24px; } .rh08 .rh08slider .rh08slide .rh08w2 .rh08w5 .rh08w6 .rh08logo .rw-logo { font-size: 4.7rem; } .rh08 .rh08slider.is-draggable .rh08sliderw1 { cursor: grab; } .rh08 .rh08slider.is-touch .rh08sliderw1 { cursor: grabbing; } .rh08 .rh08slider .rh08-pills { position: absolute; display: flex; align-items: center; margin: 0px auto; width: 100%; justify-content: center; overflow: visible; } .rh08 .rh08slider .rh08-pills .rh08-pillsw1 { height: 100%; bottom: 0px; z-index: 2; width: initial; position: initial; overflow: visible; } .rh08 .rh08slider .rh08-pills .rh08-pillsw1 .rh08-pill { width: 72px; z-index: 2; margin: 0px 9px; height: 40px; overflow-y: visible; } .rh08 .rh08slider .rh08-pills .rh08-pillsw1 .rh08-pill button:focus { outline: rgb(58, 54, 49) dotted 1px; } .rh08 .rh08slider .rh08-pills .rh08-pillsw1 .rh08-pill .rh08-pillbtn { border: 1px solid rgb(58, 54, 49); width: 72px; overflow: hidden visible; position: unset; } .rh08 .rh08slider .rh08-pills .rh08-pillsw1 .rh08-pill .rh08-pillbtn::after { content: ""; width: 100%; background: rgba(0, 0, 0, 0); height: 40px; position: absolute; left: 0px; top: 0px; overflow: visible; } .rh08 .rh08slider .rh08-pills .rh08-pillsw1 .rh08-pill.slick-active span { background: rgb(58, 54, 49); } .rh08 .rh08slider .rh08-pills .rh08-pause { position: relative; height: 100%; display: flex; align-self: center; align-items: center; width: 52px; left: 18px; margin-bottom: 0px; } .rh08 .rh08slider .rh08-pills .rh08-pause .rh08-pausew1 { height: 36px; padding: 0px 12px 0px 14px; border: 1px solid rgb(102, 95, 91); border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s linear 0s; cursor: pointer; text-decoration: none; background-color: rgba(0, 0, 0, 0); } .rh08 .rh08slider .rh08-pills .rh08-pause .rh08-pausew1 .rh08-pausebtn { background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 9px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(32, 32, 32); transition: all 100ms ease 0s; cursor: pointer; border-style: solid; border-width: 6px 0px 6px 8px; padding: 0px; width: 8px; } .rh08 .rh08slider .rh08-pills .rh08-pause .rh08-pausew1 .rh08-pausebtn.paused { border-style: double; border-width: 0px 0px 0px 6px; height: 10px; } .rh08 .rh08slider .rh08-pills .rh08-pause .rh08-pausew1 span { display: none; } .rh08 .rh08slider .rh08-pills .rh08-pause .rh08-pausew1:hover { background: rgb(22, 21, 19); transition: all 0.5s ease 0s; color: rgb(255, 255, 255) !important; } .rh08 .rh08slider .rh08-pills .rh08-pause .rh08-pausew1:hover .rh08-pausebtn { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255); } .rh08 .rh08slider .rh08-pills .rh08-pause .rh08-pausew1:hover span { display: block; white-space: nowrap; margin-left: 5px; margin-top: -1px; } .rh08 .rh08slider .rh08-pills .rh08-pause .rh08-pausew1:focus:not(:focus-visible) { outline-color: rgba(0, 0, 0, 0) !important; } .rh08 .rh08slider .rh08-arrows { display: none; } .rh08 .rh08slider .rh08-arrows .rh08-arrow { background: none; border-style: solid; border-color: currentcolor; border-image: initial; border-width: 0px 4px 4px 0px; color: rgb(58, 54, 49); cursor: pointer; font-size: 0px; height: 22px; margin-top: -16px; padding: 2px; position: absolute; top: 50%; transition: border-color 0.3s ease 0s; width: 22px; z-index: 5; } .rh08 .rh08slider .rh08-arrows .rh08-arrow:active { outline: none !important; } .rh08 .rh08slider .rh08-arrows .rh08-arrow:hover { border-color: rgb(58, 54, 49); } .rh08 .rh08slider .rh08-arrows .rh08-prevarrow { left: -48px; transform: translateY(-50%) rotate(135deg); } .rh08 .rh08slider .rh08-arrows .rh08-nextarrow { transform: translateY(-50%) rotate(-45deg); right: -48px; } .rh08 .rh08slider h2 { font-size: 45px; line-height: 54px; } .rh08 .rh08slider .rwaccent-4::after { margin: 16px 0px; } .rh08 .rh08slider .rh02-img { position: relative; z-index: -1; opacity: 0; } .rh08 .bgimgw1 { position: absolute; inset: 0px; z-index: 1; } .rh08 .bgimgw1 .bg-texture1 { background: url("https://www.oracle.com/asset/web/i/rh08-top-bg.png") left top / 88% 374px no-repeat; } .rh08 .bgimgw1 .bg-texture2 { background: url("https://www.oracle.com/asset/web/i/rh08-bottom-bg.png") left bottom / 100% 374px no-repeat; } .rh08 [class*="rwaccent"]::after { background: rgb(199, 70, 52); } .rh08 .sr-only { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; } @media only screen and (min-width: 975px) { .rh08 .rh08slider .rh08sliderw2 { width: 100%; } .rh08 .rh08slider .rh08slide { width: 100%; max-width: 100%; } .rh08 .rh08slider .rh08-arrows .rh08-prevarrow { left: 0px; } .rh08 .rh08slider .rh08-arrows .rh08-nextarrow { right: 0px; } .rh08 .rh08slider .rh08w1 { width: 100%; margin: auto; display: grid; grid-template-columns: repeat(12, 6.697%); justify-content: space-between; padding-top: 3.4em; } .rh08 .rh08slider .rh08-pills { position: relative; bottom: 0px; } .rh08 .rh02-img { grid-column: 2 / span 7; background-size: cover; max-width: 775px; } .rh08 .rh02txt { grid-column: 6 / span 6; margin-left: auto; background: rgb(255, 255, 255); padding: 3em; max-width: 588px; min-height: 372px; } } @media only screen and (min-width: 975px) { .rh08 .rh08slider .rh08w1 { grid-template-rows: 16px repeat(1, [row-start] 1fr); padding-top: 18px; padding-bottom: 0px; } .rh08 .rh08slider .rh08-arrows { display: block; } .rh08 .rh08slider .rh08w2 .rwaccent-4 { margin: 0px; font-size: 28px; line-height: 36.4px; } .rh08 .rh08slider .rh08w2 .rh08body { font-size: 16px; line-height: 20px; } .rh08 .rh08slider .rh08w2 .rh08body p { margin-bottom: 24px; } .rh08 .rh08slider .rh08w2 .rh08body > div:first-child { margin-bottom: 24px; } .rh08 .rh08slider .rh08w2.rh02-img { height: 372px; } .rh08 .rh08slider .rh08w2.rh02txt { padding: 48px; min-height: 372px; height: calc(678.878px - 22.449vw); } .rh08 .rh08slider .rh08w2 .rh08w5 .rh08w6 .rh08logo { margin-bottom: 15px; } } @media only screen and (max-width: 974px) { .rh08 .rh08slider { grid-template-rows: 1fr; min-height: 50vh; } .rh08 .cwidth { padding: 0px; } .rh08 .bgimgw1 { z-index: 4; height: calc(-0.688525px + 63.5246vw); } .rh08 .bgimgw1 .bg-texture1 { display: none; } .rh08 .bgimgw1 .bg-texture2 { background: url("https://www.oracle.com/asset/web/i/rh08-pattern-overlay-big.png") left center no-repeat; margin-top: calc(-13.5082px + 58.1967vw); } .rh08 .rh08slider .rh08-arrows { display: none; } .rh08 .rh08slider .rh02-img { opacity: 1; background-size: cover; max-width: 100%; height: calc(-0.688525px + 63.5246vw); } .rh08 .rh08slider .rh08w1 { width: 100%; max-width: 100%; padding: 0px; } .rh08 .rh08slider .rh08w2 { padding: 48px 24px 24px; } .rh08 .rh08slider .rh08w2.rh02txt { background: rgb(255, 255, 255); min-height: 300px; } .rh08 .rh08slider .rh08w2 .rh08w5 .rh08w6 { justify-content: flex-start; } .rh08 .rh08slider .rh08w2 .rh08w5 .rh08w6 .rh08logo { margin-bottom: 22px; } .rh08 .rh08slider .rh08w2 .rh08w5 .rh08w6 .obttns { display: flex; } .rh08 .rh08slider [class*="rwaccent"]::after { display: block; } .rh08 .rh08slider .rwaccent-4 { margin: 0px; font-size: calc(18.0984px + 1.63934vw); line-height: calc(16.1967px + 3.27869vw); } .rh08 .rh08slider .rh08body { font-size: 13.75px; line-height: 17.8px; } .rh08 .rh08slider .rh08body .obttns { display: flex !important; } .rh08 .rh08slider .rh08body p { margin-bottom: 32px; } .rh08 .rh08slider .rh08body > div { margin-bottom: 32px; } .rh08 .rh08slider .rh08-pills { padding: 0px 1.5em; width: 100%; height: 6px; top: 0px; } .rh08 .rh08slider .rh08-pills .rh08-pause { display: none; } .rh08 .rh08slider .rh08-pills .rh08-pillsw1 { justify-content: flex-start; width: 80%; padding: 0px 1.5em; position: absolute; } .rh08 .rh08slider .rh08-pills .rh08-pillsw1 .rh08-pill { min-width: 30px; width: calc(22.4918px + 8.19672vw); } .rh08 .rh08slider .rh08-pills .rh08-pillsw1 .rh08-pill .rh08-pillbtn { width: 100%; } } @media only screen and (min-width: 320px) and (max-width: 600px) { .rh08 .rh08-pills .rh08-pillsw1 { top: calc(23.3115px + 63.5246vw); } .rh08 .rh08slider .rh08w2 { padding: 24px; } .rh08 .rh08slider .rh08w2 .rh08w5 .rh08w6 { margin-top: 28px; } } @media only screen and (min-width: 601px) and (max-width: 974px) { .rh08 .rh08-pills .rh08-pillsw1 { top: calc(31.3115px + 63.5246vw); } .rh08 .rh08slider .rh08w2 { padding: 24px; } .rh08 .rh08slider .rh08w2 .rh08w5 .rh08w6 { margin-top: 36px; } .rh08 .rh08slider .rh08w2 .rh08w5 .rh08w6 .rh08logo { margin-bottom: 22px; } } @media only screen and (max-width: 450px) { .rh08 .rh08slider { min-height: 40vh; } } .rh08 .rh08slider.rh08t-fade > .rh08sliderw1 > .rh08sliderw2 > .rh08slide .rh08w5 { opacity: 0; } .rh08 .rh08slider.rh08t-fade > .rh08sliderw1 > .rh08sliderw2 > .rh08slide.slick-active .rh08w5.fadeInText { opacity: 1; } @media only screen and (min-width: 975px) { .rtl .rh08 { direction: ltr; } .rtl .rh08 .rh08w2.rh02txt { direction: rtl; } .rtl .rh08 .rh08-pills { flex-direction: row-reverse; } .rtl .rh08 .rh08-pills .rh08-pillsw1 { flex-direction: row-reverse; } .rtl .rh08 .rh08-pills .rh08-pause { left: 0px; direction: rtl; } .rtl .rh08 .rh08-pills .rh08-pause .rh08-pausew1 span { margin-right: 5px; margin-left: 0px; } .rtl .rh08 .rh08-pills .rh08-pause .rh08-pausew1:hover span { margin-right: 5px; margin-left: 0px; margin-top: -1px; } } .rh08 .rh08slide.slick-active .rh08body p a { display: inline; } .rh08 .rh08slide .rh08body p a { display: none; } body:not(.f20v2) .rh13 h1 { font-size: 36px; font-weight: 300; margin: 0px 0px 8px; line-height: 1.33333; } body:not(.f20v2) .rh13 p { font-size: 16px; margin: 0px 0px 1em; line-height: 1.4; } body:not(.f20v2) .rh13 .obttns { font-size: 14px; } body:not(.f20v2) .rh13 .bgvidpause button:focus { outline: rgb(255, 255, 255) dotted 2px; outline-offset: -5px; } body:not(.f20v2) .rh13 .bgvidpause button:focus:not(:focus-visible) { outline-width: 0px !important; } .rh13 { overflow: hidden; } .rh13 .rh13w1 { overflow: hidden; position: relative; } .rh13w2 { min-height: 500px; position: relative; z-index: 1; } .rh13w3 { padding: 32px; border-radius: 5px; min-width: 350px; max-width: 558px; width: 60%; margin: 40px 0px !important; } .rh13w3 h1 { margin-top: -2px; } .rh13w3 p.rh13date { font-weight: bold; margin-bottom: 6px !important; } .rh13vid { inset: 0px; } .rh13vid::before { position: absolute; background: rgba(0, 0, 0, 0.15); content: ""; display: block; inset: 0px; z-index: 1; } .rh13v1 .slick-dots, .rh13v2 .slick-dots { display: none; } .rh13v1 .rh13w4, .rh13v2 .rh13w4 { overflow: auto; position: relative; } .rh13v1 .rh13w4:not(:first-child), .rh13v2 .rh13w4:not(:first-child) { display: none; } .rh13v1 .slick-initialized .slick-slide.rh13w4, .rh13v2 .slick-initialized .slick-slide.rh13w4 { display: block; } .rh13v1 .rh13w5, .rh13v2 .rh13w5 { position: absolute; inset: 0px; } .rh13v1 .rh13w6, .rh13v2 .rh13w6 { margin-bottom: 0px; } .rh13v1 .rh13w7, .rh13v2 .rh13w7 { position: absolute; left: 0px; right: 0px; bottom: 42px; display: flex; justify-content: flex-end; } .rh13v1 .rh13-actions, .rh13v2 .rh13-actions { border: 1px solid rgb(255, 255, 255); border-radius: 5px; display: flex; background-color: rgb(0, 0, 0); width: 160px; height: 48px; align-items: center; justify-content: center; } .rtl .rh13v1 .rh13-actions, .rtl .rh13v2 .rh13-actions { direction: ltr; } .rh13v1 .rh13-actions .rh13-count, .rh13v2 .rh13-actions .rh13-count { color: rgb(255, 255, 255); width: 25%; padding: 0px 14px 0px 22px; display: flex; align-items: center; justify-content: center; } .rh13v1 .rh13-actions button, .rh13v2 .rh13-actions button { padding: 0px 18px; border: none; background-color: rgba(0, 0, 0, 0); height: 100%; cursor: pointer; color: rgb(255, 255, 255); font-size: 22px; width: 25%; display: flex; align-items: center; justify-content: center; position: relative; text-decoration: none; } .rh13v1 .rh13-actions button::after, .rh13v2 .rh13-actions button::after { display: block; position: absolute; content: ""; height: 18px; width: 1px; background-color: rgb(255, 255, 255); right: 0px; } .rh13v1 .rh13-actions button:last-child::after, .rh13v2 .rh13-actions button:last-child::after { display: none; } .rh13v1 .rh13-actions button:focus-visible, .rh13v2 .rh13-actions button:focus-visible { outline-offset: -5px; outline: currentcolor dotted 2px; } .rh13v1 .rh13-actions button i, .rh13v2 .rh13-actions button i { height: 25px; } .rh13v1 .rh13-actions button .rh13-pausebtn, .rh13v2 .rh13-actions button .rh13-pausebtn { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255); border-style: solid; border-width: 6px 0px 6px 8px; font-size: 10px; height: 12px; } .rh13v1 .rh13-actions button .rh13-pausebtn.paused, .rh13v2 .rh13-actions button .rh13-pausebtn.paused { border-style: double; border-width: 0px 0px 0px 6px; } .rh13v1 .rh13-actions-wpause, .rh13v2 .rh13-actions-wpause { width: 90px; } .rh13v1 .rh13-actions-wpause button, .rh13v2 .rh13-actions-wpause button { width: 50%; } @media only screen and (min-width: 771px) { .rh13 .bcbackground { position: absolute; z-index: 0; inset: 0px 0px 0px 50%; transform: translateX(-50%); min-width: 1080px; } } @media only screen and (min-width: 771px) { .rh13v1 .rh13w3, .rh13v2 .rh13w3 { height: auto !important; } } @media only screen and (max-width: 770px) { .rh13w1 { display: flex; flex-flow: column; justify-content: flex-start; align-items: stretch; } body:not(.f20v2) .rh13 .rh13w2 { order: 0; min-height: auto; } .rh13w3 { max-width: initial; min-width: initial; width: calc(100% + 48px); margin: 0px -24px !important; } .rh13vid { order: 1; } .rh13vid, .rh13 .bcbackground { position: relative; } .rh13 .bcbackground { background-position: center center; background-size: cover; } .rh13v1 .rh13w2, .rh13v2 .rh13w2 { min-height: unset; background-color: rgb(255, 255, 255); } .rh13v1 .rh13w5, .rh13v2 .rh13w5 { position: relative; padding-top: 56.25%; background-position: center center; } .rh13v1 .rh13w7, .rh13v2 .rh13w7 { bottom: 24px; } } .rh14 .col4.col4-three-one .col-item:nth-child(n) { width: 75%; max-width: 75%; } .rh14 .col4.col4-three-one .col-item:nth-child(2n) { width: 25%; max-width: 25%; } .rh14 .rh14title { display: inline-flex; align-items: center; margin-bottom: 43px; } .rh14 .rh14title .rh14bar { overflow: hidden; text-indent: -9999px; font-size: 0px; margin-left: 20px; margin-right: 24px; display: inline-block; vertical-align: middle; height: 44px; border-left: 1px solid currentcolor; } .rtl .rh14 .rh14title .rh14bar { text-indent: 9999px; } .rh14 .rh14title h1 { font-size: 38px; font-family: inherit; font-weight: 300; margin-bottom: 0px; } .rh14 .rh14title h1 strong { font-weight: 500; } .rh14 .rh14title h1 img { vertical-align: top; height: 50px; width: auto; } .rh14 .rh14title span { font-size: 24px; } .rh14 .rh14wrapper img, .rh14 .rh14wrapper .bcvideo, .rh14 .rh14wrapper .ytvideo { border-radius: 0.5em; } .rh14 .rh14wrapper .srcloaded { border-radius: 0px; } .rh14 .rh14wrapper .rh14news { display: inline-flex; } .rh14 .rh14wrapper .rh14card { font-family: inherit; margin-bottom: 0px; } .rh14 .rh14wrapper .rh14card h2 { font-weight: 700; } .rh14 .rh14wrapper .rh14card h2 a { color: inherit; } .rh14 .rh14wrapper .rh14card p { margin-bottom: 4px; margin-top: 8px; } .rh14 .rh14wrapper .rh14card .rh14subtitle { font-size: 14px; font-weight: 600; opacity: 0.6; } .rh14 .rh14wrapper .rh14card .rh14content { font-size: 16px; color: rgb(22, 21, 19); } .rh14 .rh14wrapper .rh14card .rh14author span { opacity: 0.6; } .rh14 .rh14wrapper .rh14c1 { margin-right: 24px; display: inline-flex; } .rh14 .rh14wrapper .rh14c1 img { width: 100%; } .rh14 .rh14wrapper .rh14c1 .rh14card h2 { font-size: 32px; font-family: inherit; } .rh14 .rh14wrapper .rh14wrapperlist { display: inline-flex; flex-direction: column; } .rh14 .rh14wrapper .rh14c2 { width: 100%; margin-right: 24px; display: flex; flex-direction: column; justify-content: space-between; } .rh14 .rh14wrapper .rh14c2 img { width: 100%; } .rh14 .rh14wrapper .rh14c2 .col-item { width: 100%; max-width: 100%; } .rh14 .rh14wrapper .rh14c2 .rh14card { font-family: inherit; } .rh14 .rh14wrapper .rh14c2 .rh14card h2 { font-size: 20px; font-family: inherit; } .rh14 .rh14wrapper .rh14c3 { width: calc(25% - 24px); max-width: calc(25% - 24px); padding: 12px 24px 24px; justify-content: normal; } .rh14 .rh14wrapper .rh14c3 h2 { margin: 0px; } .rh14 .rh14wrapper .rh14c3 h2 img { height: 19px; width: auto; } .rh14 .rh14wrapper .rh14c3 .rh14asidecard:first-of-type { margin-top: 12px; } .rh14 .rh14wrapper .rh14c3 .rh14asidecard { font-family: inherit; margin-top: 24px; } .rh14 .rh14wrapper .rh14c3 .rh14asidecard img { width: 100%; } .rh14 .rh14wrapper .rh14c3 .rh14asidecard h3 { font-size: 16px; font-family: inherit; font-weight: 700; } .rh14 .rh14wrapper .rh14c3 .rh14asidecard p { margin-bottom: 0px; } .rh14 .rh14wrapper .rh14c3 .rh14asidecard p, .rh14 .rh14wrapper .rh14c3 .rh14asidecard a { font-size: 13.75px; } .rh14 .rh14wrapper .rh14c3 .rh14asidecard .rh14separator { margin: 24px 0px 0px; } .rh14 .rh14wrapper .rh14c3 .rh14asidecard .bcvideo { border-radius: 0.5em; } .rh14 .rh14wrapper .rh14c3 .rh14asidecard .ytvideo, .rh14 .rh14wrapper .rh14c3 .rh14asidecard .bcvideo { margin-bottom: 8px; } .rh14 .col-framework.col4 { max-width: 1221px; } .rh14 .rh14c1 { width: 65%; max-width: 65%; } .rh14 .rh14c2 { width: 30%; max-width: 30%; } .rh14 .rh14c3 { width: 25%; max-width: 25%; } @media only screen and (min-width: 1025px) { .rh14 .rh14wrapper .rh14card { margin-bottom: 24px; } } @media only screen and (min-width: 1025px) and (max-width: 1055px) { .rh14 .rh14wrapper .rh14news .rh14c1 { width: 63%; max-width: 63%; } .rh14 .rh14wrapper .rh14news .rh14card { margin-bottom: 0px; } } @media only screen and (min-width: 771px) and (max-width: 1024px) { .rh14 .col4.col4-three-one .col-item:nth-child(n) { width: 100%; max-width: 100%; } .rh14 .col-framework.col4 { max-width: 700px; } .rh14 .rh14title { margin-left: -80px; } .rh14 .rh14wrapper { margin-left: auto; margin-right: auto; } .rh14 .rh14wrapper .rh14news { flex-direction: column; } .rh14 .rh14wrapper .rh14c1 { width: 100%; max-width: 100%; margin-right: 0px; margin-bottom: 24px; } .rh14 .rh14wrapper .rh14c1 .rh14card h2 { font-size: 20px; } .rh14 .rh14wrapper .rh14c2 { width: 100%; max-width: 100%; flex-direction: row; margin-right: 0px; margin-bottom: 24px; } .rh14 .rh14wrapper .rh14c2 li { width: 330px; } .rh14 .rh14wrapper .rh14c2 li.first-of-type { margin-right: 24px; } .rh14 .rh14wrapper .rh14c3 { width: 100%; max-width: 100%; margin-bottom: 48px; } } @media only screen and (min-width: 771px) and (max-width: 908px) { .rh14 .rh14title { margin-left: -20px; } } @media only screen and (min-width: 601px) and (max-width: 770px) { .rh14 .rh14title { margin-bottom: 20px; flex-direction: row; } .rh14 .rh14title .rh14bar { display: inline-flex; } .rh14 .rh14title .rh14subtitle { display: inline-flex; } } @media only screen and (min-width: 50px) and (max-width: 600px) { .rh14 .rh14title { flex-direction: column; align-items: flex-start; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; } .rh14 .rh14title .rh14bar { display: none; } .rh14 .rh14title .rh14subtitle { display: flex; margin-top: 8px; } } @media only screen and (min-width: 50px) and (max-width: 770px) { .rh14 .col4.col4-three-one .col-item:nth-child(n) { width: 100%; max-width: 100%; } .rh14 .rh14wrapper { margin-left: 0px; margin-right: 0px; } .rh14 .rh14wrapper .rh14card { margin-bottom: 24px; } .rh14 .rh14wrapper .rh14news { display: block; } .rh14 .rh14wrapper .rh14c1 { width: 100%; max-width: 100%; margin-right: 0px; } .rh14 .rh14wrapper .rh14c1 .rh14card h2 { font-size: 20px; } .rh14 .rh14wrapper .rh14c2 { width: 100%; max-width: 100%; margin-right: 0px; } .rh14 .rh14wrapper .rh14c3 { width: 100%; max-width: 100%; margin-bottom: 48px; } } .rtl .rh14 .rh14wrapper .rh14c1 { margin-right: 0px; margin-left: 24px; } .rtl .rh14 .rh14wrapper .rh14c2 { margin-right: 0px; margin-left: 24px; } .rc11 { overflow: hidden; } .rc11.darktheme { background: rgb(33, 30, 28); color: rgb(241, 239, 237); } .rc11.green-theme { background: rgb(183, 217, 194); } .rc11.sienna-theme { background: rgb(245, 222, 189); } .rc11.red-theme { background: rgb(247, 191, 184); } .rc11.pink-theme { background: rgb(217, 171, 182); } .rc11.juniper-theme { background: rgb(215, 229, 229); } .rc11.ice-theme { background: rgb(148, 191, 206); } .rc11.mist-theme { background: rgb(188, 213, 213); } .rc11.purple-theme { background: rgb(219, 201, 229); } .rc11.yellow-theme { background: rgb(252, 239, 203); } .rc23 .rc11 { max-width: none !important; } .rc23 .rc11 .rc11w1.cwidth { max-width: 974px; } .rc23 .rc11 .rc11w1 .rc11w2 { max-width: none; display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; } .rc11 .rc11w2 { max-width: 58em; padding: 2.2rem 0px; margin: 0px auto; display: flex; flex-flow: row; justify-content: center; align-items: center; } .rc11 .rc11w2 > * { margin-top: 1rem !important; margin-bottom: 1rem !important; } .rc11 .rc11w2 p { display: inline-block; font-size: 2rem; font-weight: 800; margin: 0px 1.5em 0px 0px; } .rc11 .rc11w2 .rc11w3 { margin-right: 2em; } .rc11 .rc11w2 .rc11w3 p { margin-right: 0px; } .rc11 .rc11w2 .icn-img { font-size: 4rem; margin: 0px 0.6em 0px 0px; } .rc11 .rc11w2 .obttns { display: inline-block; width: auto; margin-bottom: 0px; } .rc11 .rc11w2 .obttns > div { margin: 0px; } .rc11 .rc11w2 .obttns a { white-space: nowrap; } .rc11.rc11v2 .rc11w2 { padding: 8px 0px; width: calc(100% - 48px) !important; } .rc11.rc11v2 .rc11w4 { padding: 8px 0px; } .rc11 .rc11w2.rc11bttns { max-width: 64em; } .rc11 .rc11w2.rc11bttns .obttns { display: flex; flex-flow: row; justify-content: space-between; align-items: flex-start; } .rc11 .rc11w2.rc11bttns .obttns div:first-of-type { margin-right: 1em; } @media (max-width: 600px) { .rc11 .rc11w2.rc11bttns .obttns { display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; margin-bottom: -0.6em !important; } .rc11 .rc11w2.rc11bttns .obttns div { margin-bottom: 1.6em; } } .rc11.rc11v1 { padding: 0px !important; } .rc11.rc11v1 .rc11w2.rc11bttns h2, .rc11.rc11v1 .rc11w2.rc11bttns h3 { font-family: inherit; font-weight: 800; } .rc11.rc11v1 .rc11w2.rc11bttns h4.rc11super { text-transform: uppercase; font-size: 1.6rem; margin: 0px 0px 0.8em; } .rc11.rc11v1 .rc11w3 h2, .rc11.rc11v1 .rc11w3 h3, .rc11.rc11v1 .rc11w2.rc11bttns h2, .rc11.rc11v1 .rc11w2.rc11bttns h3 { font-size: 2rem; } .rc11.rc11v1 .rc11w3 p, .rc11.rc11v1 .rc11w2.rc11bttns p { font-size: 1.6rem; font-weight: normal; } .f22w2.f22sidebar .rc11 + .rc11 { margin-top: 2.5em; } .f22w2.f22sidebar .rc11 .obttns a { white-space: initial; } .f22w2.f22sidebar .rc11w2 { display: flex; flex-flow: column wrap; justify-content: space-between; align-items: flex-start; } .f22w2.f22sidebar .rc11w2 div.icn-img { margin: 0px; } .f22w2.f22sidebar .rc11 .rc11w2 .obttns > div { margin-top: inherit; } .f22w2.f22sidebar .rc11.rc11v1 div.bgimg { background-size: auto 85%; max-width: 480px; width: 100%; } .rtl .rc11 .rc11w2 > p { margin: 0px 0px 0px 1.622em; } @media (max-width: 600px) { .rtl .rc11 .rc11w2 > p { margin-bottom: 1em; } } .rtl .rc11 .rc11w2 .rc11w3 { margin: 0px 0px 0px 2em; } .rtl .rc11 .rc11w2.rc11bttns .obttns div:first-of-type { margin-left: 1em; } .rtl .rc11 .rc11w2 .icn-img { margin: 0px 0px 0px 0.6em; } .f22w2:not(.f22sidebar) .rc11v0 .rc11w1.cwidth, .f22w2:not(.f22sidebar) .rc11v1 .rc11w1.cwidth { padding-left: 24px !important; padding-right: 24px !important; } .f22w2:not(.f22sidebar) .rc11v0 .rc11w1 .rc11w2 .icn-img, .f22w2:not(.f22sidebar) .rc11v1 .rc11w1 .rc11w2 .icn-img { margin-left: 0px; } .f22w2:not(.f22sidebar) .rc11v0 .rc11w1 .rc11w2 .icn-img + p, .f22w2:not(.f22sidebar) .rc11v1 .rc11w1 .rc11w2 .icn-img + p { margin-right: auto; } .rtl .f22w2:not(.f22sidebar) .rc11v0 .rc11w1 .rc11w2 .icn-img, .rtl .f22w2:not(.f22sidebar) .rc11v1 .rc11w1 .rc11w2 .icn-img { margin-right: 0px; margin-left: 0.6em; } .rtl .f22w2:not(.f22sidebar) .rc11v0 .rc11w1 .rc11w2 .icn-img + p, .rtl .f22w2:not(.f22sidebar) .rc11v1 .rc11w1 .rc11w2 .icn-img + p { margin-right: 0px; margin-left: auto; } @media (max-width: 768px) { .f22w2.f22sidebar .rc11 { margin-left: -24px; margin-right: -24px; border-radius: 0px !important; } .f22w2.f22sidebar .rc11 .obttns div:last-of-type { margin-top: 0px; } .f22w2.f22sidebar .rc11 .rc11w2 .obttns > div { margin-top: 0px; } .f22w2.f22sidebar .rc11.rc11v1 div.bgimg { background-size: auto 130%; background-position: 100% 50%; } } @media (max-width: 600px) { .rc11 .rc11w2 { justify-content: flex-start; flex-wrap: wrap; } .rc11 .rc11w2 .obttns { margin-left: 0px; } .rc11 .rc11w2 p { flex: 0 1 100%; } .rc11 .rc11w2 .icn-img { margin: 0px; } .rc11.rc11v1 div.bgimg { background-size: auto 130%; width: 100%; } } .u24 { max-width: none; display: block; position: absolute; width: 100%; height: 175px; margin: 0px auto; overflow: hidden; z-index: 0; color: rgb(255, 255, 255); transform: scaleY(0); transform-origin: center top; transition: transform 200ms linear 0s; background: rgba(22, 21, 19, 0.9); } .u24w3, .u24w5 { background-color: rgb(255, 255, 255) !important; } .u24w3 ul li a, .u24w5 ul li a { border-radius: 0px; background-color: rgb(255, 255, 255) !important; color: rgb(0, 107, 143) !important; text-align: left !important; } .u24w4wrap { margin-top: 1em; } body.u24show .u24 { overflow: visible; z-index: 20; } body.u24vis .u24 { transform: scaleY(1); transition: transform 200ms linear 0s; } body.u24vis .u24 .u24w1 { opacity: 1; transition: opacity 100ms ease-in-out 200ms; } body.u24vis .u24 .u24closebtn { opacity: 1; transition: opacity 100ms ease-in-out 200ms; } body.u24show:not(.u24under) .u24 { transform: scaleY(1); transition: transform 200ms linear 0s; height: 175px; } body.u24show:not(.u24under) .u24 .u24w1 { opacity: 1; transition: opacity 100ms ease-in-out 200ms; } body.u24show:not(.u24under) .u24 .u24closebtn { opacity: 1; transition: opacity 100ms ease-in-out 200ms; } .u24w1 { position: absolute; opacity: 0; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; } .u24w1::before { display: block; font-size: 13rem; color: rgb(255, 255, 255); transform: translate(-0.16em, 0px); } .u24w2 { position: absolute; max-width: 90%; top: 50%; left: 7em; transform: translateY(-50%); display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; } .u24w2::before { content: ""; position: absolute; top: 0.15em; left: -105px; font-size: 80px; line-height: 0.9; color: rgb(251, 249, 248); font-family: var(--rwiconfont) !important; } .u24w2 strong { width: 100%; display: block; padding-bottom: 0.5em; font-size: 2.3rem; font-weight: 500; } .u24w2 .obttns { width: auto; margin-right: 1em; } .u24w2 .obttns.u24visit.u24addlang .u24btnlnk::before { content: ""; } .u24w2 .u24w4wrap { width: 100%; } .u24w2 .u24txtlnk { display: inline-block; margin-top: 0.75em; font-size: 1.6rem; color: rgb(255, 255, 255); } .u24w2 .u24txtlnk:focus { outline: none; } .u24closebtn { position: absolute; opacity: 0; top: 0.5em; right: 0px; transition: opacity 150ms ease-in-out 0s; transform: translate(6px, 0px); } .u24closebtn::before { font-size: 3rem; font-weight: bold; color: rgb(255, 255, 255); text-decoration: none; } .u24closebtn:hover { text-decoration: none; outline: none; } .u24closebtn:focus { outline: none; text-decoration: none; opacity: 0.7 !important; transition: opacity 150ms ease-in-out 0s !important; } .u24w3, .u24w5 { position: absolute; visibility: hidden; opacity: 0; top: 200%; left: 0px; right: 0px; padding: 0.5em 0px; background: rgb(255, 255, 255); transform: translate(0px, 24px); transition: top 0.3s ease 0.1s, opacity 0.25s ease 0s, visibility 0s linear 0.3s; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 25px 0px; } .u24w3.u24w3open, .u24w3.u24w5open, .u24w5.u24w3open, .u24w5.u24w5open { visibility: visible; opacity: 1; z-index: 1; transition: top 0.3s ease 0s, opacity 0.25s ease 0s, visibility 0s linear 0s; } .u24w3 ul li a, .u24w5 ul li a { display: block; position: relative; padding: 7px 30px 7px 20px; z-index: 2; font-size: 15px; font-weight: normal; color: rgb(0, 107, 143) !important; } .u24w3 ul li a::after, .u24w5 ul li a::after { display: none; } .u24w3 ul li a:hover, .u24w5 ul li a:hover { text-decoration: underline; color: rgb(0, 107, 143) !important; } .u24w3 ul li a:focus, .u24w5 ul li a:focus { outline-color: rgb(0, 107, 143) !important; outline-offset: -3px; } .u24w3 { padding-top: 1.6em; background: rgba(0, 0, 0, 0) !important; } .u24w3.u24w3open { top: 1.2em; } .u24w3 ul { background: rgb(255, 255, 255); padding: 0.5em 0px; position: relative; } .u24w3 ul::after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0px 12px 13px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255); display: inline-block; position: absolute; top: -12px; bottom: auto; left: 50%; margin-left: -5px; background: rgba(0, 0, 0, 0) !important; } .u24w5 { max-width: 205px; pointer-events: none; top: 300%; } .u24w5.u24w5open { top: 1.6em; } .u24w5::after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0px 12px 13px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(251, 249, 248); display: inline-block; position: absolute; top: -12px; bottom: auto; left: 50%; margin-left: -5px; background: rgba(0, 0, 0, 0) !important; } .u24w5open .u24w6 { pointer-events: all; } a.u24region { box-sizing: content-box; display: block; position: relative; width: 80%; padding: 7px 10%; z-index: 2; font-size: 15px; font-weight: normal; color: rgb(0, 107, 143) !important; text-decoration: none !important; } a.u24region::after { display: none; } a.u24region:hover { background: rgb(255, 255, 255); text-decoration: none; color: rgb(0, 107, 143) !important; } a.u24region:focus { background: rgb(255, 255, 255); outline-offset: -3px; outline-color: rgb(0, 107, 143) !important; } .u24regioncr, .u24regioncr:hover { background: rgb(255, 255, 255) !important; } .u24regioncr { text-decoration: none !important; } .u24-l2sub { display: table-cell; opacity: 0; } .u24-l2sub li { min-width: 10em; } .u24-l2 { box-sizing: content-box; display: table; position: absolute; visibility: hidden; min-height: 210px; top: 0px; left: 208px; margin-left: -208px; padding: 10px 0px 17px 208px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 25px 0px; } .u24-l2::before { content: " "; display: block; position: absolute; width: 205px; top: 0px; left: 0px; bottom: 1px; z-index: 1; background: rgb(245, 244, 242); } .u24-l2 a { background: rgb(255, 255, 255); } .u24-l2.u24-l2visible { visibility: visible; } .u24-l2.u24-l2visible .u24-l2sub { opacity: 1; transition: opacity 0.8s ease 0s; } .u24w3 > i, .u24w4 > i { content: " "; display: block; position: absolute; opacity: 1; width: 100%; height: 14px; top: -13px; left: 0px; margin: 0px; overflow: hidden; z-index: 6; } .u24w3 > i::after { content: " "; display: block; position: relative; width: 32px; height: 32px; top: 6px; left: 50%; margin-left: -12px; background: rgb(255, 255, 255); transform: rotate(45deg); opacity: 0; } .u24w4 > i { visibility: hidden; opacity: 0; top: 1em; transform: translate(0px, 11px); transition: opacity 0.25s ease 0s, visibility 0s linear 0.3s; background: rgba(0, 0, 0, 0); height: 25px; } .u24w4wrap .u24w4 > i::after { background: rgb(245, 244, 242); } .u24w4wrap { display: block; position: relative; clear: both; } .u24w4.u24w4open i { visibility: visible; opacity: 1; z-index: 1; transition: opacity 0.25s ease 0s, visibility 0s linear 0s; } .u24w4.u24w4open i::after { opacity: 1; } .u24w4 { display: inline-block; position: relative; float: left; clear: both; margin-bottom: -1.42em; padding: 1em 21px 1.1em 0px; line-height: 1; color: rgb(255, 255, 255); cursor: pointer; } .u24w4::before { content: ""; position: absolute; right: -0.4em; font-size: 21px; line-height: 0.9; color: rgb(255, 255, 255); font-family: var(--rwiconfont) !important; } .u24w4:hover { color: rgb(255, 255, 255); text-decoration: none; } .u24w6 { overflow: visible !important; } .l2Title, .u24w6Title { display: none; } body:not(.u24under) .u24 { position: relative; z-index: 22; height: 0px; background-color: rgb(22, 21, 19); } body:not(.u24under) .u24 .u24w1 { width: 90vw; } body:not(.u24under) .u24 .u24closebtn { right: 5vw; } html[class*="oj-agent"] .u24 .obttns a, html[class*="oj-agent"] .u24 .obttns button { padding: 10px 15px; font-size: 12px; min-height: 38px; } html[class*="oj-agent"] .u24 .obttns a.icn-cv-down, html[class*="oj-agent"] .u24 .obttns button.icn-cv-down { padding-right: 40px; } html[class*="oj-agent"] .u24w2 strong { font-size: 20px; } html[class*="oj-agent"] .u24closebtn::before { font-size: 27px; } html[class*="oj-agent"] .u24w3 { padding-bottom: 0px; } html[class*="oj-agent"] .u24w3.u24w3open { top: -8px; } @media only screen and (max-width: 1468px) { .u24w2 { left: 10em; } .u24w2::before { left: -100px; } .u24closebtn { right: 48px; } } .u24.darktheme .u24nothanks .thankstrans font { color: rgb(22, 21, 19); } @media only screen and (max-width: 1195px) { .u24w4 { padding: 0.5em 21px 1.42em 0px; } .u24w5.u24w5open { top: 1.2em; } } @media only screen and (max-width: 1024px) { .u24w2 { left: 8em; } .u24closebtn { right: 24px; } } @media only screen and (max-width: 974px) { .u24w4::before { line-height: 0.8; } } @media only screen and (max-width: 770px) { .u24w1::before { display: none; } .u24w2 { max-width: 88%; left: 1.7em; } .u24w4::before { font-size: 19px; line-height: 0.7; } .u24-l2 { width: 250px; } .u24-l2sub { width: 100%; } .u24-l2::before { width: 204px; } .rw-globe .u24w2::before { display: none; } } @media only screen and (max-width: 600px) { body.u24vis .u24 { height: 240px; } body.u24show:not(.u24under) .u24 { height: 240px; } .u24w1::before { display: none; } .u24w2 { position: relative; float: left; } .u24w2 .u24txtlnk { margin-top: 0.3em; } .u24region { width: 84%; padding: 7px 8%; } .u24region:hover { text-decoration: underline !important; } .u24-l2 { visibility: visible; opacity: 0; width: 100%; left: 100%; margin-left: 0px; padding: 0px; transition: left 0.8s ease 0s, opacity 0.5s ease 0s; } .u24-l2::before { display: none; } .u24-l2.u24-l2visible { visibility: visible; opacity: 1; width: 100%; left: 0px; z-index: 3; transition: left 0.8s ease 0s, opacity 0.5s ease 0s; } .u24-l2.u24-l2visible .l2Title { opacity: 1; cursor: pointer; } .u24-l2.u24-l2visible .u24-l2sub { opacity: 1; transition: opacity 0s ease 0s; } .u24-l2 .u24-l2sub { opacity: 1; } .l2Title, .u24w6Title { display: block; position: relative; opacity: 0; margin-bottom: 1em; font-size: 15px; font-weight: bold; color: rgb(198, 193, 189); border-bottom: 1px solid rgb(198, 193, 189); text-transform: capitalize; padding: 13px 20px 13px 64px !important; } .l2Title::before, .u24w6Title::before { content: " "; display: block; position: absolute; opacity: 1; width: 1px; height: auto; top: 0.7em; left: 49px; bottom: 0.7em; background: rgb(198, 193, 189); } .l2Title::after, .u24w6Title::after { content: " "; display: block; position: absolute; width: 1.2em; height: 1.2em; top: 50%; left: 1.2667em; margin: -0.6em 0px 0px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTIgMTciPjxwYXRoIGZpbGw9IiMzMjRiNWMiIGQ9Ik0xMS45OTUsMTQuODc2IEw1LjA4NCw4LjQ5OCBMMTEuOTk1LDIuMTI2IEw5LjkyMCwtMC4wMDUgTDAuMDA1LDguNDk4IEw5LjkyMCwxNy4wMDcgTDExLjk5NSwxNC44NzYgWiIgY2xhc3M9ImNoIi8+PC9zdmc+") 0% 0% / auto 100% no-repeat; } .u24w6Title { opacity: 1; padding: 13px 20px 13px 8% !important; } .u24w6Title::before { display: none; } .u24w6Title::after { display: none; } .u24-l2sub { display: block; } .u24w2 .obttns > div { margin-bottom: 0.6em; } .u24w3 { top: 150%; transform: translate(0px, 15px); } .u24w3.u24w3open { top: 2em; } .u24w4wrap { width: 100%; } .u24w4 { padding: 0.5em 21px 1.7em 0px; } .u24w3 ul li a, .u24w5 ul li a { width: 100%; font-size: 14px; } .u24w5::after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(251, 249, 248); left: 25%; margin-left: -10px; } .u24w5 ul ul.u24-l2sub a { width: 100%; } .u24visit { margin-bottom: 0.3em; } .u24stay { display: block; } .u24w4wrap .u24w4 > i::after { background: rgb(255, 255, 255); } .u24w2 { max-width: 100%; left: 0px; } .u24w2 strong { width: 85%; } .u24w5 { max-width: 100%; padding: 0px 0px 1.5em; } .u24w6 { position: relative; overflow: hidden !important; } } @media only screen and (max-width: 320px) { .u24 .u24w2 .u24w5::after { left: 50%; margin-left: -10px; } } .rtl .u24 { direction: rtl; } .rtl .u24w1::before { transform: translate(0.16em, 0px); } .rtl .u24w2 { left: auto; right: 7em; } .rtl .u24w2::before { right: -105px; left: auto; } .rtl .u24w2 .obttns { margin-right: 0px; margin-left: 1em; } .rtl .u24w4 { float: none; padding-right: 0px; padding-left: 21px; } .rtl .u24w4wrap { float: right; } .rtl .u24w4::before { left: 0px; right: auto; } .rtl .u24-l2 { left: auto; right: 208px; margin-right: -208px; margin-left: 0px; padding-right: 208px; padding-left: 0px; } .rtl .u24-l2::before { left: auto; right: 0px; } .rtl .u24closebtn { left: 0px; right: auto; } @media only screen and (max-width: 1468px) { .rtl .u24w2 { right: 10em; } .rtl .u24w2::before { right: -100px; } } @media only screen and (max-width: 1195px) { .rtl .u24w1::before { transform: translate(-0.1em, 0px); } } @media only screen and (max-width: 1024px) { .rtl .u24w2 { right: 8em; } } @media only screen and (max-width: 770px) { .rtl .u24w2 { left: auto; right: 1.3em; } } @media only screen and (max-width: 600px) { .rtl .u24w2 { float: right; left: auto; right: 0px; } .rtl .u24w2 strong, .rtl .u24w2 .obttns, .rtl .u24w4 { margin-left: 0px; } .rtl .u24w2 .u24visit { margin-left: 15px; } .rtl .u24w6Title, .rtl .l2Title { padding: 13px 8% 13px 20px !important; } .rtl .l2Title { padding-right: 64px !important; } .rtl .l2Title::before, .rtl .u24w6Title::before { left: auto; right: 49px; } .rtl .l2Title::after, .rtl .u24w6Title::after { left: auto; right: 1.2667em; transform: scaleX(-1); } .rtl .u24-l2 { margin: 0px; padding: 0px; } .rtl .u24-l2.u24-l2visible { left: auto; right: 0px; } } a.sharelink { cursor: pointer !important; } div.sharewidget { display: none; position: relative; z-index: 1; clear: both; float: left; } .js div.sharewidget { display: block; } div.sharewidget a.sharewidget { width: 2em; height: 1.825em; display: block; overflow: hidden; } div.sharewidget a.sharewidget span { visibility: hidden; } div.sharewidget a.sharewidget.sharetxt { overflow: visible; width: 6em; } div.sharewidget a.sharewidget.sharetxt span { font-size: 0.5em; position: absolute; top: -0.1em; left: 1.3em; visibility: visible; } div.sharewidget a.sharetxt:hover span { text-decoration: underline; } div.sharelink, a.sharewidget { position: relative; } button.sharelink { border: 0px; background-color: rgba(0, 0, 0, 0); font-size: 16px; color: rgb(0, 107, 143); cursor: pointer; } div.sharelink { padding-left: 2em; } div.sharelink::before { font-size: 1.7em; position: absolute; left: 0px; } div.sharewidget div.icn-share::before, div.sharewidget div.icn-share-alt::before { z-index: 2; position: absolute; } .rtl div.sharelink { padding-left: 0px; padding-right: 2em; } .rtl div.sharelink::before { left: auto; right: 0px; } .sharewidgetw1 { position: relative; } .sharewidgetw2 { margin-top: 13px; white-space: nowrap; font-size: 2rem; line-height: 0.5; position: absolute; z-index: 999; top: 100%; left: -13px; background: rgb(255, 255, 255); padding: 8px; display: inline-block; box-shadow: rgba(0, 0, 0, 0.376) 0px 4px 23px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; border-radius: 3px; opacity: 1; transform: translateY(0px); } .cw53 .sharewidgetw2 { left: 0px; } .sharewidgetw2.shareoc { opacity: 0; transform: translateY(25px); } .topshare .sharewidgetw2.shareoc { transform: translateY(-25px); } a.sharewidget.sharetxt + .sharewidgetw2 { left: -20px; } .sharewidgetw2 i { position: absolute; top: -15px; left: 0px; width: 100%; height: 15px; content: " "; overflow: hidden; } .sharewidgetw2 i::after { position: absolute; top: 9px; left: 20px; width: 14px; height: 14px; content: " "; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 20px; transform: rotate(45deg); } .rightshare .sharewidgetw2 { left: auto; right: -8px; } .rightshare .sharewidgetw2 i::after { left: auto; right: 18px; } .topshare .sharewidgetw2 { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 13px; } .topshare .sharewidgetw2 i { top: auto; bottom: -15px; } .topshare .sharewidgetw2 i::after { bottom: 9px; top: auto; } .sharewidgetw2 div.icn-sicons { padding: 0px; width: 24px !important; height: 25px !important; } .sharewidgetw2 .icn-img.icn-sicons::before { top: 0px; position: relative; line-height: 0.8; vertical-align: top; color: rgb(58, 54, 50); font-size: 24px !important; } .sharewidgetw2 .icn-img.icn-sicons:focus::before, .sharewidgetw2 .icn-img.icn-sicons:hover::before { opacity: 0.7; } .sharewidgetw2 .icn-img.icn-sicons em { display: none; } .sharewidgetw2 a.sharelink:hover { text-decoration: none; } .sharewidgetw2 a.sharelink::after { display: none; } .sharewidgetw2 a.sharelink { display: inline-block; margin: 0px 8px; width: 24px; height: 24px; min-height: 0px; padding: 0px !important; } div.sharewidget div.icn-share, div.sharewidget div.icn-share-alt { text-decoration: none; } div.sharewidget div.icn-share::before, div.sharewidget div.icn-share-alt::before { height: 100%; text-decoration: none; } .sharelink[data-sharetype="googleplus"] { display: none !important; } .qrcodew1 { position: relative; display: inline-block; } .qrcodew2 { position: absolute; right: 0px; bottom: 120%; box-shadow: rgba(0, 0, 0, 0.376) 0px 4px 23px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; opacity: 1; transform: translateY(0px); z-index: 100; } .qrcodew2.qroc { opacity: 0; transform: translateY(25px); } .qrcodew2 img { width: auto; max-width: 150px; display: block; } .obttns > div > span.sharewidgetw1 { border-radius: 3em; } .obttns > div > span.sharewidgetw1:hover, .obttns > div > span.sharewidgetw1:focus, .obttns > div > span.sharewidgetw1:active { text-decoration: none; background: rgba(0, 0, 0, 0) !important; color: rgba(0, 0, 0, 0) !important; } .obttns > div > span.sharewidgetw1.rightshare .sharewidgetw2 { right: 8px; } .obttns > div > span.sharewidgetw1 a:hover, .obttns > div > span.sharewidgetw1 a:focus, .obttns > div > span.sharewidgetw1 a:active { text-decoration: none; } .rtl .obttns > div > span.sharewidgetw1.rightshare .sharewidgetw2 { right: auto; left: 8px; } .rtl .obttns > div > span.sharewidgetw1.rightshare .sharewidgetw2 i::after { right: auto; left: 18px; } .rtl .obttns > div > span.sharewidgetw1.topshare .sharewidgetw2 { margin: 0px 0px 13px; } .obttns.obttns-alt > div > span.sharewidgetw1 { border-radius: 4px; } :is(.darktheme, [class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .obttns > div > span.sharewidgetw1 > a { background: rgb(255, 255, 255); color: rgb(22, 21, 19) !important; } :is(.darktheme, [class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .obttns > div > span.sharewidgetw1 > a:focus, :is(.darktheme, [class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .obttns > div > span.sharewidgetw1 > a:hover { background: rgb(241, 239, 237); } :is(.darktheme, [class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .obttns > div > span.sharewidgetw1 > a:active { background: rgb(235, 234, 231); } :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .obttns > div > span.sharewidgetw1 > a { background: rgb(255, 255, 255); color: rgb(22, 21, 19) !important; } :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .obttns > div > span.sharewidgetw1 > a:focus, :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .obttns > div > span.sharewidgetw1 > a:hover { background: rgb(241, 239, 237); } :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .obttns > div > span.sharewidgetw1 > a:active { background: rgb(235, 234, 231); } .obttns > div > span.sharewidgetw1 > a, :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) .obttns > div > span.sharewidgetw1 > a { background: rgb(49, 45, 42); color: rgb(255, 255, 255) !important; } .obttns > div > span.sharewidgetw1 > a:focus, :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) .obttns > div > span.sharewidgetw1 > a:focus { background: rgb(22, 21, 19); outline-color: rgb(22, 21, 19) !important; } .obttns > div > span.sharewidgetw1 > a:hover, :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) .obttns > div > span.sharewidgetw1 > a:hover { background: rgb(22, 21, 19); } :is(.darktheme, [class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) div.obttn1 > span.sharewidgetw1 > a { background: rgba(0, 0, 0, 0); color: rgb(255, 255, 255) !important; } :is(.darktheme, [class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) div.obttn1 > span.sharewidgetw1 > a::after { border: 1px solid rgb(255, 255, 255); } :is(.darktheme, [class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) div.obttn1 > span.sharewidgetw1 > a:focus, :is(.darktheme, [class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) div.obttn1 > span.sharewidgetw1 > a:hover { background: rgb(255, 255, 255); color: rgb(22, 21, 19) !important; } :is(.darktheme, [class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) div.obttn1 > span.sharewidgetw1 > a:active { background: rgba(255, 255, 255, 0.9); color: rgb(22, 21, 19) !important; } :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) div.obttn1 :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) div.obttn1 > span.sharewidgetw1 > a { background: rgba(0, 0, 0, 0); color: rgb(255, 255, 255) !important; } :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) div.obttn1 :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) div.obttn1 > span.sharewidgetw1 > a::after { border: 1px solid rgb(255, 255, 255); } :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) div.obttn1 :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) div.obttn1 > span.sharewidgetw1 > a:focus, :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) div.obttn1 :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) div.obttn1 > span.sharewidgetw1 > a:hover { background: rgb(255, 255, 255); color: rgb(22, 21, 19) !important; } :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) div.obttn1 :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) div.obttn1 > span.sharewidgetw1 > a:active { background: rgba(255, 255, 255, 0.9); color: rgb(22, 21, 19) !important; } div.obttn1 > span.sharewidgetw1 > a, :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) div.obttn1 > span.sharewidgetw1 > a { background: rgba(0, 0, 0, 0); color: rgb(22, 21, 19) !important; } div.obttn1 > span.sharewidgetw1 > a::after, :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) div.obttn1 > span.sharewidgetw1 > a::after { border: 1px solid rgb(22, 21, 19); } div.obttn1 > span.sharewidgetw1 > a:focus, div.obttn1 > span.sharewidgetw1 > a:hover, :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) div.obttn1 > span.sharewidgetw1 > a:focus, :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) div.obttn1 > span.sharewidgetw1 > a:hover { background: rgb(22, 21, 19); color: rgb(255, 255, 255) !important; } div.obttn1 > span.sharewidgetw1 > a:active, :is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) div.obttn1 > span.sharewidgetw1 > a:active { background: rgba(22, 21, 19, 0.9); color: rgb(255, 255, 255) !important; } .col-framework { margin-left: auto; margin-right: auto; } .col-framework div[data-ocomid="expando"] { width: 100%; } .col-item { position: relative; flex-flow: column; justify-content: space-between; align-items: stretch; flex: 1 1 auto; margin: 0px; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; float: none !important; display: flex !important; } .col-item > div { flex: 0 0 auto; } .col-w1 { display: flex; flex-flow: wrap; justify-content: left; align-items: stretch; } .rtl .col-w1 { display: flex; flex-flow: wrap; justify-content: flex-start; align-items: stretch; } .col-centered .col-item { justify-content: center; } .col-top .col-item { justify-content: flex-start !important; } .col-bottom .col-item { justify-content: flex-end !important; } .col-stretched .col-item .col-item-w1 { align-self: stretch; height: 100%; } .col2 .col-item { width: 50%; max-width: 50%; } .col2.col-flip:not(.o-crsl) .col-item:nth-child(n) { order: 2; } .col2.col-flip:not(.o-crsl) .col-item:nth-child(2n) { order: 1; } .col2 .col1-third-col2 .col-item:nth-child(n), .col2.col1-third-col2 .col-item:nth-child(n) { width: 33.333%; max-width: 33.333%; } .col2 .col1-third-col2 .col-item:nth-child(2n), .col2.col1-third-col2 .col-item:nth-child(2n) { width: 66.666%; max-width: 66.666%; } .col2 .col2-thirds-col1 .col-item:nth-child(n), .col2.col2-thirds-col1 .col-item:nth-child(n) { width: 66.666%; max-width: 66.666%; } .col2 .col2-thirds-col1 .col-item:nth-child(2n), .col2.col2-thirds-col1 .col-item:nth-child(2n) { width: 33.333%; max-width: 33.333%; } .col2.col-twothreefifth .col-item:nth-child(n) { width: 40%; max-width: 40%; } .col2.col-twothreefifth .col-item:nth-child(2n) { width: 60%; max-width: 60%; } .col2.col-threetwofifth .col-item:nth-child(n) { width: 60%; max-width: 60%; } .col2.col-threetwofifth .col-item:nth-child(2n) { width: 40%; max-width: 40%; } .col2.col-altsize .col-item:nth-child(n) { width: 58.218%; max-width: 58.218%; } .col2.col-altsize .col-item:nth-child(2n) { width: 41.782%; max-width: 41.782%; } .col3 .col-item { width: 33.3333%; max-width: 33.3333%; } .col4 .col-item { width: 25%; max-width: 25%; } .col4 .col-item.col-span2 { width: 50%; max-width: 50%; } .col5 .col-item { width: 20%; max-width: 20%; } .col6 .col-item { width: 16.6667%; max-width: 16.6667%; } .col5 .col-item.col-span2 { width: 40%; max-width: 40%; } .col3.col-framework.col-altbreak .col-w1, .col5.col-framework .col-w1 { display: flex; flex-flow: wrap; justify-content: center; align-items: stretch; } .col-gutters { margin-bottom: -24px !important; } .col-gutters > .col-w1, .col-gutters > .cwidth > .col-w1 { margin: 0px -12px; } .col-gutters .col-item { margin: 0px 12px 24px; } .col-gutters.expando, .expando .col-gutters { margin-bottom: 0px !important; } .col-gutters.crsl-slider .col-item { margin: 0px 12px !important; } .col-gutters .slick-list { margin: 0px -12px; } .col-gutters.col2 .col-item { width: calc(50% - 24px); max-width: calc(50% - 24px); } .col-gutters.col2 .col1-third-col2 .col-item:nth-child(n), .col-gutters.col2.col1-third-col2 .col-item:nth-child(n) { width: calc(33.3333% - 24px); max-width: calc(33.3333% - 24px); } .col-gutters.col2 .col1-third-col2 .col-item:nth-child(2n), .col-gutters.col2.col1-third-col2 .col-item:nth-child(2n) { width: calc(66.666% - 24px); max-width: calc(66.666% - 24px); } .col-gutters.col2 .col2-thirds-col1 .col-item:nth-child(n), .col-gutters.col2.col2-thirds-col1 .col-item:nth-child(n) { width: calc(66.666% - 24px); max-width: calc(66.666% - 24px); } .col-gutters.col2 .col2-thirds-col1 .col-item:nth-child(2n), .col-gutters.col2.col2-thirds-col1 .col-item:nth-child(2n) { width: calc(33.3333% - 24px); max-width: calc(33.3333% - 24px); } .col-gutters.col2.col-twothreefifth .col-item:nth-child(n) { width: calc(40% - 24px); max-width: calc(40% - 24px); } .col-gutters.col2.col-twothreefifth .col-item:nth-child(2n) { width: calc(60% - 24px); max-width: calc(60% - 24px); } .col-gutters.col2.col-threetwofifth .col-item:nth-child(n) { width: calc(60% - 24px); max-width: calc(60% - 24px); } .col-gutters.col2.col-threetwofifth .col-item:nth-child(2n) { width: calc(40% - 24px); max-width: calc(40% - 24px); } .col-gutters.col2.col-altsize .col-item:nth-child(n) { width: calc(58.218% - 24px); max-width: calc(58.218% - 24px); } .col-gutters.col2.col-altsize .col-item:nth-child(2n) { width: calc(41.782% - 24px); max-width: calc(41.782% - 24px); } .col-gutters.col3 .col-item { width: calc(33.3333% - 24px); max-width: calc(33.3333% - 24px); } .col-gutters.col4 .col-item { width: calc(25% - 24px); max-width: calc(25% - 24px); } .col-gutters.col4 .col-item.col-span2 { width: calc(50% - 24px); max-width: calc(50% - 24px); } .col-gutters.col5 .col-item { width: calc(20% - 24px); max-width: calc(20% - 24px); } .col-gutters.col5 .col-item.col-span2 { width: calc(40% - 24px); max-width: calc(40% - 24px); } .col-gutters.col6 .col-item { width: calc(16.6667% - 24px); max-width: calc(16.6667% - 24px); } .col-smallgutters { margin-bottom: -0.66666em !important; } .col-smallgutters > .col-w1, .col-smallgutters > .cwidth > .col-w1 { margin: 0px calc(-0.317457em); } .col-smallgutters .col-item { margin: 0px calc(0.317457em) 0.66666em; } .col-smallgutters.expando, .expando .col-smallgutters { margin-bottom: 0px !important; } .col-smallgutters.crsl-slider .col-item { margin: 0px calc(0.317457em) !important; } .col-smallgutters .slick-list { margin: 0px calc(-0.317457em); } .col-smallgutters.col2 .col-item { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } .col-smallgutters.col2 .col1-third-col2 .col-item:nth-child(n), .col-smallgutters.col2.col1-third-col2 .col-item:nth-child(n) { width: calc(33.3333% - 0.66666em); max-width: calc(33.3333% - 0.66666em); } .col-smallgutters.col2 .col1-third-col2 .col-item:nth-child(2n), .col-smallgutters.col2.col1-third-col2 .col-item:nth-child(2n) { width: calc(66.666% - 0.66666em); max-width: calc(66.666% - 0.66666em); } .col-smallgutters.col2 .col2-thirds-col1 .col-item:nth-child(n), .col-smallgutters.col2.col2-thirds-col1 .col-item:nth-child(n) { width: calc(66.666% - 0.66666em); max-width: calc(66.666% - 0.66666em); } .col-smallgutters.col2 .col2-thirds-col1 .col-item:nth-child(2n), .col-smallgutters.col2.col2-thirds-col1 .col-item:nth-child(2n) { width: calc(33.3333% - 0.66666em); max-width: calc(33.3333% - 0.66666em); } .col-smallgutters.col2.col-twothreefifth .col-item:nth-child(n) { width: calc(40% - 0.66666em); max-width: calc(40% - 0.66666em); } .col-smallgutters.col2.col-twothreefifth .col-item:nth-child(2n) { width: calc(60% - 0.66666em); max-width: calc(60% - 0.66666em); } .col-smallgutters.col2.col-threetwofifth .col-item:nth-child(n) { width: calc(60% - 0.66666em); max-width: calc(60% - 0.66666em); } .col-smallgutters.col2.col-threetwofifth .col-item:nth-child(2n) { width: calc(40% - 0.66666em); max-width: calc(40% - 0.66666em); } .col-smallgutters.col2.col-altsize .col-item:nth-child(n) { width: calc(58.218% - 0.66666em); max-width: calc(58.218% - 0.66666em); } .col-smallgutters.col2.col-altsize .col-item:nth-child(2n) { width: calc(41.782% - 0.66666em); max-width: calc(41.782% - 0.66666em); } .col-smallgutters.col3 .col-item { width: calc(33.3333% - 0.66666em); max-width: calc(33.3333% - 0.66666em); } .col-smallgutters.col4 .col-item { width: calc(25% - 0.66666em); max-width: calc(25% - 0.66666em); } .col-smallgutters.col4 .col-item.col-span2 { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } .col-smallgutters.col5 .col-item { width: calc(20% - 0.66666em); max-width: calc(20% - 0.66666em); } .col-smallgutters.col5 .col-item.col-span2 { width: calc(40% - 0.66666em); max-width: calc(40% - 0.66666em); } .col-smallgutters.col6 .col-item { width: calc(16.7% - 0.66666em); max-width: calc(16.7% - 0.66666em); } .f20:not(.f20v2) .col-gutters.col-hover .col-item:hover { transform: scale(1.035); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px; } .f20:not(.f20v2) .col-smallgutters.col-hover .col-item:hover { transform: scale(1.02); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px; } .col-zoomhover .col-item:hover { transform: scale(1.06); } .f20v2 .col-gutters.col-hover .col-item:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px; } .f20v2 .col-smallgutters.col-hover .col-item:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px; } @media only screen and (min-width: 600px) { .col2.col-gutters.col-hover a.col-item:hover { transform: scale(1.017) !important; } .col2.col-smallgutters.col-hover a.col-item:hover { transform: scale(1.01) !important; } } .o-crsl { position: relative; padding: 0px; clear: both; } .o-crsl .crsl-slider { margin-bottom: 22px !important; } .o-crsl .slick-prev { order: 0; } .o-crsl .slick-next { order: 2; } .o-crsl .slick-prev, .o-crsl .slick-next { height: 1.5em; width: 1em; position: static; flex: 0 0 auto; transform: none; } .o-crsl .slick-prev::before, .o-crsl .slick-next::before { font-size: 1.875em; } .o-crsl .slick-nav { display: flex; flex-flow: row; justify-content: center; align-items: center; margin-top: 0px; margin-bottom: -10px; } .o-crsl .slick-dotted-hidden.crsl-slider { margin-bottom: 0px !important; } .o-crsl .slick-track { transform: translate3d(0px, 0px, 0px); display: flex; flex-flow: row; justify-content: space-between; align-items: stretch; padding: 0.6em 0px 1.35em; } .o-crsl .slick-list { margin-top: -0.6em !important; margin-bottom: -1.35em !important; } .o-crsl .slick-slide.col-item { height: auto; } .o-crsl .crsl-slider { display: none; margin-left: auto; margin-right: auto; } .o-crsl .slick-dots { bottom: -1.75em; order: 1; position: static; width: auto; margin: 0px 0.5em; } .no-js .crsl-slider, .crsl-slider.slick-initialized { display: block; } @media only screen and (min-width: 1600px) { .o-crsl .slick-prev { left: calc(-1.5em - 50px); } .rtl .o-crsl .slick-prev { left: auto; right: calc(-1.5em - 50px); } .o-crsl .slick-next { right: calc(-1.5em - 50px); } .rtl .o-crsl .slick-next { right: auto; left: calc(-1.5em - 50px); } } @media only screen and (min-width: 1550px) and (max-width: 1600px) { .o-crsl .slick-prev { left: calc(388.5px - 29vw); } .rtl .o-crsl .slick-prev { left: auto; right: calc(388.5px - 29vw); } .o-crsl .slick-next { right: calc(388.5px - 29vw); } .rtl .o-crsl .slick-next { right: auto; left: calc(388.5px - 29vw); } } @media only screen and (max-width: 1024px) { .col2.col-framework.col-altbreak-4 { max-width: 100%; } .col2.col-framework.col-altbreak-4 .col-item { width: 100%; max-width: 100%; } .col2.col-framework.col-altbreak-4.col-gutters .col-item { width: calc(100% - 20px); max-width: calc(100% - 20px); } .col2.col-framework.col-altbreak-4.col-smallgutters .col-item { width: calc(100% - 0.66666em); max-width: calc(100% - 0.66666em); } } @media only screen and (max-width: 770px) { .o-crsl { padding-left: 0px; padding-right: 0px; } } @media only screen and (max-width: 1300px) { .col-justified { max-width: 100% !important; } .col4.col-framework { max-width: 700px; } .col4.col-framework .col-item { width: 50%; max-width: 50%; } .col4.col-framework.col-gutters .col-item { width: calc(50% - 24px); max-width: calc(50% - 24px); } .col4.col-framework.col-smallgutters .col-item { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } .col4.col-framework.col-multi { max-width: 100%; } .col4.col-framework.col-multi .col-item { width: 33.3333%; max-width: 33.3333%; } .col4.col-framework.col-multi.col-gutters .col-item { width: calc(33.3333% - 24px); max-width: calc(33.3333% - 24px); } .col4.col-framework.col-multi.col-smallgutters .col-item { width: calc(33.3333% - 0.66666em); max-width: calc(33.3333% - 0.66666em); } .col4.col-framework.col-altbreak-4, .col4.col-framework.col-altbreak-3, .col4.col-framework.col-altbreak-2, .col4.col-framework.col-altbreak { max-width: 100%; } .col4.col-framework.col-altbreak-4 .col-item, .col4.col-framework.col-altbreak-3 .col-item, .col4.col-framework.col-altbreak-2 .col-item, .col4.col-framework.col-altbreak .col-item { width: 25%; max-width: 25%; } .col4.col-framework.col-altbreak-4.col-gutters .col-item, .col4.col-framework.col-altbreak-3.col-gutters .col-item, .col4.col-framework.col-altbreak-2.col-gutters .col-item, .col4.col-framework.col-altbreak.col-gutters .col-item { width: calc(25% - 24px); max-width: calc(25% - 24px); } .col4.col-framework.col-altbreak-4.col-smallgutters .col-item, .col4.col-framework.col-altbreak-3.col-smallgutters .col-item, .col4.col-framework.col-altbreak-2.col-smallgutters .col-item, .col4.col-framework.col-altbreak.col-smallgutters .col-item { width: calc(25% - 0.66666em); max-width: calc(25% - 0.66666em); } .col4.col-framework.col-altbreak-5 { max-width: 860px; } .col4.col-framework.col-altbreak-5 .col-w1 { display: flex; flex-flow: wrap; justify-content: space-between; align-items: stretch; } .col4.col-framework.col-altbreak-5 .col-w1 .col-item { max-width: 318px; } .col5.col-framework { max-width: 860px; } .col5.col-framework .col-item { width: 33.3333%; max-width: 33.3333%; } .col5.col-framework.col-gutters .col-item { width: calc(33.3333% - 24px); max-width: calc(33.3333% - 24px); } .col5.col-framework.col-smallgutters .col-item { width: calc(33.3333% - 0.66666em); max-width: calc(33.3333% - 0.66666em); } .col5.col-framework .col-item.col-span2 { width: 100%; max-width: 100%; } .col5.col-framework.col-gutters .col-item.col-span2 { width: calc(100% - 24px); max-width: calc(100% - 24px); } .col5.col-framework.col-smallgutters .col-item.col-span2 { width: calc(100% - 0.66666em); max-width: calc(100% - 0.66666em); } .col5.col-framework.col-multi { max-width: 100%; } .col5.col-framework.col-multi .col-item { width: 25%; max-width: 25%; } .col5.col-framework.col-multi.col-gutters .col-item { width: calc(25% - 24px); max-width: calc(25% - 24px); } .col5.col-framework.col-multi.col-smallgutters .col-item { width: calc(25% - 0.66666em); max-width: calc(25% - 0.66666em); } } @media only screen and (max-width: 1024px) { .col-gutters { margin-bottom: -20px !important; } .col-gutters > .col-w1, .col-gutters > .cwidth > .col-w1 { margin: 0px -10px; } .col-gutters .col-item { margin: 0px 10px 20px; } .col-gutters.crsl-slider .col-item { margin: 0px 10px !important; } .col-gutters .slick-list { margin: 0px -10px; } .col2.col-gutters .col-item { width: calc(50% - 20px); max-width: calc(50% - 20px); } .col2.col-gutters .col1-third-col2 .col-item:nth-child(n), .col2.col-gutters.col1-third-col2 .col-item:nth-child(n) { width: calc(33.3333% - 20px); max-width: calc(33.3333% - 20px); } .col2.col-gutters .col1-third-col2 .col-item:nth-child(2n), .col2.col-gutters.col1-third-col2 .col-item:nth-child(2n) { width: calc(66.666% - 20px); max-width: calc(66.666% - 20px); } .col2.col-gutters .col2-thirds-col1 .col-item:nth-child(n), .col2.col-gutters.col2-thirds-col1 .col-item:nth-child(n) { width: calc(66.666% - 20px); max-width: calc(66.666% - 20px); } .col2.col-gutters .col2-thirds-col1 .col-item:nth-child(2n), .col2.col-gutters.col2-thirds-col1 .col-item:nth-child(2n) { width: calc(33.3333% - 20px); max-width: calc(33.3333% - 20px); } .col2.col-gutters.col-twothreefifth .col-item:nth-child(n) { width: calc(40% - 20px); max-width: calc(40% - 20px); } .col2.col-gutters.col-twothreefifth .col-item:nth-child(2n) { width: calc(60% - 20px); max-width: calc(60% - 20px); } .col2.col-gutters.col-threetwofifth .col-item:nth-child(n) { width: calc(60% - 20px); max-width: calc(60% - 20px); } .col2.col-gutters.col-threetwofifth .col-item:nth-child(2n) { width: calc(40% - 20px); max-width: calc(40% - 20px); } .col2.col-smallgutters.col-twothreefifth .col-item:nth-child(n) { width: calc(40% - 0.66666em); max-width: calc(40% - 0.66666em); } .col2.col-smallgutters.col-twothreefifth .col-item:nth-child(2n) { width: calc(60% - 0.66666em); max-width: calc(60% - 0.66666em); } .col2.col-smallgutters.col-threetwofifth .col-item:nth-child(n) { width: calc(60% - 0.66666em); max-width: calc(60% - 0.66666em); } .col2.col-smallgutters.col-threetwofifth .col-item:nth-child(2n) { width: calc(40% - 0.66666em); max-width: calc(40% - 0.66666em); } .col2.col-gutters.col-altsize .col-item:nth-child(n) { width: calc(58.218% - 20px); max-width: calc(58.218% - 20px); } .col2.col-gutters.col-altsize .col-item:nth-child(2n) { width: calc(41.782% - 20px); max-width: calc(41.782% - 20px); } .col3.col-framework .col-item { width: 33.3333%; max-width: 33.3333%; } .col3.col-framework.col-gutters .col-item { width: calc(33.3333% - 20px); max-width: calc(33.3333% - 20px); } .col3.col-framework.col-smallgutters .col-item { width: calc(33.3333% - 0.66666em); max-width: calc(33.3333% - 0.66666em); } .col4.col-framework.col-gutters .col-item { width: calc(50% - 20px); max-width: calc(50% - 20px); } .col4.col-framework.col-gutters.col-multi .col-item { width: calc(33.3333% - 20px); max-width: calc(33.3333% - 20px); } .col4.col-framework.col-altbreak-4, .col4.col-framework.col-altbreak-3, .col4.col-framework.col-altbreak-2, .col4.col-framework.col-altbreak { max-width: 100%; } .col4.col-framework.col-altbreak-4 .col-item, .col4.col-framework.col-altbreak-3 .col-item, .col4.col-framework.col-altbreak-2 .col-item, .col4.col-framework.col-altbreak .col-item { width: 25%; max-width: 25%; } .col4.col-framework.col-altbreak-4.col-gutters .col-item, .col4.col-framework.col-altbreak-3.col-gutters .col-item, .col4.col-framework.col-altbreak-2.col-gutters .col-item, .col4.col-framework.col-altbreak.col-gutters .col-item { width: calc(25% - 20px); max-width: calc(25% - 20px); } .col4.col-framework.col-altbreak-4.col-smallgutters .col-item, .col4.col-framework.col-altbreak-3.col-smallgutters .col-item, .col4.col-framework.col-altbreak-2.col-smallgutters .col-item, .col4.col-framework.col-altbreak.col-smallgutters .col-item { width: calc(25% - 0.66666em); max-width: calc(25% - 0.66666em); } .col5.col-framework.col-gutters .col-item { width: calc(33.3333% - 20px); max-width: calc(33.3333% - 20px); } .col5.col-framework.col-multi { max-width: 100%; } .col5.col-framework.col-multi .col-item { width: 25%; max-width: 25%; } .col5.col-framework.col-multi.col-gutters .col-item { width: calc(25% - 20px); max-width: calc(25% - 20px); } .col5.col-framework.col-multi.col-smallgutters .col-item { width: calc(25% - 0.66666em); max-width: calc(25% - 0.66666em); } .col6.col-framework { max-width: 100%; } .col6.col-framework .col-item { width: 33.3333%; max-width: 33.3333%; } .col6.col-framework.col-gutters .col-item { width: calc(33.3333% - 20px); } .col6.col-framework.col-smallgutters .col-item { width: calc(33.3333% - 0.66666em); max-width: calc(33.3333% - 0.66666em); } .col6.col-framework.col-multi { max-width: 100%; } .col6.col-framework.col-multi .col-item { width: 25%; max-width: 25%; } .col6.col-framework.col-multi.col-gutters .col-item { width: calc(25% - 20px); max-width: calc(25% - 20px); } .col6.col-framework.col-multi.col-smallgutters .col-item { width: calc(25% - 0.66666em); max-width: calc(25% - 0.66666em); } } @media only screen and (max-width: 974px) { .col3.col-framework.col-multi { max-width: 700px; } .col3.col-framework.col-multi .col-item { width: 50%; max-width: 50%; } .col3.col-framework.col-multi.col-gutters .col-item { width: calc(50% - 20px); max-width: calc(50% - 20px); } .col3.col-framework.col-multi.col-smallgutters .col-item { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } .col4.col-framework.col-altbreak { max-width: 400px; } .col4.col-framework.col-altbreak .col-item { width: 100%; max-width: 100%; } .col4.col-framework.col-altbreak.col-gutters .col-item { width: calc(100% - 20px); max-width: calc(100% - 20px); } .col4.col-framework.col-altbreak.col-smallgutters .col-item { width: calc(100% - 0.66666em); max-width: calc(100% - 0.66666em); } .col4.col-framework.col-multi, .col4.col-framework.col-altbreak-2 { max-width: 700px; } .col4.col-framework.col-multi .col-item, .col4.col-framework.col-altbreak-2 .col-item { width: 50%; max-width: 50%; } .col4.col-framework.col-multi.col-gutters .col-item, .col4.col-framework.col-altbreak-2.col-gutters .col-item { width: calc(50% - 20px); max-width: calc(50% - 20px); } .col4.col-framework.col-multi.col-smallgutters .col-item, .col4.col-framework.col-altbreak-2.col-smallgutters .col-item { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } .col4.col-framework.col-altbreak-3, .col4.col-framework.col-altbreak-4 { max-width: 100%; } .col4.col-framework.col-altbreak-3 .col-item, .col4.col-framework.col-altbreak-4 .col-item { width: 25%; max-width: 25%; } .col4.col-framework.col-altbreak-3.col-gutters .col-item, .col4.col-framework.col-altbreak-4.col-gutters .col-item { width: calc(25% - 20px); max-width: calc(25% - 20px); } .col4.col-framework.col-altbreak-3.col-smallgutters .col-item, .col4.col-framework.col-altbreak-4.col-smallgutters .col-item { width: calc(25% - 0.66666em); max-width: calc(25% - 0.66666em); } .col5.col-framework.col-multi { max-width: 100%; } .col5.col-framework.col-multi .col-item { width: 33.3333%; max-width: 33.3333%; } .col5.col-framework.col-multi.col-gutters .col-item { width: calc(33.3333% - 20px); max-width: calc(33.3333% - 20px); } .col5.col-framework.col-multi.col-smallgutters .col-item { width: calc(33.3333% - 0.66666em); max-width: calc(33.3333% - 0.66666em); } } @media only screen and (max-width: 860px) { .col3.col-framework { max-width: 400px; } .col3.col-framework .col-item { width: 100%; max-width: 100%; } .col3.col-framework.col-gutters .col-item { width: calc(100% - 20px); max-width: calc(100% - 20px); } .col3.col-framework.col-smallgutters .col-item { width: calc(100% - 0.66666em); max-width: calc(100% - 0.66666em); } .col3.col-framework.col-altbreak { max-width: 100%; } .col3.col-framework.col-altbreak .col-item { width: 50%; max-width: 50%; } .col3.col-framework.col-altbreak.col-gutters .col-item { width: calc(50% - 20px); max-width: calc(50% - 20px); } .col3.col-framework.col-altbreak.col-smallgutters .col-item { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } .col4.col-framework.col-altbreak-4 { max-width: 700px; } .col4.col-framework.col-altbreak-4 .col-item { width: 50%; max-width: 50%; } .col4.col-framework.col-altbreak-4.col-gutters .col-item { width: calc(50% - 20px); max-width: calc(50% - 20px); } .col4.col-framework.col-altbreak-4.col-smallgutters .col-item { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } } @media (max-width: 770px) { .col4.col-framework.col-altbreak-3 { max-width: 100%; } .col4.col-framework.col-altbreak-3 .col-item { width: 50%; max-width: 50%; } .col4.col-framework.col-altbreak-3.col-gutters .col-item { width: calc(50% - 20px); max-width: calc(50% - 20px); } .col4.col-framework.col-altbreak-3.col-smallgutters .col-item { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } .col-framework.col2 .col-item, .col-framework.col2 .col1-third-col2 .col-item, .col-framework.col2 .col2-thirds-col1 .col-item, .col-framework.col2.col1-third-col2 .col-item, .col-framework.col2.col2-thirds-col1 .col-item, .col-framework.col2.col-twothreefifth .col-item, .col-framework.col2.col-threetwofifth .col-item { width: 100%; max-width: 100%; } .col-framework.col2.col-gutters .col-item, .col-framework.col2 .col1-third-col2.col-gutters .col-item, .col-framework.col2 .col2-thirds-col1.col-gutters .col-item, .col-framework.col2.col1-third-col2.col-gutters .col-item, .col-framework.col2.col2-thirds-col1.col-gutters .col-item, .col-framework.col2.col-twothreefifth.col-gutters .col-item, .col-framework.col2.col-threetwofifth.col-gutters .col-item { width: calc(100% - 20px); max-width: calc(100% - 20px); } .col-framework.col2.col-smallgutters .col-item, .col-framework.col2 .col1-third-col2.col-smallgutters .col-item, .col-framework.col2 .col2-thirds-col1.col-smallgutters .col-item, .col-framework.col2.col1-third-col2.col-smallgutters .col-item, .col-framework.col2.col2-thirds-col1.col-smallgutters .col-item, .col-framework.col2.col-twothreefifth.col-smallgutters .col-item, .col-framework.col2.col-threetwofifth.col-smallgutters .col-item { width: calc(100% - 0.66666em); max-width: calc(100% - 0.66666em); } .col-framework.col2.col-gutters .col1-third-col2 .col-item, .col-framework.col2.col-gutters .col2-thirds-col1 .col-item { width: calc(100% - 20px); max-width: calc(100% - 20px); } } @media (min-width: 600px) and (max-width: 770px) { .col-framework.col2.col-altbreak .col-item:nth-child(n) { width: 40%; max-width: 40%; } .col-framework.col2.col-altbreak .col-item:nth-child(2n) { width: 60%; max-width: 60%; } .col-framework.col2.col-altbreak.col-gutters .col-item:nth-child(n) { width: calc(40% - 20px); max-width: calc(40% - 20px); } .col-framework.col2.col-altbreak.col-gutters .col-item:nth-child(2n) { width: calc(60% - 20px); max-width: calc(60% - 20px); } .col-framework.col2.col-altbreak.col-smallgutters .col-item:nth-child(n) { width: calc(40% - 0.66666em); max-width: calc(40% - 0.66666em); } .col-framework.col2.col-altbreak.col-smallgutters .col-item:nth-child(2n) { width: calc(60% - 0.66666em); max-width: calc(60% - 0.66666em); } .col-framework.col2.col-altsize .col-item:nth-child(n) { width: 54%; max-width: 54%; } .col-framework.col2.col-altsize .col-item:nth-child(2n) { width: 46%; max-width: 46%; } .col-framework.col2.col-altsize.col-gutters .col-item:nth-child(n) { width: calc(54% - 20px); max-width: calc(54% - 20px); } .col-framework.col2.col-altsize.col-gutters .col-item:nth-child(2n) { width: calc(46% - 20px); max-width: calc(46% - 20px); } .col-framework.col2.col-altsize.col-smallgutters .col-item:nth-child(n) { width: calc(54% - 0.66666em); max-width: calc(54% - 0.66666em); } .col-framework.col2.col-altsize.col-smallgutters .col-item:nth-child(2n) { width: calc(46% - 0.66666em); max-width: calc(46% - 0.66666em); } .col6.col-multi.col-framework { max-width: 100%; } .col6.col-multi.col-framework .col-item { width: 33.3333%; max-width: 33.3333%; } .col6.col-multi.col-framework.col-gutters .col-item { width: calc(33.3333% - 20px); max-width: calc(33.3333% - 20px); } .col6.col-multi.col-framework.col-smallgutters .col-item { width: calc(33.3333% - 0.66666em); max-width: calc(33.3333% - 0.66666em); } } @media only screen and (max-width: 600px) { .col-gutters { margin-bottom: -16px !important; } .col-gutters > .col-w1, .col-gutters > .cwidth > .col-w1 { margin: 0px -8px; } .col-gutters .col-item { margin: 0px 8px 16px; } .col-gutters.crsl-slider .col-item { margin: 0px 8px !important; } .col-gutters .slick-list { margin: 0px -8px; } .col-framework.col2 .col-item, .col-framework.col2.col-altsize .col-item, .col-framework.col2 .col1-third-col2 .col-item, .col-framework.col2 .col2-thirds-col1 .col-item, .col-framework.col2.col1-third-col2 .col-item, .col-framework.col2.col2-thirds-col1 .col-item, .col-framework.col2.col-twothreefifth .col-item, .col-framework.col2.col-threetwofifth .col-item { width: 100%; max-width: 100%; } .col-framework.col2.col-gutters .col-item, .col-framework.col2.col-altsize.col-gutters .col-item, .col-framework.col2 .col1-third-col2.col-gutters .col-item, .col-framework.col2 .col2-thirds-col1.col-gutters .col-item, .col-framework.col2.col1-third-col2.col-gutters .col-item, .col-framework.col2.col2-thirds-col1.col-gutters .col-item, .col-framework.col2.col-twothreefifth.col-gutters .col-item, .col-framework.col2.col-threetwofifth.col-gutters .col-item { width: calc(100% - 16px); max-width: calc(100% - 16px); } .col-framework.col2.col-smallgutters .col-item, .col-framework.col2.col-altsize.col-smallgutters .col-item, .col-framework.col2 .col1-third-col2.col-smallgutters .col-item, .col-framework.col2 .col2-thirds-col1.col-smallgutters .col-item, .col-framework.col2.col1-third-col2.col-smallgutters .col-item, .col-framework.col2.col2-thirds-col1.col-smallgutters .col-item, .col-framework.col2.col-twothreefifth.col-smallgutters .col-item, .col-framework.col2.col-threetwofifth.col-smallgutters .col-item { width: calc(100% - 0.66666em); max-width: calc(100% - 0.66666em); } .col-framework.col2.col-gutters .col1-third-col2 .col-item, .col-framework.col2.col-gutters .col2-thirds-col1 .col-item { width: calc(100% - 16px); max-width: calc(100% - 16px); } .col3.col-framework.col-altbreak { max-width: 100%; } .col3.col-framework.col-altbreak .col-item { width: 100%; max-width: 100%; } .col3.col-framework.col-altbreak.col-gutters .col-item { width: calc(100% - 16px); max-width: calc(100% - 16px); } .col3.col-framework.col-altbreak.col-smallgutters .col-item { width: calc(100% - 0.66666em); max-width: calc(100% - 0.66666em); } .col3.col-framework, .col3.col-framework.col-multi, .col4.col-framework, .col4.col-framework.col-altbreak-2, .col4.col-framework.col-multi { max-width: 400px; } .col3.col-framework .col-item, .col3.col-framework.col-multi .col-item, .col4.col-framework .col-item, .col4.col-framework.col-altbreak-2 .col-item, .col4.col-framework.col-multi .col-item { width: 100%; max-width: 100%; } .col3.col-framework.col-gutters .col-item, .col3.col-framework.col-multi.col-gutters .col-item, .col4.col-framework.col-gutters .col-item, .col4.col-framework.col-altbreak-2.col-gutters .col-item, .col4.col-framework.col-multi.col-gutters .col-item { width: calc(100% - 16px); max-width: calc(100% - 16px); } .col3.col-framework.col-smallgutters .col-item, .col3.col-framework.col-multi.col-smallgutters .col-item, .col4.col-framework.col-smallgutters .col-item, .col4.col-framework.col-altbreak-2.col-smallgutters .col-item, .col4.col-framework.col-multi.col-smallgutters .col-item { width: calc(100% - 0.66666em); max-width: calc(100% - 0.66666em); } .col4.col-framework.col-2upmobile, .col4.col-framework.col-2upmobile.col-multi { max-width: 100%; } .col4.col-framework.col-2upmobile .col-item, .col4.col-framework.col-2upmobile.col-multi .col-item { width: 50%; max-width: 50%; } .col4.col-framework.col-2upmobile.col-gutters .col-item, .col4.col-framework.col-2upmobile.col-multi.col-gutters .col-item { width: calc(50% - 16px); max-width: calc(50% - 16px); } .col4.col-framework.col-2upmobile.col-smallgutters .col-item, .col4.col-framework.col-2upmobile.col-multi.col-smallgutters .col-item { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } .col4.col-framework.col-altbreak-3, .col4.col-framework.col-altbreak-4 { max-width: 100%; } .col4.col-framework.col-altbreak-3 .col-item, .col4.col-framework.col-altbreak-4 .col-item { width: 50%; max-width: 50%; } .col4.col-framework.col-altbreak-3.col-gutters .col-item, .col4.col-framework.col-altbreak-4.col-gutters .col-item { width: calc(50% - 16px); max-width: calc(50% - 16px); } .col4.col-framework.col-altbreak-3.col-smallgutters .col-item, .col4.col-framework.col-altbreak-4.col-smallgutters .col-item { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } .col4.col-framework.col-altbreak { max-width: 400px !important; } .col4.col-framework.col-altbreak .col-item { width: 100% !important; max-width: 100% !important; } .col4.col-framework.col-altbreak.col-gutters .col-item { width: calc(100% - 16px) !important; max-width: calc(100% - 16px) !important; } .col4.col-framework.col-altbreak.col-smallgutters .col-item { width: calc(100% - 0.66666em); max-width: calc(100% - 0.66666em); } .col4.col-framework.col-altbreak-5 .col-w1 { display: flex; flex-flow: wrap; justify-content: center; align-items: stretch; } .col4.col-framework.col-altbreak-5 .col-w1 .col-item { width: calc(100% - 16px); } .col5.col-framework, .col5.col-framework.col-multi { max-width: 100%; } .col5.col-framework .col-item, .col5.col-framework.col-multi .col-item { width: 50%; max-width: 50%; } .col5.col-framework.col-gutters .col-item, .col5.col-framework.col-multi.col-gutters .col-item { width: calc(50% - 16px); max-width: calc(50% - 16px); } .col5.col-framework.col-smallgutters .col-item, .col5.col-framework.col-multi.col-smallgutters .col-item { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } .col5.col-framework.col-altbreak { max-width: 100%; } .col5.col-framework.col-altbreak .col-item { width: 100%; max-width: 100%; } .col5.col-framework.col-altbreak.col-gutters .col-item { width: calc(100% - 16px); max-width: calc(100% - 16px); } .col5.col-framework.col-altbreak.col-smallgutters .col-item { width: calc(100% - 0.66666em); max-width: calc(100% - 0.66666em); } .col6.col-framework, .col6.col-framework.col-multi { max-width: 100%; } .col6.col-framework .col-item, .col6.col-framework.col-multi .col-item { width: 50%; max-width: 50%; } .col6.col-framework.col-gutters .col-item, .col6.col-framework.col-multi.col-gutters .col-item { width: calc(50% - 16px); max-width: calc(50% - 16px); } .col6.col-framework.col-smallgutters .col-item, .col6.col-framework.col-multi.col-smallgutters .col-item { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } } @media only screen and (max-width: 450px) { .col5.col-framework .col-item, .col5.col-framework.col-multi .col-item { width: 100%; max-width: 100%; } .col5.col-framework.col-gutters .col-item, .col5.col-framework.col-multi.col-gutters .col-item { width: calc(100% - 16px); max-width: calc(100% - 16px); } .col5.col-framework.col-smallgutters .col-item, .col5.col-framework.col-multi.col-smallgutters .col-item { width: calc(100% - 0.66666em); max-width: calc(100% - 0.66666em); } .col4.col-framework.col-altbreak-3 { max-width: 100%; } .col4.col-framework.col-altbreak-3 .col-item { width: 100%; max-width: 100%; } .col4.col-framework.col-altbreak-3.col-gutters .col-item { width: calc(100% - 16px); max-width: calc(100% - 16px); } .col4.col-framework.col-altbreak-3.col-smallgutters .col-item { width: calc(100% - 0.66666em); max-width: calc(100% - 0.66666em); } .col4.col-framework.col-2upmobile .col-item, .col4.col-framework.col-2upmobile.col-multi .col-item, .col5.col-framework.col-2upmobile .col-item, .col5.col-framework.col-2upmobile.col-multi .col-item { width: 50%; max-width: 50%; } .col4.col-framework.col-2upmobile.col-gutters .col-item, .col4.col-framework.col-2upmobile.col-multi.col-gutters .col-item, .col5.col-framework.col-2upmobile.col-gutters .col-item, .col5.col-framework.col-2upmobile.col-multi.col-gutters .col-item { width: calc(50% - 16px); max-width: calc(50% - 16px); } .col4.col-framework.col-2upmobile.col-smallgutters .col-item, .col4.col-framework.col-2upmobile.col-multi.col-smallgutters .col-item, .col5.col-framework.col-2upmobile.col-smallgutters .col-item, .col5.col-framework.col-2upmobile.col-multi.col-smallgutters .col-item { width: calc(50% - 0.66666em); max-width: calc(50% - 0.66666em); } } .rtl .cg19samples h4, .rtl .col-w1 { direction: rtl; } .cg19samples .col-item:nth-child(4n+1) { background: rgba(0, 0, 0, 0.2); } .cg19samples .col-item:nth-child(4n+2) { background: rgba(0, 0, 0, 0.4); } .cg19samples .col-item:nth-child(4n+3) { background: rgba(0, 0, 0, 0.3); } .cg19samples .col-item:nth-child(4n) { background: rgba(0, 0, 0, 0.5); } .cg19samples .col-item > div { background-color: rgba(255, 0, 0, 0.2); padding: 5px; margin-bottom: 1px; } .cg19samples .col-item > div:last-of-type { margin-bottom: 0px; } .cg19samples:nth-of-type(2n) { background: rgb(238, 238, 238); } .cpad.cg19samples { padding-top: 3em !important; padding-bottom: 3.5em !important; } @media (max-height: 800px), (max-width: 770px) { .cpad.cg19samples { padding-top: 2.1em !important; padding-bottom: 2.45em !important; } } .col-divider.col2 .col-item::before { top: 0px; left: 0px; bottom: 0px; z-index: 1; width: 1px; content: ""; position: absolute; padding-top: inherit; padding-bottom: inherit; background-color: rgb(49, 45, 42); background-clip: content-box; } .txtlight .col-divider.col2 .col-item::before { background-color: rgb(255, 255, 255); } .col-divider.col2 .col-w1 .col-item:nth-child(2n+1)::before { display: none; } @media (max-width: 770px) { .col-divider.col2 .col-item::before { right: 0px; bottom: auto; width: auto; height: 1px; padding-left: inherit; padding-right: inherit; padding-top: 0px !important; padding-bottom: 0px !important; } } .oform .oform-w1.odate label .oform-lbl, .oform .oform-w1.ofocus label .oform-lbl, .oform .oform-w1.ovalid label .oform-lbl, .oform .oform-w1.oerror label .oform-lbl, .oform .oform-w1.omismatch label .oform-lbl, .oform .oform-w1 label.oselect-lbl .oform-lbl { top: 1em; font-size: 1.2rem; pointer-events: all; padding-left: 1em; } .oform label.olbl-nv { border-width: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } .oform input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0); } .oform input:focus::-webkit-input-placeholder { color: rgb(188, 182, 177); } .oform ::-webkit-datetime-edit-text { color: rgb(188, 182, 177); } .oform ::-webkit-datetime-edit-month-field, .oform ::-webkit-datetime-edit-day-field, .oform ::-webkit-datetime-edit-year-field { padding: 0px 0.2em; color: rgb(188, 182, 177); } .oform ::-webkit-inner-spin-button { display: none; } .oform ::-webkit-calendar-picker-indicator { padding: 0px; transform: translate(-5px, -6px); background-image: none; } .rtl .oform ::-webkit-datetime-edit { text-align: right; } .oform input:focus::-webkit-datetime-edit-text, .oform input:focus::-webkit-datetime-edit-month-field, .oform input:focus::-webkit-datetime-edit-day-field, .oform input:focus::-webkit-datetime-edit-year-field { color: rgb(102, 95, 91); } .ovalid ::-webkit-datetime-edit-text, .ovalid ::-webkit-datetime-edit-month-field, .ovalid ::-webkit-datetime-edit-day-field, .ovalid ::-webkit-datetime-edit-year-field { color: rgb(102, 95, 91); opacity: 1; } .rtl .oform .oselect::after { left: 0.35em; right: unset; } .rtl .oform .rad-ul li > label span:last-of-type, .rtl .oform .chk-ul li > label span:last-of-type { padding-right: 1.75em; } .oform { text-size-adjust: 100%; opacity: 0; font-size: 1.6rem; } .oform.oform-initialized { transition: opacity 200ms ease 0s; opacity: 1; } .oform label { display: flex; flex-flow: row; justify-content: space-between; align-items: flex-end; max-width: 100%; font-size: 1.6rem; } .oform label .oform-lbl { flex: 3 0 auto; color: rgb(102, 95, 91); padding: 0px 0.8em; position: absolute; transform: translate(0px, -50%); top: 50%; z-index: 1; transition: top 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s, font-size 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s; pointer-events: none; margin-left: 1px; } .oform label.disabled .oform-lbl { color: rgb(188, 182, 177); } .oform label.disabled .oform-lbl .icn-help::before { color: rgb(188, 182, 177); } .oform label .oform-bbl { opacity: 0; font-size: 12px; text-align: right; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; transform: translate(0px, 100%); display: block; position: absolute; bottom: -9px; left: 0.1em; height: 0px; z-index: 3; pointer-events: none; color: rgb(189, 67, 50); font-family: inherit; line-height: 0.9; } :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .oform label .oform-bbl { color: rgba(255, 255, 255, 0.8) !important; } .oform label .icn-help { position: absolute; right: 0px; } .oform label .icn-help span { visibility: hidden; background-color: rgb(22, 21, 19); width: 300px; color: rgb(255, 255, 255); border-radius: 4px; padding: 1em; position: absolute; z-index: 1; font-weight: 400; right: 0px; top: 18px; font-size: 14px; line-height: 1.4; } .oform label .icn-help:hover span { visibility: visible; } .oform label + .oinput input[type="text"], .oform label + .oinput input[type="email"], .oform label + .oinput input[type="password"], .oform label + .oinput input[type="number"], .oform label + .oinput input[type="date"], .oform label + .oinput input[type="tel"] { padding: 1.3em 0.8em 0.4em; color: rgb(111, 105, 100); } .oform label + .oselect select { padding: 1.3em 0.8em 0.4em; } .oform label + textarea { padding: 1.3em 0.8em 0.4em; } .oform .oclear { position: absolute; right: -0.8em; height: 100%; width: 32px; display: block; top: 50%; transform: translate(-50%, -50%); opacity: 1; transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .oform .oclear.icn-plus-cf { right: 10px; } .oform .oclear.icn-plus-cf::before { transform: rotate(45deg) translate(0px, -50%); font-size: 25px; top: 43%; } .oform .oclear::before { font-size: 18px; color: rgb(122, 115, 110); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .oform .oclear:hover { cursor: pointer; } .oform .oclear:focus { outline: rgb(122, 115, 110) dotted 2px; outline-offset: -5px; } .oform .oclear:focus:not(:focus-visible) { outline-width: 0px !important; } .oform .oclear.hide { opacity: 0; transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; pointer-events: none; visibility: hidden; } .oform .oform-sml { display: inline-block; font-size: 0.9em; line-height: 1.35; } .oform span.oselect, .oform span.oinput { width: 100%; display: inline-block; padding: 0px; position: relative; } .oform span.oselect > .oinput, .oform span.oinput > .oinput { border-radius: 0px; padding: 0px; } .oform input[type="text"], .oform input[type="email"], .oform input[type="password"], .oform input[type="number"], .oform input[type="date"], .oform input[type="tel"] { display: inline-block; width: 100%; padding: 0.9em 0.8em 0.8em; font-family: inherit; font-size: 1.6rem; line-height: 1; border: 1px solid rgb(122, 115, 110); outline: 0px; caret-color: rgb(102, 95, 91); transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; border-radius: 4px; box-shadow: none; min-height: 2em; background-color: rgb(255, 255, 255) !important; } .oform input[type="text"]:focus, .oform input[type="email"]:focus, .oform input[type="password"]:focus, .oform input[type="number"]:focus, .oform input[type="date"]:focus, .oform input[type="tel"]:focus { background-color: rgb(255, 255, 255); border-color: rgb(67, 124, 148); outline-offset: 0px; } .oform input[type="text"]:invalid, .oform input[type="email"]:invalid, .oform input[type="password"]:invalid, .oform input[type="number"]:invalid, .oform input[type="date"]:invalid, .oform input[type="tel"]:invalid { outline: 0px; border-color: rgb(122, 115, 110); } .oform input[type="text"]:invalid:focus, .oform input[type="email"]:invalid:focus, .oform input[type="password"]:invalid:focus, .oform input[type="number"]:invalid:focus, .oform input[type="date"]:invalid:focus, .oform input[type="tel"]:invalid:focus { outline: 0px; border-color: rgb(67, 124, 148); } .oform input[type="text"]:disabled, .oform input[type="email"]:disabled, .oform input[type="password"]:disabled, .oform input[type="number"]:disabled, .oform input[type="date"]:disabled, .oform input[type="tel"]:disabled { border: 1px solid rgb(188, 182, 177); } .oform input[type="date"]::after { content: ""; font-size: 22px; position: absolute; z-index: 2; right: 0.7em; color: rgb(22, 21, 19); pointer-events: none; line-height: 0.6; top: 50%; left: auto; transform: translate(0px, -50%); font-family: redwoodicons !important; } .oform .oform-w1 { z-index: 1; width: 100%; position: relative; display: inline-block; margin-bottom: 2.2em; } .oform .oform-w1.oreq { transition: color 0.3s ease 0s, background 0.3s ease 0s; } .oform .oform-w1.oreq label::before, .oform .oform-w1.oreq.chk-ul::before, .oform .oform-w1.oreq.rad-ul::before { content: attr(data-reqtxt); display: block; position: absolute; bottom: -9px; left: 0px; height: 0px; z-index: 3; pointer-events: none; color: rgb(102, 95, 91); font-family: inherit; font-size: 12px; text-align: left; line-height: 0.9; } :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .oform .oform-w1.oreq label::before, :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .oform .oform-w1.oreq.chk-ul::before, :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .oform .oform-w1.oreq.rad-ul::before { color: rgba(255, 255, 255, 0.8); } .rtl .oform .oform-w1.oreq label::before, .rtl .oform .oform-w1.oreq.chk-ul::before, .rtl .oform .oform-w1.oreq.rad-ul::before { right: 0px; left: auto; } .oform .oform-w1.oreq.otextarea > label::before { box-shadow: none; } .oform .oform-w1:not(.oerror) .sr-only.error { display: none; } .oform .oform-w1.oerror label::after { content: ""; color: rgb(189, 67, 50); position: absolute; left: 0px; bottom: -21px; line-height: 0.9; transform: rotate(135deg); font-family: redwoodicons !important; } :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .oform .oform-w1.oerror label::after { color: rgb(255, 255, 255); } .oform .oform-w1.oerror label { box-shadow: none; } .oform .oform-w1.oerror label::before { box-shadow: none; } .oform .oform-w1.oerror input, .oform .oform-w1.oerror textarea { color: rgb(189, 67, 50); border-color: rgb(189, 67, 50) !important; } .oform .oform-w1.oerror select { color: rgb(189, 67, 50); border-color: rgb(189, 67, 50) !important; } .oform .oform-w1.oerror .oselect::after { color: rgb(189, 67, 50); } .oform .oform-w1.oerror::before { color: rgb(189, 67, 50); } .oform .oform-w1.oerror .oform-bbl.oform-bblerr { opacity: 1; } .oform .oform-w1.oerror.oreq .hasOreq::before { opacity: 0; } .oform .oform-w1 label + .oinput input[type="date"] { padding: 1.4em 0.8em 0.44em; } .oform .oform-w1.ofocus label .oform-lbl { color: rgb(67, 124, 148); } .oform .oform-w1.ofocus .oselect::after { color: rgb(67, 124, 148); } .oform .oform-w1.ovalid label .oform-lbl { color: rgb(102, 95, 91); } .oform .oform-w1.oerror label .oform-lbl { color: rgb(189, 67, 50); } .oform .oform-w1.oerror label .oform-bbl { left: 20px; opacity: 1; } .oform .oform-w1.oerror label::before { left: 20px; color: rgb(189, 67, 50); } .oform .oform-w1.oreq.ofocus label.hasOreq::before { opacity: 1; } .oform .oform-w1.oreq.ofocus label.hasOreq .oform-bbl { opacity: 0; } .oform .oform-w1.oreq.oerror label.hasOreq::before { opacity: 0; } .oform .oform-w1.oreq.oerror label.hasOreq .oform-bbl { opacity: 1; } .oform .oform-w1.omismatch label, .oform .oform-w1.omismatch label::before { color: rgb(189, 67, 50); box-shadow: none; } .oform .oform-w1.omismatch label .oform-lbl { color: rgb(189, 67, 50); } .oform .oform-w1.omismatch label .oform-bbl { opacity: 1; } .oform .oform-w1.omismatch label.hasOreq::before { display: none; } .oform .oform-w1.omismatch label.hasOreq::after { content: ""; color: rgb(189, 67, 50); position: absolute; left: 0px; bottom: -21px; line-height: 0.9; transform: rotate(135deg); font-family: redwoodicons !important; } :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .oform .oform-w1.omismatch label.hasOreq::after { color: rgb(255, 255, 255); } .oform .oform-w1.omismatch label.hasOreq .oform-lbl { color: rgb(189, 67, 50); } .oform .oform-w1.omismatch label.hasOreq .oform-bbl { left: 20px; } .oform .oform-w1.omismatch input { color: rgb(189, 67, 50); border-color: rgb(189, 67, 50) !important; } .oform .oform-w1.omismatch .oform-bbl.oform-bblmis { opacity: 1; transform: translateY(0px); color: rgb(189, 67, 50); } .oform select { width: 100%; padding: 0.9em 0.8em 0.8em; z-index: 1; color: rgb(102, 95, 91); outline: 0px; border: 1px solid rgb(122, 115, 110); border-radius: 4px; font-size: 1em; font-family: inherit; appearance: none; } .rtl .oform select { padding: 1.3em 0.8em 0.4em 0px; } .oform select option { padding: 0.5em; font-size: 1em; } .oform select:focus { background-color: rgb(255, 255, 255); border-color: rgb(67, 124, 148); color: rgb(67, 124, 148); outline-width: 2px; outline-style: dotted; outline-offset: -4px; } .oform .oselect { position: relative; display: inline-block; width: 100%; } .oform .oselect::after { position: absolute; z-index: 2; display: block; top: 50%; right: 1em; width: 1em; height: 0.6em; margin-top: -0.2em; font-size: 1.1em; content: ""; pointer-events: none; line-height: 0.6; color: rgb(22, 21, 19); font-family: redwoodicons !important; } @supports (-moz-appearance: none) { .oform .oselect::after { opacity: 1 !important; } } .oform span.otextarea { position: relative; } .oform span.otextarea label .oform-lbl { top: 2em; } .oform span.otextarea > textarea { border: 1px solid rgb(122, 115, 110); border-radius: 4px; } .oform span.otextarea > textarea:focus { border: 1px solid rgb(67, 124, 148); } .oform textarea { width: 100%; min-height: 100px; padding: 0.2em 0.8em; overflow: auto; background-color: rgb(255, 255, 255); outline: 0px; font-size: 1em; display: block; } .oform .oform-bttns { margin-top: 1.2em; } .oform .oform-bttns.center-bttns { text-align: center; width: 100%; } .oform .oform-bttns .obttns { display: inline-block; float: none; width: auto; } .oform .oform-bttns .obttns > div { float: none; } .oform .oform-bttns .obttns > div:last-child { margin-right: 0px; } .oform [data-depsfor] { width: 100%; } .oform [data-showfor] { display: none; } .oform .rad-ul, .oform .chk-ul { border-top: 1px solid rgb(188, 182, 177); padding: 0px 0.5em 0.5em; margin-top: 1em; } .oform .rad-ul::before, .oform .rad-ul:not(.oagree) li > label::before, .oform .chk-ul::before, .oform .chk-ul:not(.oagree) li > label::before { display: none !important; } .oform .rad-ul.ofocus, .oform .chk-ul.ofocus { border-color: rgb(67, 124, 148); } .oform .rad-ul label, .oform .chk-ul label { justify-content: flex-start; align-items: center; margin-top: 0.5em; } .oform .rad-ul li, .oform .chk-ul li { padding-left: 1em; } .oform .rad-ul li.oreq label, .oform .chk-ul li.oreq label { margin-bottom: 2rem; } .oform .rad-ul li > label, .oform .chk-ul li > label { position: relative; border-top: 1px solid rgba(0, 0, 0, 0); } .oform .rad-ul li > label span:last-of-type, .oform .chk-ul li > label span:last-of-type { display: block; flex: 0 1 auto; padding-left: 1.75em; } .oform .rad-ul li > label span:last-of-type.oform-sml, .oform .chk-ul li > label span:last-of-type.oform-sml { padding-left: 2.25em; } .oform .rad-ul li.oerror > label, .oform .chk-ul li.oerror > label { border-color: rgb(189, 67, 50); } :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .oform .rad-ul li.oerror > label, :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .oform .chk-ul li.oerror > label { border-color: rgb(255, 255, 255); } .oform .rad-ul.oagree, .oform .chk-ul.oagree { border-top: 0px; margin: 0px; padding: 0px; } .oform .rad-ul.oagree ~ .oagree, .oform .chk-ul.oagree ~ .oagree { margin-top: 0px !important; } .oform .rad-ul.oagree li, .oform .chk-ul.oagree li { margin-top: 0px; padding: 0.5em 0.5em 1em; border-top: 0px; } .oform .rad-ul.oagree li > span.oform-sml, .oform .chk-ul.oagree li > span.oform-sml { margin-left: -0.5em; } .oform .rad-ul.oagree label, .oform .chk-ul.oagree label { width: 100%; margin-top: 0px; padding-top: 0.5em; padding-right: 1.5em; align-items: flex-start; } .oreq .oform .rad-ul.oagree label, .oreq .oform .chk-ul.oagree label { margin-bottom: 2rem; } .oform .rad-ul.oagree label:focus-within, .oform .chk-ul.oagree label:focus-within { outline-offset: 2px; outline: currentcolor dotted 2px; } .oform .rad-ul.oagree input, .oform .rad-ul.oagree input + .obox, .oform .chk-ul.oagree input, .oform .chk-ul.oagree input + .obox { transform: translateY(0.5em); } .oform .rad-ul input, .oform .chk-ul input { appearance: none; position: absolute; z-index: 1; width: 14px; height: 14px; top: 5px; opacity: 0; } .oform .rad-ul input + .obox, .oform .chk-ul input + .obox { display: flex; flex-flow: row; justify-content: center; align-items: center; flex: 0 0 14px; position: absolute; pointer-events: none; top: 0.2em; z-index: -1; width: 14px; height: 14px; max-width: 14px; border: 1px solid rgb(188, 182, 177); border-radius: 0px; background-color: rgb(255, 255, 255); transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .oform .rad-ul input + .obox::before, .oform .chk-ul input + .obox::before { flex: 0 0 16px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; display: block; color: rgb(255, 255, 255); font-size: 16px; transform-origin: 50% 48%; will-change: transform; transform: translateZ(0px) scale(0); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; font-family: var(--rwiconfont) !important; } .oform .rad-ul input + .obox::after, .oform .chk-ul input + .obox::after { content: ""; position: absolute; top: -1px; left: -1px; display: block; width: 14px; height: 14px; z-index: -1; border-radius: 50%; background: rgba(188, 182, 177, 0.3); transform: scale(0); } .oform .rad-ul input:focus + .obox, .oform .chk-ul input:focus + .obox { outline: rgb(0, 0, 0) solid 1px; outline-offset: -1px; } .oform .rad-ul input:active + .obox, .oform .rad-ul input:checked + .obox, .oform .chk-ul input:active + .obox, .oform .chk-ul input:checked + .obox { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); } .oform .rad-ul input:active + .obox::before, .oform .rad-ul input:checked + .obox::before, .oform .chk-ul input:active + .obox::before, .oform .chk-ul input:checked + .obox::before { transform: translateZ(0px) scale(1); } .oform .rad-ul input:checked + .obox::after, .oform .chk-ul input:checked + .obox::after { background: rgba(122, 115, 110, 0.2); } .oform .rad-ul input.active + .obox::after, .oform .chk-ul input.active + .obox::after { animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running inked; } .oform .rad-ul.col2 li, .oform .chk-ul.col2 li { float: left; width: 50%; } .oform .rad-ul.oform-w1.oerror, .oform .rad-ul li.oform-w1.oerror, .oform .chk-ul.oform-w1.oerror, .oform .chk-ul li.oform-w1.oerror { border-color: rgb(189, 67, 50); } .oform .rad-ul.oform-w1.oerror input, .oform .rad-ul li.oform-w1.oerror input, .oform .chk-ul.oform-w1.oerror input, .oform .chk-ul li.oform-w1.oerror input { outline: 0px !important; border: 1px solid rgb(188, 182, 177) !important; } .oform .rad-ul li.oform-w1.oerror > label, .oform .chk-ul li.oform-w1.oerror > label { color: rgb(189, 67, 50); } :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .oform .rad-ul li.oform-w1.oerror > label, :is([class*="-100bg"], [class*="-110bg"], [class*="-120bg"], [class*="-130bg"], [class*="-140bg"], [class*="-150bg"], [class*="-160bg"], [class*="-170bg"], [class*="-180bg"], [class*="-190bg"], [class*="-200bg"]) .oform .chk-ul li.oform-w1.oerror > label { color: rgb(255, 255, 255); } .oform .rad-ul::after, .oform .chk-ul::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; font-size: 0px; } .oform .rad-ul input + .obox { border-radius: 50%; outline: 0px !important; } .oform .rad-ul input + .obox::before { color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); content: ""; transform-origin: 50% 48%; } .oform .rad-ul input:focus + .obox::before { border-color: rgb(0, 0, 0); } .oform .rad-ul input:active + .obox, .oform .rad-ul input:checked + .obox { background-color: rgb(255, 255, 255); } .oform .rad-ul input:active + .obox::before, .oform .rad-ul input:checked + .obox::before { content: ""; } .oform.oform-ondark .oform-w1 label .oform-bbl { color: rgb(251, 249, 248); } .oform.oform-ondark .oform-w1.oreq label::before, .oform.oform-ondark .oform-w1.oreq.chk-ul::before, .oform.oform-ondark .oform-w1.oreq.rad-ul::before { color: rgb(251, 249, 248); } .oform.oform-ondark .chk-ul, .oform.oform-ondark .rad-ul { border: none; } .oform.rw-oform textarea { resize: vertical; } .rtl .oform .oform-w1.oerror label::after { left: auto; right: 0px; } .rtl .oform .oform-w1.oerror label .oform-bbl { right: 20px; left: auto; } @media (max-height: 770px), (max-width: 1344px) { .f20v0 .oform .oform-w1 { margin-bottom: 2.5em; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { .rw-oform textarea::-webkit-resizer { opacity: 0; } .rw-oform .rw-tah { pointer-events: none; height: 2px; width: 16px; bottom: 5px; position: absolute; left: auto; right: 5px; } .rw-oform .rw-tah::after { content: ""; opacity: 0.6; background: rgba(22, 21, 19, 0.6); height: 2px; border-radius: 2px; position: absolute; width: 100%; } .rtl .rw-oform .rw-tah { left: 5px; right: auto; } } .rtl .oform label .icn-help { left: 0px; right: auto; } .rtl .oform label .icn-help span { left: 0px; right: auto; } .oform .chk-ul.oerror li label::after { display: none; } .oform .chk-ul.oreq.oerror label::before { content: attr(data-reqmsg); left: 1.5em; text-align: left; } @media only screen and (min-width: 450px) { .oform.oform-horz { display: flex; flex-flow: wrap; justify-content: flex-start; align-items: stretch; } .oform.oform-horz .oform-col { flex: 1 0 335px; display: flex; flex-flow: column; justify-content: flex-start; align-items: stretch; } .oform.oform-horz .oform-col:nth-child(2n) { padding-left: 22.5px; } .oform.oform-horz .oform-col:nth-child(2n) .rad-ul { margin-top: 0px; padding: 0px 0.5em 1.5em; } .oform.oform-horz .oform-col:nth-child(2n+1) { padding-right: 22.5px; } .oform.oform-horz .chk-ul.oagree { width: 100%; } } .rt01 + .f22 { z-index: 0; } .f22 { position: relative; } .f22[class*="rw-pattern"]::before { background-size: 300px 300px; } .f22 .f22w1 { display: flex; flex-flow: row; justify-content: space-between; align-items: stretch; position: relative; z-index: 1; } .f22 .f22w1::after { display: none; } .f22 .f22w2 { flex-grow: 888; width: 66.0714%; max-width: 66.0714%; margin: 0px; } .f22 .f22w2.f22sidebar { flex-grow: 318; width: 23.6607%; max-width: 23.6607%; margin: 0px; } .f22.f22v3 .f22w2, .f22.f22v4 .f22w2 { flex-grow: 888; width: 74.55%; max-width: 74.55%; margin: 0px; } .f22.f22v3 .f22w2.f22sidebar, .f22.f22v4 .f22w2.f22sidebar { flex-grow: 318; width: 23.6607%; max-width: 23.6607%; margin: 0px; } .f22.f22v5 .f22w2 { flex-grow: 0; margin: 0px; } .f22.f22v5 .f22w2.f22sidebar { flex-grow: 0; margin: 0px; } .f22.f22v2.cpad, .f22.f22v3.cpad, .rc23w1 .f22.cpad:not(:first-child), .f22v4 .f22w2 section:not([class*="0bg"]), .f22v5 .f22w2 section:not([class*="0bg"]) { padding-top: 0px; } @media (min-width: 1468px) { .f22w2 section[class*="0bg"]:not(.bgimg) .cwidth { padding-left: 24px; padding-right: 24px; } } @media (min-width: 0) and (max-width: 1468px) { .f22w2 section:not([class*="0bg"]):not(.bgimg) .cwidth { padding-left: 0px; padding-right: 0px; } .f22w2 section[class*="0bg"]:not(.bgimg) .cwidth { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1300px) { .f22 .f22w1 .f22w2:not(.f22sidebar) { width: calc(76.3393% - 24px); max-width: calc(76.3393% - 24px); } } @media (min-width: 1025px) { .f22.f22v5 .f22w1 .f22w2:not(.f22sidebar) { flex-grow: 0; width: 57.5933%; max-width: 57.5933%; } .f22.f22v5 .f22w2.f22sidebar { flex-grow: 0; width: 40.6279%; max-width: 40.6279%; } .f22.f22v6 .f22w1 .f22w2:not(.f22sidebar) { flex-grow: 0; width: 57.5933%; max-width: 57.5933%; } .f22.f22v6 .f22w2.f22sidebar { flex-grow: 0; width: 32.1451%; max-width: 32.1451%; } .f22.f22v7 .f22w1 .f22w2:not(.f22sidebar) { flex-grow: 0; width: 57.5933%; max-width: 57.5933%; } .f22.f22v7 .f22w2.f22sidebar { flex-grow: 0; width: 23.6624%; max-width: 23.6624%; } } @media (min-width: 975px) and (max-width: 1300px) { .f22.f22v7 .f22w1 .f22w2:not(.f22sidebar) { flex-grow: 0; width: 66.076%; max-width: 66.076%; } } @media (min-width: 975px) and (max-width: 1024px) { .f22.f22v5 .f22w1 .f22w2:not(.f22sidebar) { flex-grow: 0; width: 57.5933%; max-width: 57.5933%; } .f22.f22v5 .f22w2.f22sidebar { flex-grow: 0; width: 40.6279%; max-width: 40.6279%; } .f22.f22v6 .f22w1 .f22w2:not(.f22sidebar) { flex-grow: 0; width: 66.076%; max-width: 66.076%; } .f22.f22v6 .f22w2.f22sidebar { flex-grow: 0; width: 32.1451%; max-width: 32.1451%; } } .f22v4 .f22w2 section:last-child:not([class*="0bg"]):not(.bgimg), .f22v5 .f22w2 section:last-child:not([class*="0bg"]):not(.bgimg) { padding-bottom: 0px; } @media (max-width: 974px) { .f22.f22v5 .f22w1 { display: block; } .f22.f22v5 .f22w1 .f22w2:not(.f22sidebar) { width: 100%; max-width: 100%; } .f22.f22v5 .f22w2.f22sidebar { width: 100%; max-width: 100%; } .f22v4 .f22w2:first-of-type, .f22v5 .f22w2:first-of-type { margin-bottom: 48px; } } @media (max-width: 974px) { .f22:not(.f22v5) .f22w1 { display: flex; flex-flow: column; justify-content: flex-start; align-items: stretch; } .f22:not(.f22v5) .f22w1 .f22w2, .f22:not(.f22v5) .f22w1 .f22w2.f22sidebar { max-width: 100% !important; width: 100% !important; } .f22:not(.f22v5) .f22w1 .f22w2:not(.f22-onlyrc78) + .f22w2 { margin-top: 48px; } .f22:not(.f22v5).f22altmobile .f22w1 .f22w2 + .f22w2 { margin-top: 0px; margin-bottom: 48px; } .f22:not(.f22v5).f22altmobile .f22w2.f22sidebar { order: 1; } .f22:not(.f22v5).f22altmobile .f22w2:not(.f22sidebar) { order: 0; } } .rh04v1 ~ .f22 .f22w2:not(.f22sidebar), .rh04v2 ~ .f22 .f22w2:not(.f22sidebar) { padding: 0px 0px 0px 48px; } @media (min-width: 0px) and (max-width: 974px) { .rh04v1 ~ .f22 .f22w2:not(.f22sidebar), .rh04v2 ~ .f22 .f22w2:not(.f22sidebar) { padding: 0px; } } .rtl .rh04v2 ~ .f22 .f22w2:not(.f22sidebar) { padding: 0px 48px 0px 0px; } @media (min-width: 0px) and (max-width: 974px) { .rtl .rh04v2 ~ .f22 .f22w2:not(.f22sidebar) { padding: 0px; } } .u10 { --u10bg: #312D2A; --u10txt: #FBF9F8; --u10border: 1px solid rgba(255, 255, 255, 0.4); --u10cmenu: none; --u10accent: none; } ul.u10-cr { display: var(--u10cmenu); } .u10-cr.u10noacs { --u10cmenu: block; } .su01 ~ .u10, .u10.with-su01 { --u10bg: #fff; --u10txt: #161513; --u10border: 1px solid rgba(63, 58, 54, 0.4); --u10cmenu: none; --u10accent: block; } body:has(.su01) .u10 { --u10bg: #fff; --u10txt: #161513; --u10border: 1px solid rgba(63, 58, 54, 0.4); --u10cmenu: none; --u10accent: block; } .u10v6::before { background-color: rgb(235, 234, 231); height: 1px; width: 100%; content: ""; display: var(--u10accent) !important; } .u10countrymenu { --u10txt: #FBF9F8; } .u10globefallback::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill-rule='evenodd' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M8,0.666666667 C3.94947917,0.666666667 0.666666667,3.94947917 0.666666667,8 C0.666666667,12.0505208 3.94947917,15.3333333 8,15.3333333 C12.0505208,15.3333333 15.3333333,12.0505208 15.3333333,8 C15.3333333,3.94947917 12.0505208,0.666666667 8,0.666666667 Z M1.88841146,8 C1.88841146,7.36119792 1.98723958,6.7453125 2.16914063,6.16666667 L3.83919271,6.16666667 C3.76471354,6.73671875 3.72174479,7.34544271 3.72174479,8 C3.72174479,8.65455729 3.76471354,9.26328125 3.83919271,9.83333333 L2.17057292,9.83333333 C1.98723958,9.2546875 1.88841146,8.63880208 1.88841146,8 Z M2.71197917,11.0565104 L4.06263021,11.0565104 C4.25455729,11.8729167 4.51666667,12.5904948 4.81458333,13.2135417 C3.94661458,12.6807292 3.221875,11.9373698 2.71197917,11.0565104 Z M4.06263021,4.94492187 L2.71197917,4.94492187 C3.22330729,4.06263021 3.94661458,3.31927083 4.81458333,2.78789062 C4.51666667,3.4109375 4.25455729,4.12851562 4.06263021,4.94492187 Z M7.38841146,14.0800781 C7.14205729,14.0557292 6.9,14.0141927 6.66223958,13.9626302 L6.66223958,13.9626302 C6.14947917,13.2479167 5.64960937,12.2940104 5.32161458,11.0565104 L7.38841146,11.0565104 L7.38841146,14.0800781 Z M7.38841146,9.83333333 L5.07096354,9.83333333 C4.98932292,9.27044271 4.94348958,8.66028646 4.94348958,8 L4.94348958,8 C4.94348958,7.33828125 4.99075521,6.72955729 5.07239583,6.16666667 L7.38697917,6.16666667 L7.38697917,9.83333333 L7.38841146,9.83333333 Z M7.38841146,4.94492187 L5.32018229,4.94492187 C5.64817708,3.70742188 6.14947917,2.75351562 6.66223958,2.03880208 C6.9,1.98580729 7.14205729,1.94427083 7.38841146,1.91992188 L7.38841146,4.94492187 L7.38841146,4.94492187 Z M8.61158854,1.91992188 C8.85794271,1.94427083 9.1,1.98580729 9.33776042,2.03880208 C9.85052083,2.75351562 10.3518229,3.70742188 10.6798177,4.94492187 L8.61158854,4.94492187 L8.61158854,1.91992188 Z M9.33776042,13.9626302 C9.1,14.015625 8.85794271,14.0557292 8.61015625,14.0800781 L8.61015625,11.0565104 L10.6783854,11.0565104 C10.3503906,12.2940104 9.85052083,13.2479167 9.33776042,13.9626302 Z M10.9290365,9.83333333 L8.61158854,9.83333333 L8.61158854,6.16666667 L10.9261719,6.16666667 C11.0078125,6.72955729 11.0550781,7.33828125 11.0550781,8 C11.0550781,8.66028646 11.0092448,9.27044271 10.9290365,9.83333333 Z M13.2880208,4.94492187 L11.9373698,4.94492187 C11.7454427,4.12851562 11.4833333,3.4109375 11.1854167,2.78789062 C12.0533854,3.31927083 12.778125,4.06263021 13.2880208,4.94492187 Z M11.1854167,13.2135417 C11.4833333,12.5890625 11.7454427,11.8729167 11.9373698,11.0565104 L13.2880208,11.0565104 C12.778125,11.9373698 12.0533854,12.6807292 11.1854167,13.2135417 Z M12.159375,9.83333333 C12.2338542,9.26328125 12.2768229,8.65455729 12.2768229,8 C12.2768229,7.34544271 12.2338542,6.73671875 12.159375,6.16666667 L13.8294271,6.16666667 C14.0113281,6.7453125 14.1101562,7.36119792 14.1101562,8 C14.1101562,8.63880208 14.0113281,9.2546875 13.8294271,9.83333333 L12.159375,9.83333333 Z'/%3E%3C/g%3E%3C/svg%3E"); content: ""; width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; position: relative; padding-right: 16px; top: 2px; right: 4px; } .f11 .u10 button:focus { outline-offset: 2px; outline: currentcolor dotted 2px; } .f11 .u10 button:focus:not(:focus-visible) { outline-width: 0px !important; } #u06, .u10v0, .u10v6 { clear: both; position: relative; background-repeat: repeat-x; background-size: auto 12px; background-color: var(--u10bg); } #u06 a, .u10v0 a, .u10v6 a { outline-color: currentcolor; } .u10v0 .u10w5 { display: flex; flex-flow: wrap; justify-content: flex-start; align-items: stretch; } .u10v0 .u10w5.u10w10 { flex-direction: row; align-items: flex-end; } .u10v0 .u10w5.u10w10 .u10-links { line-height: 30px; } .u10v0 #u10cmenu { display: none; } .u10v6 .u10w11 .u10w5 .u10-links { margin-inline-start: -6.72px; margin-bottom: -16px; order: 1; } .u10v6 .u10w11 .u10w5 .u10-links #teconsent.truste_caIcon_display { display: inherit !important; } .u10v6 .u10w11 .u10w5 .u10-links li { margin-bottom: 16px; } .u10v6 .u10w11 .u10w5 .u10-links li:first-of-type a::after { display: inline-block; content: "|"; margin-inline-start: 16px; } .u10v6 .u10w11 .u10w5 .u10-links li a { padding: 0px; margin-inline: 6.72px 8.96px; } .u10v6 .u10w11.u10w10 #u10cmenu { margin-right: 0px; } .u10v6 .u10w11.u10w10 #u10footer1 { margin-left: 11px; margin-right: 10px; padding-right: 0px; } .u10v6 .u10w11.u10w10 #u10footer2 { margin-right: 0px; padding-right: 0px; margin-left: 7px; } .u10v6 .u10w11.u10w10 ul.u10-links > li:nth-child(3) a { margin-inline-start: 20px; } .u10v6 .u10w1 > .u10w5 { display: flex; flex-flow: row; align-items: stretch; justify-content: center; } .u10v6 .u10w1 > .u10w5 .u10-links { order: 1; } .u10v6 .u10w1 > .u10w5 .u10-links li a { padding-left: 6.72px; padding-right: 8.96px; } .u10v6 .u10w1 > .u10w5 .scl-icons { order: 2; } .u10v6 .u10w1 > .u10w5.u10w10 #u10cmenu { margin-right: 0px; } .u10v6 .u10w1 > .u10w5.u10w10 ul.u10-links > li:nth-child(3) a { padding-inline-start: 20px; } .u10v6 .u10w1.u10-min-cs { padding-top: 48px; } .u10v6 .u10w1.u10-min-cs .u10w5 { margin-top: unset; border-top: unset; } @media (max-width: 770px) { .u10v6 .u10w1.u10-min-cs .u10w5 ul.u10-cr { margin-top: 0px; } } .u32 { --u10txt: #FBF9F8; } .u10v0 .u10w1, .u10v6 .u10w1 { display: grid; grid-auto-rows: auto; grid-template-columns: repeat(5, minmax(49.8px, 1fr)); column-gap: 24px; } .u10.u10v0 .u10w1 .u10w1 { display: none; } .u10.u10v0 .u10w11 { border-top: 0px !important; padding-bottom: 0px !important; } .u10.u10v0 > .u10w1 { display: block; } .u10.u10v0 .u10w11 .u10w5 .u10-links { padding-top: 0px !important; } .u10w1 { clear: both; width: 100%; max-width: 1344px; margin-left: auto; margin-right: auto; box-sizing: border-box; padding-bottom: 40px; } .u10w1::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } @media only screen and (max-width: 1468px) { .u10w1 { max-width: 1468px; padding-left: 48px; padding-right: 48px; } } @media only screen and (max-width: 1024px) { .u10w1 { max-width: 1468px; padding-left: 28px; padding-right: 28px; } } @media only screen and (max-width: 670px) { .u10w1 { padding-left: 24px; padding-right: 24px; } } @media only screen and (min-width: 0px) and (max-width: 1024px) { .u10w1 { padding-bottom: 32px; } } .u10v6 .u10w1 { max-width: 1220px !important; } @media only screen and (min-width: 1330px) { .u10v6 .u10w1 { padding-left: 0px !important; padding-right: 0px !important; } } @media only screen and (max-width: 1329px) { .u10v6 .u10w1 { max-width: 1316px !important; } } .u10v0 .u10w5:only-child { border-top: none; padding-top: 40px; margin-top: 0px; } @media only screen and (min-width: 0px) and (max-width: 1024px) { .u10v0 .u10w5:only-child { padding-top: 0px; margin-top: -8px; border-top: none; } .u10v0 .u10w5.u10w10 .scl-icons { margin-top: 30px; padding-top: 0px; padding-left: 40px; padding-right: 40px; line-height: 0; } .u10v6 .u10w1 > .u10w5 { display: flex; flex-flow: column wrap; align-items: stretch; justify-content: center; } .u10v6 .u10w1 > .u10w5 .u10-cr, .u10v6 .u10w1 > .u10w5 .u10-links, .u10v6 .u10w1 > .u10w5 .scl-icons { margin-left: auto; margin-right: auto; } .u10v6 .u10w5 ul.u10-cr { margin-top: 40px; } .u10v6 .u10w5 ul.u10-cr li { line-height: 10px !important; } .u10v6 .u10w5 ul .u10-links { margin-top: 0px; } .u10v6 .u10w5 ul.u10-cr ~ .u10-links > li:first-child a { padding-right: 20px; } .u10v6 .u10w5 ul.u10-cr ~ .u10-links > li #teconsent { line-height: 0.5; } .u10v6 .u10w5 ul.u10-cr ~ .scl-icons { margin-top: 40px; } } .u10w2 { padding-top: 40px; } .f01 .u10w2 { padding-top: 0px; } .f01 .u10w2 .u10w3 { margin-bottom: 0px; } .u10v0.u10v0x4 .u10w3 ul[aria-labelledby="contactus"] li, .u10v6 .u10w3 ul[aria-labelledby="contactus"] li { color: inherit; text-align: inherit; } .u10v0.u10v0x4 .u10w3 li img, .u10v6 .u10w3 li img { vertical-align: top; transform: translateY(0.15em); width: 16px; } .rtl .u10v0.u10v0x4 .u10w3 li img, .rtl .u10v6 .u10w3 li img { width: 22px; } .u10v0.u10v0x4 .u10w3 .contact-details img[src$=".svg"], .u10v6 .u10w3 .contact-details img[src$=".svg"] { width: 20px; height: 20px; } .u10v0.u10v0x4 .u10w3 .contact-details span::after, .u10v6 .u10w3 .contact-details span::after { content: ":"; } .u10v0.u10v0x4 .u10w3 .contact-details .u10globefallback::after, .u10v6 .u10w3 .contact-details .u10globefallback::after { content: ""; } .u10v0.u10v0x4 .u10w3 .u10globefallback span::after, .u10v6 .u10w3 .u10globefallback span::after { content: ":"; } .rtl .u10v0.u10v0x4 .u10w3 .contact-details img[src$=".svg"], .rtl .u10v6 .u10w3 .contact-details img[src$=".svg"] { width: 16px; height: 16px; } .rtl .u10v0.u10v0x4 .u10w3 .contact-details .u10globefallback::before, .rtl .u10v6 .u10w3 .contact-details .u10globefallback::before { content: ""; padding: 0px; } .rtl .u10v0.u10v0x4 .u10w3 .contact-details span::before, .rtl .u10v6 .u10w3 .contact-details span::before { content: ":"; padding: 0px 5px 0px 0px; } .rtl .u10v0.u10v0x4 .u10w3 .contact-details .u10globefallback span::before, .rtl .u10v6 .u10w3 .contact-details .u10globefallback span::before { content: ":"; padding: 0px 5px 0px 0px; } .rtl .u10v0.u10v0x4 .u10w3 .contact-details span::after, .rtl .u10v6 .u10w3 .contact-details span::after { content: ""; padding: 0px 5px 0px 0px; } .rtl .u10v0.u10v0x4 .u10w3 span.u10globefallback, .rtl .u10v6 .u10w3 span.u10globefallback { display: flex; flex-flow: row-reverse wrap; justify-content: flex-end; } .rtl .u10v0.u10v0x4 .u10w3 span.u10globefallback span::before, .rtl .u10v6 .u10w3 span.u10globefallback span::before { content: ": "; } .rtl .u10v0.u10v0x4 .u10w3 li.contact-details, .rtl .u10v6 .u10w3 li.contact-details { display: flex; align-items: center; flex-flow: row-reverse wrap; justify-content: flex-end; } .rtl .u10v0.u10v0x4 .u10w3 li.contact-details a, .rtl .u10v6 .u10w3 li.contact-details a { direction: ltr; } .rtl .u10v0.u10v0x4 .u10w3 ul li a[href^="tel:"], .rtl .u10v6 .u10w3 ul li a[href^="tel:"] { display: flex; } .u10w5 { display: flex; flex-flow: row-reverse wrap; flex: 1 1 auto; margin-top: 64px; justify-content: center; align-items: center; } .u10w5 .u10-links, .u10w5 .scl-icons, .u10w5 .footer-promo { display: inline-flex; flex-flow: row; justify-content: flex-start; align-items: stretch; line-height: 24px; list-style-type: none; } .u10w5 .scl-icons > li { margin-inline-end: 22px; } .u10w5 .scl-icons > li:last-of-type { margin-inline-end: 0px; } .u10w5 .scl-icons > li > a { overflow: hidden; } .u10w5 .u10-links { padding-inline: 0px 32px; justify-content: flex-end; } .u10w5 .u10-links .last { display: none; } .u10w5 .u10-links.u10-min li a ~ span ~ a { padding-left: 7px; } .u10w2 .u10w3 ul li:hover, .u10w2 .u10w3 ul li a:hover { cursor: pointer; text-decoration: underline; } .u10w2 .u10w3 ul li, .u10w2 .u10w3 ul li a { color: var(--u10txt); } .u10w3 { position: relative; } .u10w3 ul[aria-labelledby="contactus"] li { color: rgb(255, 255, 255); text-align: inherit; } .u10w3 ul li img { vertical-align: bottom; width: 16px; } .u10w3 ul { padding-left: 0px; padding-inline-start: 0px; } .u10w3 ul li { font-size: 16px; font-weight: normal; color: rgb(255, 255, 255); line-height: 24px; padding: 0px 0px 8px; list-style-type: none; } .u10w3 ul li a { text-decoration: none; } .u10w3 ul li a:hover { text-decoration: underline; } .ocom-base .u10w3 ul li { font-size: 15px; } @media only screen and (max-width: 1500px) { .ocom-base .u10w3 ul li { font-size: 13.0934px; } } @media only screen and (max-width: 770px) { .ocom-base .u10w3 ul li { font-size: 11.52px; text-size-adjust: 100%; } } @media only screen and (max-width: 450px) { .ocom-base .u10w3 ul li { text-size-adjust: none; } } .u10w3 ul li { color: rgb(176, 174, 171); } .u10w3 ul li > a { color: var(--u10txt) !important; opacity: 1; } .u10w3 ul li a:hover { color: var(--u10txt); opacity: 1; } .u10w3 ul li a:visited { color: var(--u10txt); opacity: 1; } .u10w1 h5, .u10w1 .u10ttl { font-size: 18px; margin: 0px 0px 16px; font-weight: bold; color: var(--u10txt); opacity: 0.6; line-height: 1.4; } .ocom-base .u10w1 h5, .ocom-base .u10w1 .u10ttl { font-size: 18px; } @media only screen and (max-width: 1500px) { .ocom-base .u10w1 h5, .ocom-base .u10w1 .u10ttl { font-size: 15.7121px; } } @media only screen and (max-width: 770px) { .ocom-base .u10w1 h5, .ocom-base .u10w1 .u10ttl { font-size: 13.824px; text-size-adjust: 100%; } } @media only screen and (max-width: 450px) { .ocom-base .u10w1 h5, .ocom-base .u10w1 .u10ttl { text-size-adjust: none; } } .u10w1 h3 { margin: 0px 0px 0.6em; background-position: 0px 0px; text-indent: -30000px; background-size: 100%; display: none !important; } .u10w1 h3, .u10-ologo a { display: none; } ul.u10-links li a { font-size: 11.2px; font-weight: normal; padding-inline: 6.72px 8.96px; color: var(--u10txt); } ul.u10-links li span { color: var(--u10txt); font-size: 11.2px; margin-inline-start: -2px; } ul.u10-links li a + span + a { margin-left: -3px; } [class*="u10v"], [class*="u10v"] a { color: var(--u10txt); } [class*="u10v"]::before, [class*="u10v"] a::before { display: none; } .u10v3:is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) * { color: rgb(33, 30, 28) !important; } .u10v3:is([class*="-00bg"], [class*="-10bg"], [class*="-20bg"], [class*="-30bg"], [class*="-40bg"], [class*="-50bg"], [class*="-60bg"], [class*="-70bg"], [class*="-80bg"], [class*="-90bg"]) ::before { color: rgb(33, 30, 28) !important; } .u10v3.rw-icons .icn-img { font-size: 3.4rem; margin-bottom: 0.3em; } .u10v3 .u10w6.svg-img { max-width: 5.5rem; margin: 0px auto 0.5em; } .u10v3 .u10w6.svg-img img { margin: 0px auto; display: block; } .u10v3.u10v3horiz .u10w2 .icn-img { margin: 0px 0.5em; } .u10v3.u10v3horiz .u10w2 > a { display: flex; flex-flow: row; justify-content: flex-start; align-items: center; } [class*="u10v"] h3 a { display: block; } ul.u10-links li { margin: 0px; padding: 0px; list-style-type: none; color: rgb(198, 193, 189) !important; } ul.u10-links li a { text-decoration: none; } ul.u10-links li a:hover { text-decoration: underline; } ul.u10-links > li:first-child a { border-right: 1px solid currentcolor; border-left: 0px; padding-right: 20px; padding-left: 0px; } .rtl ul.u10-links > li:first-child a { border-left: 1px solid currentcolor; border-right: 0px; } ul.u10-links > li:nth-child(2) a { padding-inline-start: 20px; } ul.u10-links > li.u10last a { padding-inline-end: 0px; border: 0px; } .scl-icons { display: flex; flex-flow: row; justify-content: flex-start; align-items: stretch; opacity: 0.85; } .scl-icons li { color: var(--u10txt); width: 30px; } .scl-icons li:focus { outline-color: currentcolor; } .scl-icons li a { width: 30px; height: 30px; text-indent: 0px; display: block; background: none !important; } .scl-icons li a::before { background: var(--u10txt); visibility: visible; height: 24px; width: 30px; content: ""; display: block; } .scl-icons li a:focus { outline-color: currentcolor; } .scl-icons .scl-facebook a::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M23,12.073725 C23,5.96030998 18.0830126,1 12.0102986,1 L12,1 C5.92728597,1 1,5.96030998 1,12.073725 C1,17.6007959 5.03016748,22.1694418 10.2892957,23 L10.2892957,15.2726987 L7.47779049,15.2726987 L7.47779049,12.073725 L10.2892957,12.073725 L10.2915843,9.63388837 C10.2915843,6.85883339 11.923333,5.31982407 14.4361802,5.31982407 C15.6388224,5.31982407 16.8895246,5.55251859 16.8895246,5.55251859 L16.8895246,8.25960834 L15.5118069,8.25960834 C14.1455321,8.25960834 13.7084157,9.12126924 13.7084157,9.99675359 L13.7118485,12.073725 L16.7670862,12.073725 L16.2784771,15.2726987 L13.7118485,15.2726987 L13.7118485,23 C18.9709768,22.1694418 23,17.6007959 23,12.073725'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-twitter a::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' width='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cpath fill='%23ffffff' d='M1.051 2L9.16 13.031 1 22h1.836l7.144-7.852L15.75 22H22l-8.564-11.652L21.03 2h-1.836l-6.579 7.232L7.3 2H1.051zm2.7 1.376h2.871L19.3 20.624h-2.87L3.751 3.376z'%3E%3C/path%3E%3C/svg%3E"); } .scl-icons .scl-linkedin a::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M19.750875,13.2518611 C19.750875,10.0424583 17.7563611,8.94765278 15.9108056,8.94765278 C14.2042778,8.94765278 13.0871667,10.0519306 12.7670972,10.6987917 L12.7250833,10.6987917 L12.7250833,9.243125 L9.54409722,9.243125 L9.54409722,19.7502639 L12.8515833,19.7502639 L12.8515833,14.0536389 C12.8515833,12.5347222 13.8139306,11.7960417 14.7950694,11.7960417 C15.7236528,11.7960417 16.4435417,12.3182361 16.4435417,14.0114722 L16.4435417,19.7502639 L19.750875,19.7502639 L19.750875,13.2518611 Z M7.810375,5.88063889 C7.810375,4.78384722 6.95665278,3.98130556 5.90355556,3.98130556 C4.85045833,3.98130556 3.99658333,4.78384722 3.99658333,5.88063889 C3.99658333,6.97758333 4.85045833,7.77920833 5.90355556,7.77920833 C6.95665278,7.77920833 7.810375,6.97758333 7.810375,5.88063889 L7.810375,5.88063889 Z M4.24988889,19.7421667 L7.55722222,19.7421667 L7.55722222,9.23502778 L4.24988889,9.23502778 L4.24988889,19.7421667 Z M23.0006111,2.62402778 L23.0006111,21.3759722 C23.0006111,22.2729306 22.2735417,23.0001528 21.3767361,23.0001528 L2.62402778,23.0001528 C1.72706944,23.0001528 1,22.2729306 1,21.3759722 L1,2.62402778 C1,1.72706944 1.72706944,1 2.62402778,1 L21.3767361,1 C22.2735417,1 23.0006111,1.72706944 23.0006111,2.62402778 L23.0006111,2.62402778 Z'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-youtube a::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M22.54025,6.49845161 C23,8.28090323 23,12 23,12 C23,12 23,15.7189677 22.54025,17.5016774 C22.28725,18.4850323 21.541875,19.2594839 20.595125,19.5224516 C18.879625,20 12,20 12,20 C12,20 5.120375,20 3.40475,19.5224516 C2.458125,19.2594839 1.712625,18.4850323 1.459625,17.5016774 C1,15.7189677 1,12 1,12 C1,12 1,8.28090323 1.459625,6.49845161 C1.712625,5.51496774 2.458125,4.74051613 3.40475,4.47767742 C5.120375,4 12,4 12,4 C12,4 18.879625,4 20.595125,4.47767742 C21.541875,4.74051613 22.28725,5.51496774 22.54025,6.49845161 Z M9.9999625,16.000025 L15.9999625,12.0001779 L9.9999625,8.000025 L9.9999625,16.000025 Z'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-instagram a::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M11.9999782,1 C14.9874206,1 15.3619753,1.01266272 16.5352423,1.06619549 C17.7061077,1.11959725 18.5056933,1.30556465 19.205418,1.57750759 C19.9287652,1.85857642 20.5422088,2.23470301 21.153731,2.8462253 C21.765297,3.45779125 22.1413799,4.07123477 22.4224924,4.79453836 C22.6944353,5.49426307 22.8804027,6.29384865 22.9338045,7.46471407 C22.9873373,8.63798103 23,9.01257937 23,11.9999782 C23,14.9874206 22.9873373,15.362019 22.9338045,16.5352859 C22.8804027,17.7061077 22.6944353,18.5057369 22.4224924,19.205418 C22.1413799,19.9287652 21.765297,20.5422088 21.153731,21.153731 C20.5422088,21.765297 19.9287652,22.1413799 19.205418,22.4225361 C18.5056933,22.6944353 17.7061077,22.8804027 16.5352423,22.9338482 C15.3619753,22.9873373 14.9874206,23 11.9999782,23 C9.01257937,23 8.63793737,22.9873373 7.46471407,22.9338482 C6.29384865,22.8804027 5.49426307,22.6944353 4.79453836,22.4225361 C4.07123477,22.1413799 3.45774758,21.765297 2.8462253,21.153731 C2.23465935,20.5422088 1.85857642,19.9287216 1.57746392,19.205418 C1.30552099,18.5057369 1.11959725,17.7061077 1.06615182,16.5352859 C1.01261906,15.362019 1,14.9874206 1,11.9999782 C1,9.0125357 1.01261906,8.63798103 1.06615182,7.46471407 C1.11959725,6.29384865 1.30552099,5.49426307 1.57746392,4.79453836 C1.85857642,4.07123477 2.23465935,3.45779125 2.8462253,2.8462253 C3.45774758,2.23470301 4.07123477,1.85857642 4.79453836,1.57750759 C5.49426307,1.30556465 6.29384865,1.11959725 7.46471407,1.06619549 C8.63793737,1.01266272 9.01257937,1 11.9999782,1 Z M11.9999782,2.98197844 C9.06283728,2.98197844 8.71496166,2.99315657 7.55501239,3.04607803 C6.48256692,3.09502601 5.90008157,3.2742254 5.5124712,3.42486816 C4.9990632,3.62441524 4.63258647,3.86278012 4.2476833,4.24772696 C3.86278012,4.63263014 3.62437158,4.9990632 3.4248245,5.51251486 C3.2742254,5.90012524 3.09502601,6.48256692 3.04607803,7.55505606 C2.99315657,8.71496166 2.98197844,9.06288095 2.98197844,11.9999782 C2.98197844,14.9371191 2.99315657,15.2850383 3.04607803,16.4449439 C3.09502601,17.5174331 3.2742254,18.0998748 3.4248245,18.4874851 C3.62437158,19.0008931 3.86278012,19.3673699 4.2476833,19.752273 C4.63258647,20.1372199 4.9990632,20.3755848 5.5124712,20.5751318 C5.90008157,20.7257309 6.48256692,20.904974 7.55505606,20.9538783 C8.71478701,21.0067998 9.06261896,21.0180216 11.9999782,21.0180216 C14.9373374,21.0180216 15.2851693,21.0067998 16.4449003,20.9538783 C17.5173894,20.904974 18.0998311,20.7257309 18.4874415,20.5751318 C19.0008931,20.3755848 19.3673699,20.1372199 19.752273,19.752273 C20.1371762,19.3673699 20.3755411,19.0008931 20.5751318,18.4874851 C20.7257309,18.0998748 20.9049303,17.5174331 20.9538783,16.4449003 C21.0067561,15.2850383 21.0179779,14.9371191 21.0179779,11.9999782 C21.0179779,9.06288095 21.0067561,8.71496166 20.9538783,7.55505606 C20.9049303,6.48256692 20.7257309,5.90012524 20.5751318,5.51251486 C20.3755411,4.9990632 20.1371762,4.63263014 19.752273,4.2476833 C19.3673699,3.86278012 19.0008931,3.62441524 18.4874415,3.42486816 C18.0998311,3.2742254 17.5173894,3.09502601 16.4449003,3.04607803 C15.2849947,2.99315657 14.9371191,2.98197844 11.9999782,2.98197844 Z M11.9999782,15.6666667 C14.0250099,15.6666667 15.6666667,14.0250099 15.6666667,11.9999782 C15.6666667,9.97494646 14.0250099,8.33333333 11.9999782,8.33333333 C9.97494646,8.33333333 8.33328967,9.97494646 8.33328967,11.9999782 C8.33328967,14.0250099 9.97494646,15.6666667 11.9999782,15.6666667 Z M11.9999782,6.35135489 C15.1196369,6.35135489 17.6486014,8.88031939 17.6486014,11.9999782 C17.6486014,15.1196806 15.1196369,17.6486451 11.9999782,17.6486451 C8.88031939,17.6486451 6.35131123,15.1196806 6.35131123,11.9999782 C6.35131123,8.88031939 8.88031939,6.35135489 11.9999782,6.35135489 Z M19.191799,6.12817655 C19.191799,6.85720019 18.6008427,7.44815646 17.8718191,7.44815646 C17.1427954,7.44815646 16.5517955,6.85720019 16.5517955,6.12817655 C16.5517955,5.39915291 17.1427954,4.80819663 17.8718191,4.80819663 C18.6008427,4.80819663 19.191799,5.39915291 19.191799,6.12817655 Z'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-youku a::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M15.4,9.6L10,6C9.7,5.8,9.4,5.7,9.1,5.7C8.5,5.7,8,6,7.6,6.4C7.1,7.2,7.3,8.3,8.1,8.8l3.3,2.2l-3.3,2.2 c-0.8,0.5-1,1.6-0.5,2.4c0.5,0.8,1.6,1,2.4,0.5c0,0,4.8-3.2,5.2-3.5c0.6-0.5,0.9-1,0.9-1.5S16,10.1,15.4,9.6z M11,0.1C4.9,0.1,0,5,0,11S4.9,22,11,22C17,22,22,17.1,22,11S17,0.1,11,0.1z M11,18.5c-4.2,0-7.5-3.4-7.5-7.5 S6.8,3.5,11,3.5s7.5,3.4,7.5,7.5S15.1,18.5,11,18.5z'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-weibo a::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M17.495425,11.62605 C17.1863625,11.5321125 16.9742375,11.4714875 17.1348,11.0654875 C17.4863,10.1837375 17.522675,9.4232375 17.1408625,8.8778 C16.4288625,7.8597375 14.47755,7.9142375 12.2413625,8.85055 C12.2413625,8.85055 11.5383625,9.15655 11.720175,8.6021125 C12.06255,7.4961125 12.01105,6.5719875 11.4778,6.035675 C10.2658,4.8206125 7.0388,6.0811125 4.272425,8.8474875 C2.202925,10.9169875 0.9999875,13.1137375 0.9999875,15.0136125 C0.9999875,18.64355 5.6571125,20.8524875 10.2112375,20.8524875 C16.183425,20.8524875 20.1557425,17.38305 20.1557425,14.6287375 C20.1588,12.9622375 18.755925,12.0168625 17.495425,11.62605 M10.226425,19.54955 C6.590425,19.91005 3.4513,18.2648 3.214925,15.880175 C2.9786125,13.49255 5.735925,11.2684875 9.368925,10.907925 C13.004925,10.5473625 16.14405,12.192675 16.3773,14.5772375 C16.616675,16.964925 13.8593625,19.1919875 10.226425,19.54955 M21.4616687,4.98121875 C22.9039812,6.57803125 23.2948562,8.75659375 22.6767312,10.6624687 L22.6767312,10.6655312 C22.5342937,11.1049062 22.0616687,11.3472812 21.6192312,11.2049062 C21.1768562,11.0624687 20.9344187,10.5897812 21.0769187,10.1474062 C21.5162312,8.78990625 21.2374812,7.24165625 20.2132937,6.10534375 C19.1892312,4.96909375 17.6771687,4.53584375 16.2804187,4.83278125 C15.8258562,4.92971875 15.3804187,4.64184375 15.2834812,4.18734375 C15.1865437,3.73590625 15.4743562,3.28740625 15.9289187,3.19046875 C17.8923562,2.77234375 20.0194187,3.38134375 21.4616687,4.98121875 Z M19.2467625,6.98103125 C19.9497,7.75971875 20.137575,8.82021875 19.837575,9.75046875 C19.7133875,10.1322188 19.3073875,10.3382813 18.925575,10.2170938 C18.5437625,10.0928438 18.3377625,9.68378125 18.45895,9.30503125 C18.60745,8.85053125 18.5135125,8.33240625 18.171075,7.95065625 C17.8287625,7.57190625 17.3196375,7.42640625 16.8530125,7.52646875 C16.4652,7.61128125 16.0803875,7.36278125 15.9955125,6.97190625 C15.9137625,6.58109375 16.1621375,6.19321875 16.5530125,6.11140625 C17.5075125,5.90540625 18.5437625,6.20234375 19.2467625,6.98103125 Z M10.586975,12.744125 C12.3776625,13.2076875 13.2927875,14.8954375 12.5595375,16.5376875 C11.8171625,18.2133125 9.6840375,19.110125 7.8721,18.525375 C6.1267875,17.96175 5.3844125,16.2346875 6.1510375,14.6803125 C6.902475,13.1561875 8.85685,12.292625 10.586975,12.744125 Z M9.26585,16.7134375 C9.6112875,16.1468125 9.429475,15.5014375 8.85985,15.256 C8.2962875,15.019625 7.5690375,15.2620625 7.2206,15.8075 C6.8691625,16.355875 7.0357875,17.007375 7.59335,17.261875 C8.1599125,17.519375 8.9144125,17.274 9.26585,16.7134375 Z M10.4264125,15.22875 C10.5476,15.0075625 10.4687875,14.762125 10.2506625,14.6833125 C10.035475,14.5985 9.76585,14.7015 9.6386,14.913625 C9.51435,15.1256875 9.580975,15.371125 9.7991625,15.459 C10.01735,15.5499375 10.2991,15.446875 10.4264125,15.22875 Z'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-wechat a::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M20.7108944,18.7922849 C20.5989826,18.8719797 20.5260704,19.0042391 20.5260704,19.1517592 C20.5260704,19.2009326 20.5345485,19.2484103 20.5481136,19.2924968 C20.6600254,19.7096227 20.838067,20.3777024 20.8465451,20.4065282 C20.8618058,20.4590928 20.8821535,20.5150487 20.8821535,20.5676134 C20.8821535,20.689699 20.7838067,20.7897414 20.6617211,20.7897414 C20.6142433,20.7897414 20.5752437,20.7710894 20.5345485,20.7473506 L19.0830861,19.9097075 C18.9745655,19.8469691 18.8592624,19.8096651 18.7320899,19.8096651 C18.6642645,19.8096651 18.5981348,19.8181433 18.537092,19.8384909 C17.8588385,20.0317931 17.129716,20.1403137 16.3717677,20.1403137 C12.7142857,20.1403137 9.74692666,17.6680797 9.74692666,14.6176346 C9.74692666,11.5688851 12.7142857,9.09665112 16.3717677,9.09665112 C20.0343366,9.09665112 23,11.5688851 23,14.6176346 C23,16.2844426 22.1080967,17.7799915 20.7108944,18.7922849 Z M14.1640526,13.735905 C14.6523951,13.735905 15.0491734,13.3391267 15.0491734,12.8507842 C15.0491734,12.3624417 14.6523951,11.9690547 14.1640526,11.9690547 C13.6774057,11.9690547 13.2806274,12.3624417 13.2806274,12.8507842 C13.2806274,13.3391267 13.6774057,13.735905 14.1640526,13.735905 Z M18.5828741,13.735905 C19.0712166,13.735905 19.4662993,13.3391267 19.4662993,12.8507842 C19.4662993,12.3624417 19.0712166,11.9690547 18.5828741,11.9690547 C18.0945316,11.9690547 17.6994489,12.3624417 17.6994489,12.8507842 C17.6994489,13.3391267 18.0945316,13.735905 18.5828741,13.735905 Z M8.95252226,3 C12.9203052,3 16.2064434,5.42136499 16.8066978,8.58711318 C16.6625689,8.58033065 16.5201357,8.57524375 16.3743111,8.57524375 C12.3692242,8.57524375 9.12208563,11.2814752 9.12208563,14.6184824 C9.12208563,15.1814328 9.21534549,15.7257312 9.38999576,16.2428995 C9.24417126,16.2479864 9.09834676,16.2513777 8.95252226,16.2513777 C8.0453582,16.2513777 7.16701992,16.1242052 6.35650699,15.8902077 C6.28359474,15.8664688 6.20389996,15.8545994 6.12250954,15.8545994 C5.96820687,15.8545994 5.83086053,15.9020772 5.70029674,15.976685 L3.96057652,16.9821958 C3.9097075,17.009326 3.86392539,17.0313692 3.80627384,17.0313692 C3.66044934,17.0313692 3.54175498,16.9126749 3.54175498,16.7668504 C3.54175498,16.7007206 3.56549385,16.6345909 3.58414582,16.5718525 C3.59431963,16.5328529 3.80966511,15.735905 3.94362018,15.2356931 C3.95888088,15.1797372 3.97075032,15.1254769 3.97075032,15.0678253 C3.97075032,14.8897838 3.88257736,14.7320899 3.7486223,14.6354387 C2.06994489,13.421365 1,11.6239932 1,9.62653667 C1,5.96735905 4.55913523,3 8.95252226,3 Z M6.30224671,8.56676558 C6.88554472,8.56676558 7.3620178,8.09198813 7.3620178,7.50529886 C7.3620178,6.92030521 6.88554472,6.44552777 6.30224671,6.44552777 C5.71555744,6.44552777 5.24247563,6.92030521 5.24247563,7.50529886 C5.24247563,8.09198813 5.71555744,8.56676558 6.30224671,8.56676558 Z M11.6011022,8.56676558 C12.1877914,8.56676558 12.6625689,8.09198813 12.6625689,7.50529886 C12.6625689,6.92030521 12.1877914,6.44552777 11.6011022,6.44552777 C11.0178042,6.44552777 10.5413311,6.92030521 10.5413311,7.50529886 C10.5413311,8.09198813 11.0178042,8.56676558 11.6011022,8.56676558 Z'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-otube a::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M12.5,4.5 L22.5,19.5 L2.5,19.5 L12.5,4.5 Z M12.5,8.10555128 L6.23703418,17.5 L18.7629658,17.5 L12.5,8.10555128 Z' transform='rotate(90 13 12.5)'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-github a::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M12.1984125,1 C6.01435,1 0.999725,6.0139375 0.999725,12.2000625 C0.999725,17.1473125 4.2082875,21.3445 8.6591625,22.8260625 C9.219475,22.9285 9.4236625,22.5826875 9.4236625,22.2856875 C9.4236625,22.0203125 9.4140375,21.315625 9.4085375,20.3813125 C6.293475,21.0578125 5.636225,18.8798125 5.636225,18.8798125 C5.1267875,17.5859375 4.3925375,17.2421875 4.3925375,17.2421875 C3.375725,16.547125 4.4695375,16.560875 4.4695375,16.560875 C5.5936,16.640625 6.18485,17.7151875 6.18485,17.7151875 C7.1837875,19.426375 8.8056,18.9320625 9.4442875,18.6460625 C9.5460375,17.922125 9.8347875,17.4285 10.1551625,17.1486875 C7.668475,16.866125 5.0539125,15.905 5.0539125,11.613625 C5.0539125,10.39125 5.490475,9.391625 6.20685,8.6085625 C6.09135,8.3253125 5.7070375,7.1868125 6.3161625,5.64475 C6.3161625,5.64475 7.2566625,5.343625 9.3961625,6.792875 C10.289225,6.544 11.2476,6.42025 12.1997875,6.4154375 C13.1506,6.42025 14.108975,6.544 15.0034125,6.792875 C17.1415375,5.343625 18.079975,5.64475 18.079975,5.64475 C18.6911625,7.1868125 18.30685,8.3253125 18.19135,8.6085625 C18.9091,9.391625 19.3429125,10.39125 19.3429125,11.613625 C19.3429125,15.916 16.724225,16.8626875 14.2292875,17.13975 C14.631475,17.4855625 14.9896625,18.1689375 14.9896625,19.2139375 C14.9896625,20.710625 14.9759125,21.9185625 14.9759125,22.2856875 C14.9759125,22.5854375 15.17735,22.934 15.7459125,22.8246875 C20.191975,21.340375 23.398475,17.1459375 23.398475,12.2000625 C23.398475,6.0139375 18.38385,1 12.1984125,1'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-googleplus a { display: none; } .u10w6.icn-googleplus + span, .u10w1 .scl-icons li.scl-googleplus, .u10w1 .scl-icons li.scl-googleplus a, .u10w6.icn-feed + span, .u10w1 .scl-icons li.scl-feed, .u10w1 .scl-icons li.scl-feed a { display: none !important; } [class*="u10v"] .qrcodew1 { display: block; position: relative; } [class*="u10v"] .qrcodew2 { bottom: 130%; border: none; position: absolute; } .u10w2.atgchat-wrapper:first-child + .u10w2 { border: none; } .u10w4 hr { display: none; background: rgba(0, 0, 0, 0) !important; } .rtl { direction: rtl; } .rtl .u10v0 .u10w10 #u10cmenu .u10ticon, .rtl .u10v6 .u10w10 #u10cmenu .u10ticon { padding-left: 0px; padding-right: 0px; } .rtl .u10v0 .u10w10 #u10cmenu .u10ticon::before, .rtl .u10v6 .u10w10 #u10cmenu .u10ticon::before { right: -23px; } .rtl .u10v0 #u10cmenu, .rtl .u10v6 #u10cmenu { margin-inline-end: 40px; line-height: 24px; } .rtl .u10v0 #u10cmenu .u10ticon, .rtl .u10v6 #u10cmenu .u10ticon { line-height: 28px; } .rtl .u10v0 #u10cmenu .u10ticon::before, .rtl .u10v6 #u10cmenu .u10ticon::before { right: -17px; top: 5px; } .rtl .u10w3 ul[aria-labelledby="contactus"] li img { padding-left: 5px; } .rtl .u10v0.u10v0x4 .u10w2, .rtl .u10v6 .u10w2 { margin-right: 0px; } @media only screen and (min-width: 0px) and (max-width: 1024px) { .u10v0 .u10w5 { flex-flow: column wrap; justify-content: flex-start; } .u10v0 .u10w5 .scl-icons { padding-top: 30px; order: 2; justify-content: center; } .u10v0 .u10w5 .u10-links { padding-right: 0px; justify-content: center; } .u10v6 .u10w5 { justify-content: center; flex-flow: wrap; } .u10v6 .u10w5 .u10-links { order: 1; line-height: 1.3; align-items: flex-start; justify-content: flex-start; } .u10v6 .u10w5 .u10-links li { display: flex; } .u10v6 .u10w5 .u10-links li a { line-height: 1.3; text-align: center; } .u10v6 .u10w5 .scl-icons { margin-top: 40px; order: 2; } .u10v6 #u10cmenu #u10countrymenu { left: 0px; } .u10v6 .u10w5 #u10cmenu .u10ticon { line-height: 1.3; text-align: left; } .u10v6 .u10w5 #u10cmenu .u10ticon::before { top: 0px; } .u10v6 ul.u10-links:not(.u10w10) > li:first-child a { padding-right: 0px; } .u10v0 .u10w3 h5, .u10v6 .u10w3 h5 { cursor: pointer; } .u10v0 .u10w3 .u10btn, .u10v6 .u10w3 .u10btn { display: block; position: absolute; right: 0px; top: 17px; width: 16px; height: 16px; transition: transform 0.25s ease 0s; cursor: pointer; } .u10v0 .u10w3 .u10btn::before, .u10v6 .u10w3 .u10btn::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill-rule='evenodd' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M13.0001768 4.25 8.00035354 9.60660168 2.99982323 4.25 2 5.32132034 7.00053032 10.6786797 8.00035354 11.75 9.00017677 10.6786797 14 5.32132034'/%3E%3C/g%3E%3C/svg%3E"); content: ""; width: 100%; height: 100%; display: block; background: var(--u10txt); transform: rotateZ(-90deg); } .u10v0 [class*="u10v"] a::before, .u10v6 [class*="u10v"] a::before { display: block; } .u10v0 .u10w3.u10active .u10btn, .u10v6 .u10w3.u10active .u10btn { top: 16px; right: -2px; transform: rotateZ(90deg); } .u10v0 .u10w1, .u10v6 .u10w1 { display: inline-flex; flex-flow: column; justify-content: flex-start; align-items: stretch; flex: 1 0 auto; margin: 0px; padding-top: 40px; } .u10v0 .u10w2, .u10v6 .u10w2 { margin-left: 0px; width: 100%; display: block; justify-content: flex-start; flex: 1 0 auto !important; padding: 0px !important; } .u10v0 .u10w3, .u10v6 .u10w3 { margin: 0px; } .u10v0 .u10w1 .u10w2:first-child .u10w3:first-child, .u10v6 .u10w1 .u10w2:first-child .u10w3:first-child { border-top: 0px; } .u10v0 .u10w1 h5, .u10v0 .u10w1 .u10ttl, .u10v6 .u10w1 h5, .u10v6 .u10w1 .u10ttl { margin: 0px; padding: 12px 0px; line-height: 25px; font-size: 20px; padding-inline-end: 40px; opacity: 1; font-weight: 600; } .u10v0 .u10w3 ul, .u10v6 .u10w3 ul { visibility: hidden; height: 0px; opacity: 0; position: relative; } .u10v0 .u10w3.u10active ul, .u10v6 .u10w3.u10active ul { visibility: visible; height: auto; opacity: 1; transition: all 0.5s ease-in-out 0s; } .u10v0 .u10w3 ul li, .u10v6 .u10w3 ul li { font-size: 14px; line-height: 1.5em; padding: 4px 0px; border: 0px; } .u10v0 .u10w3 ul li:last-child, .u10v6 .u10w3 ul li:last-child { padding-bottom: 16px; } .u10v0 .u10w3 ul li a, .u10v6 .u10w3 ul li a { padding: 0px; display: block; } .u10v0 .u10w5, .u10v6 .u10w5 { border-top: 1px solid rgba(255, 255, 255, 0.4); margin-top: 24px; } .u10v0 .u10w5 .footer-promo, .u10v6 .u10w5 .footer-promo { order: 3; } .u10v0 .u10w5 .scl-icons, .u10v6 .u10w5 .scl-icons { display: flex; align-items: stretch; opacity: 1; } .u10v0 .u10w5 .scl-icons li, .u10v6 .u10w5 .scl-icons li { justify-content: inherit; margin: 0px 7px; } .u10v0 .u10w5 .scl-icons li a, .u10v6 .u10w5 .scl-icons li a { width: 32px; height: 32px; } .u10v0 .u10w5 .scl-icons li a::before, .u10v6 .u10w5 .scl-icons li a::before { background-size: contain; width: 32px; height: 32px; overflow: hidden; background-position: center center; } .u10v0 .u10w5 .u10-links, .u10v6 .u10w5 .u10-links { margin-top: 40px; } .u10v0 .u10w5 .u10-links.u10-min, .u10v6 .u10w5 .u10-links.u10-min { display: flex; flex-flow: wrap; align-items: stretch; justify-content: flex-start; line-height: 2.3; margin-top: 0px; } .u10v0 .u10w1 h3, .u10v6 .u10w1 h3 { max-width: 301px; width: 90%; height: 14px; display: block; margin: 0px auto 16px; } .u10v0 .u10-ologo a, .u10v6 .u10-ologo a { margin: 0px auto; width: 117px; height: 15px; background-position: 0px -41px; background-size: 304%; } .u10v0 .u10v3 .u10w2 span .sharewidgetw2, .u10v6 .u10v3 .u10w2 span .sharewidgetw2 { top: -3.5em; } .u10 .u10w4 ~ .u10w5 { border-top: 1px solid rgba(203, 197, 191, 0.5); margin-top: 24px; } .rtl .u10v0 .u10w3 .u10btn, .rtl .u10v6 .u10w3 .u10btn { left: 0px; right: auto; } .rtl .u10v0 .u10w3 .u10btn::before, .rtl .u10v6 .u10w3 .u10btn::before { transform: rotateZ(90deg); } .rtl .u10v0 .u10w3.u10active .u10btn::before, .rtl .u10v6 .u10w3.u10active .u10btn::before { transform: rotateZ(-90deg); } .rtl .u10v0 .u10w1 h5, .rtl .u10v6 .u10w1 h5 { padding-right: 0px; } .rtl .u10w5:first-of-type { margin-right: 0px; } .rtl .u10w5 .scl-icons li:first-of-type { margin-right: 12px; margin-left: 0px; } .rtl .u10w5 .u10-links > li:first-child a { padding-right: 0px; } } @media only screen and (min-width: 0px) and (max-width: 770px) { .u10 .u10w5 { margin-top: 0px; } .u10v0 .u10w5 { flex-flow: column; } .u10v0 .u10w5.u10w10 { flex-wrap: wrap; } .u10v0 .u10w5 .scl-icons { justify-content: center; flex-flow: wrap; } .u10v6 .u10w5 { flex-flow: column; } .u10v0 .u10w5 .scl-icons, .u10v6 .u10w5 .scl-icons { align-self: center; width: auto; } .u10v0 .u10w5 .scl-icons li:first-of-type, .u10v6 .u10w5 .scl-icons li:first-of-type { margin-left: 10px; } .u10v0 .u10w5 .u10-links, .u10v6 .u10w5 .u10-links { display: flex; flex-flow: wrap; justify-content: start; align-items: stretch; line-height: 2.3; } .u10v0 .u10w5 .u10-links .u10break, .u10v6 .u10w5 .u10-links .u10break { flex-basis: 100%; height: 0px; } .u10v0 .u10w5 .u10-links .last, .u10v6 .u10w5 .u10-links .last { flex-flow: row; justify-content: flex-start; align-items: stretch; display: inline-flex; margin-top: 20px; } .u10v6 .u10w5 .u10-links { align-items: center; } .u10v6 .u10w5 .u10-links li { align-items: center; } .rtl .u10v0 .u10w5 .u10-links, .rtl .u10v6 .u10w5 .u10-links { margin-right: 0px; padding-left: 0px; } } .u10v6 .u10w5 ul.u10-cr li, .u10v6 .u10w11 ul.u10-cr li { margin: 0px; padding: 0px; list-style-type: none; line-height: 24px; color: rgb(198, 193, 189) !important; } .u10v6 .u10w5 ul.u10-cr li#u10cmenu, .u10v6 .u10w11 ul.u10-cr li#u10cmenu { margin-inline-end: 40px !important; } .u10v6 .u10w5 ul.u10-cr li a, .u10v6 .u10w11 ul.u10-cr li a { font-size: 11.2px; font-weight: normal; padding-inline-start: 6.72px; color: var(--u10txt) !important; } .u10v6 .u10w5 ul.u10-cr ~ .u10-links li:nth-child(1) a, .u10v6 .u10w11 ul.u10-cr ~ .u10-links li:nth-child(1) a { border-right: 1px solid currentcolor; padding-right: 20px; } .u10v6 .u10w5 ul.u10-cr ~ .u10-links li:nth-child(2) a, .u10v6 .u10w11 ul.u10-cr ~ .u10-links li:nth-child(2) a { border-right: none; padding-inline-end: 0px; } .u10v6 .u10w5 ul.u10-cr ~ .u10-links li:nth-child(3) a, .u10v6 .u10w11 ul.u10-cr ~ .u10-links li:nth-child(3) a { padding-inline-start: 17px; } .u10v6 .u10w5 ul.u10-cr ~ .u10-links li:nth-child(3) a:not(:first-child), .u10v6 .u10w11 ul.u10-cr ~ .u10-links li:nth-child(3) a:not(:first-child) { padding-inline-start: 10px; margin-inline-start: -6px; } .u10v6 .u10-links { margin: 0px; } .u10v6 .scl-icons { justify-content: flex-end; } .u10v6 .scl-icons > li { margin-inline-end: 10px; } .u10v6 .scl-icons > li:first-of-type { margin-inline-start: 0px; } .u10v6 .u10w2 { justify-content: center; flex: 1 0 20%; } .u10v6 .u10w1 > .u10w2:first-of-type { padding-left: 0px; } .u10v6 #u10cmenu { order: -1; position: relative; margin-inline: 12px 30px; } .u10v6 #u10cmenu .u10ticon { padding-left: 6px; line-height: 16px; } .u10v6 #u10cmenu .u10ticon::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill-rule='evenodd' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M8,0.666666667 C3.94947917,0.666666667 0.666666667,3.94947917 0.666666667,8 C0.666666667,12.0505208 3.94947917,15.3333333 8,15.3333333 C12.0505208,15.3333333 15.3333333,12.0505208 15.3333333,8 C15.3333333,3.94947917 12.0505208,0.666666667 8,0.666666667 Z M1.88841146,8 C1.88841146,7.36119792 1.98723958,6.7453125 2.16914063,6.16666667 L3.83919271,6.16666667 C3.76471354,6.73671875 3.72174479,7.34544271 3.72174479,8 C3.72174479,8.65455729 3.76471354,9.26328125 3.83919271,9.83333333 L2.17057292,9.83333333 C1.98723958,9.2546875 1.88841146,8.63880208 1.88841146,8 Z M2.71197917,11.0565104 L4.06263021,11.0565104 C4.25455729,11.8729167 4.51666667,12.5904948 4.81458333,13.2135417 C3.94661458,12.6807292 3.221875,11.9373698 2.71197917,11.0565104 Z M4.06263021,4.94492187 L2.71197917,4.94492187 C3.22330729,4.06263021 3.94661458,3.31927083 4.81458333,2.78789062 C4.51666667,3.4109375 4.25455729,4.12851562 4.06263021,4.94492187 Z M7.38841146,14.0800781 C7.14205729,14.0557292 6.9,14.0141927 6.66223958,13.9626302 L6.66223958,13.9626302 C6.14947917,13.2479167 5.64960937,12.2940104 5.32161458,11.0565104 L7.38841146,11.0565104 L7.38841146,14.0800781 Z M7.38841146,9.83333333 L5.07096354,9.83333333 C4.98932292,9.27044271 4.94348958,8.66028646 4.94348958,8 L4.94348958,8 C4.94348958,7.33828125 4.99075521,6.72955729 5.07239583,6.16666667 L7.38697917,6.16666667 L7.38697917,9.83333333 L7.38841146,9.83333333 Z M7.38841146,4.94492187 L5.32018229,4.94492187 C5.64817708,3.70742188 6.14947917,2.75351562 6.66223958,2.03880208 C6.9,1.98580729 7.14205729,1.94427083 7.38841146,1.91992188 L7.38841146,4.94492187 L7.38841146,4.94492187 Z M8.61158854,1.91992188 C8.85794271,1.94427083 9.1,1.98580729 9.33776042,2.03880208 C9.85052083,2.75351562 10.3518229,3.70742188 10.6798177,4.94492187 L8.61158854,4.94492187 L8.61158854,1.91992188 Z M9.33776042,13.9626302 C9.1,14.015625 8.85794271,14.0557292 8.61015625,14.0800781 L8.61015625,11.0565104 L10.6783854,11.0565104 C10.3503906,12.2940104 9.85052083,13.2479167 9.33776042,13.9626302 Z M10.9290365,9.83333333 L8.61158854,9.83333333 L8.61158854,6.16666667 L10.9261719,6.16666667 C11.0078125,6.72955729 11.0550781,7.33828125 11.0550781,8 C11.0550781,8.66028646 11.0092448,9.27044271 10.9290365,9.83333333 Z M13.2880208,4.94492187 L11.9373698,4.94492187 C11.7454427,4.12851562 11.4833333,3.4109375 11.1854167,2.78789062 C12.0533854,3.31927083 12.778125,4.06263021 13.2880208,4.94492187 Z M11.1854167,13.2135417 C11.4833333,12.5890625 11.7454427,11.8729167 11.9373698,11.0565104 L13.2880208,11.0565104 C12.778125,11.9373698 12.0533854,12.6807292 11.1854167,13.2135417 Z M12.159375,9.83333333 C12.2338542,9.26328125 12.2768229,8.65455729 12.2768229,8 C12.2768229,7.34544271 12.2338542,6.73671875 12.159375,6.16666667 L13.8294271,6.16666667 C14.0113281,6.7453125 14.1101562,7.36119792 14.1101562,8 C14.1101562,8.63880208 14.0113281,9.2546875 13.8294271,9.83333333 L12.159375,9.83333333 Z'/%3E%3C/g%3E%3C/svg%3E"); content: ""; width: 16px; height: 16px; background-color: currentcolor; position: absolute; left: -16px; display: block; top: 6px; } .u10hide #u10countrymenu { display: none !important; } .u10hide .u10modal.show { display: none !important; } .u10hide.noScroll { overflow: visible; } .rtl #u10cmenu #u10countrymenu .u10cmenu-l1 .u10clink::before { right: 85%; transform: rotateZ(90deg); } .rtl #u10cmenu #u10countrymenu .u10cmenu-l2 { left: auto; right: 100%; } .u10modal { display: none; opacity: 0; } #u10cmenu.u10opened #u10countrymenu { visibility: visible; opacity: 1; z-index: 15; transition: opacity 0.5s ease 0s; } #u10cmenu.u10opened #u10countrymenu .u10cmenu-l2.selected-region { visibility: visible; } #u10cmenu.u10opened .u10countrymenu { bottom: 0px; transition: bottom 0.25s ease 0s; } #u10cmenu:not(.u10opened) #u10countrymenu { font-family: Arial, sans-serif !important; } #u10cmenu .u10countrymenu { position: relative; width: 700px; bottom: -2000px; } #u10cmenu #u10countrymenu { position: absolute; bottom: 40px; margin-left: -20px; overflow: hidden; visibility: hidden; opacity: 0; } #u10cmenu #u10countrymenu .u10opened { transform: translate(50%, 0px); } #u10cmenu #u10countrymenu li { color: var(--u10txt); display: flex; } #u10cmenu #u10countrymenu li a, #u10cmenu #u10countrymenu li button { font-size: 16px; line-height: 40px; padding: 0px 20px; width: 100%; cursor: pointer; color: var(--u10txt); } #u10cmenu #u10countrymenu li button { text-align: start; background: inherit; border: inherit; } #u10cmenu #u10countrymenu li button:not(:focus) { outline: inherit; } #u10cmenu #u10countrymenu .u10cmenu-l1 { display: flex; flex-flow: column; justify-content: flex-end; align-items: stretch; padding: 0px; background: rgba(0, 0, 0, 0); position: relative; width: 250px; } #u10cmenu #u10countrymenu .u10cmenu-l1 > li { background: rgb(102, 95, 91); width: 100%; border-bottom: 1px solid rgb(81, 76, 71); border-right: 1px solid rgb(81, 76, 71); } #u10cmenu #u10countrymenu .u10cmenu-l1 > li a { text-decoration: none; outline-offset: -2px; } #u10cmenu #u10countrymenu .u10cmenu-l1 > li:hover { background: rgb(81, 76, 71) !important; color: rgb(245, 244, 242) !important; } #u10cmenu #u10countrymenu .u10cmenu-l1 .u10pttl-li { display: none; } #u10cmenu #u10countrymenu .u10cmenu-l1 .u10currentcr > a, #u10cmenu #u10countrymenu .u10cmenu-l1 .u10currentcr > a:hover, #u10cmenu #u10countrymenu .u10cmenu-l1 .u10currentcr > a:focus, #u10cmenu #u10countrymenu .u10cmenu-l1 .u10currentcr > button, #u10cmenu #u10countrymenu .u10cmenu-l1 .u10currentcr > button:hover, #u10cmenu #u10countrymenu .u10cmenu-l1 .u10currentcr > button:focus { border: none; outline-offset: -2px; background: rgb(81, 76, 71) !important; color: rgb(245, 244, 242) !important; } #u10cmenu #u10countrymenu .u10cmenu-l1 .u10clink { position: relative; outline-offset: -2px; } #u10cmenu #u10countrymenu .u10cmenu-l1 .u10clink::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill-rule='evenodd' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M13.0001768 4.25 8.00035354 9.60660168 2.99982323 4.25 2 5.32132034 7.00053032 10.6786797 8.00035354 11.75 9.00017677 10.6786797 14 5.32132034'/%3E%3C/g%3E%3C/svg%3E"); content: ""; width: 16px; height: 16px; background-color: currentcolor; position: absolute; top: 12px; right: 15px; display: block; transform: rotateZ(-90deg); } #u10cmenu #u10countrymenu .u10cmenu-l2 { background: rgb(102, 95, 91); visibility: hidden; padding: 0px; margin: 0px; box-shadow: rgb(49, 45, 42) -1px 11px 10px 0px; display: flex; flex-flow: row; justify-content: flex-start; align-items: stretch; position: absolute; width: calc(-100% + 700px); min-height: 210px; top: 0px; left: 100%; } .rtl #u10cmenu #u10countrymenu .u10cmenu-l2 { left: 0px; right: 100%; padding-right: 0px; } #u10cmenu #u10countrymenu .u10cmenu-l2 .u10cmenuc1 { flex: 1 0 auto; } #u10cmenu #u10countrymenu .u10cmenu-l2 .u10cmenuc1 li { border-bottom: 1px solid rgb(81, 76, 71); border-right: 1px solid rgb(81, 76, 71); } #u10cmenu #u10countrymenu .u10cmenu-l2 .u10cmenuc1 li:hover { background-color: rgb(255, 255, 255); } #u10cmenu #u10countrymenu .u10cmenu-l2 .u10cmenuc1 li:hover a { text-decoration: none; color: rgb(33, 30, 28) !important; } #u10cmenu #u10countrymenu .u10cmenu-l2 .u10cmenuc1 li a.u10currentcc { background: rgb(255, 255, 255); color: rgb(33, 30, 28) !important; } @media (min-width: 0) and (max-width: 1300px) { .rtl #u10cmenu #u10countrymenu { left: auto; right: 0px; } } @media (min-width: 0) and (max-width: 770px) { .u10v6 ul.u10-cr { margin-top: 40px; } .u10v6 ul.u10-cr li { line-height: unset; } .u10v6 ul.u10-cr ~ .u10-links { margin-top: 0px; } .u10v6 ul.u10-cr ~ .u10-links > li:first-child a { padding-right: 20px; } .u10v6 .u10-links { flex: 1 1 0%; padding-right: 0px; } .u10v6 #u10cmenu { order: -1; flex-basis: 100%; display: flex; flex-flow: row; align-items: stretch; justify-content: start; position: relative; margin-bottom: 40px; } .u10v6 #u10cmenu .u10ticon { padding-left: 6px; line-height: 16px; position: relative; } .u10v6 #u10cmenu .u10ticon::before { content: ""; width: 16px; height: 16px; position: absolute; left: -16px; display: block; top: 0px; } .u10v6 .u10w5 .scl-icons { order: 2; } body.noScroll { overflow: hidden; } .u10.u10v6 .u10opened #u10countrymenu, .u10.u10v6 #u10countrymenu { display: none; } .rtl .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 .u10clink::before { left: 9px; right: auto; transform: rotateZ(90deg); } .rtl .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li.u10pttl-li h5 { padding-right: 20px; } .rtl .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li.u10currentcr .u10clink::before { right: auto; left: 9px; transform: rotateZ(0deg); } .rtl .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l2 { right: 0px; } .rtl .u10v6 #u10cmenu { margin-left: 0px; } .u10modal { position: fixed; z-index: 99; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(63, 58, 54, 0.9); display: none; opacity: 0; transition: opacity 0.6s ease 0s; } .u10modal.show { opacity: 1; transition: opacity 0.6s ease 0s; display: block !important; } .u10modal.show .u10ticon { display: none; } .u10modal.show .u10menupop { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; overflow: scroll; } .u10modal.show #u10cmenu.mobile { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; } .u10modal.show #u10cmenu #u10countrymenu { width: 100%; height: 100%; overflow-y: scroll; position: fixed; inset: 0px; transform: none; display: block; margin-left: 0px; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 { width: 100%; position: relative; top: 0px; left: 0px; height: 100% !important; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li { display: block; width: 100%; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li.u10currentcr .u10clink { line-height: 50px; position: static; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li.u10currentcr .u10clink::before { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill-rule='evenodd' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M13.0001768 4.25 8.00035354 9.60660168 2.99982323 4.25 2 5.32132034 7.00053032 10.6786797 8.00035354 11.75 9.00017677 10.6786797 14 5.32132034'/%3E%3C/g%3E%3C/svg%3E"); background: currentcolor; transform: rotateZ(0deg); top: 20px; right: 15px; transition: all 0.2s ease 0s; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li.u10currentcr .u10cmenuc1 a { height: 50px; line-height: 50px; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li.u10currentcr .selected-region { display: flex; opacity: 1; transition: all 0.2s ease 0s; height: auto !important; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li .u10cmenuc1 a { height: 0px; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li .selected-region { height: 0px; opacity: 0; transition: all 0.2s ease 0s; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li.u10pttl-li { height: 60px; display: flex; position: relative; background: rgb(81, 76, 71); } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li.u10pttl-li .closeModal { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M10.3,9l6.6-6.6C17,2.3,17.1,2,17.1,1.8c0-0.5-0.4-0.9-0.9-0.9c-0.3,0-0.5,0.1-0.6,0.3L9,7.7L2.4,1.2C2.3,1,2,0.9,1.8,0.9c-0.5,0-0.9,0.4-0.9,0.9C0.9,2,1,2.3,1.2,2.4L7.7,9l-6.6,6.6C1,15.7,0.9,16,0.9,16.2c0,0.5,0.4,0.9,0.9,0.9c0.3,0,0.5-0.1,0.6-0.3L9,10.3l6.6,6.6c0.2,0.2,0.4,0.3,0.6,0.3c0.5,0,0.9-0.4,0.9-0.9c0-0.2-0.1-0.5-0.3-0.6l0,0L10.3,9z'/%3E%3C/g%3E%3C/svg%3E"); position: relative; background-size: 20px; background-position: right center; background-repeat: no-repeat; margin-right: 14px; height: 100%; flex-basis: 30px; cursor: pointer; display: flex; flex-flow: row; justify-content: flex-start; align-items: stretch; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li.u10pttl-li h5 { display: flex; flex-flow: column; align-items: stretch; font-size: 18px; justify-content: center; height: 100%; vertical-align: middle; padding-left: 20px; color: var(--u10txt); flex-basis: 100%; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li:not(.u10currentcr) .u10clink { border-top: 1px solid rgb(255, 255, 255); top: 0px; line-height: 50px; height: 50px; width: calc(100% - 40px); display: block; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li:not(.u10currentcr) .u10clink::before { transition: all 0.2s ease 0s; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li:not(.u10currentcr):last-of-type .u10clink { border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li.u10currentcr { display: flex; flex-flow: column; justify-content: flex-start; align-items: stretch; position: relative; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li .u10clink { border-top: 1px solid rgb(255, 255, 255); } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li .u10clink::before { top: 18px; right: 12px; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l2 { position: relative; width: 100%; left: 0px; flex-direction: column; display: none; opacity: 0; transition: opacity 0.25s ease-in-out 0s; box-shadow: none; height: unset !important; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l2 .u10cmenuc1 { flex-direction: column; height: auto; } .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l2 .u10cmenuc1 li { display: flex; flex-flow: row; justify-content: flex-start; align-items: stretch; flex-basis: 100%; } .u10modal.show #u10cmenu .u10countrymenu { position: relative; width: 100%; background: rgb(58, 54, 50); display: block; } .f20 .u10modal.show #u10cmenu #u10countrymenu .u10cmenu-l1 > li:not(.u10currentcr) .u10clink { width: 100%; } } .u10v6 { position: unset; } .f11v0 .u10v6 { position: relative; } @media (max-width: 1600px) { .ochat_slideout_loaded .u10v6 { margin-bottom: 60px !important; } } @media (min-width: 0) and (max-width: 770px) { .ochat_slideout_loaded .u10v6 { margin-bottom: 54px !important; } } @media screen and (-ms-high-contrast: active) { .u10w1 h5, .u10w1 .u10ttl { color: inherit; } } .u10.u10v6 .u10w11 { display: flex; flex-flow: wrap; justify-content: start; align-items: stretch; padding-bottom: 40px; clear: both; width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; max-width: 1220px !important; } @media only screen and (max-width: 1329px) { .u10.u10v6 .u10w11 { max-width: 1316px !important; } } .u10.u10v6 .u10w11::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } @media only screen and (max-width: 1468px) { .u10.u10v6 .u10w11 { max-width: 1468px; padding-left: 48px; padding-right: 48px; } } @media only screen and (max-width: 1024px) { .u10.u10v6 .u10w11 { max-width: 1468px; padding-left: 28px; padding-right: 28px; } } @media only screen and (max-width: 670px) { .u10.u10v6 .u10w11 { padding-left: 24px; padding-right: 24px; } } @media only screen and (min-width: 1330px) { .u10.u10v6 .u10w11 { padding-left: 0px !important; padding-right: 0px !important; } } @media only screen and (max-width: 1024px) { .u10.u10v6 .u10w11 { margin-left: 28px; margin-right: 28px; width: calc(100% - 56px); padding-left: 0px !important; padding-right: 0px !important; } } .u10.u10v6 .u10w11 ul.u10-cr li a { font-size: 11.2px; font-weight: normal; padding-inline-start: 6.72px; color: rgb(255, 255, 255); } .u10.u10v6 .u10w11 .u10w5 { border-top: none; margin-top: 0px; flex: inherit; align-items: flex-start; } .u10.u10v6 .u10w11 .u10w5.u10w10 { flex: inherit; margin-top: unset; } .u10.u10v6 .u10w11 .u10w5.u10w10 ul.u10-links > li a { border: 0px; } .u10.u10v6 .u10w11 .u10w5.u10w10 ul.u10-links > li:first-child a { padding-right: 0px; } @media only screen and (min-width: 0px) and (max-width: 770px) { .u10.u10v6 .u10w11 { border-top: var(--u10border); } .u10.u10v6 .u10w11 ul.u10-cr { width: 100%; } .u10.u10v6 .u10w11 ul.u10-cr #u10cmenu { margin-bottom: 0px; } .u10.u10v6 .u10w11 .u10scl { margin-top: 40px; } .u10.u10v6 .u10w11 .u10w5 { width: 100%; } } @media only screen and (min-width: 1023px) { .u10.u10v6 .u10w11 ul.u10-cr { padding-inline-start: 4px; } } @media only screen and (min-width: 771px) and (max-width: 1024px) { .u10.u10v6 .u10w11 { border-top: var(--u10border); } .u10.u10v6 .u10w11 ul.u10-cr { width: auto; padding-top: 40px; display: flex; flex-flow: row; justify-content: center; line-height: 1.3; align-items: center !important; } .u10.u10v6 .u10w11 ul.u10-cr li { display: flex; flex-flow: row; justify-content: flex-start; align-items: stretch; } .u10.u10v6 .u10w11 ul.u10-cr #u10cmenu { margin-bottom: 0px; line-height: 1.3; } .u10.u10v6 .u10w11 ul.u10-cr #u10cmenu .u10ticon::before { top: 0px; } .u10.u10v6 .u10w11 .u10w5 { margin-top: 0px; align-items: center; } .u10.u10v6 .u10w11 .u10w5 .u10-links { margin-top: 0px; padding-top: 40px; } .u10.u10v6 .u10w11 .u10scl { padding-top: 40px; margin-inline-start: -6px; } } .rtl .u10.u10v6 .u10-links { padding-left: 40px; } .rtl .u10.u10v6 #u10cmenu .u10ticon { padding-right: 6px; line-height: inherit; } .rtl .u10.u10v6 .u10w5 .scl-icons > li { margin-left: 0px; margin-right: 10px; } .rtl .u10.u10v6 .u10w1 > .u10w5 ul.u10-cr ~ .u10-links li:nth-child(1) a { margin-left: 10px; } .js:not(.w11ready) a[rel="lightbox"] { pointer-events: none; } .w11 { display: flex; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 20; } body > .w11 { z-index: 20001; } .w11 ::-webkit-scrollbar { width: 6px; height: 6px; } .w11 ::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.4); border-radius: 4px; } .w11 ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); border-radius: 4px; } .w11w1 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; overflow-y: auto; vertical-align: middle; } .f20v2 .w11w2:not(.w11-fullbleed) .w11close::before { color: rgb(0, 0, 0); } .f20v2 .w11w2:not(.w11-fullbleed) .w11close:focus-visible { outline: rgb(0, 0, 0) dotted 2px !important; outline-offset: 5px !important; } .w11w2 { display: flex; position: relative; opacity: 1; max-width: calc(100% - 10rem); max-height: calc(-200px + 100vh); margin: 0px auto; z-index: 1; border-radius: 6px; background: rgb(255, 255, 255); transition: opacity 200ms linear 250ms, transform 350ms cubic-bezier(0.4, 0, 0.2, 1) 200ms; } .w11w2.w11-fullbleed { overflow: hidden; } .w11.iframe .w11w2 { box-sizing: content-box; width: calc(100% - 10rem); } @media only screen and (max-width: 770px) { .w11.iframe .w11w2 { width: calc(100% - 24px); } } .w11[data-theme="pathfactory"] .w11w2 { flex: 0 0 100%; max-width: calc(-6em + 100vw); max-height: calc(-4em + 100vh); } @media only screen and (max-width: 770px) { .w11[data-theme="pathfactory"] .w11w2 { width: 100%; max-width: 100%; max-height: none; } } .w11[data-theme="light"] .w11w2 { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 26px; transition-delay: 0ms; } @media only screen and (min-width: 1180px) { .w11w2 { max-width: 1080px; } } .f11v6 .w11w2.lblarge { max-width: 1500px; } @media only screen and (max-width: 1600px) { .f11v6 .w11w2.lblarge { max-width: calc(100% - 10rem); } } @media only screen and (min-width: 1180px) { .w11imgbox .w11w2 { max-width: calc(100% - 10rem); } } .w11w4 { box-sizing: border-box; position: relative; width: 100%; min-height: 0px; padding: 2.5em; overflow: auto; outline-color: rgba(0, 0, 0, 0) !important; } .w11w4:focus-visible { outline: rgb(0, 0, 0) dotted 2px !important; outline-offset: -7px !important; } .w11w4::after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; content: ""; } .w11playlist .w11w4 { max-width: 1300px; } .w11[data-theme="light"] .w11w4 { padding: 40px; } .w11[data-theme="pathfactory"] .w11w4 { padding: 1em; width: 100vw; height: 100%; } @media only screen and (max-width: 770px) { .w11w4 { padding: 1em; } .w11[data-theme="pathfactory"] .w11w4 { padding: 0px; } } .w11-fullbleed .w11w4, .w11-fullbleed .w11w6 { padding: 0px !important; } .w11-fullbleed .w11-fullbleed { padding: 35px; } .w11-fullbleed.w11w2 { background: rgba(0, 0, 0, 0); } @media only screen and (max-width: 770px) { .w11-fullbleed .w11-fullbleed { padding: 32px; } } .w11w5 { opacity: 1; transition: opacity 200ms linear 400ms; transform-style: preserve-3d; backface-visibility: visible; transform: scale(1); } .w11.iframe .w11w5 { --iframeHeight: 0; --iframeWidth: 100%; --iframePadding: initial; position: relative; min-width: var(--iframeWidth); height: 0px; min-height: var(--iframeHeight); transition: opacity 300ms ease 450ms, min-height 200ms ease 0s; padding-bottom: var(--iframePadding) !important; } .w11[data-theme="pathfactory"] .w11w5 { width: 100%; height: 100%; --iframeHeight: 100% !important; --iframeWidth: 100% !important; --iframePadding: 0 !important; padding-bottom: 0px !important; } .w11[data-theme="light"] .w11w5 { transition-delay: 250ms; } @media (min-width: 450px) { .w11w6 .mobile-countries-list { display: none; } } @media (max-width: 450px) { .w11w6 .countries-list { display: none; } } .w11w6 #countries h3 { font-family: var(--oraclesans); font-size: 20px; font-weight: 600; max-width: 90%; } @media (max-width: 896px) { .w11w6 #countries h3 { padding-top: 3%; } } .w11w6 #countries p { font-size: 16px; font-weight: 400; } .w11w6 #countries h4 { font-size: 14px; font-weight: 600; text-transform: capitalize; line-height: 20px; } .w11w6 #countries .countries-list { column-count: 6; } .w11w6 #countries .countries-list ul li { padding: 0px 0px 8px; } @media (max-width: 974px) { .w11w6 #countries .countries-list { column-count: 5; } } @media (max-width: 770px) { .w11w6 #countries .countries-list { column-count: 4; } } @media (max-width: 600px) { .w11w6 #countries .countries-list { column-count: 3; } } @media (max-width: 450px) { .w11w6 #countries .countries-list { column-count: 1; } .w11w6 #countries h3 { margin-top: 10%; } } .w11.iframe .w11w6 { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .w11w6 > iframe { width: 100%; height: 100%; } .w11w6 > img { display: block; width: 100%; } .w11[data-theme="pathfactory"] .w11w6 { width: 100%; height: 100%; } .w11imgbox .w11w6 > img { width: auto; max-width: 100%; max-height: 82vh; } html.iframecontent, html.iframecontent body { background: rgb(255, 255, 255); } html.iframecontent, html.iframecontent body, html.iframecontent .f20w1 { min-width: initial !important; } .lightbox-gallery.lightbox-noscroll { position: relative; z-index: 21; } .lightbox-gallery .w11w6 { background-size: 100%; } .lightbox-gallery .w11w6 img { opacity: 0; transition: opacity 0s ease 0s; } .lightbox-gallery .w11w6 img.w11fadein { opacity: 1; transition-duration: 0.3s; } .lightbox-gallery .slick-nav .slick-pagination { display: none; margin: 0px 1em; } .lightbox-gallery .slick-next { right: 2.5em; } .lightbox-gallery .slick-prev { left: 2.5em; } @media only screen and (min-width: 771px) { .lightbox-gallery .slick-arrow:not(.slick-disabled)::before { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px; } .lightbox-gallery .slick-nav .slick-arrow::before { opacity: 0; transition: opacity 0.3s ease 0s; } .lightbox-gallery .w11w5:hover + .slick-nav .slick-arrow::before, .lightbox-gallery .slick-nav:hover .slick-arrow::before { opacity: 1; } } @media only screen and (max-width: 770px) { .lightbox-gallery .slick-nav .slick-pagination { display: block; } } .w11w3 { content: " "; display: block; position: fixed; opacity: 1; inset: 0px; z-index: 0; background: rgba(0, 0, 0, 0.85); transition: opacity 400ms ease 0s; pointer-events: none; } .lightbox-noscroll > .w11 .w11w3 { pointer-events: auto; } .w11[data-theme="light"] .w11w3 { background: rgba(0, 0, 0, 0); transition: none 0s ease 0s; } .w11w3.loading::after { transform: translate(-50%, -50%); content: " "; display: block; position: absolute; opacity: 0; width: 40px; height: 40px; top: 50%; left: 50%; background: url("https://www.oracle.com/asset/web/i/loading-sprite-light.png") 0px 0px no-repeat; transition: opacity 300ms ease 0s; animation: 600ms steps(6) 0s infinite normal none running lightboxloading; } .w11fadein .w11w3.loading { opacity: 1; } .w11fadein .w11w3.loading::after { opacity: 1; } .w11fadeout .w11w3.loading::after { opacity: 0; transition: none 0s ease 0s; } .w11content, .w01v5 { display: none; } .w11ajaxcontent { padding: 4em 2em; } #w11 .w11ajaxcontent { padding: 0px; } .w11fadein .w11w2 { transform: scale(0.85); opacity: 0; } .w11fadein .w11w3 { opacity: 0; } .w11fadein .w11w5 { opacity: 0; } .w11fadeout .w11w2 { transform: scale(0.85); opacity: 0; transition-delay: 200ms; } .w11fadeout .w11w3 { opacity: 0; transition-delay: 400ms; } .w11fadeout .w11w5 { opacity: 0; transition-delay: 0ms; } @media (max-width: 896px) { .w11w4.w11initfocus:has(#countries) .w11close, .w11w4.w11initfocus .w11close { position: absolute; top: 1rem; color: rgb(0, 0, 0); right: 1rem; } .w11w4.w11initfocus:has(#countries) .w11close:focus, .w11w4.w11initfocus .w11close:focus { outline: rgb(0, 0, 0) dotted 2px; outline-offset: 5px; } } @media (max-width: 896px) { .w11initfocus .w11close::before { color: rgb(0, 0, 0); } } .rtl .w11initfocus .w11close { color: rgb(255, 255, 255); } @media (max-width: 896px) { .rtl .w11initfocus .w11close { color: rgb(0, 0, 0); } } .w11initfocus:has(.oform) ~ .w11close:focus { outline: rgb(0, 0, 0) dotted 2px; outline-offset: 5px; } .w11initfocus:has(.oform) ~ .w11close::before { color: rgb(0, 0, 0); } .w11close { position: fixed; opacity: 0.8; top: 2rem; right: 2rem; z-index: 10; font-size: 26px; line-height: 20px; transition: opacity 200ms ease 0s; border: 0px; border-radius: 4px; background: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); } .w11close:focus { outline: rgb(255, 255, 255) dotted 2px; outline-offset: 5px; } .w11close em { display: block; width: 0px; overflow: hidden; height: 0px; font-size: 0px; color: rgba(0, 0, 0, 0) !important; } .w11close::before { display: inline-block; opacity: 1; width: 26px; height: 26px; color: rgb(255, 255, 255); } .w11[data-theme="light"] .w11close, .w11.w11alt .w11close { color: inherit; position: absolute; top: 2rem; right: 2rem; } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .w11[data-theme="light"] .w11close, .w11.w11alt .w11close { right: 3rem; } } .w11close:hover { opacity: 1; cursor: pointer; } .w11close em { visibility: hidden; } @media only screen and (max-width: 770px) { .w11[data-theme="pathfactory"] .w11close { opacity: 1; width: 6rem; height: 6rem; top: 0px; right: 0px; padding: 1rem 0px 0px 2.5rem; background: rgb(255, 255, 255); border-bottom-left-radius: 100%; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 5px); } .w11[data-theme="pathfactory"] .w11close::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggb3BhY2l0eT0iLjYiIGZpbGw9IiM5Mzk2OTkiIGQ9Ik0yNCAzbC0zLTMtOSA5LTktOS0zIDMgOSA5LTkgOSAzIDMgOS05IDkgOSAzLTMtOS05eiIvPjwvc3ZnPg=="); } } .w11[data-theme="light"] .w11close::before { color: rgb(0, 0, 0); } .w11[data-theme="light"] .w11close:focus { outline: rgb(0, 0, 0) dotted 2px; outline-offset: 5px; } .w11alt .w11close { position: absolute; border: 0px; inset: 15px 15px auto auto; background: none; } .w11alt .w11close::before { background-image: none; content: ""; font-size: 2.5rem; } @media only screen and (max-width: 770px) { .w11.w11alt .w11w6 { padding-right: 20px; } .w11.w11alt .w11close { top: 20px; right: 20px; } } .f01 .w11close, .f08 .w11close { top: 0.6rem; right: 0.6rem; } .f01 .w11close::before, .f08 .w11close::before { width: 1rem; height: 1rem; } body.lightbox-noscroll { overflow-y: hidden; } @keyframes lightboxloading { 0% { background-position: 0px center; } 100% { background-position: -240px center; } } .rc20v1 { opacity: 1; } .rc20v1 a { color: rgb(255, 255, 255); } .rc20v1 .rc20infopanel, .rc20v1 .rc20storypanel { padding: 0px 3em; height: 100%; display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .rc20v1 .rc20infopanel .simplebar-content, .rc20v1 .rc20storypanel .simplebar-content { margin-right: 1.5em; margin-left: 0.25em; } .rc20v1 .rc20infopanel:hover, .rc20v1 .rc20storypanel:hover { text-decoration: none; } .rc20v1 .rc20infopanel:hover .rc20edit, .rc20v1 .rc20storypanel:hover .rc20edit { opacity: 0.6; } .rc20v1 .rc20infopanel .rc20edit, .rc20v1 .rc20storypanel .rc20edit { opacity: 0; transition: opacity 0.2s ease-in-out 0s; position: absolute; right: 1.625em; top: 1.625em; font-size: 1.375em; cursor: pointer; z-index: 2; } .rc20v1 .rc20w0 { position: absolute; left: 0px; top: 0px; background-size: cover; width: 100%; height: calc(-60px + 100vh); overflow: hidden; } .rc20v1 .rc20w0 .rc20menu { position: absolute; height: 100%; width: 100%; display: flex; flex-flow: column; justify-content: flex-start; align-items: stretch; } .rc20v1 .rc20w0 .rc20menu .parent-nav { height: 70px; width: 100%; padding: 26px 0px; } .rc20v1 .rc20w0 .rc20menu .parent-nav .rc20back { margin-left: 3.875em; padding-left: 1.563em; text-decoration: none; line-height: 1.2; font-size: 1em; position: relative; } .rc20v1 .rc20w0 .rc20menu .parent-nav .rc20back::before { color: rgb(255, 255, 255); position: absolute; font-size: 1.25em; left: 0px; } .rc20v1 .rc20w0 .rc20menu .rc20toggle { display: none; } .rc20v1 .rc20w0 .rc20menu .rc20category { padding: 0px 3.875em 4em; margin-top: 19px; line-height: 1.25; position: relative; } .rc20v1 .rc20w0 .rc20menu .rc20category div { white-space: pre-line; font-size: 2.5em; font-weight: 800; } .rc20v1 .rc20w0 .rc20menu .rc20category div:first-of-type { font-size: 2em; color: rgb(252, 251, 250); font-weight: 300; } .rc20v1 .rc20w0 .rc20filters { width: 100%; height: 100%; position: relative; overflow: hidden; } .rc20v1 .rc20w0 .rc20filters .simplebar-wrapper { box-shadow: rgba(0, 0, 0, 0.4) 0px 15px 19px -18px inset; } .rc20v1 .rc20w0 .rc20filters .simplebar-horizontal { visibility: hidden !important; } .rc20v1 .rc20w0 .rc20filters .simplebar-vertical { margin-right: 0.5em; top: 1em; } .rc20v1 .rc20w0 .rc20filters li { font-size: 1.125em; line-height: 1.5em; height: 2.75em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color 500ms ease 0s, opacity 250ms ease 0s; } .rc20v1 .rc20w0 .rc20filters li.filter-child:hover, .rc20v1 .rc20w0 .rc20filters li.filter-child.active { background-color: rgba(0, 0, 0, 0.2); } .rc20v1 .rc20w0 .rc20filters .parent-taxonomy { margin-left: -1.25em; background-color: rgba(0, 0, 0, 0.4); font-weight: 700; } .rc20v1 .rc20w0 .rc20filters a { text-decoration: none; cursor: pointer; padding: 10px 0px 0px 79px; text-overflow: ellipsis; width: 100%; display: inline-block; height: 100%; overflow: hidden; color: rgb(255, 255, 255); } @media only screen and (min-width: 974px) { .rc20v1 { display: flex; flex-flow: row; justify-content: flex-start; align-items: stretch; flex-basis: 100%; margin-top: -60px; width: 100%; height: 100vh; overflow: hidden; position: relative; background: rgb(22, 21, 19); color: rgb(255, 255, 255); } .rc20v1.rc20v3 { height: calc(-60px + 100vh); } .rc20v1.rc20v3 #rc20p1, .rc20v1.rc20v3 #rc20p2 { z-index: 4; } .rc20v1.rc20v3 .rh02-ttl { margin-bottom: 1.2em; } .rc20v1.rc20v3 .rh02w5 .rh02-cta { margin-top: 1.75em; } .rc20v1.rc20v3 .rh02w5 { height: inherit; padding-top: 140px !important; } .rc20v1 .rc20menu-slide-enter { transform: translate3d(100%, 0px, 0px); } .rc20v1 .rc20menu-slide-enter .filter-child { transform: translate3d(100%, 0px, 0px); } .rc20v1 .rc20menu-slide-enter.rc20menu-slide-enter-active { transform: translate3d(0px, 0px, 0px); transition: all 600ms ease 0s; } .rc20v1 .rc20menu-slide-enter.rc20menu-slide-enter-active .filter-child { transform: translate3d(0px, 0px, 0px); transition: all 600ms ease 0s; } .rc20v1 .rc20menu-slide-exit { transform: translate3d(0%, 0px, 0px); opacity: 0; } .rc20v1 .rc20menu-slide-enter-active { transform: translate3d(-100%, 0px, 0px); transition: all 600ms ease 0s; } .rc20v1 .rc20menu-slide-exit-done { transform: translate3d(-100%, 0px, 0px); } .rc20v1 .rc20card { width: 33.3vw; height: 100%; display: flex; flex-flow: wrap; justify-content: space-between; align-items: stretch; cursor: default; position: absolute; top: 0px; left: 0px; overflow: hidden; padding: 0px; } .rc20v1 .rc20card:hover .rc20w3 { transform: scale(1.04); transition: all 300ms ease 0s; } .rc20v1 .rc20card:hover .rc20w3::before { transition: all 300ms ease 0s; background-color: rgba(4, 4, 4, 0.8); } .rc20v1 .rc20card .rc20w3 { background-size: cover; background-position: right top; position: absolute; inset: 0px; z-index: 0; transition: all 300ms ease 0s; } .rc20v1 .rc20card .rc20w3::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(4, 4, 4, 0.6); z-index: 1; transition: background-color 100ms ease 0s; } .rc20v1 .rc20card .rc20w3.logo { padding-top: 90px; } .rc20v1 .rc20card .rc20w3.logo + .rc20content .rc20title { margin-top: 0px; padding-top: 0px; } .rc20v1 .rc20content { position: absolute; width: 100%; height: 100%; left: 0px; right: 0px; padding: 0px 3.875em 0px 3.625em; z-index: 1; background: none; } .rc20v1 .rc20content .rc20report { margin-top: 2.5em; } .rc20v1 .rc20content .rc20report .title { font-family: var(--oraclesans); font-size: 1em; line-height: 1.25em; font-weight: 600; } .rc20v1 .rc20content .rc20report .reportImage { margin-top: 1.5em; width: 100%; } .rc20v1 .rc20content .rc20report .reportBtn { margin-top: 1.875em; } .rc20v1 .rc20content .rc20report .reportBtn > div > a { background: rgba(0, 0, 0, 0); border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255) !important; } .rc20v1 .rc20content .rc20product { color: rgb(240, 204, 113); font-weight: 600; cursor: pointer; display: block; line-height: 1.8; } .rc20v1 .rc20content .rc20quote { font-family: var(--oracleserif); font-size: 1em; } .rc20v1 .rc20content .rc20attribution { font-size: 0.875em; margin-top: 1em; font-family: var(--oraclesans); font-weight: 600; margin-bottom: 2em; } .rc20v1 .rc20content .rc20overview { font-size: 1.125em; line-height: 1.2; color: rgb(241, 239, 237); margin-bottom: 1.78em; } .rc20v1 .rc20logo { position: relative; padding-top: 90px; } .rc20v1 .rc20logo img { max-width: 156px; height: 56px; } .rc20v1 .rc20logo > div { height: 100%; background-size: contain; background-repeat: no-repeat; background-position: 0px 0px; } .rc20v1 .rc20logo > div > br { display: none; } .rc20v1 .rc20logo, .rc20v1 .rc20title { margin: 0px 0px 40px; } .rc20v1 .rc20title { text-decoration: none; color: rgb(251, 249, 248); font-size: 2em; line-height: 1.3; margin-bottom: 1.063em; font-family: var(--oracleserif); padding-top: 90px; font-weight: 400; } .rc20v1 .rc20title a { color: rgb(255, 255, 255); } .rc20v1 .rc20product { font-weight: 700; font-size: 16px; line-height: 1.3; text-decoration: none; } .rc20v1 .rc20refs > div, .rc20v1 .rc20cta > div { margin-bottom: 0px; } .rc20v1 .rc20refs { margin-bottom: 32px; } .rc20v1 .rc20controls { position: absolute; bottom: 32px; right: 32px; color: rgb(255, 255, 255); z-index: 2; } .rc20v1 .rc20controls div + div { margin-left: 16px; } .rc20v1 .rc20controls .icn-chevronleft::before, .rc20v1 .rc20controls .icn-chevronright::before { margin-top: 50%; display: flex; flex-flow: row; align-items: stretch; transform: translate(0px, -50%); justify-content: center; } .rc20v1 .rc20controls .controls-icn { border: 1px solid rgba(255, 255, 255, 0.3); font-size: 22px; cursor: pointer; background: rgb(16, 10, 5); height: 48px; width: 48px; position: relative; border-radius: 50%; display: inline-block; transition: all 100ms ease 0s; } .rc20v1 .rc20controls .slider-page-info { margin: 3px; padding: 0px; } .rc20v1 .rc20controls .slider-inactive-arrow { transition: all 100ms ease 0s; opacity: 0.5; } .rc20v1 .rtl .rc20controls div + div { margin-right: 16px; } .rc20v1 .rtl .rc20v3 #rc20p1 .rh02-ttl { letter-spacing: 0px; } .rc20v1 .rtl .rc20v3 .rh02w5 .rh02-sub { text-align: left; max-width: 330px; } } @media only screen and (min-width: 974px) and (min-width: 1344px) and (-ms-high-contrast: active), only screen and (min-width: 974px) and (min-width: 1344px) and (-ms-high-contrast: none) { .rc20v1 .rc20 .rc20w1 { padding-left: 480px; } } @media only screen and (min-width: 974px) { .rc20v1 #rc20panels { inset: 60px 0px 0px; position: relative; overflow: hidden; width: 100%; height: calc(100% - 60px); } .rc20v1 .rc20panel { left: 0px; top: 0px; bottom: 0px; width: 33.3333%; position: absolute; transition: opacity 0.6s cubic-bezier(0, 0, 0.2, 1) 0s, transform 0.6s cubic-bezier(0, 0, 0.2, 1) 0s; overflow: hidden; z-index: 3; } .rc20v1 .rc20panel > div { transition: opacity 0.6s cubic-bezier(0, 0, 0.2, 1) 0s; } .rc20v1 .rc20panel.rc20slidepanel { bottom: -30px; overflow: auto; } .rc20v1 .rc20panel.rc20subpanel:not(#rc20p3) { z-index: 1; width: 66.6667%; } .rc20v1 .rc20panel.rc20subpanel:not(#rc20p3)::after { position: absolute; display: block; inset: 0px; background: rgb(22, 21, 19); opacity: 1; content: ""; z-index: 0; transition: opacity 0.4s linear 0s; } .rc20v1 .rc20panel#rc20tree { z-index: 2; opacity: 0; } .rc20v1 .rc20bottomspacing { display: block; height: 56px; } .rc20v1 .rc20popup { background: rgba(0, 0, 0, 0); position: absolute; width: 70%; height: 100%; right: 0px; bottom: 0px; z-index: 20; } .rc20v1 .rc20popup .rc20close { right: 0px; top: 0px; font-size: 1.375em; cursor: pointer; float: right; } .rc20v1 #rc20sub .rc20slide.rc20fold2 .rc20content.last-panel:first-of-type { padding: 0px 4em 0px 2em; } .rc20v1 .rc20slide { top: 0px; height: calc(-60px + 100vh); width: 50%; z-index: 2; position: absolute; overflow: hidden; transition: transform 0.6s cubic-bezier(0, 0, 0.2, 1) 0s, margin 0.2s cubic-bezier(0, 0, 0.2, 1) 0s !important; } .rc20v1 .rc20slide.rc20fold1 { transform: translateX(0%) !important; } .rc20v1 .rc20slide.rc20fold1 > div { opacity: 0.1; will-change: transform; transform-origin: 0px 50%; transform: perspective(57vw) rotateY(90deg); transition: opacity 0.6s cubic-bezier(0, 0, 0.2, 1) 0s, transform 0.6s cubic-bezier(0, 0, 0.2, 1) 0s; } .rc20v1 .rc20slide.rc20fold2 { transform: translateX(-200%) !important; } .rc20v1 .rc20slide.rc20fold2 > div { transform-origin: 100% 50%; transform: perspective(57vw) rotateY(-90deg); transition: opacity 0.6s cubic-bezier(0, 0, 0.2, 1) 0s, transform 0.6s cubic-bezier(0, 0, 0.2, 1) 0s; } .rc20panels:not([class*="-open"]) .rc20v1 .rc20slide.rc20fold2 ~ .rc20slide { transform: translateX(-200%); } .rc20subopen .rc20v1 .rc20slide.rc20fold2 ~ .rc20slide { margin-left: -36px; } #rc20p3 .rc20v1 .rc20slide { transform: translateX(0px); width: calc(100% - 36px); } #rc20p3 .rc20v1 .rc20slide:nth-child(2) { left: calc(100% - 36px); } #rc20p3 .rc20v1 .rc20slide:nth-child(3) { left: calc(200% - 72px); } #rc20p3 .rc20v1 .rc20slide:nth-child(4) { left: calc(300% - 108px); } #rc20p3 .rc20v1 .rc20slide:nth-child(5) { left: calc(400% - 144px); } #rc20p3 .rc20v1 .rc20slide:nth-child(6) { left: calc(500% - 180px); } #rc20p3 .rc20v1 .rc20slide:nth-child(7) { left: calc(600% - 216px); } #rc20p3 .rc20v1 .rc20slide:nth-child(8) { left: calc(700% - 252px); } #rc20p3 .rc20v1 .rc20slide:nth-child(9) { left: calc(800% - 288px); } #rc20p3 .rc20v1 .rc20slide:nth-child(10) { left: calc(900% - 324px); } #rc20p3 .rc20v1 .rc20slide:nth-child(11) { left: calc(1000% - 360px); } #rc20p3 .rc20v1 .rc20slide:nth-child(2) { left: calc(100% - 36px); } #rc20p3 .rc20v1 .rc20slide > div { transform: translateX(0px); } .rc20v1 .rc20slide .rc20infopanel .simplebar-vertical, .rc20v1 .rc20slide .rc20storypanel .simplebar-vertical, .rc20v1 .rc20filters .simplebar-vertical { width: 50px; } .rc20v1 .rc20slide .rc20infopanel .simplebar-vertical .simplebar-scrollbar, .rc20v1 .rc20slide .rc20storypanel .simplebar-vertical .simplebar-scrollbar, .rc20v1 .rc20filters .simplebar-vertical .simplebar-scrollbar { width: 7px; } .rc20v1 .rc20slide .rc20infopanel .simplebar-vertical, .rc20v1 .rc20slide .rc20storypanel .simplebar-vertical { top: 100px; margin-right: -2.5em; } .rc20v1 #rc20p1 { transform: translateX(0px); } .rc20v1 #rc20p2 { transform: translateX(100%); } .rc20v1 #rc20p3 { transform: translateX(200%); } .rc20v1 #rc20sub { transform: translateX(100%); } .rc20v1 #rc20tree { transform: translateX(100%); } .rc20v1 .rc20panels[class*="-open"] #rc20sub::after { opacity: 0 !important; } .rc20v1 .rc20panels[class*="-open"] #rc20sub .rc20slide { transform: translateX(0%) !important; } .rc20v1 .rc20panels[class*="-open"] #rc20sub .rc20slide.rc20fold1 > div, .rc20v1 .rc20panels[class*="-open"] #rc20sub .rc20slide.rc20fold2 > div { opacity: 1; will-change: transform; transform: perspective(57vw) rotateY(0deg); } .rc20v1 .rc20panels[class*="-opening"] #rc20sub::after { opacity: 0 !important; } .rc20v1 .rc20panels[class*="-opening"] #rc20sub .rc20slide { transform: translateX(0%) !important; } .rc20v1 .rc20panels[class*="-opening"] #rc20sub .rc20slide.rc20fold2 > div { opacity: 1; transform: perspective(57vw) rotateY(0deg); } .rc20v1 .rc20panels.rc20p1-closing #rc20tree { left: -33.3333%; } .rc20v1 .rc20panels.rc20p1-closing #rc20sub { left: -33.3333%; } .rc20v1 .rc20panels[class*="-closing"] #rc20tree { z-index: 3; } .rc20v1 .rc20panels[class*="-closing"] #rc20sub::after, .rc20v1 .rc20panels.rc20opening #rc20sub::after { z-index: 4 !important; } .rc20v1 .rc20p1-open #rc20p1 { z-index: 1; } .rc20v1 .rc20p1-open #rc20p1 > div { opacity: 0; } .rc20v1 .rc20p1-open #rc20p2 { transform: translateX(300%); } .rc20v1 .rc20p1-open #rc20p3 { transform: translateX(400%); } .rc20v1 .rc20p1-open #rc20tree { z-index: 3; opacity: 1; left: -33.3333%; } .rc20v1 .rc20p1-open #rc20sub { left: -33.3333%; } .rc20v1 .rc20p2-open #rc20p1, .rc20v1 .rc20panels[class*="-opening"] #rc20p1 { transform: translateX(-100%); } .rc20v1 .rc20p2-open #rc20p2, .rc20v1 .rc20panels[class*="-opening"] #rc20p2 { transform: translateX(0px); } .rc20v1 .rc20p2-open #rc20p2 > div, .rc20v1 .rc20panels[class*="-opening"] #rc20p2 > div { opacity: 0; } .rc20v1 .rc20p2-open #rc20p3, .rc20v1 .rc20panels[class*="-opening"] #rc20p3 { transform: translateX(300%); } .rc20v1 .rc20p2-open #rc20sub, .rc20v1 .rc20panels[class*="-opening"] #rc20sub { transform: translateX(50%); } .rc20v1 .rc20p2-open #rc20tree, .rc20v1 .rc20panels[class*="-opening"] #rc20tree { transform: translateX(0px); z-index: 3; opacity: 1; } .rc20v1 .rh02panel { width: 100%; } .rc20v1 .rh02panel:not(.rh02p3) .rh02w4 { opacity: 1; visibility: visible; height: auto; } .rc20v1 .rh02panel:not(.rh02p3) .rh02-xcontent { display: none; } .rc20v1 .rc20p1-open { transition: all 400ms ease 0s; } .rc20v1 .rc20p1-open #rc20p1 { animation: 0.5s ease 0s 1 normal none running fadeOut; } .rc20v1 .rc20p2-open #rc20p2 { animation: 0.5s ease 0s 1 normal none running fadeOut; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } } @media only screen and (max-width: 974px) { .rc20v1 { background-color: rgb(0, 0, 0); flex-flow: column wrap; overflow: hidden; } .rc20v1 .rc20w0 { position: relative; width: 100vw; overflow-y: scroll; } .rc20v1 .rc20w0 .rc20menu { position: relative; } .rc20v1 .rc20w0 .rc20menu .rc20toggle { display: block; background: none; border: none; font-size: 1.5em; color: rgb(255, 255, 255); position: absolute; right: 1em; top: 1em; cursor: pointer; } .rc20v1 .rc20w0 .rc20menu .parent-nav { position: sticky; top: 0px; z-index: 10; } .rc20v1 .rc20w0 #rc20sub::after { opacity: 0; transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v1 .rc20filters { transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s; z-index: -1; height: 100%; width: 100%; display: block !important; } .rc20v1 .rc20bottomspacing { display: block; height: 100px; } .rc20v1 .rc20infopanel { padding: 3em 1.75em; } .rc20v1 .rc20infopanel .rc20content .rc20title { font-size: 2em; } .rc20v1 .rc20storypanel { padding: 0px; } .rc20v1 .simplebar-offset { position: relative; } .rc20v1 .rc20controls { display: none; } .rc20v1 #rc20tree { position: relative; width: 100%; overflow: visible; } .rc20v1 #rc20tree.showFilter { height: 80vh; } .rc20v1 #rc20tree.showFilter .rc20filters { display: block; } .rc20v1 #rc20tree .rc20category { display: none; } .rc20v1 #rc20tree .rc20w0 { background-position: right top; } .rc20v1 #rc20tree .rc20w0 .rc20back { margin-left: 24px; } .rc20v1 #rc20panels { height: 100%; } .rc20v1 #rc20panels .rh02w2 { margin-top: 0px; } .rc20v1 #rc20sub { width: 100%; height: 100%; left: 0px; top: 0px; display: flex; flex-flow: wrap; transform: translateY(100%); } .rc20v1 #rc20sub .rc20panel { position: relative; } .rc20v1 #rc20sub.rc20subpanel { width: 100%; height: 0px; overflow: hidden; position: relative; } .rc20v1 #rc20sub .rc20slide { display: flex; flex-direction: column; width: 100%; height: 100%; position: relative; top: auto; left: 0px !important; transform: none !important; } .rc20v1 #rc20sub .rc20content { position: relative; padding-top: 1.75em; margin: auto; } .rc20v1 #rc20sub .rc20fold1 { width: 100%; height: 100%; } .rc20v1 #rc20sub .rc20fold1 .rc20card { width: 100%; } .rc20v1 .rc20card { padding: 0px 1.75em; height: 100%; width: 100%; min-height: 16.563em; display: flex; flex-flow: wrap; justify-content: space-between; align-items: stretch; cursor: default; position: relative; } .rc20v1 .rc20card .rc20w3 { background-size: cover; background-position: right top; position: absolute; inset: 0px; z-index: 0; } .rc20v1 .rc20card .rc20w3::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(4, 4, 4, 0.6); z-index: 1; transition: background-color 100ms ease 0s; } .rc20v1 .rc20card .rc20w3.logo + .rc20content { padding-top: 0px; } .rc20v1 .rc20card .rc20w3.logo + .rc20content .rc20title { margin-top: 0px; padding-top: 0px; } .rc20v1 .rc20content { position: absolute; width: 100%; height: 100%; left: 0px; right: 0px; z-index: 1; background: none; } .rc20v1 .rc20content > p { display: none; } .rc20v1 .rc20content .rc20report { margin-top: 2.5em; } .rc20v1 .rc20content .rc20report .title { font-family: var(--oraclesans); font-size: 1em; line-height: 1.25em; font-weight: 600; } .rc20v1 .rc20content .rc20report .reportImage { margin-top: 1.5em; width: 100%; } .rc20v1 .rc20content .rc20report .reportBtn { margin-top: 1.875em; } .rc20v1 .rc20content .rc20report .reportBtn > div > a { background: rgba(0, 0, 0, 0); border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255) !important; } .rc20v1 .rc20content .rc20product { color: rgb(240, 204, 113); font-weight: 600; cursor: pointer; display: block; line-height: 1.8; } .rc20v1 .rc20content .rc20quote { font-family: var(--oracleserif); font-size: 1em; } .rc20v1 .rc20content .rc20quote-lg { font-size: 1.7em; font-family: var(--oracleserif); } .rc20v1 .rc20content .rc20attribution { font-size: 0.875em; margin-top: 1em; font-family: var(--oraclesans); font-weight: 600; margin-bottom: 2em; } .rc20v1 .rc20content .rc20attribution-lg { font-size: 1.15em; margin-top: 1em; font-family: var(--oraclesans); font-weight: 400; } .rc20v1 .rc20content .rc20quote { display: none; } .rc20v1 .rc20content .rc20logo { position: relative; padding-top: 50px; } .rc20v1 .rc20content .rc20logo img { max-width: 100px; height: 36px; } .rc20v1 .rc20content .rc20logo > div { height: 100%; background-size: contain; background-repeat: no-repeat; background-position: 0px 0px; } .rc20v1 .rc20content .rc20logo > div > br { display: none; } .rc20v1 .rc20content .rc20logo, .rc20v1 .rc20content .rc20title { margin: 0px 0px 40px; } .rc20v1 .rc20content .rc20title { text-decoration: none; color: rgb(251, 249, 248); font-size: 1.3em; line-height: 1.3; margin-bottom: 1.063em; font-family: var(--oracleserif); font-weight: 400; } .rc20v1 .rc20content .rc20title a { color: rgb(255, 255, 255); } .rc20v1 .rc20content .rc20product { color: inherit !important; } .rc20v1 .rc20content .rc20refs > div, .rc20v1 .rc20content .rc20cta > div { margin-bottom: 0px; } .rc20v1 .rc20content .rc20refs { margin-bottom: 16px; } .rc20v1 .rc20storypanel { background-color: rgb(22, 21, 19); } .rc20v1.open-enter #rc20tree { overflow: visible; } .rc20v1.open-enter .rc20filters { z-index: -1; } .rc20v1.open-enter-done #rc20tree { overflow: visible; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s; height: 80vh !important; } .rc20v1.open-enter-done #rc20tree .rc20filters { height: 100%; display: block; z-index: -1; } .rc20v1.open-enter-done #rc20sub::after { position: absolute; width: 100%; height: 100%; opacity: 0.6; background-color: rgb(0, 0, 0); content: ""; top: 0px; left: 0px; z-index: 2; pointer-events: none; transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v1.open-enter-done #rc20panels .rc20filters { z-index: inherit !important; } .rc20v1.open-exit #rc20tree { height: 0px; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v1.open-exit-active #rc20tree { height: 60px; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v1 #rc20panels { display: flex; flex-direction: column; min-height: auto; } .rc20v1 #rc20p1, .rc20v1 #rc20p2, .rc20v1 #rc20p3 { transform: translateY(0%); overflow: hidden; transition: translate 650ms cubic-bezier(0.4, 0, 0.2, 1) 0s; opacity: 1; } .rc20v1 #rc20tree, .rc20v1 #rc20sub { height: 0px; opacity: 0; transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v1 #rc20sub { transform: translateY(100%); } .rc20v1 #rc20tree .parent-nav { height: 60px; } .rc20v1 .rc20filters { z-index: -1; } .rc20v1 #rc20panels[class*="-opening"] #rc20p1, .rc20v1 #rc20panels[class*="-opening"] #rc20p2, .rc20v1 #rc20panels[class*="-opening"] #rc20p3 { transform: translateY(100%); opacity: 0; transition: all 550ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v1 #rc20panels[class*="-opening"] #rc20tree, .rc20v1 #rc20panels[class*="-opening"] #rc20sub { opacity: 1; height: auto; transform: translateY(0%); transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v1 #rc20panels[class*="-opening"] .rc20subpanel { height: 80vh; } .rc20v1 #rc20panels[class*="-opening"] #rc20tree { height: 60px; } .rc20v1 #rc20panels[class*="-opening"] .rc20filters { z-index: -1; opacity: 0; } .rc20v1 #rc20panels[class*="-open"] .rh02panel { min-height: 0px; height: auto; } .rc20v1 #rc20panels[class*="-open"] .rc20menu { opacity: 1; } .rc20v1 #rc20panels[class*="-open"] #rc20p1, .rc20v1 #rc20panels[class*="-open"] #rc20p2, .rc20v1 #rc20panels[class*="-open"] #rc20p3 { transform: translateY(100%); opacity: 0; transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v1 #rc20panels[class*="-open"] #rc20tree, .rc20v1 #rc20panels[class*="-open"] #rc20tree .parent-nav { height: 60px; } .rc20v1 #rc20panels[class*="-open"] .rc20subpanel { height: 100%; } .rc20v1 #rc20panels[class*="-open"] #rc20tree, .rc20v1 #rc20panels[class*="-open"] #rc20sub { opacity: 1; transform: translateY(0%); transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v1 #rc20panels[class*="-open"] .rc20filters { z-index: -1; opacity: 1; } .rc20v1 #rc20panels[class*="-closing"] #rc20tree, .rc20v1 #rc20panels[class*="-closing"] #rc20sub { transform: translateY(0%); transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v1 #rc20panels[class*="-closing"] #rc20tree .parent-nav { height: 60px; } .rc20v1 #rc20panels[class*="-closing"] #rc20p1, .rc20v1 #rc20panels[class*="-closing"] #rc20p2, .rc20v1 #rc20panels[class*="-closing"] #rc20p3 { position: relative; opacity: 1; transform: translateY(0%); transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v1 #rc20panels[class*="-done"] #rc20sub { transform: translateY(0%); transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v1 .rc20menu-slide-exit, .rc20v1 .rc20menu-slide-enter { position: absolute; display: none; } } @media only screen and (min-width: 974px) { .rc20v1.rc20v3 { height: calc(-60px + 100vh); } .rc20v1.rc20v3 .rh02-ttl { margin-bottom: 1.2em; } .rc20v1.rc20v3 .rh02w5 .rh02-cta { margin-top: 1.75em; } .rc20v1.rc20v3 .rh02w5 { height: inherit; padding-top: 140px !important; } } @keyframes hide-background { 0% { background-image: inherit; } 100% { } } @keyframes rc20p2-origami { 0% { transform: translateX(150%); } 100% { transform: translateX(50%); } } @keyframes rc20p1-origami-closing { 0% { transform: translateX(100%); } 100% { transform: translateX(130%); } } @keyframes rc20p2-origami-closing { 0% { transform: translateX(115%); } 100% { transform: translateX(120%); } } @keyframes fade-out-animation { 0% { } 100% { } } @keyframes rc20p1-taxonomy-menu { 0% { transform: translateX(25%); opacity: 1; } 100% { opacity: 1; transform: translateX(0%); } } @keyframes rc20p2-taxonomy-menu { 0% { transform: translateX(25%); opacity: 0; } 100% { transform: translateX(0%); opacity: 1; } } @keyframes rc20p2-splash-panel { 0% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 1; } } @keyframes rc20p2-origami-fade-out { 0% { transition: transform 200ms ease 0s, opacity 270ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } 80% { transition: transform 200ms ease 0s, opacity 270ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } } .rc20v3 #rc20p1 .rh02w2 { flex-direction: row; justify-content: flex-end; } .rc20v3 #rc20p1 .rh02w4 { width: 11em; } .rc20v3 #rc20p1 .rh02-ttl { justify-content: flex-end; justify-self: flex-end; text-align: end; width: 100%; } .rc20v3 #rc20p1 .rh02-cta { display: flex; align-self: flex-end; } .rc20v3 #rc20p2 .rh02w2 { flex-direction: row; justify-content: flex-start; } .rc20v3 .rh02w5 { margin: 0px 3em; } .rc20v3 .rh02w5 h1 { font-size: 1.25em; text-transform: uppercase; letter-spacing: 0.2em; } .rc20v3 .rh02w5 h1 b { text-transform: none; letter-spacing: normal; font-size: 2.15em; line-height: 1.2; margin-top: 0.2em; font-family: var(--oracleserif) !important; font-weight: 500 !important; } .rc20v3 .rh02w5 .rh02-cta { margin-top: 2em; } .rc20v3 .rh02w5 .rh02-sub { font-weight: 400; } .rc20v3 .rh02w5 .rh02-pcontent { padding: 0px; margin: auto; justify-content: center; } .rc20v3 .rc20slide.active { width: 50%; } .rc20v3 .rc20slide.active + .rc20slide { width: 50%; left: 50%; } @media only screen and (min-width: 974px) { .rc20v3 { margin-top: 0px; } .rc20v3 .rh02w2 .rh02w5 { padding: 0px 3em; } .rc20v3 #rc20panels { margin-top: -60px; height: 100%; } .rc20v3 #rc20tree { transform: translateX(50%); width: 33.38%; } .rc20v3 #rc20tree .rc20w0 { opacity: 0; height: 100%; } .rc20v3 .rc20slide, .rc20v3 .carousel-root { height: 100%; } .rc20v3 .rc20slide.rc20fold1 > div { transform: perspective(57vw) rotateY(90deg); transform-origin: 0% 50%; } } .rc20v3 #rc20p1, .rc20v3 #rc20p2 { width: 50%; z-index: 2; } .rc20v3 .rc20fold1, .rc20v3 .rc20fold2 { width: 50%; --card-offset: 50%; } .rc20v3 #rc20p1 .rh02w5 { opacity: 1; } .rc20v3 #rc20p2 { transition: transform 800ms ease 0s; opacity: 1; } .rc20v3 #rc20p2.rh02panel { transform: translateX(0px); } .rc20v3 #rc20p3 { width: 0px; } .rc20v3 .rh02w3 { display: none; } .rc20v3 #rc20sub { transform: translateX(150%); transition: transform 700ms linear 0s; } .rc20v3 .rh02w2 { transition: background-image 100ms cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 100ms cubic-bezier(0.4, 0, 0.2, 1) 0s, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v3 .rh02w6 { bottom: 15px; } .rc20v3 .rh02w6 .rh02nav { left: 0px; } .rc20v3 .rc20storypanel .rc20slide { width: 100%; } .rc20v3 .rc20w1 { width: 100%; height: 100%; left: 0px; position: absolute; } .rc20v3 .carousel-root { left: 0px; width: 100%; } @media only screen and (min-width: 974px) { .rc20v3 .rc20p1-open #rc20p1 { transform: translateX(-33.3333%); transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v3 .rc20p1-open #rc20p1 > div { opacity: 1; transition: opacity 350ms ease-out 0s; } .rc20v3 .rc20p1-open #rc20p1 .rh02w5 { opacity: 0; animation: 1s linear 0s 1 normal none running fade-out-animation; } .rc20v3 .rc20p1-open #rc20p2 { transform: translateX(100%); transition: transform 550ms ease-out 0s; } .rc20v3 .rc20p1-open #rc20tree { transform: translateX(0%); transition: transform 350ms cubic-bezier(0.04, 0.99, 0.63, 1) 0s, opacity 270ms cubic-bezier(0.4, 0, 0.2, 1) 0s; left: 0px; opacity: 1; will-change: transform; } .rc20v3 .rc20p1-open #rc20tree .rc20w0 { opacity: 1; transition: transform 550ms ease-out 0s; } .rc20v3 .rc20p1-open #rc20sub { left: -66.6667%; } .rc20v3 .rc20p1-closing #rc20sub .rc20slide.rc20fold1 > div, .rc20v3 .rc20p1-closing #rc20sub .rc20slide.rc20fold2 > div { transition: transform 0.6s ease-out 0s, perspective 0.25s ease-out 0s, opacity 0.2s ease-out 0s; } .rc20v3 .rc20p1-closing #rc20p1, .rc20v3 .rc20p1-closing #rc20p2, .rc20v3 .rc20p2-closing #rc20p1, .rc20v3 .rc20p2-closing #rc20p2 { transition: transform 600ms cubic-bezier(0.04, 0.99, 0.63, 1) 0s; } .rc20v3 .rc20p1-closing #rc20tree, .rc20v3 .rc20p2-closing #rc20tree { opacity: 0; transition: opacity 100ms cubic-bezier(0.04, 0.99, 0.63, 1) 0s; } .rc20v3 .rc20p1-closing #rc20sub { animation: 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running rc20p1-origami-closing; } .rc20v3 .rc20p1-closing .rh02w5 { opacity: 1; transition: opacity 400ms cubic-bezier(0.04, 0.99, 0.63, 1) 0s; } .rc20v3 .rc20p2-closing #rc20sub { transform: translateX(130%); transition: transform 300ms ease-out 0s; } .rc20v3 .rc20p2-open #rc20tree .rc20w0 { opacity: 1; transition: opacity 0.7s linear 0s; background-image: none !important; } .rc20v3 .rc20p2-open #rc20sub { transform: translateX(50%); transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .rc20v3 .rc20p2-open #rc20p1 { opacity: 1; transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0s; animation-fill-mode: forwards; } .rc20v3 .rc20p2-open #rc20p2 { z-index: 3; opacity: 1; transform: translateX(-133.333%); transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0s; animation: 0.7s ease 0s 1 normal forwards running rc20p2-splash-panel; will-change: transform; } .rc20v3 .rc20p2-open #rc20p2 > div { opacity: 1; } .rc20v3 .rc20p2-open.rc20panel-opened #rc20tree { z-index: 3 !important; } .rc20v3 .rc20p2-closing #rc20sub .rc20slide.rc20fold1 > div, .rc20v3 .rc20p2-closing #rc20sub .rc20slide.rc20fold2 > div { transition: transform 0.6s ease-out 0s, perspective 0.25s ease-out 0s, opacity 0.2s ease-out 0s; } } @media only screen and (max-width: 973px) { .rc20v3 #rc20p1, .rc20v3 #rc20p2, .rc20v3 #rc20tree, .rc20v3 #rc20tree .parent-nav, .rc20v3 #rc20tree { width: 100%; } .rc20v3 #rc20tree .parent-nav, .rc20v3 #rc20tree { min-width: 100%; } .rc20v3 .rc20card { padding: 0px; } .rc20v3 .rc20storypanel { min-height: 16.625em; } .rc20v3 .slide .rc20content { padding: 3em 1.75em; } .rc20v3 .rh02w6 .rh02nav { left: 2.8rem; } .rc20v3 .slide > div { height: 100%; } .rc20v3 .rh02w5 .rh02-pcontent { margin-left: 0px; } .rc20v3 #rc20p1 .rh02-ttl, .rc20v3 #rc20p2 .rh02-ttl { text-align: start; } .rc20v3 #rc20p1 .rh02-cta, .rc20v3 #rc20p2 .rh02-cta { align-self: flex-start; } .rc20v3.open-enter-done .rc20w0 { height: 100%; } } @supports (-webkit-touch-callout: none) { .rh02.rc20v3.rc20v1.open-enter-done #rc20panels #rc20tree { height: 65vh !important; max-height: unset !important; } } @media only screen and (prefers-reduced-motion) and (min-width: 974px) { .rc20v3 .rc20p2-open #rc20tree .rc20w0 { background-image: url("https://www.oracle.com/asset/web/i/rh02-panel1.jpg") !important; opacity: 1 !important; } .rc20v3 #rc20p1, .rc20v3 #rc20p2, .rc20v3 #rc20tree, .rc20v3 #rc20sub { transform: none !important; opacity: 1 !important; animation: auto ease 0s 1 normal none running none !important; } .rc20v3 #rc20tree .rc20w0, .rc20v3 #rc20tree .rc20menu, .rc20v3 #rc20tree .rc20filters * { transition: none 0s ease 0s !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; } .rc20v3 .rc20p1-open #rc20p1, .rc20v3 .rc20p1-open #rc20p2, .rc20v3 .rc20p2-open #rc20p1, .rc20v3 .rc20p2-open #rc20p2 { display: none; } .rc20v3 .rc20p1-open #rc20sub, .rc20v3 .rc20p2-open #rc20sub { left: 33.3433% !important; } .rc20v3 .rc20p1-open #rc20tree .rc20w0, .rc20v3 .rc20p2-open #rc20tree .rc20w0 { transition: none 0s ease 0s !important; animation: auto ease 0s 1 normal none running none !important; } .rc20v3 .rc20slide.rc20fold1 > div, .rc20v3 .rc20slide.rc20fold2 > div, .rc20v3 .rc20slide.rc20fold1, .rc20v3 .rc20slide.rc20fold2, .rc20v3 #rc20sub .rc20slide { transform: none !important; opacity: 1 !important; } .rc20v3 #rc20panels[class*="-open"] #rc20p1, .rc20v3 #rc20panels[class*="-open"] #rc20p2 { transition: none 0s ease 0s !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; } } @media only screen and (min-width: 974px) { .rtl .rc20v3 .rc20fold1 { --card-offset: -50%; right: 0px; } .rtl .rc20v3 #rc20sub { transform: translateX(100%) !important; } .rtl .rc20v3 #rc20tree { width: 33.3433%; } .rtl .rc20v3 .rc20p1-open #rc20p1 { transform: translateX(100%); opacity: 1; z-index: 2; transition: transform 550ms ease-out 0s; } .rtl .rc20v3 .rc20p1-open #rc20p2 { transform: translateX(-100%); transition: transform 550ms ease-out 0s; } .rtl .rc20v3 .rc20p1-open #rc20tree { transform: translateX(200%); transition: transform 550ms ease-out 0s; } .rtl .rc20v3 .rc20p1-open #rc20sub { transition: transform 550ms ease-out 0s; transform: translateX(100%) !important; } .rtl .rc20v3 .rc20p2-open #rc20sub { z-index: 3; transform: translateX(0%) !important; } .rtl .rc20v3 .rc20p2-open #rc20sub.rc20subpanel { z-index: 3; } } .rc20v1.rc20v4 { height: 37rem; } .rc20v1.rc20v4 .rc20menu .rc20category div:first-of-type { line-height: 3.2rem; font-size: 2.4rem; } .rc20v1.rc20v4 .rc20menu .rc20category div { line-height: 4rem; } .rc20v1.rc20v4 .rc20title { font-family: var(--oraclesans); } .rc20v1.rc20v4 .rc20quote { font-family: var(--oraclesans); } .rc20v1.rc20v4 .rc20quote-lg { font-family: var(--oraclesans); } .rc20v1.rc20v4 .rh02w5 { font-family: var(--oraclesans); padding-right: 0rem; padding-left: 0rem; margin: 0px; padding-top: 2rem !important; padding-bottom: 2rem !important; } .rc20v1.rc20v4 .rh02w5 .rh02-pcontent { justify-content: center; margin: 0rem; } .rc20v1.rc20v4 .rh02w5 .rh02-pcontent .rh02-sub { font-size: 1.6rem; line-height: 2rem; } .rc20v1.rc20v4 .rh02w5 .rh02-pcontent .rh02-cta { margin-top: 1.7rem; } .rc20v1.rc20v4 .rc20panels #rc20p1 .rh02-pcontent { float: right; margin-right: 12.6rem; } .rc20v1.rc20v4 .rc20panels #rc20p1 .rh02-sub { text-align: right; } .rc20v1.rc20v4 .rc20panels #rc20p2 .rh02-pcontent { float: left; margin-left: 12.6rem; } .rc20v1.rc20v4 .rc20panels #rc20p2 .rh02-sub { text-align: left; } .rc20v1.rc20v4 .rc20panels .rh02panel { height: inherit; } .rc20v1.rc20v4 .rc20panels .rh02panel h1 { letter-spacing: 0rem; font-weight: 400; line-height: 3.2rem; } .rc20v1.rc20v4 .rc20panels .rh02panel h1.rh02-ttl.oracleprefix { text-transform: capitalize; font-size: 2.4rem; margin-bottom: 1.6rem; font-family: var(--oraclesans) !important; } .rc20v1.rc20v4 .rc20panels .rh02panel h1 b { margin-top: 0em; line-height: 4rem; font-size: 3.2rem; font-family: var(--oraclesans) !important; font-weight: 800 !important; } @media (min-width: 0) and (max-width: 974px) { .rc20v1.rc20v4 { height: auto; } .rc20v1.rc20v4 .rc20panels .rh02panel { min-height: 28.7rem; } .rc20v1.rc20v4 .rc20panels .rh02p1 { min-height: 28.7rem; } .rc20v1.rc20v4 .rc20panels #rc20p1 .rh02w2 { height: inherit; } .rc20v1.rc20v4 .rc20panels #rc20p1 .rh02w2 .rh02-pcontent { margin-left: 4rem; margin-right: 0rem; } .rc20v1.rc20v4 .rc20panels #rc20p1 .rh02w2 .rh02-sub { text-align: left; } .rc20v1.rc20v4 .rc20panels #rc20p2 .rh02p2 { min-height: 28.7rem; } .rc20v1.rc20v4 .rc20panels #rc20p2 .rh02w2 { height: inherit; } .rc20v1.rc20v4 .rc20panels #rc20p2 .rh02w2 .rh02-pcontent { margin-left: 4rem; margin-right: 0rem; } .rc20v1.rc20v4 .rc20panels #rc20p2 .rh02w2 .rh02-sub { text-align: left; } } .rtl .rc20v1.rc20v4 #rc20p2 .rh02w2 .rh02-pcontent { margin-right: 12.6rem; margin-left: 0rem; float: right; } .rtl .rc20v1.rc20v4 #rc20p2 .rh02w2 .rh02-pcontent .rh02-sub { text-align: right; } .rtl .rc20v1.rc20v4 #rc20p1 .rh02w2 .rh02-pcontent { margin-left: 12.6rem; margin-right: 0rem; float: left; } .rtl .rc20v1.rc20v4 #rc20p1 .rh02w2 .rh02-pcontent .rh02-sub { text-align: left; } @media (min-width: 0) and (max-width: 974px) { .rtl .rc20v1.rc20v4 #rc20p2 .rh02w2 .rh02-pcontent { margin-right: 4rem; margin-left: 0rem; } .rtl .rc20v1.rc20v4 #rc20p2 .rh02w2 .rh02-pcontent .rh02-sub { text-align: right; } .rtl .rc20v1.rc20v4 #rc20p1 .rh02w2 .rh02-pcontent { margin-right: 4rem; margin-left: 0rem; } .rtl .rc20v1.rc20v4 #rc20p1 .rh02w2 .rh02-pcontent .rh02-sub { text-align: right; } } @media only screen and (min-width: 974px) { .rc20v1.rc20v4 .rh02w5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .rc20v1.rc20v4.open-panel-anime { transition: height 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; z-index: 10; margin-top: -1px; height: calc(-60px + 100vh) !important; } .rc20v1.rc20v4.open-panel-anime .animate-rh0content .rh02-pcontent { animation: 1s linear 0s 1 normal none running fadeInAnimation; } @keyframes fadeInAnimation { 0% { opacity: 1; } 5% { opacity: 0.5; } 25% { opacity: 0.2; } 35% { opacity: 0; } 100% { opacity: 0; } } .rc20v1.rc20v4.open-panel-anime .panel-closing .rh02-pcontent { animation: 1s linear 0s 1 normal none running fadeOutAnimation; } @keyframes fadeOutAnimation { 100% { opacity: 1; } 35% { opacity: 0.5; } 25% { opacity: 0.2; } 5% { opacity: 0; } 0% { opacity: 0; } } .rc20v1.rc20v4.close-panel-anime { height: 37rem; transition: height 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; z-index: 10; margin-top: -2px; } } .rc20v4 div[tabindex]:focus { outline-offset: -0.6rem; } .rc20v4 .rh02-pcontent { cursor: pointer; } @media screen and (prefers-reduced-motion) { .rc20v1.rc20v4 .rc20card:hover .rc20w3 { transform: scale(1.04); transition: none 0s ease 0s; } .rc20v1.rc20v4 .rc20card .rc20w3 { transition: none 0s ease 0s; } .rc20v1.rc20v4 .rc20card:hover .rc20w3::before { transition: none 0s ease 0s; } .animate-rh0content .rh02-pcontent { animation: auto ease 0s 1 normal none running none !important; } .panel-closing .rh02-pcontent { animation: auto ease 0s 1 normal none running none !important; } } .visuallyHidden { border: 0em; clip: rect(0px, 0px, 0px, 0px); overflow: hidden; padding: 0px; height: 0px; width: 0px; white-space: nowrap; position: absolute; overflow-wrap: normal; } div.bcvideo div.video-js { height: 100%; width: 100%; } div.bcvideo div.video-js:focus { outline: 0px; } .bcvideo > * { opacity: 0; transition: opacity 0.3s ease 0s; } .cm05 { opacity: 0; transition: opacity 0.5s ease 0.3s; } .bciframe { width: 100%; border: 0px; overflow: hidden; opacity: 0; transition: opacity 0.4s ease 0.2s; } .bciframe.bciframesized { opacity: 1 !important; } .bcvideo { width: 100%; padding-top: 56.25%; position: relative; background: rgb(0, 0, 0); z-index: 1; } .bcvideo.showembed > * { opacity: 1 !important; } .bcvideo > * { position: absolute; top: 0px; } .bcvideo iframe { position: relative !important; } .bcvideo span { width: 100%; } .bcnosocial .vjs-share-control { display: none; } .bcvideo .vjs-control-bar, .bcplaylist #bcc_link_container .bcc_cta { top: auto; } .bcvideo .video-js * { color: rgb(255, 255, 255); } .bcvideo.bcplaylist .video-js { float: left; width: 70%; } .bcvideo.bcplaylist { padding-top: 39.3%; } .video-js .vjs-control.vjs-close-button { height: 5em; width: 5em; } .vjs-mouse.vjs-playlist li { list-style-type: none; } .bcvideo .video-js { height: 100%; } .vjs-playlist-thumbnail { position: relative; } .vjs-playlist-thumbnail::before { width: 100%; height: 100%; } .vjs-playlist-duration { display: none; } .vjs-playlist-tmp li { display: none !important; } .playlist-wrapper { overflow: hidden scroll; width: 30%; position: absolute; right: 0px; height: 100%; } .bcvideo .vjs-menu-button-popup .vjs-menu .vjs-menu-item { border-radius: 0px; background: rgba(0, 0, 0, 0.6); } .bcvideo .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected { background: rgba(0, 0, 0, 0.6); color: rgb(199, 70, 52); } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li { margin: 0px; transition: background 50ms ease-in-out 0s; } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li span { transition: color 50ms ease-in-out 0s; } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li.vjs-selected { background: rgba(0, 0, 0, 0.7); } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li.vjs-selected span { color: rgb(199, 70, 52); text-shadow: none; } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li.vjs-selected:hover { background: rgba(0, 0, 0, 0.7); } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li.vjs-selected:hover span { color: rgb(199, 70, 52); text-shadow: none; } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li:hover { background: rgba(0, 0, 0, 0.5); } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li:hover span { color: rgb(255, 255, 255); text-shadow: none; } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li:focus { background: rgba(0, 0, 0, 0.5); } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li:focus span { color: rgb(255, 255, 255); text-shadow: none; } .bcthumbnail { position: relative; display: inline-block; width: 100%; } .bcthumbnail img { width: 100%; opacity: 1; } .bcthumbnail a { line-height: 0; float: left; width: 100%; opacity: 1; bottom: 0px; } .bcthumbnail:hover .vjs-big-play-button::before { opacity: 1; } .bcgallery { padding: 3em 38px; } .bcvideo .vjs-playing .vjs-big-play-button { opacity: 0; } .bcvideo .video-js.bc-player-Bk2kPOcu_default.vjs-quality-menu .vjs-quality-menu-button-4K-flag::after, .bcvideo .video-js.bc-player-Bk2kPOcu_default.vjs-quality-menu .vjs-quality-menu-button-HD-flag::after { background-color: rgb(199, 70, 52); } .bcvideo .vjs-big-play-button .vjs-icon-placeholder { display: none; } .bcvideo .vjs-social-overlay .vjs-social-title { width: auto; } .bcvideo #bcc_link_container .bcc_cta a { top: 5px; } .playlist-wrapper::-webkit-scrollbar { width: 15px; } .playlist-wrapper::-webkit-scrollbar-thumb { background: rgb(153, 153, 153); } .playlist-wrapper::-webkit-scrollbar-track { background: rgb(27, 27, 27); } .playlist-wrapper::-webkit-scrollbar-button { background: rgb(153, 153, 153); height: 15px; border-radius: 50%; } .bcvideo .video-js .vjs-duration { position: relative; } .bcvideo .video-js .vjs-fullscreen-control { position: relative; } .bcvideo .vjs-time-control.vjs-current-time { margin-left: 0px; } .bcvideo .vjs-time-control.vjs-time-divider div { position: relative; } .bcvideo .vjs-time-control.vjs-time-divider { position: relative; } .bcvideo .vjs-time-control .vjs-current-time-display { position: relative; } .bcvideo .vjs-spacer { position: relative; } .playlist-wrapper .vjs-playlist, .playlist-wrapper .vjs-playlist-tmp { padding: 0px; margin-top: -1px; background-color: rgb(54, 54, 55) !important; } .bcvideo .vjs-modal-dialog { z-index: 111; position: relative; } .bcvideo .video-js .vjs-dock-text { background: rgba(0, 0, 0, 0.6); padding: 1em 25% 1em 1em; } .bcvideo .video-js .vjs-dock-text { opacity: 0; } .bcvideo.bcnotitle .video-js .vjs-dock-text { display: none; } .bcvideo.bchovertitle .video-js .vjs-dock-text { opacity: 0; } .bcvideo.bchovertitle:hover .video-js .vjs-dock-text { opacity: 1; transition: opacity 0.5s ease 0.1s, top 0.5s ease; } .bcvideo.bcshowtitle .video-js .vjs-dock-text { opacity: 1; } .bcvideo.bcshowtitle:hover .video-js .vjs-dock-text { opacity: 1; } .vjs-playlist .vjs-playlist-ad-overlay { display: none; } .bcvideo .vjs-caption-settings { top: 20%; height: 17em; background: rgba(0, 0, 0, 0.6); } .bcvideo .vjs-caption-settings button { padding: 0.3em 0.5em; border: 1px solid rgb(255, 255, 255); } .bcvideo .vjs-caption-settings button:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 0); } .bcvideo .vjs-caption-settings .vjs-tracksetting span { margin-left: 0px; } .bcvideo .video-js .vjs-big-play-button { background-color: rgba(0, 0, 0, 0) !important; } .bcvideo .vjs-big-play-button { display: block; position: absolute; padding: 0px; cursor: pointer; opacity: 1; top: 0px; left: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; line-height: 2em; border: none; border-radius: 50%; font-size: 3.5em; transition: border-color 0.4s ease 0s, outline 0.4s ease 0s, background-color 0.4s ease 0s; background-color: rgba(0, 0, 0, 0) !important; } .bcvideo .vjs-big-play-button::before { border-radius: 0px; margin-top: 0px; margin-left: 0px; height: 25%; line-height: 1; width: 25%; background: url("https://www.oracle.com/asset/web/i/videoplayer-playbtn.png") 50% 50% / contain no-repeat; opacity: 0.8; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 91px; content: "" !important; } .bcvideo .video-js:hover .vjs-big-play-button::before { opacity: 1; } .vjs-mouse.vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail::before, .vjs-mouse.vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail::before { border-radius: 0px; height: 68px; left: 0px; line-height: 68px; top: 14px; width: 100%; } .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected:focus .vjs-playlist-thumbnail::before, .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected:hover .vjs-playlist-thumbnail::before { top: 0px; } .vjs-playlist cite { font-size: 1.4rem; color: rgb(255, 255, 255); white-space: normal; -webkit-font-smoothing: auto; padding-right: 0.5em; line-height: 1.2 !important; height: 100% !important; } .f01 .vjs-playlist cite, .f08 .vjs-playlist cite { font-size: 14px; } .vjs-playlist .vjs-playlist-description, .vjs-playlist-tmp .vjs-playlist-description { display: none; } .vjs-playlist .vjs-playlist-item, .vjs-playlist-tmp .vjs-playlist-item { border-top: 1px solid rgb(78, 80, 85); padding: 0.7em !important; margin-bottom: 0px !important; } .vjs-playlist li:last-of-type { border-bottom: none; } .vjs-playlist .vjs-selected { background: rgb(78, 80, 85); padding: 0.7em 0.65em 0.9em 0.7em; } .vjs-playlist .vjs-selected .vjs-playlist-thumbnail.vjs-playlist-now-playing::before { margin: 2px; text-transform: uppercase; font-size: 1.6rem; content: "playing"; font-family: Helvetica, Arial, "Lucida Grande", sans-serif; } .f01 .vjs-playlist .vjs-selected .vjs-playlist-thumbnail.vjs-playlist-now-playing::before, .f08 .vjs-playlist .vjs-selected .vjs-playlist-thumbnail.vjs-playlist-now-playing::before { font-size: 16px; } .vjs-playlist .vjs-selected picture { box-sizing: border-box; position: relative; } .vjs-playlist .vjs-selected img { border: 2px solid rgb(255, 255, 255); } .vjs-play-progress, .vjs-volume-level { background-color: red !important; } .vjs-dock-text .vjs-dock-title { position: relative; } .vjs-dock-text .vjs-dock-description { position: relative; } .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play::before, .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play::before { border-radius: 0px; top: 0px; left: 0px; margin-top: 0px; margin-left: 0px; height: 68px; line-height: 68px; width: 121px; background: url("https://www.oracle.com/asset/web/i/videoplayer-playbtn.png") 50% 50% / 30% no-repeat; content: "" !important; } .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before, .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before { border: 2px solid rgb(78, 80, 85); } .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play::after, .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play::after { background: rgba(0, 0, 0, 0.5); zoom: 1; border-radius: 0px; top: 0px; left: 0px; margin-top: 0px; margin-left: 0px; height: 68px; line-height: 68px; width: 121px; content: ""; position: absolute; } .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::after, .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::after { margin: 2px; display: none; } .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before, .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before { margin: 0px; text-transform: uppercase; background: none rgba(26, 26, 26, 0.5); height: 68px; line-height: 68px; width: 121px; border: 2px solid rgb(255, 255, 255); font-size: 1.6rem; font-family: Helvetica, Arial, "Lucida Grande", sans-serif; content: "playing" !important; } .f01 .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before, .f01 .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before, .f08 .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before, .f08 .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before { font-size: 16px; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { top: 50%; } .vjs-social-share-links a { color: rgb(255, 255, 255); } .vjs-errors-ok-button { border-radius: 0px; } .bcvideo .video-js #bcc_link_container { top: 75px; } .bcvideo .video-js #bcc_link_container:focus-within { right: -2px; } .bcvideo .video-js #bcc_link_container .bcc_cta { background: url("https://www.oracle.com/asset/web/i/videoplayer-chevron.png") 11px center no-repeat rgb(0, 127, 156); height: 32px; line-height: 23px; } a.vjs-social-share-link, .bcvideo .video-js #bcc_link_container .bcc_cta a { color: rgb(255, 255, 255); } .bcbackground .vjs-text-track-display, .bcbackground .vjs-loading-spinner, .bcbackground .vjs-big-play-button, .bcbackground .vjs-control-bar, .bcbackground .vjs-caption-settings, .bcbackground .vjs-dock-text, .bcbackground .vjs-dock-shelf, .bcbackground .vjs-social-overlay, .bcbackground #bcc_link_container { display: none; } .f01 .bcvideo.bcplaylist { padding-top: 33.8% !important; } .f01 .bcvideo.bcplaylist .video-js { width: 60% !important; } .f01 .playlist-wrapper { width: 40% !important; } .bcvideo .vjs-social-overlay .vjs-social-direct-link .vjs-social-label-text, .bcvideo .vjs-social-overlay .vjs-social-embed-code .vjs-social-label-text { text-align: left; } @media only screen and (min-width: 841px) { .f08 .bcvideo.bcplaylist { padding-top: 33.8%; } .f08 .bcvideo.bcplaylist .video-js { width: 60% !important; } .f08 .playlist-wrapper { width: 40%; } } @media only screen and (min-width: 0px) and (max-width: 1240px) { .bcvideo { width: 100% !important; } .bcvideo.bcplaylist { padding-top: 33.8%; } .bcvideo.bcplaylist .video-js { width: 60% !important; } .playlist-wrapper { width: 40%; } .playlist-wrapper::-webkit-scrollbar { width: 11px; } .bcgallery { padding-left: 28px; padding-right: 28px; } } @media only screen and (min-width: 0px) and (max-width: 840px) { .bcvideo.bcplaylist { padding-top: 56.3%; } .bcvideo, .bcvideo.bcplaylist .video-js, .playlist-wrapper, .playlist-wrapper .vjs-playlist { width: 100% !important; } .playlist-wrapper .vjs-playlist { display: block; } .vjs-playlist { display: block; } .playlist-wrapper { max-height: 142px; float: left; } .f01 .playlist-wrapper { max-height: 1000px; } .vjs-playlist cite { font-size: 1.8rem; } .f08 .vjs-playlist cite { font-size: 18px; } .playlist-wrapper { position: relative; } .f01 .playlist-wrapper { position: absolute; } .playlist-wrapper::-webkit-scrollbar { width: 8px; } .f01 .bcvideo .vjs-big-play-button::before, .f08 .bcvideo .vjs-big-play-button::before { background: url("https://www.oracle.com/asset/web/i/videoplayer-playbtn.png") 50% 50% / 100% no-repeat; } .video-js .vjs-dock-text { padding: 0.7em 0.9em; } .vjs-social-direct-link, .vjs-social-embed-code, .vjs-social-description { display: none; } .vjs-social-share-links { margin-top: 1em; } .bcgallery { padding: 2.1em 22px; } } .f11 .bcvideo button:focus { outline-offset: 2px; outline: currentcolor dotted 2px; } .f11 .bcvideo button:focus:not(:focus-visible) { outline-width: 0px !important; } .bc-iframe, .bc-iframe body, div.vjs-poster, div.bcvideo div.video-js { background-color: rgb(0, 0, 0) !important; } #vidcsstest::before { content: "ovid"; height: 0px; width: 0px; overflow: hidden; display: block; } div.bcvideo div.video-js { height: 100%; width: 100%; } div.bcvideo.bcvideoshadow { border-radius: 8px; } div.bcvideo.bcvideoshadow > div { border-radius: 8px; } div.bcvideo.videoshadow { border-radius: 8px; } div.bcvideo.videoshadow > div { border-radius: 8px; } div.ytvideo.videoshadow { border-radius: 8px; } div.ytvideo.videoshadow > img { border-radius: 8px; } .bclink:focus img { outline-offset: -6px !important; outline: rgb(22, 21, 19) dotted 3px !important; } div.bcvideo[data-playlistid] { background-color: rgb(255, 255, 255); position: relative; padding: 0px !important; margin: 0px !important; } div.bcvideo[data-playlistid]::before { content: "desktop"; display: none; } div.bcvideo[data-playlistid] > * { opacity: 1; } div.bcvideo[data-playlistid] > div { position: relative; } div.bcvideo[data-playlistid] img { max-width: 100%; } div.bcvideo[data-playlistid] h3 { font-size: 1.7rem; font-weight: normal; line-height: 1.4; } div.bcvideo[data-playlistid] h4 { font-size: 1.4rem; line-height: 1.4; color: rgb(122, 115, 110); font-weight: normal; } div.bcvideo[data-playlistid] .bcfgallery-speakers:focus:not(:focus-visible) { outline-width: 0px !important; } div.bcvideo[data-playlistid] b { font-weight: bold; } div.bcvideo[data-playlistid] .col-w1 .col-item { justify-content: flex-start; } div.bcvideo[data-playlistid] .col-w1 .col-item.bchidden { display: none !important; } div.bcvideo[data-playlistid] .col-item-w1, div.bcvideo[data-playlistid] .col-item-w2 { position: relative; } div.bcvideo[data-playlistid] .bcfgallery-title { padding-top: 0.4em; } div.bcvideo[data-playlistid] .bcfgallery-title a, div.bcvideo[data-playlistid] .col-item-w1 a { font-size: 1.4rem; font-weight: normal; line-height: 1.3em; } div.bcvideo[data-playlistid] .bcfgallery-title a:focus:not(:focus-visible), div.bcvideo[data-playlistid] .col-item-w1 a:focus:not(:focus-visible) { outline-width: 0px !important; box-shadow: none; } div.bcvideo[data-playlistid] .col-item-w1 a:focus { outline-offset: -4px; box-shadow: rgb(0, 0, 0) 0px 0px 36px -1px inset; outline: rgb(255, 255, 255) dotted 2px !important; } div.bcvideo[data-playlistid] .col-item-w1 a:focus + img { transform: scale(1.1); } div.bcvideo[data-playlistid] .col-item-w2 { flex: 0 0 auto; } div.bcvideo[data-playlistid] .col-item-w2 .bcdesc { font-size: 1.6rem; line-height: 1.5; padding: 0.3em 0px 0px; margin: 0px; } div.bcvideo[data-playlistid] .bcfgallery-showless { display: inline-block; width: auto; position: relative; } div.bcvideo[data-playlistid] .bcfgallery-showless::before { display: inline-block; position: absolute; right: -1em; font-size: 1.8em; top: -0.12em; } div.bcvideo[data-playlistid] .bcfgallery-showmore { position: relative; display: inline-block; width: auto; } div.bcvideo[data-playlistid] .bcfgallery-showmore::before { display: inline-block; position: absolute; right: -1em; font-size: 1.8em; top: -0.12em; } div.bcvideo[data-playlistid] .icn-vidplay::before { font-size: 2.4em; text-decoration: none; vertical-align: middle; } div.bcvideo[data-playlistid] a.bcfullkeynote { position: relative; } div.bcvideo[data-playlistid] a.bcfullkeynote::before { display: inline-block; } div.bcvideo[data-playlistid] .bcimg { display: block; } div.bcvideo[data-playlistid] .sliploaded .bcimg { position: absolute; } div.bcvideo[data-playlistid] .bclink { position: absolute; inset: 0px; margin: 0px; } div.bcvideo[data-playlistid] .bclink:hover .vjs-big-play-button::before { opacity: 1; } div.bcvideo[data-playlistid] .obttns { float: none; } div.bcvideo[data-playlistid].bcgallery .col-item-w1 { overflow: hidden; } div.bcvideo[data-playlistid].bcgallery .col-item-w1 a.bclink + img { transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0s; } div.bcvideo[data-playlistid].bcgallery .col-item-w1 a.bclink:hover + img { transform: scale(1.1); } .bcvideo > * { opacity: 0; transition: opacity 0.3s ease 0s; } .bcmobvideotitle { display: none; font-size: 3rem; line-height: 1.2; padding-top: 0.8em; padding-bottom: 0.8em; background: rgb(58, 54, 50); } .bcvideo.showembed .video-unmute, .bcvideo .video-unmute { cursor: pointer; padding: 0px; margin: 1em; box-sizing: border-box; width: 3em; height: 3em; opacity: 0.8 !important; } .bcvideo.showembed .video-unmute:hover, .bcvideo .video-unmute:hover { opacity: 1 !important; } .bcvideo .video-unmute::before { border-radius: 0px; margin-top: 0px; margin-left: 0px; line-height: 1; height: 100%; width: 100%; background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.70710678.29289322 22.00000002 21.99999998-1.4142136 1.4142136-10.293-10.2932136.0001068 7.5861068-6.35-5.1140134h-4.65v-7.9314894h4.65l.49989322-.39060398-5.857-5.85678644zm17.96269322 4.15279558c2.119 1.96729435 3.302 4.61347869 3.33 7.4519326.0187067 1.8738058-.4648217 3.6845158-1.3920717 5.2953975l-1.475728-1.4762969c.5809465-1.1799284.8807534-2.4712369.8677997-3.8002701-.023-2.29038649-.981-4.43012881-2.697-6.02477697zm-12.08690678 4.55120442-1.23189322.95422425h-3.351v3.96386213h3.351l3.649 2.9591532-.00010678-5.4602396zm8.05140678-1.68133326c1.516 1.23191279 2.357 2.89593654 2.366 4.68384544.0026687.4818934-.0550552.9558816-.1702068 1.4160124l-1.8603314-1.8599269c-.1323971-1.0172207-.6909389-1.96473795-1.6034618-2.70672975zm-3.6343-4.31555996-.0001068 4.58589322-2.57599998-2.576z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; opacity: 1; position: absolute; top: 0%; left: 0%; background-size: contain; max-height: 91px; min-height: 25px; content: "" !important; } .bcvideo .vjs-menu-button-popup .vjs-menu .vjs-menu-content { padding-bottom: 0px; } .bcvideo .video-js, .bcvideo .vjs-menu .vjs-menu-content, .bcvideo #bcc_link_container, .bcvideo .vjs-social-overlay { font-family: var(--oraclesans, sans-serif) !important; } .video-js.vjs-quality-menu .vjs-quality-menu-button-HD-flag::after { font-family: var(--oraclesans, sans-serif) !important; font-weight: 400; } .vjs-modal-dialog.vjs-text-track-settings { height: 100%; } .bcvideo[data-type="live"] .vjs-subs-caps-button { display: none; } .vjs-text-track-settings fieldset span { margin-left: 0px; } .vjs-text-track-settings legend, .vjs-text-track-settings select { font-size: 12px; } .vjs-text-track-settings legend { margin: 0px; } .vjs-text-track-settings .vjs-label { display: none; } .vjs-track-settings-controls .vjs-default-button, .vjs-track-settings-controls .vjs-done-button { padding: 0px 5px; width: 55px; margin: 0px 10px 8px 0px; color: rgb(0, 0, 0) !important; } .vjs-text-track-settings .vjs-close-button .vjs-icon-placeholder { display: none; } .vjs-text-track-settings .vjs-close-button { height: 2em !important; width: 3em !important; } .bcvideo .vjs-modal-dialog.vjs-text-track-settings { z-index: 112; } .vjs-close-button::before { font-size: 17px !important; } li.vjs-captions-menu-item .vjs-icon-placeholder { position: relative !important; right: 0px; } li.vjs-captions-menu-item .vjs-icon-placeholder::before { top: 0px; position: absolute; } .bcvideo .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-captions-menu-item .vjs-menu-item { font-size: 1.2em !important; line-height: 1.3 !important; } .bc-player-VkKNQZg6x_default .vjs-menu-button-popup .vjs-menu .vjs-menu-item:hover { text-shadow: none; background: rgba(0, 0, 0, 0.7) !important; } .bc-player-VkKNQZg6x_default .vjs-menu-button-popup .vjs-menu .vjs-menu-item { padding: 0.3em !important; } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 17em; } .vjs-menu .vjs-menu-item.vjs-selected { background: rgba(0, 0, 0, 0.7) !important; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; height: 25px; padding: 0px; position: absolute; right: 0px; bottom: 12px; } .bcvideo .vjs-subs-caps-button .vjs-menu .vjs-menu-item.vjs-selected { background: rgba(0, 0, 0, 0.7); } .bcvideo .vjs-subs-caps-button .vjs-menu .vjs-menu-item.vjs-selected span { color: rgb(199, 70, 52); text-shadow: none; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: baseline; display: inline; } .cm05 { opacity: 0; transition: opacity 0.5s ease 0.3s; } .bciframe { width: 100%; border: 0px; overflow: hidden; opacity: 0; transition: opacity 0.4s ease 0.2s; } .bciframe.bciframesized { opacity: 1 !important; } .bcvideo { width: 100%; padding-top: 56.25%; position: relative; background: rgb(0, 0, 0); z-index: 1; opacity: 1; } .bcvideo > div:hover .vjs-poster { transform: scale(1.1); } .bcvideo > div .vjs-poster { transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .bcvideo .playlist-wrapper .vjs-playlist-item:not(.vjs-selected) picture.vjs-playlist-thumbnail::before { background-color: rgba(0, 0, 0, 0); } .bcvideo .playlist-wrapper .vjs-playlist-item:not(.vjs-selected) picture.vjs-playlist-thumbnail::after { content: ""; background-color: rgba(0, 0, 0, 0.4); transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s; position: absolute; inset: 0px; z-index: 0; } .bcvideo.bcthumbnail .bclink .vjs-big-play-button, .bcvideo .video-js .vjs-big-play-button { border-radius: 0px; } .bcvideo .vjs-has-started.vjs-paused .vjs-big-play-button { background-color: rgba(0, 0, 0, 0.4) !important; border-radius: 0px !important; } .bcvideo.bcthumbnail { overflow: hidden; } .bcvideo.bcthumbnail .bclink + img { transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s; transform: scale(1); } .bcvideo.bcthumbnail .bclink:hover + img { transform: scale(1.1); } .ytvideo.ytthumbnail > img { transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s; transform: translate(-50%, -50%) scale(1); } .ytvideo.ytthumbnail > button:hover + img, .ytvideo.ytthumbnail > .ytlive:hover + button + img { transform: translate(-50%, -50%) scale(1.1); } .bcvideo.showembed > * { opacity: 1 !important; } .bcvideo > * { position: absolute; top: 0px; } .bcvideo iframe { position: relative !important; } .bcvideo span { width: 100%; } .bcvideo .video-js .vjs-time-tooltip { background-color: rgba(0, 0, 0, 0.8); } .bcnosocial .vjs-share-control { display: none; } .bcvideo .vjs-control-bar, .bcplaylist #bcc_link_container .bcc_cta { top: auto; } .vjs-mouse.bc-player-VkKNQZg6x_default .vjs-progress-control:hover { height: 1.5em !important; top: -1.5em !important; } .bcvideo .video-js * { color: rgb(255, 255, 255); } .bcvideo.bcplaylist { background: rgb(0, 0, 0); } .bcvideo.bcplaylist .video-js { float: left; width: 70%; } .bcvideo.bcplaylist { padding-top: 39.3%; } .video-js .vjs-control.vjs-close-button { height: 5em; width: 5em; } .vjs-mouse.vjs-playlist li { list-style-type: none; box-sizing: content-box; } .vjs-mouse.vjs-playlist li * { box-sizing: content-box; } .bcvideo .video-js { height: 100%; } .vjs-playlist-thumbnail { position: relative; } .vjs-playlist-thumbnail::before { width: 100%; height: 100%; } .vjs-playlist-duration { display: none; } .bctimew1 { position: absolute; text-align: right; } .bctimew1 .vjs-playlist-duration { display: inline-block; right: 0px; left: auto !important; } .vjs-playlist .bctimew1 { width: 121px; height: 68px; } .vjs-playlist .vjs-selected .bctimew1 { border: 2px solid rgba(0, 0, 0, 0); } .vjs-playlist .vjs-selected .bctimew1 .vjs-playlist-duration { display: inline-block; } .vjs-playlist-tmp li { display: none !important; } .playlist-wrapper { overflow: hidden scroll; width: 30%; position: absolute; right: 0px; height: 100%; background-color: rgb(0, 0, 0); } .bcvideo .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content { left: -1.5em !important; } .bcvideo .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item { border-radius: 0px; background: rgba(0, 0, 0, 0.6); margin: 0px; } .bcvideo .video-js .vjs-menu-button-popup.vjs-subs-caps-button .vjs-menu .vjs-menu-content { max-height: 13em; min-width: 13em; } .bcvideo .vjs-text-track-settings select option { color: rgb(0, 0, 0) !important; } .bcvideo .vjs-menu li { font-size: 1.2em !important; } .bcvideo .vjs-volume-menu-button { margin-right: 1em; } .bcvideo .vjs-volume-menu-button .vjs-menu-content { display: flex; flex-flow: row; justify-content: flex-start; align-items: stretch; } .bcvideo .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected { background: rgba(0, 0, 0, 0.6); color: rgb(199, 70, 52); } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li { margin: 0px; transition: background 50ms ease-in-out 0s; } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li span { transition: color 50ms ease-in-out 0s; } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li.vjs-selected { background: rgba(0, 0, 0, 0.7); } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li.vjs-selected span { color: rgb(199, 70, 52); text-shadow: none; } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li.vjs-selected:hover { background: rgba(0, 0, 0, 0.7); } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li.vjs-selected:hover span { color: rgb(199, 70, 52); text-shadow: none; } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li:hover span { color: rgb(255, 255, 255); } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li:focus { background: rgba(0, 0, 0, 0.5); } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li:focus span { color: rgb(255, 255, 255); text-shadow: none; } .bcvideo .vjs-quality-menu-button-HD-flag::after { background-color: rgb(199, 70, 52) !important; } .bcthumbnail:not([data-playlistid]) { position: relative; display: inline-block; width: 100%; } .bcthumbnail:not([data-playlistid]) img { width: 100%; opacity: 1; font-size: 0px; line-height: 0; } .bcthumbnail:not([data-playlistid]) a:not(.vjs-social-share-link) { float: left; width: 100%; opacity: 1; bottom: 0px; position: absolute; top: 0px; left: 0px; font-size: 0px; line-height: 0.7; } .bcthumbnail:not([data-playlistid]):hover .vjs-big-play-button::before { opacity: 1; } .bcthumbnail:not([data-playlistid]) .vjs-big-play-button:focus { outline: none; } .bcgallery { padding: 0px; background: none; } .bcgallery > * { opacity: 1; position: relative; padding: 3em 38px; } .bcvideo .vjs-playing .vjs-big-play-button, .bcvideo .vjs-seeking .vjs-big-play-button, .bcvideo .vjs-waiting .vjs-big-play-button { display: none; } .bcvideo .vjs-playing .vjs-big-play-button::before, .bcvideo .vjs-seeking .vjs-big-play-button::before, .bcvideo .vjs-waiting .vjs-big-play-button::before { opacity: 0 !important; } .bcvideo .video-js.bc-player-Bk2kPOcu_default.vjs-quality-menu .vjs-quality-menu-button-4K-flag::after, .bcvideo .video-js.bc-player-Bk2kPOcu_default.vjs-quality-menu .vjs-quality-menu-button-HD-flag::after { background-color: rgb(199, 70, 52); } .bcvideo .video-js.vjs-quality-menu .vjs-quality-menu-button::before { font-size: 1.8em; line-height: 1.67; } .bcvideo .vjs-big-play-button .vjs-icon-placeholder { display: none; } .bcvideo .vjs-social-overlay .vjs-social-title { width: auto; } .bcvideo #bcc_link_container .bcc_cta a { line-height: 2.1; direction: ltr; font-size: 15px !important; top: 0px !important; } .bcvideo .vjs-control:not(.vjs-progress-control) { flex: 0 1 auto !important; } .bcvideo .vjs-control:not(.vjs-progress-control), .bcvideo .vjs-menu-button-popup { outline-offset: -2px !important; } .playlist-wrapper::-webkit-scrollbar { width: 15px; } .playlist-wrapper::-webkit-scrollbar-thumb { background: rgb(122, 115, 110); } .playlist-wrapper::-webkit-scrollbar-track { background: rgb(33, 30, 28); } .playlist-wrapper::-webkit-scrollbar { width: 15px; } .bcvideo .video-js .vjs-duration { position: relative; } .bcvideo .video-js .vjs-fullscreen-control { position: relative; } .bcvideo .vjs-time-control.vjs-current-time { margin-left: 0px; } .bcvideo .vjs-time-control.vjs-time-divider div { position: relative; } .bcvideo .vjs-time-control.vjs-time-divider { position: relative; } .bcvideo .vjs-time-control { padding: 0px; } .bcvideo .vjs-time-control.vjs-duration { text-align: left; } .bcvideo .vjs-time-control.vjs-time-divider div { position: relative; } .bcvideo .vjs-time-control.vjs-time-divider { position: relative; } .bcvideo .vjs-time-control .vjs-current-time-display { position: relative; } .bcvideo .vjs-spacer { position: relative; } .playlist-wrapper .vjs-playlist, .playlist-wrapper .vjs-playlist-tmp { padding: 0px; margin-top: -1px; background-color: rgb(49, 45, 42) !important; } .bcvideo .vjs-modal-dialog { z-index: 111; position: absolute; } .bcvideo .video-js .vjs-dock-text { background: rgba(0, 0, 0, 0.6); padding: 1em 25% 1em 1em; } .bcvideo .video-js .vjs-dock-text { opacity: 0; } .bcvideo.bcnotitle .video-js .vjs-dock-text { display: none; } .bcvideo.bchovertitle .video-js .vjs-dock-text { opacity: 0; } .bcvideo.bchovertitle:hover .video-js .vjs-dock-text { opacity: 1; transition: opacity 0.5s ease 0.1s, top 0.5s ease; } .bcvideo.bcshowtitle .video-js .vjs-dock-text { opacity: 1; } .bcvideo.bcshowtitle:hover .video-js .vjs-dock-text { opacity: 1; } .vjs-playlist .vjs-playlist-ad-overlay { display: none; } .bcvideo .vjs-caption-settings { top: 20%; height: 17em; background: rgba(0, 0, 0, 0.6); } .bcvideo .vjs-caption-settings button { padding: 0.3em 0.5em; border: 1px solid rgb(255, 255, 255); } .bcvideo .vjs-caption-settings button:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 0); } .bcvideo .vjs-caption-settings .vjs-tracksetting span { margin-left: 0px; } .bcvideo .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content div { max-width: 10em; } .bcvideo .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content div fieldset select { max-width: 150px; display: block; } button.vjs-icon-share::before { font-size: 1.5em; line-height: 1.97; text-align: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .ytvideo .vjs-big-play-button, .ytthumbnail .vjs-big-play-button, .bcvideo .vjs-big-play-button, .bcthumbnail .vjs-big-play-button { display: block; position: absolute; padding: 0px; cursor: pointer; opacity: 1; top: 0px; left: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; line-height: 2em; border: none; border-radius: 50%; font-size: 3.5em; transition: border-color 0.4s ease 0s, outline 0.4s ease 0s, background-color 0.4s ease 0s; background-color: rgba(0, 0, 0, 0) !important; } .ytvideo .vjs-big-play-button::before, .ytthumbnail .vjs-big-play-button::before, .bcvideo .vjs-big-play-button::before, .bcthumbnail .vjs-big-play-button::before { border-radius: 0px; margin-top: 0px; margin-left: 0px; height: 25%; line-height: 1; width: 25%; background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 2v20l17-10.0010155zm2.01780415 3.72082718 11.25026705 6.27815732-11.25026705 6.2801883z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; opacity: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: contain; max-height: 91px; min-height: 25px; transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1) 0s; content: "" !important; } .ytembed.ytvideo.ytthumbnail button.vjs-big-play-button { z-index: 1; } .f20 .bgvidpause { position: absolute; z-index: 2; left: 0px; right: 0px; bottom: 42px; text-align: right; } @media (max-width: 770px) { .f20 .bgvidpause { bottom: 24px; } } .rtl .f20 .bgvidpause { text-align: left; } .f20 .bgvidpause div.cwidth:not(.bgplayvid) .bgvidplaybttn, .f20 .bgvidpause div.cwidth.bgplayvid .bgvidpausebttn { display: none; } .f20 .bgvidpause button { min-width: 36px; height: 36px; border: 1px solid rgb(255, 255, 255); border-radius: 3px; background: rgba(0, 0, 0, 0.8); text-align: center; display: flex; flex-flow: row; justify-content: center; align-items: center; margin-left: auto; } .rtl .f20 .bgvidpause button { margin-left: 0px; margin-right: auto; } .f20 .bgvidpause button:focus { outline-color: rgb(255, 255, 255); outline-offset: -5px; } .f20 .bgvidpause button:hover { text-decoration: none; } .f20 .bgvidpause button:focus span, .f20 .bgvidpause button:hover span { font-size: 15px; width: auto; overflow: initial; opacity: 1; margin: 0px 14px 0px 0px; } .rtl .f20 .bgvidpause button:focus span, .rtl .f20 .bgvidpause button:hover span { margin: 0px 0px 0px 14px; } .f20 .bgvidpause button::before { display: block; margin: 0px 14px; content: " "; border-width: 0px 2px; border-right-style: solid; border-left-style: solid; border-right-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-image: initial; border-top-style: initial; border-top-color: initial; border-bottom-style: initial; border-bottom-color: initial; width: 2px; height: 8px; } .f20 .bgvidpause button.bgvidplaybttn::before { width: 0px; height: 2px; border-width: 4px 0px 4px 8px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); border-image: initial; border-right-style: initial; border-right-color: initial; border-left-style: solid; border-left-color: rgb(255, 255, 255); } .f20 .bgvidpause button span { color: rgb(255, 255, 255); margin: 0px; width: 0px; overflow: hidden; opacity: 0; } .f11 .ytvideo.ytvideo button.vjs-big-play-button, .f11 .ytthumbnail.ytthumbnail button.vjs-big-play-button, .f11 .bcvideo.bcvideo button.vjs-big-play-button, .f11 .bcthumbnail.bcthumbnail button.vjs-big-play-button, .f20 .ytvideo.ytvideo button.vjs-big-play-button, .f20 .ytthumbnail.ytthumbnail button.vjs-big-play-button, .f20 .bcvideo.bcvideo button.vjs-big-play-button, .f20 .bcthumbnail.bcthumbnail button.vjs-big-play-button { background-color: rgba(0, 0, 0, 0) !important; } .f11 .ytvideo .vjs-big-play-button::before, .f11 .ytthumbnail .vjs-big-play-button::before, .f11 .bcvideo .vjs-big-play-button::before, .f11 .bcthumbnail .vjs-big-play-button::before, .f20 .ytvideo .vjs-big-play-button::before, .f20 .ytthumbnail .vjs-big-play-button::before, .f20 .bcvideo .vjs-big-play-button::before, .f20 .bcthumbnail .vjs-big-play-button::before { padding-top: 11.148%; max-height: 0px; min-height: 0px; height: 0px; width: 11.148%; inset: auto 3.716% 6.61% auto; z-index: 2; transform: none; background-size: 50%; background-position: 58% 50%; } .f11 .ytvideo .vjs-big-play-button::after, .f11 .ytthumbnail .vjs-big-play-button::after, .f11 .bcvideo .vjs-big-play-button::after, .f11 .bcthumbnail .vjs-big-play-button::after, .f20 .ytvideo .vjs-big-play-button::after, .f20 .ytthumbnail .vjs-big-play-button::after, .f20 .bcvideo .vjs-big-play-button::after, .f20 .bcthumbnail .vjs-big-play-button::after { content: ""; border-radius: 50%; background: rgba(22, 21, 19, 0.7); padding-top: 11.148%; min-height: 0px; height: 0px; width: 11.148%; position: absolute; bottom: 6.61%; left: auto; right: 3.716%; display: block; z-index: 1; } .f20 .w10 .ytvideo .vjs-big-play-button::before, .f20 .w10 .ytthumbnail .vjs-big-play-button::before, .f20 .w10 .bcvideo .vjs-big-play-button::before, .f20 .w10 .bcthumbnail .vjs-big-play-button::before, .f20 .w10 .ytvideo .vjs-big-play-button::after, .f20 .w10 .ytthumbnail .vjs-big-play-button::after, .f20 .w10 .bcvideo .vjs-big-play-button::after, .f20 .w10 .bcthumbnail .vjs-big-play-button::after { inset: 50% auto auto 50%; transform: translate(-50%, -50%); } .f20 #w10title, .f20 #w10desc { opacity: 0; } .f20 .w10 .modal-info { position: absolute; } .ytembed.vd03init { background: rgba(0, 0, 0, 0); } .ytvideo .vjs-big-play-button::before, .ytthumbnail .vjs-big-play-button::before { z-index: 1; } .ytvideo > .vjs-big-play-button:focus { outline-width: 0px !important; } .bclink:focus > .vjs-big-play-button::before, .ytvideo > .vjs-big-play-button:focus::before, .bcvideo > div > button.vjs-big-play-button:focus::before { outline-color: rgb(255, 255, 255); outline-offset: -4px; border-radius: 50%; } .vjs-mouse.vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail::before, .vjs-mouse.vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail::before { border-radius: 0px; height: 68px; left: 0px; line-height: 68px; top: 14px; width: 100%; } .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected:focus .vjs-playlist-thumbnail::before, .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected:hover .vjs-playlist-thumbnail::before { top: 0px; } .vjs-playlist cite { font-size: 1.4rem; color: rgb(255, 255, 255); white-space: normal; -webkit-font-smoothing: auto; padding-right: 0.5em; line-height: 1.2 !important; height: 100% !important; } .f01 .vjs-playlist cite, .f08 .vjs-playlist cite { font-size: 14px; } .vjs-playlist .vjs-playlist-description, .vjs-playlist-tmp .vjs-playlist-description { display: none; } .vjs-playlist .vjs-playlist-item, .vjs-playlist-tmp .vjs-playlist-item { border-top: 1px solid rgb(58, 54, 50); padding: 0.7em !important; margin-bottom: 0px !important; } .vjs-playlist li:last-of-type { border-bottom: none; } .vjs-playlist .vjs-selected { background: rgb(58, 54, 50); padding: 0.7em 0.65em 0.9em 0.7em; } .vjs-playlist .vjs-selected .vjs-playlist-thumbnail.vjs-playlist-now-playing::before { margin: 2px; text-transform: uppercase; font-size: 1.6rem; content: "playing"; font-weight: 400; font-family: var(--oraclesans, sans-serif) !important; } .f01 .vjs-playlist .vjs-selected .vjs-playlist-thumbnail.vjs-playlist-now-playing::before, .f08 .vjs-playlist .vjs-selected .vjs-playlist-thumbnail.vjs-playlist-now-playing::before { font-size: 16px; } .vjs-playlist .vjs-selected picture { box-sizing: border-box; position: relative; } .vjs-playlist .vjs-selected img { border: 2px solid rgb(255, 255, 255); } .vjs-play-progress, .vjs-volume-level { background-color: rgb(199, 70, 52) !important; } .vjs-dock-text .vjs-dock-title { position: relative; } .vjs-dock-text .vjs-dock-description { position: relative; } .vjs-mouse.vjs-playlist .vjs-playlist-item:not(.vjs-selected) .vjs-playlist-thumbnail::before { border-radius: 0px; left: 0px; margin-top: 0px; margin-left: 0px; line-height: 68px; width: 121px; background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 2v20l17-10.0010155zm2.01780415 3.72082718 11.25026705 6.27815732-11.25026705 6.2801883z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 18%; z-index: 1; opacity: 0.8; top: 0px !important; height: 68px !important; content: "" !important; } .vjs-mouse.vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail img { transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .vjs-mouse.vjs-playlist .vjs-playlist-item:not(.vjs-selected) .vjs-playlist-thumbnail { overflow: hidden; } .vjs-mouse.vjs-playlist .vjs-playlist-item:not(.vjs-selected) .vjs-playlist-thumbnail.vjs-icon-play img { transform: scale(1.1); } .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play { font-style: normal; } .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before { border: 2px solid rgb(58, 54, 50); opacity: 1; } .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play img { transition: none 0s ease 0s; } .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::after { margin: 2px; display: none; } .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before { margin: 0px; text-transform: uppercase; background: none rgba(26, 26, 26, 0.5); height: 68px; line-height: 68px; width: 121px; border: 2px solid rgb(255, 255, 255); font-size: 1.6rem; font-weight: 400; content: "playing" !important; font-family: var(--oraclesans, sans-serif) !important; } .f01 .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before, .f08 .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before { font-size: 16px; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { top: 50%; } .vjs-social-share-links a { color: rgb(255, 255, 255) !important; width: auto; } .vjs-errors-ok-button { border-radius: 0px; } .bcvideo .video-js #bcc_link_container { top: 75px; } .bcvideo .video-js #bcc_link_container:focus-within { right: -2px; } .bcvideo .video-js #bcc_link_container .bcc_cta { background: url("https://www.oracle.com/asset/web/i/videoplayer-chevron.png") 11px center no-repeat rgb(111, 145, 93); height: 32px; line-height: 23px; } a.vjs-social-share-link, .bcvideo .video-js #bcc_link_container .bcc_cta a { color: rgb(255, 255, 255); } .bcimg { z-index: 2; } a.bclink { z-index: 3; } a.bclink, .bcimg { opacity: 1; } @-webkit-keyframes FadeSlip { 0% { opacity: 1; } 40% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; z-index: 0; } } @keyframes FadeSlip { 0% { opacity: 1; } 40% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; z-index: 0; } } .sliploaded a.bclink, .sliploaded .bcimg { animation: 2s ease-in-out 0s 1 normal forwards running FadeSlip; } .bcbackground .vjs-text-track-display, .bcbackground .vjs-loading-spinner, .bcbackground .vjs-big-play-button, .bcbackground .vjs-control-bar, .bcbackground .vjs-caption-settings, .bcbackground .vjs-dock-text, .bcbackground .vjs-dock-shelf, .bcbackground .vjs-social-overlay, .bcbackground #bcc_link_container { display: none; } .vjs-icon-gplus { display: none !important; } .f01 .bcvideo.bcplaylist { padding-top: 33.8% !important; } .f01 .bcvideo.bcplaylist .video-js { width: 60% !important; } .f01 .playlist-wrapper { width: 40% !important; } .bcvideo .vjs-social-overlay .vjs-social-direct-link .vjs-social-label-text, .bcvideo .vjs-social-overlay .vjs-social-embed-code .vjs-social-label-text { text-align: left; } .bclargethumb .vjs-mouse.vjs-playlist .bctimew1, .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail { height: 130px; width: 216px; } .bclargethumb .vjs-mouse.vjs-playlist .bctimew1 { top: 0.7em; left: 0.7em; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-item { height: 130px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before { line-height: 130px; width: 216px; height: 100% !important; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-item cite { display: flex; flex-direction: column; justify-content: center; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play::before { line-height: 130px; width: 216px; height: 100% !important; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play::after { height: 130px; line-height: 130px; width: 216px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-thumbnail::before { height: 130px; line-height: 130px; width: 216px; } .bclargethumb.bcvideo.bcplaylist, .bclargethumb.bcvideo { padding-top: 33.8%; } .bclargethumb.bcvideo.bcplaylist .video-js { width: 60%; } .bclargethumb .playlist-wrapper { width: 40%; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-item:not(.vjs-selected) .vjs-playlist-thumbnail::before { height: 100% !important; width: 100% !important; } .ytembed .ytlive, .bcvideo .bclink .bclive { display: block; position: absolute; font-size: 16px; font-weight: 600; top: 0px; margin: 8px; padding: 8px; border-radius: 4px; background: rgb(199, 70, 52); color: rgb(255, 255, 255); padding-inline-start: 1.6em; text-transform: uppercase; } .ytembed .ytlive::before, .bcvideo .bclink .bclive::before { position: absolute; top: 50%; display: inline-block; background: rgb(255, 255, 255); border-radius: 50%; height: 0.4em; width: 0.4em; outline: rgb(255, 255, 255) solid 2px; content: ""; margin-top: -0.2em; outline-offset: 2px; left: 0.6em; } .rtl .ytembed .ytlive::before, .rtl .bcvideo .bclink .bclive::before { left: auto; right: 0.6em; } .ytembed .ytlive { z-index: 999; width: auto; bottom: unset; padding-top: 2px; padding-bottom: 2px; cursor: pointer; } .ytvideo { width: 100%; padding-top: 56%; position: relative; background: rgb(0, 0, 0); z-index: 1; opacity: 1; } .ytvideo > div { position: absolute; top: 0px; bottom: -0.5px; width: 100%; } .ytvideo.ytthumbnail { overflow: hidden; } .ytvideo.ytthumbnail img { position: absolute; top: 50%; left: 50%; max-width: 100% !important; width: 100% !important; } .ytvideo.ytthumbnail[data-thumbq="max"] img { max-width: 100% !important; width: 100% !important; } .vjs-modal-dialog-content { background: rgb(33, 30, 28); } .vjs-modal-dialog-content .vjs-error-w1 { padding: 0px; position: absolute; inset: 4.5% 3% 12%; display: flex; align-items: center; } .vjs-modal-dialog-content .vjs-error-w1 h1, .vjs-modal-dialog-content .vjs-error-w1 p { text-align: center; } .vjs-modal-dialog-content .vjs-error-w1 h1 { font-size: 2.7rem; } .vjs-modal-dialog-content .vjs-error-w1 p { font-size: 2.1rem; } .vjs-modal-dialog-content .vjs-error-w2 { width: 100%; height: auto; } .vjs-modal-dialog-content .vjs-error-logo { width: 18%; height: 5%; background-image: url("data:image/svg+xml,%3Csvg id='svg115845' xmlns='http://www.w3.org/2000/svg' width='638.03' height='79.98'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cg id='layer1'%3E%3Cg id='g16337'%3E%3Cpath id='path16197' class='cls-1' d='M278 59.12h40.65l-21.5-34.59-39.45 62.53h-17.95l48-75.11a11.37 11.37 0 0 1 9.42-4.87 11.11 11.11 0 0 1 9.23 4.75l48.18 75.23h-18l-8.47-14H287zm186.5 14V7.84h-15.23v71.63a7.51 7.51 0 0 0 2.21 5.32 7.78 7.78 0 0 0 5.52 2.27h69.48l9-14zM212.44 61.39a26.78 26.78 0 1 0 0-53.55h-66.66v79.22H161V21.82h50.41a12.83 12.83 0 0 1 0 25.66l-42.95-.06L214 87.06h22.13l-30.6-25.67zM52 87.06a39.61 39.61 0 1 1 0-79.22h46a39.61 39.61 0 0 1 0 79.22zm45-14a25.64 25.64 0 1 0 0-51.27H53a25.64 25.64 0 1 0 0 51.27zm289.32 14a39.61 39.61 0 1 1 0-79.22h54.69l-8.92 14h-44.72a25.64 25.64 0 1 0 0 51.27h54.94l-9 14zm186.32-14A25.6 25.6 0 0 1 548 54.44h65.12l9-14H548a25.67 25.67 0 0 1 24.66-18.65h44.7l9-14h-54.69a39.61 39.61 0 1 0 0 79.22h47l9-14h-54.99' transform='translate(-12.41 -7.08)'/%3E%3Cpath id='path16199' class='cls-1' d='M634.57 16.25a7 7 0 1 1 7 7 6.94 6.94 0 0 1-7-7zm7 9a8.92 8.92 0 1 0-8.85-8.91 8.9 8.9 0 0 0 8.81 8.89zM640.7 11a6.49 6.49 0 0 1 2.6.32 2.79 2.79 0 0 1 2 2.78 2.44 2.44 0 0 1-.13.82 2.57 2.57 0 0 1-1.2 1.71c-.13.06-.19.13-.44.25l2.23 4.12h-2.21l-2-3.79h-1.39V21h-2V11zm.7 4.56c.63-.07 1.26-.07 1.64-.64a1.32 1.32 0 0 0 .26-.88 1.41 1.41 0 0 0-.76-1.2 4.59 4.59 0 0 0-1.84-.19h-.56v2.91h1.26' transform='translate(-12.41 -7.08)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; position: absolute; bottom: -5%; right: 0px; opacity: 0.7; } .vjs-icon-play::before, .vjs-modal-dialog-content, .vjs-menu .vjs-menu-content .vjs-menu-item, .video-js, .vjs-playlist, .vjs-playlist-thumbnail, .vjs-playlist-thumbnail::before, .vjs-text-track-display * { } @media (max-width: 1300px) { .bclargethumb .vjs-mouse.vjs-playlist .bctimew1, .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail { height: 95px; width: 170px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-item { height: 95px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before { height: 95px; line-height: 95px; width: 170px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play::before { height: 65px; line-height: 95px; width: 170px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play::after { height: 95px; line-height: 95px; width: 170px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-thumbnail::before { height: 95px; line-height: 95px; width: 170px; } .bclargethumb.bcvideo.bcplaylist, .bclargethumb.bcvideo { padding-top: 33.8%; } .bclargethumb.bcvideo.bcplaylist .video-js { width: 60%; } .bclargethumb .playlist-wrapper { width: 40%; } } @media only screen and (min-width: 841px) { .f08 .bcvideo.bcplaylist { padding-top: 33.8%; } .f08 .bcvideo.bcplaylist .video-js { width: 60% !important; } .f08 .playlist-wrapper { width: 40%; } } @media only screen and (min-width: 0px) and (max-width: 1240px) { .bcvideo { width: 100% !important; } .bcvideo.bcplaylist { padding-top: 33.8%; } .bcvideo.bcplaylist .video-js { width: 60% !important; } .playlist-wrapper { width: 40%; } .playlist-wrapper::-webkit-scrollbar { width: 11px; } } @media only screen and (max-width: 974px) { div.bcvideo[data-playlistid]::before { content: "tablet"; } } @media only screen and (min-width: 0px) and (max-width: 840px) { .bcvideo.bcplaylist { padding-top: 56%; } .bclargethumb.bcvideo.bcplaylist.bcvideo { padding-top: 56%; } .bcvideo, .bcvideo.bcplaylist .video-js, .playlist-wrapper, .playlist-wrapper .vjs-playlist { width: 100% !important; } .playlist-wrapper .vjs-playlist { display: block; } .vjs-playlist { display: block; } .playlist-wrapper { max-height: 142px; float: left; } .f01 .playlist-wrapper { max-height: 1000px; } .vjs-playlist cite { font-size: 1.8rem; } .f08 .vjs-playlist cite { font-size: 18px; } .playlist-wrapper { position: relative; } .f01 .playlist-wrapper { position: absolute; } .playlist-wrapper::-webkit-scrollbar { width: 8px; } .video-js .vjs-dock-text { padding: 0.7em 0.9em; } .vjs-social-direct-link, .vjs-social-embed-code, .vjs-social-description { display: none; } .vjs-social-share-links { margin-top: 1em; } .vjs-quality-menu-wrapper .vjs-menu-item { padding: 0.2em; } } @media (max-width: 1024px) { .bclargethumb .vjs-mouse.vjs-playlist .bctimew1, .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail { height: 68px; width: 121px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-item { height: 68px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before { height: 68px; line-height: 68px; width: 121px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play::before { height: 42px; line-height: 68px; width: 121px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play::after { height: 68px; line-height: 68px; width: 121px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-thumbnail::before { height: 68px; line-height: 68px; width: 121px; } .bclargethumb.bcvideo.bcplaylist, .bclargethumb.bcvideo { padding-top: 33.8%; } .bclargethumb.bcvideo.bcplaylist .video-js { width: 60%; } .bclargethumb .playlist-wrapper { width: 40%; } } @media (max-width: 600px) { .vjs-playlist .vjs-playlist-item .vjs-playlist-duration { font-size: 11px; } .bclargethumb .vjs-mouse.vjs-playlist .bctimew1, .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail { height: 56px; width: 100px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-item { height: 60px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play::before { height: 56px; line-height: 56px; width: 100px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play::before { height: 56px; line-height: 56px; width: 100px; top: 0px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play::after { height: 56px; line-height: 56px; width: 100px; } .bclargethumb .vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-thumbnail::before { height: 56px; line-height: 56px; width: 100px; } .bclargethumb.bcvideo.bcplaylist, .bclargethumb.bcvideo { padding-top: 56.3%; } .bclargethumb.bcvideo.bcplaylist .video-js { width: 100%; height: 0px; overflow: visible; padding-top: 56.3%; } .bclargethumb .playlist-wrapper { width: 100%; float: none; max-height: 340px; } .bclargethumb .video-js .vjs-tech { height: auto; } .bclargethumb .ytvideo .vjs-big-play-button, .bclargethumb .ytthumbnail .vjs-big-play-button, .bclargethumb .bcvideo .vjs-big-play-button, .bclargethumb .bcthumbnail .vjs-big-play-button { height: 0px; padding: 56.3% 0px 0px; } div.bcvideo[data-playlistid]::before { content: "mobile"; } } @media only screen and (min-width: 0px) and (max-width: 600px) { .vjs-live-display { margin-top: 0px !important; } .vjs-menu-button-popup .vjs-menu { margin-bottom: 0.8em; } .vjs-menu-item-text { font-size: 10px; } } @media only screen and (max-width: 600px), only screen and (max-height: 400px) { .bcvideo .video-js .vjs-menu-button-popup .vjs-menu { left: -5em; } .bcvideo .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content { width: 10em; } .bcvideo .video-js .vjs-menu-button-popup .vjs-menu li { line-height: 1; } .bcvideo .video-js .vjs-volume-control, .bcvideo .video-js .vjs-volume-menu-button { height: 100% !important; } .bcvideo .video-js .vjs-volume-control .vjs-volume-bar, .bcvideo .video-js .vjs-volume-menu-button .vjs-volume-bar { margin: auto 0.2em; } .bcvideo .video-js .vjs-volume-control.vjs-menu-button-inline::before, .bcvideo .video-js .vjs-volume-menu-button.vjs-menu-button-inline::before { width: 2em; } } @media only screen and (min-width: 0px) and (max-width: 400px) { .bcvideo .vjs-control, .bcvideo .vjs-time-control, .bcvideo .vjs-time-divider { font-size: 8px !important; } .bcvideo .vjs-progress-control { height: 0.5em; top: -0.5em; } .bcvideo .video-js .vjs-control-bar { height: 2.2em; } .bcvideo .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar, .bcvideo .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar, .bcvideo .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar, .bcvideo .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar, .bcvideo .video-js.vjs-has-started.vjs-paused.vjs-ad-playing.vjs-user-inactive .vjs-control-bar, .bcvideo .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar { transform: translateY(2.2em); } .bcvideo .vjs-mute-control { padding-left: 1em; padding-right: 1em; } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { bottom: 2.2em; } .bc-player-VkKNQZg6x_default .vjs-control { font-size: 8px; } } .w10 { position: relative; z-index: 40000; } .w10meta { position: absolute; z-index: -1; opacity: 0 !important; } .w10w1 { position: fixed; z-index: 20001; width: 100%; top: 0px; height: 100%; left: 0px; } .w10w2 { max-width: 1080px; padding: 24px; box-sizing: border-box; margin: 0px auto; top: 50%; position: relative; transition: opacity 0.5s ease 0.4s, top 0.5s ease 0.4s; } .w10w2.w10initfocus:focus { outline-offset: -22px; outline: rgb(255, 255, 255) dotted 2px; } .w10w2.w10initfocus:focus:not(:focus-visible) { outline-width: 0px !important; } .w10big .w10w2 { transition: opacity 0.5s ease 0.4s; } .w10playlist .w10w2 { max-width: 1300px; } #w10close { font-size: 0px; position: fixed; right: 2rem; top: 2rem; transition: opacity 0.3s ease 0s; z-index: 10; line-height: 0; opacity: 0.8; border-radius: 4px; } #w10close.hidden { opacity: 0; display: none; } #w10close.hidden:hover { opacity: 0 !important; } #w10close:focus { outline-color: rgb(255, 255, 255); outline-offset: 4px; } .w10yt.w10big #w10close { top: 5rem; } #w10close:hover { opacity: 1; } #w10close em { visibility: hidden; } #w10close::before { font-size: 0px; display: inline-block; content: " "; width: 26px; height: 26px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='m17.524029 5 1.475971 1.47597098-5.525 5.52402902 5.525 5.524029-1.475971 1.475971-5.524029-5.525-5.52402902 5.525-1.47597098-1.475971 5.525-5.524029-5.525-5.52402902 1.47597098-1.47597098 5.52402902 5.525z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E") 0px 0px / 100% 100% no-repeat rgba(0, 0, 0, 0); opacity: 1; line-height: 0; } @media only screen and (min-width: 0px) and (max-width: 450px) { #w10close { right: 4rem; top: 4rem; } #w10close::before { height: 3.2rem; width: 3.2rem; } } .f01 #w10close, .f08 #w10close { right: 1.2rem; top: 1.2rem; } .f01 #w10close::before, .f08 #w10close::before { height: 1.5rem; width: 1.5rem; } .w10fadein .w10w2 { top: 57%; opacity: 0; } .w10fadein .w10w3 { opacity: 0; } .w10fadeout .w10w2 { top: 57%; opacity: 0; transition: opacity 0.5s ease 0s, top 0.5s ease 0s; } .w10big.w10fadeout .w10w2 { top: 50%; } .w10fadeout .w10w3 { opacity: 0; display: none; transition: opacity 0.5s ease 0s, top 0.5s ease 0s; } .w10fadeout .w10w3 { opacity: 0; transition: opacity 0.8s ease 0.3s; } .w10w3 { position: fixed; display: block; inset: 0px; content: " "; z-index: -1; opacity: 1; background: rgba(0, 0, 0, 0.85); transition: opacity 0.8s ease 0s; } .clickvideo.clickvideo-overlay { position: relative; } .clickvideo.clickvideo-overlay .vjs-big-play-button { display: none; visibility: hidden; } .clickvideo.clickvideo-overlay .bcvideo.bcthumbnail .bclink:hover + img { transform: scale(1); } .clickvideo.clickvideo-overlay .bcvideo > br { display: none; } .clickvideo.clickvideo-overlay .bcvideo .bcimg { height: 100%; width: auto; } .clickvideo.clickvideo-overlay .w10.w10overlay { background: rgb(0, 0, 0); position: absolute; inset: 0px; } .clickvideo.clickvideo-overlay .w10.w10overlay .w10w1 { position: relative; display: flex; align-items: center; } .clickvideo.clickvideo-overlay .w10.w10overlay .w10w1 .w10w2 { margin: auto 0px; max-width: 100%; top: 0px; flex-basis: 100%; flex-grow: 0; } .clickvideo.clickvideo-overlay .w10.w10overlay .w10w1 .w10w2 .bcvideo > div { max-height: 95vh; } .clickvideo.clickvideo-overlay .w10.w10overlay .w10w1 .w10w3 { display: none; } @media only screen and (max-height: 290px) and (max-width: 480px) and (min-width: 300px) { #w10close { right: 1rem; top: 1rem; } #w10close::before { height: 1.8rem; width: 1.8rem; } .f01 #w10close, .f08 #w10close { right: 0.6rem; top: 0.6rem; } .f01 #w10close::before, .f08 #w10close::before { height: 1rem; width: 1rem; } } @media only screen and (min-width: 1080px) { .w10w2 { margin-top: -290px; } .w10playlist .w10w2 { margin-top: -246px; } } @media only screen and (max-width: 1079px) { .w10w2 { margin-top: -26.8%; } .w10playlist .w10w2 { margin-top: -18.8%; } } @media only screen and (max-width: 840px) { .w10playlist .w10w2 { margin-top: -34.8%; } } @media only screen and (max-width: 600px) { .w10playlist .w10w2 { margin-top: -43.8%; } .bcmobvideotitle { display: block; } .ch13 .vjs-playlist > .vjs-playlist-item { padding-left: 22px !important; padding-right: 22px !important; } } @media only screen and (min-height: 540px) and (max-height: 640px) { .w10w2 { max-width: 840px; margin-top: -223px; } } @media only screen and (min-height: 380px) and (max-height: 539px) { .w10w2 { max-width: 600px; margin-top: -155px; } } @media only screen and (min-height: 0px) and (max-height: 379px) { .w10w2 { max-width: 400px; margin-top: -96px; } } @media only screen and (min-height: 540px) and (max-height: 640px) and (max-width: 840px) { .w10w2 { margin-top: -26.8%; } } @media only screen and (min-height: 380px) and (max-height: 539px) and (max-width: 600px) { .w10w2 { margin-top: -26.8%; } } @media only screen and (min-height: 0px) and (max-height: 379px) and (max-width: 400px) { .w10w2 { margin-top: -26.8%; } } .w10big .w10w2 { max-width: 100%; padding: 0px; margin-top: -28.125% !important; } .w10big .w10w3 { background: rgb(33, 30, 28); } @media screen and (min-aspect-ratio: 16 / 9) { .w10big .w10w2 { height: 100vh; top: 0px; margin-top: 0px !important; } .w10big .w10w2 .bcvideo { padding: 0px; height: 100vh; } .w10big.w10fadeout .w10w2 { top: 0px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .bcvideo .vjs-control, .bcvideo .vjs-time-control, .bcvideo .vjs-time-divider { font-size: 10px !important; } .bcvideo .vjs-progress-control { height: 0.5em; top: -0.5em; } .bcvideo .video-js .vjs-control-bar { height: 2.2em; } .bcvideo .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar, .bcvideo .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar, .bcvideo .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar, .bcvideo .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar, .bcvideo .video-js.vjs-has-started.vjs-paused.vjs-ad-playing.vjs-user-inactive .vjs-control-bar, .bcvideo .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar { transform: translateY(2.2em); } .bcvideo .vjs-mute-control { padding-left: 1em; padding-right: 1em; } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { bottom: 2.2em; } .bc-player-VkKNQZg6x_default .vjs-control { font-size: 8px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (orientation: portrait) { .bcvideo .vjs-control, .bcvideo .vjs-time-control, .bcvideo .vjs-time-divider { font-size: 10px !important; } .video-js .vjs-control-bar { height: 2em; } } @media (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .bcvideo[data-bcid]::before { display: none; content: "webkit-tablet"; } } #redwood-base { content: "28.9.3"; }

Oracle Hardware

Oracle hardware includes a full suite of scalable engineered systems, servers, and storage that let enterprises optimize application and database performance, protect crucial data, and lower costs. Organizations improve database performance, simplify management, and lower costs with exclusive features and automated operations that aren’t available with other solutions.

Oracle Hardware
Modernize Oracle Database environments

Find out how telcos are modernizing mission-critical systems to improve operational efficiency.

Accelerate infrastructure deployment with Oracle Private Cloud Appliance

Understand how to use appliances to accelerate innovation.

Oracle hardware benefits

Oracle Database runs faster and more efficiently

Oracle hardware lets IT teams deploy optimized solutions in customer data centers and easy-to-manage appliances in remote offices and edge environments. Solutions with full-stack integration and optimizations let customers run Oracle Database up to 10X faster with Oracle Exadata’s Smart Scan query offload.

Watch NTT DOCOMO’s story (0:48)

Easy integration with Oracle’s public cloud

Built-in Oracle Cloud Infrastructure (OCI) integrations make it easy for organizations to develop and deploy cloud native applications across OCI and customer data centers, store data in the public cloud, and simplify both data protection and cloud migrations. Oracle Cloud Observability and Management Platform provides IT teams with the information they need to understand and manage all the layers of their IT stack, no matter where it’s located.

Enhanced availability and data protection

Oracle IT infrastructure helps organizations increase the availability of their mission-critical Oracle databases and applications. Fault-tolerant, scale-out designs and built-in capabilities simplify the implementation of Oracle Maximum Availability Architecture (MAA) best practices, letting customers achieve up to 99.999% availability with Oracle Exadata in MAA configurations, as described in IDC’s analysis (PDF).

Watch Exelon’s story (1:28)

Lower costs with high performance consolidation

Oracle hardware lowers the cost of running on-premises workloads by reducing the number of systems required, delivering higher performance per software license, and reducing IT staff workloads. Oracle Private Cloud Appliance lets customers consolidate containerized, cloud native applications—and those running natively on multiple operating systems—onto a single platform while Cloud@Customer solutions let organizations benefit from consumption-based economics in their own data centers.

Analyst report: Autonomous Database on Exadata Cloud@Customer reduces TCO by 47% (PDF)

Watch Hyundai Home Shopping Group's story (1:48)

Oracle hardware

The best Oracle Database platform

Oracle Exadata's full-stack architecture improves the performance, scale, security, and availability of an enterprise’s Oracle databases. Available in Oracle Cloud Infrastructure, on-premises, and with Exadata Cloud@Customer, it incorporates more than 60 unique features that are coengineered with Oracle Database to accelerate OLTP, analytics, and machine learning applications. Exadata reduces capital costs and management expenses by letting IT departments consolidate hundreds of databases onto a single system, including running Oracle Autonomous Database and Oracle Exadata Database Service together on Cloud@Customer infrastructure deployed in their data centers.

Features
  • A full-stack, integrated solution reduces integration requirements.
  • A high-availability infrastructure maximizes database uptime.
  • A scalable design enables database consolidation for organizations of any size.
  • Fully compatible on-premises and Oracle Cloud deployments simplify moving to the cloud.
  • Intelligent storage increases database performance and controls costs.
  • SQL read I/O latency of less than 17 seconds improves OLTP responsiveness.
  • Up to 1 TB/sec SQL throughput accelerates data-intensive analytics applications.
  • Up to 22.4 million SQL I/O operations per second per rack increases throughput for consolidated workloads.

View all customer successes

Oracle hardware customer successes

Thousands of organizations worldwide use Oracle hardware to run and protect business-critical databases and applications with high performance, scale, and security while reducing administrative burdens and TCO.

Equinix logo
KCB logo
Exelon
ICBC
Tractor Supply
Halliburton
Toyo Engineering
Evergy logo
Swisscom logo

Swisscom improves operational efficiency and protects databases with Oracle hardware

Oracle hardware use cases

  • Simplify management with cloud capabilities

    Accelerate enterprise applications and databases while reducing IT management workloads with the same database and systems technology as Oracle Cloud Infrastructure.

    Read the Deutsche Bank story

  • Implement an Oracle Database private cloud

    Reduce data center complexity by consolidating multiple database workloads on the same Exadata Cloud@Customer infrastructure.

    Read the MONETA Money Bank story

  • Consolidate application infrastructure

    Reduce the number of servers and storage systems required to run application workloads, cut IT management workloads with automation, and lower total cost of ownership by consolidating all aspects of your IT environment with Oracle hardware.

    Read Zonamerica’s story

  • Modernize applications with optimized in-database analytics and machine learning

    Integrate Oracle Machine Learning capabilities into applications, build machine-learning models faster by eliminating data movement, and accelerate business analytics with Oracle Exadata’s optimized in-database capabilities.

    Read Yapi Kredi Bank’s story

  • Protect application and database information enterprisewide

    Protect databases with up to 50X faster backups and 8X faster recoveries while speeding up the protection of all other data with high performance Oracle hardware.

    Watch Energy Transfer’s story (1:24)

Jun 22, 2023

Introducing Exadata Cloud@Customer X10M

Bob Thome, Vice President of Product Management for Exadata Cloud@Customer

Exadata Cloud@Customer X10M provides extreme scalability, performance, and economics, enabling you to run more OLTP transactions, perform more complex analytics, and consolidate larger workloads. With 190 usable processor cores per database server and 64 cores per storage server, you can do more work with fewer servers, reducing your overall infrastructure subscription.

Get started

Contact an Oracle expert

Find out how Oracle hardware solutions can help your specific business needs.

Oracle Chatbot
Disconnected