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"; }

OCI価格リスト

Oracle Cloud Infrastructure(OCI)は、クラウドで費用を節約するための、お客様に優しいアプローチを提供しています。革新的な機能により、不必要な過払いや予想外の請求をなくすことができるため、予算内でクラウド戦略を実行できます。価格については、以下をご覧ください。


vCPU価格とOCPU価格を使用する理由

オラクルのWebページでは、クラウド・サービス・プロバイダー間の価格比較を容易にするため、コンピュート・ベースの価格で提供される製品については、仮想CPU(vCPU)価格とOracle CPU(OCPU)価格の両方を表示しています。

分析とBI

分析

.
製品
比較価格(/vCPU)*
単価
単位
Oracle Analytics Cloud - Enterprise
¥11,200.00
ユーザー/月
Oracle Analytics Cloud - Professional
¥2,240.00
ユーザー/月
Oracle Analytics Cloud - Professional - BYOL
¥22.582
¥45.164
1時間あたりのOCPU
Oracle Analytics Cloud - Enterprise - BYOL
¥22.582
¥45.164
1時間あたりのOCPU
Oracle Analytics Cloud - Professional
¥75.271
¥150.542
1時間あたりのOCPU
Oracle Analytics Cloud - Enterprise
¥150.542
¥301.084
1時間あたりのOCPU
Oracle Cloud Infrastructure用のOracle Analytics Server
¥122.50
¥245.00
1時間あたりのOCPU


コンピューティング

ベアメタル・インスタンス*

製品
比較価格(/vCPU)*
単価
単位
AMDベースのインスタンス
Compute - Dense I/O - E5 OCPU
¥2.10
¥4.20
1時間あたりのOCPU
Compute - Dense I/O - E5 Memory
¥0.28
1時間あたりのギガバイト
Compute - Dense I/O - E5 NVMe
¥8.568
1時間あたりのNVMeテラバイト
Compute - Standard - E5 - OCPU
¥2.10
¥4.20
1時間あたりのOCPU
Compute - Standard - E5 - Memory
¥0.28
1時間あたりのギガバイト
Compute - HPC - E5*
¥3.08
¥6.16
1時間あたりのOCPU
コンピュート - Standard - E4 - OCPU
¥1.75
¥3.50
1時間あたりのOCPU
コンピュート - Standard - E4 - メモリ
¥0.21
1時間あたりのギガバイト
Compute - Dense I/O - E4 - OCPU
¥1.75
¥3.50
1時間あたりのOCPU
Compute - Dense I/O - E4 - Memory
¥0.21
ギガバイトのメモリ/時間
Compute - Dense I/O - E4 - NVMe
¥8.568
NVMeテラバイト/時間
コンピュート - Standard - E3 - OCPU
¥1.75
¥3.50
1時間あたりのOCPU
コンピュート - Standard - E3 - メモリ
¥0.21
1時間あたりのギガバイト
Ampere(Arm)ベースのインスタンス
Compute – Ampere A1 – OCPU
¥1.40
¥1.40
1時間あたりのOCPU
Compute – Ampere A1 – Memory
¥0.21 1時間あたりのギガバイト
Intelベースのインスタンス
Compute - Standard - X9 - OCPU
¥2.80
¥5.60
1時間あたりのOCPU
Compute - Standard - X9 - Memory
¥0.21
1時間あたりのギガバイト
Compute - Optimized - X9 - OCPU
¥3.78
¥7.56
1時間あたりのOCPU
Compute - 最適化 - X9 - メモリ
¥0.21
1時間あたりのギガバイト
コンピュート - Bare Metal Standard - X7
¥4.466
¥8.932
1時間あたりのOCPU
コンピュート - Bare Metal Dense I/O - X7
¥8.925
¥17.85
1時間あたりのOCPU
コンピュート - Bare Metal Standard - HPC - X7
¥5.25
¥10.50
1時間あたりのOCPU

*注:

  • コンピュートに関するよくある質問」ページに記載されているBM.HighIOを含む以前のシェイプについては、アップグレード・オプションが用意されています。
  • Ampere A1 シェイプでは、毎月最初の3K OCPU-hrsと最初の18K GB-hrsを無料で提供します。
  • すべてのコンピュート・インスタンスで、システム・ディスクとしてブート・ボリュームが使用されます。追加のストレージ・ボリュームとブート・ボリュームについては、標準のブロック・ボリューム・サービスの価格に基づいて請求が行われます。これは、コンピュート・インスタンスの価格とは別に請求されます。
  • E3、E4、E5、X9、およびA1 SKUは、リソースベースの価格設定をサポートしています。OCPUとメモリリソースは個別に価格が設定されており、お客様はOCPU SKUと一緒にメモリSKUを購入する必要があります。ベアメタル・インスタンスでは、OCPUとメモリ・リソースは固定です。
  • 未使用のキャパシティ予約は、通常のインスタンスの価格の85%です。この割引は、UCMの交渉料金など、他の割引と合わせて適用されます。
  • * 一般リリースで入手可能なハードウェアには限りがあるため、詳細についてはオラクルの営業担当者にお問い合わせください。

GPU - アクセラレーテッド・コンピュート

インスタンスは、仮想マシンやベアメタルとして利用でき、柔軟性と高いパフォーマンスを提供します。

シェイプ
GPU
アーキテクチャ
ネットワーク
GPU価格/時**
大規模スケール・アウトのAIトレーニング、データ分析、HPC
BM.GPU.H100.8
8x NVIDIA H100 80GB Tensor Core
ホッパー
8x2x200 Gb/sec
¥1,400.00
BM.GPU.A100-v2.8
8x NVIDIA A100 80GB Tensor Core
Ampere
8x2x100 Gb/sec RDMA*
¥560.00
BM.GPU4.8
8x NVIDIA A100 40GB Tensor Core
Ampere
8x2x100 Gb/sec RDMA*
¥427.00
小規模AIトレーニング、推論、ストリーミング、ゲーム、仮想デスクトップ基盤
VM.GPU.A10.1
(新規)
1x NVIDIA A10 Tensor Core
Ampere
24Gbps
¥280.00
VM.GPU.A10.2
(新規)
2x NVIDIA A10 Tensor Core
Ampere
48Gbps
¥280.00
BM.GPU.A10.4
4x NVIDIA A10 Tensor Core
Ampere
2x50 Gb/秒
¥280.00
VM.GPU3.1
1x NVIDIA V100 Tensorコア
Volta
4Gbps
¥413.00
VM.GPU3.2
2x NVIDIA V100 Tensorコア
Volta
8Gbps
¥413.00
VM.GPU3.4
4x NVIDIA V100 Tensorコア
Volta
25Gbps
¥413.00
BM.GPU3.8
8x NVIDIA V100 Tensorコア
Volta
2x 25 Gb/秒
¥413.00
VM.GPU2.1
1x NVIDIA P100
Pascal
8Gbps
¥178.50
BM.GPU2.2
2x NVIDIA P100
Pascal
2x 25 Gb/秒
¥178.50

*各NVIDIA A100ノードには、2-100 Gb/秒のNVIDIA ConnectX SmartNICが8個搭載され、OCIの高パフォーマンス・クラスター・ネットワークブロックで接続されており、ノード間の帯域幅は1,600 Gb/秒となっています。

**サーバーの時間単価は、GPUの時間単価にGPU数を乗じて算出しています。

レガシー・コンピュート・インスタンス*

製品
比較価格(/vCPU)*
単価
単位
コンピュート - Virtual Machine Standard - X5
¥4.466
¥8.932
1時間あたりのOCPU
コンピュート - Bare Metal Standard - X5
¥4.466
¥8.932
1時間あたりのOCPU
コンピュート - Standard - E2
¥2.10
¥4.20
1時間あたりのOCPU
シェイプ GPU アーキテクチャ GPUインターコネクト GPUメモリ CPUコア CPUメモリ ネットワーク 価格(GPU/時間)
VM.GPU2.1 1x NVIDIA P100 Pascal N/A 16 GB 12 78 GB 25 Gbps ¥178.50
BM.GPU2.2 2x NVIDIA P100 Pascal N/A 32 GB 28 192 GB 2x 25 Gbps ¥178.50

*注:

  • 前世代のインスタンスは、現在の一部のお客様が使用していますが、新しいデプロイメントには使用できません。
  • 未使用のキャパシティ予約は、通常のインスタンスの価格の85%です。この割引は、UCMの交渉料金など、他の割引と合わせて適用されます。

オペレーティング・システム

オペレーティング・システム
単価(1時間あたりのOCPU)
Oracle Linux 6/7*
無料
CentOS 6.x/7.x
無料
Ubuntu 14.x/16.x
無料
Compute - Windows OS**
  • Server 2016 StandardおよびDatacenter
  • Server 2012 R2 StandardおよびDatacenter
  • Server 2012 StandardおよびDatacenter
  • Server 2008 R2 Standard、Enterprise、およびDatacenter
¥12.88

* Oracle Linux Premier Supportが含まれています。Oracle Linuxの一部であるUnbreakable Enterprise Kernel(UEK)を使用して、Kspliceのゼロ・ダウンタイム・アップデートを利用することができます。

** 基盤となるコンピュート・インスタンスの価格に、Windows Serverのライセンス・コストが追加されます。コンピュート・インスタンスのコストとWindowsライセンスのコストは別々の支払いとなります。Microsoft Windows Serverの料金の適用について詳しくは、「コンピュートに関するよくある質問」ページを参照してください。

OS管理

製品
単価
単位
Oracle Cloud Infrastructure – OS管理
無料
NA

仮想マシン・インスタンス*

製品 比較価格(/vCPU)* 単価 単位
AMDベースのインスタンス
Compute - Dense I/O - E5 OCPU
¥2.10
¥4.20
1時間あたりのOCPU
Compute - Dense I/O - E5 Memory
¥0.28
1時間あたりのギガバイト
Compute - Dense I/O - E5 NVMe
¥8.568
1時間あたりのNVMeテラバイト
Compute - Standard - E5 - OCPU
¥2.10
¥4.20
1時間あたりのOCPU
Compute - Standard - E5 - Memory
¥0.28
1時間あたりのギガバイト
コンピュート - Standard - E4 - OCPU
¥1.75
¥3.50
1時間あたりのOCPU
コンピュート - Standard - E4 - メモリ
¥0.21
1時間あたりのギガバイト
コンピュート - Standard - E3 - OCPU
¥1.75
¥3.50
1時間あたりのOCPU
コンピュート - Standard - E3 - メモリ
¥0.21
1時間あたりのギガバイト
Ampere(Arm)ベースのインスタンス
Compute – Ampere A1 – OCPU
¥1.40
¥1.40
1時間あたりのOCPU
Compute – Ampere A1 – Memory
¥0.21 1時間あたりのギガバイト
Intelベースのインスタンス
Compute - Standard - X9 - OCPU
¥2.80
¥5.60
1時間あたりのOCPU
Compute - Standard - X9 - Memory
¥0.21
1時間あたりのギガバイト
Compute - Virtual Machine Optimized - X9 - OCPU
¥3.78
¥7.56
1時間あたりのOCPU
コンピュート - Virtual Machine Optimized - X9 - メモリ
¥0.21
1時間あたりのギガバイト
コンピュート - Virtual Machine Standard - X7
¥4.466
¥8.932
1時間あたりのOCPU
コンピュート - Virtual Machine Dense I/O - X7
¥8.925
¥17.85
1時間あたりのOCPU
Oracle Cloud Infrastructure - Compute - Virtual Machine Standard - B1
¥4.466
¥8.932
1時間あたりのOCPU

*注:

  • x86 CPUアーキテクチャ(AMDとIntel)の1OCPU=2vCPUs
  • Arm CPUアーキテクチャ(Ampere)の1 OCPU = 1 vCPU
  • プロビジョニングの最小単位は、X86(Intel、AMD)、Arm(Ampere)プロセッサともに1OCPUからとなります。
  • すべてのコンピュート・インスタンスで、システム・ディスクとしてブート・ボリュームが使用されます。追加のストレージ・ボリュームとブート・ボリュームについては、標準のブロック・ボリューム・サービスの価格に基づいて請求が行われます。これは、コンピュート・インスタンスの価格とは別に請求されます。
  • E3、E4、E5、X9、およびA1インスタンスは、リソースベースの価格設定をサポートしています。OCPUとメモリリソースは個別に価格が設定されており、お客様はOCPU SKUと一緒にメモリSKUを購入する必要があります。VMインスタンスのメモリとOCPUの比率は、OCPUあたり1 GBから64 GBの範囲です。
  • 未使用のキャパシティ予約は、通常のインスタンスの価格の85%です。この割引は、UCMの交渉料金など、他の割引と合わせて適用されます。
  • プリエンプティブル・インスタンスの価格は、レギュラー・インスタンスの50%です。この割引は、UCMの交渉料金など、他の割引と合わせて適用されます。対応するシェイプについては、製品ドキュメントをご覧ください。

Secure Desktop

製品
単価
単位
Oracle Cloud Infrastructure - Secure Desktop
¥700.00
デスクトップ/月


コンテナとファンクション

Container Engine for Kubernetes

製品
単価
単位
Oracle Container Engine for Kubernetes -拡張クラスタ
¥14.00
クラスタ/時間
Oracle Container Engine for Kubernetes - 仮想ノード
¥2.10
仮想ノード/時間
Oracle Container Engine for Kubernetes - ベーシック・クラスタ
無料

Container Instances*

製品
単価
単位
Compute – Ampere A1 – OCPU
¥1.40
1時間あたりのOCPU
Compute – Ampere A1 – Memory
¥0.21
1時間あたりのギガバイト
コンピュート - Standard - E4 - OCPU
¥3.50
1時間あたりのOCPU
コンピュート - Standard - E4 - メモリ
¥0.21
1時間あたりのギガバイト
コンピュート - Standard - E3 - OCPU
¥3.50
1時間あたりのOCPU
コンピュート - Standard - E3 - メモリ
¥0.21
1時間あたりのギガバイト
*注:
  • x86 CPUアーキテクチャ(AMD)の1OCPU=2vCPUs
  • Arm CPUアーキテクチャ(Ampere)の1 OCPU = 1 vCPU
  • プロビジョニングの最小単位は、X86(AMD)、Arm(Ampere)プロセッサともに1OCPUからとなります。
  • 各テナンシでは、最初の3,000 OCPU時間と1ヶ月あたり18,000 GB時間のAmpere A1 Computeインスタンスを無料で作成することができます。この無料層の利用は、ベア・メタルや仮想マシン、コンテナ・インスタンスで共有されます。

Functions

製品
単価
単位
呼び出し - 1か月あたり最初の2百万
無料
機能の呼び出し
呼び出し - 1か月あたり2百万以上
0.0000002米国ドル 機能の呼び出し
実行時間 - 1か月あたり最初の40万時間
無料
ギガバイト・メモリ秒
実行時間 - 1か月あたり40万時間以上
0.00001417米国ドル ギガバイト・メモリ秒

未使用時、Provisioned Concurrencyは実行時間のレートの25%です。Functionsの実行に使用されるProvisioned Concurrencyには、料金はかかりません。この割引は、UCMの交渉料金など、他の割引と合わせて適用されます。



データレイク

ビッグ・データ(Oracle Distribution of Hadoop)

製品(Oracle Distribution of Hadoop)
比較価格(/vCPU)*
単価
単位
Oracle Big Data Service - 1時間あたりのOCPU
¥1.05
¥2.10
1時間あたりのOCPU
Oracle Cloud SQL - コンピュート容量
¥7.525
¥15.05
1時間あたりのOCPU

注: Oracle Distrubtion of HadoopでBig Data Serviceを使用した場合、Compute Standard、Compute Standard E4、Bare Metal、およびHPCシェイプが提供されます。価格については、このページの「コンピュート」セクションを参照してください。クラスタはユーザー側で起動または停止できます。停止状態の場合、サービス料金レートの25%のみが請求されます。



ビッグ・データ(Cloudera Distribution of Hadoop)

製品(Cloudera Distribution of Hadoop)
比較価格(/vCPU)*
単価
単位
Oracle Big Data Service - コンピュート - Standard
¥9.408
¥18.816
1時間あたりのOCPU
Oracle Big Data Service - コンピュート - Dense I/O
¥14.98
¥29.96
1時間あたりのOCPU
Oracle Big Data Service - コンピュート - HPC
¥10.752
¥21.504
1時間あたりのOCPU
Oracle Cloud SQL - コンピュート容量
¥7.525
¥15.05
1時間あたりのOCPU


Data Flow

製品
単価
単位
Oracle Cloud Infrastructure Data Flow
無料
1時間あたりのOCPU


開発者サービス

APEX Application Development

製品
比較価格(/vCPU)*
単価
単位
Oracle APEX Application Development- 無料
¥0.00
¥0.00
1時間あたりのOCPU
Oracle Autonomous Transaction Processing - Exadataストレージ - 無料
¥0.00
1か月あたりのテラバイトストレージ容量
Oracle APEX Application Development
¥22.582
¥45.164
1時間あたりのOCPU
Oracle Autonomous Transaction Processing - Exadataストレージ
¥16,576.00
1か月あたりのテラバイトストレージ容量

Blockchain Platform

製品
比較価格(/vCPU)*
単価
単位
Oracle Cloud Infrastructure - Blockchain Platform Cloud Service - Standard
¥15.05
¥30.10
1時間あたりのOCPU
Oracle Cloud Infrastructure - Blockchain Platform Cloud Service - Enterprise
¥30.107
¥60.214
1時間あたりのOCPU
Oracle Cloud Infrastructure - Blockchain Platform Cloud Service - Storage
¥9,856.00
1か月あたりのテラバイトストレージ容量

DevOps

製品
単価
詳細
Oracle Cloud Infrastructure DevOps
追加料金なし
OCI DevOpsでのパイプラインの実行には料金はかかりません。CIビルドの場合、ビルド・ランナー・インスタンスによって使用されるOCPUおよびメモリーのみに対して課金されます。OCIコンピュート・リソースに対するデプロイメント・パイプラインは無料です。

Java

製品
比較価格(/vCPU)*
単価
単位
高性能
¥54.194
¥108.388
1時間あたりのOCPU
High Performance - BYOL
¥13.545
¥27.09
1時間あたりのOCPU
標準
¥21.679
¥43.358
1時間あたりのOCPU
エンタープライズ
¥21.679
¥43.358
1時間あたりのOCPU
Standard - BYOL
¥13.545
¥27.09
1時間あたりのOCPU
Enterprise - BYOL
¥13.545
¥27.09
1時間あたりのOCPU

Oracle Java Management Service

製品
単価
単位
Oracle Java Management Service – Fleet Management
無料
1時間あたりのOCPU

Tuxedo

製品
比較価格(/vCPU)*
単価
単位
Oracle Cloud Infrastructure用のOracle Tuxedo
¥38.031
¥76.062
1時間あたりのOCPU
Oracle Cloud Infrastructure用のOracle Tuxedo Enterprise Edition
¥57.043
¥114.086
1時間あたりのOCPU
Oracle Cloud Infrastructure用のOracle Tuxedo Mainframe Modernization Runtimes
¥76.062
¥152.124
1時間あたりのOCPU

Visual Builder

製品
比較価格(/vCPU)*
単価
単位
Oracle Visual Builder Studio - 追加ストレージ
¥224.00
1か月あたりのギガバイトストレージ容量
Oracle Visual Builder
¥86.555
¥173.11
1時間あたりのOCPU


ハイブリッド・クラウド

Compute Cloud@Customer

製品
単価
単位
Oracle Compute Cloud@Customer -コンピュート - Standard - E5
¥4.20
1時間あたりのOCPU
Oracle Compute Cloud@Customer - コンピュート - Standard - E5 -メモリー
¥0.28
ギガバイトのメモリ/時間
Oracle Compute Cloud@Customer - ブロック・ボリューム・ストレージ- バランス
¥5.95
1か月あたりのギガバイトストレージ容量
Oracle Compute Cloud@Customer - ブロック・ボリューム・ストレージ- パフォーマンス
¥8.33
1か月あたりのギガバイトストレージ容量
Oracle Compute Cloud@Customer - ファイル・ストレージ
¥42.00
1か月あたりのギガバイトストレージ容量
Oracle Compute Cloud@Customer - オブジェクト・ストレージ- ストレージ
¥3.57
1か月あたりのギガバイトストレージ容量
Oracle Compute Cloud@Customer - ロード・バランサー
¥1.582
ロード・バランサの時間

Roving Edge Infrastructure

製品
単価
単位
Roving Edge Device - Compute Optimized - Ruggedized
¥22,400.00
リソース所有/日
Roving Edge Device - Compute Optimized - Standard
¥22,400.00
リソース所有/日
Roving Edge Ultra
¥6,300.00
リソース所有/日
Roving Edge Cluster Kit - Standard
リソース所有/日
Roving Edge Cluster Kit - 返却不可/損失料金
個々
Roving Edge Ultra返却不可または損失料金
¥4,900,000.00
個々
Roving Edge Device - Compute Optimized - 返却不可/損失料金
¥6,300,000.00
個々


統合

API管理

製品
比較価格(/vCPU)*
単価
単位
APIゲートウェイ
¥420.00
1か月あたり100万回のAPI呼び出し

統合

製品
比較価格(/vCPU)*
単価
単位
Oracle Integration Cloud Service - Standard
¥90.328
1時間あたり5,000メッセージ
Oracle Integration Cloud Service - Standard - BYOL
¥45.164
1時間あたり20,000メッセージ
Oracle Integration Cloud Service - Enterprise
¥180.642
1時間あたり5,000メッセージ
Oracle Integration Cloud Service - Enterprise - BYOL
¥45.164
1時間あたり20,000メッセージ

データ統合

製品
比較価格(/vCPU)*
単価
単位
Oracle Cloud Infrastructure Data Integration - ワークスペース使用量
¥22.40
1時間あたりのワークスペース使用量
Oracle Cloud Infrastructure Data Integration - データ処理量
¥5.60
1時間あたりのデータ処理量(GB)
Oracle Cloud Infrastructure Data Integration - パイプライン・オペレーターの実行
¥42.00
1時間あたりの実行回数

Data Integrator

製品
比較価格(/vCPU)*
単価
単位
Oracle Data Integratorクラウド・サービス
¥54.194
¥108.388
1時間あたりのOCPU
Oracle Data Integratorクラウド・サービス - BYOL
¥13.545
¥27.09
1時間あたりのOCPU

GoldenGate

製品
比較価格(/vCPU)*
単価
単位
Oracle Cloud Infrastructure - GoldenGate
¥94.087
¥188.174
1時間あたりのOCPU
Oracle Cloud Infrastructure - GoldenGate - BYOL
¥22.582
¥45.164
1時間あたりのOCPU
Oracle GoldenGate Cloud Service - Enterprise
1時間あたりのOCPU
Oracle GoldenGate Cloud Service - Enterprise - BYOL
1時間あたりのOCPU
Oracle Cloud Infrastructure用のOracle Stream Analytics
¥66.486
¥132.972
1時間あたりのOCPU

プロセス自動化




製品
単価
単位
Oracle Cloud Infrastructure Process Automation - ユーザー - アクティブ・プロセス・ユーザー/時間
¥14.00
アクティブ・プロセス・ユーザー/時間
Oracle Cloud Infrastructure Process Automation - 実行パック - 実行パック/月(最初の実行パック/月)
¥0.00
実行パック/月
Oracle Cloud Infrastructure Process Automation - 実行パック- 実行パック/月(最初の実行パックより大きいもの/月)
¥17,500.00
実行パック/月

Queue

製品
単価
単位
Oracle Cloud Infrastructure Queue(最初の1,000,000リクエスト)
¥0.00
100万リクエスト
Oracle Cloud Infrastructure Queue (1,000,000を超えるリクエスト)
¥30.80
100万リクエスト
  • 1か月あたり最初の100万件のリクエストが無料です
  • リクエストは64 KB単位で換算されます。メッセージが64 KBより大きい場合は、複数のリクエストとしてカウントされます。
  • 単一のサービス・コールで送信または取得された複数のメッセージは、リクエスト・サイズに応じて費用がかかります。

ストリーミング

製品
単価
単位
Oracle Cloud Infrastructure - ストリーミング -ストレージ
¥0.028
1時間あたりのギガバイト
Oracle Cloud Infrastructure - ストリーミング - PUTまたはGET
¥3.50
転送されたギガバイトデータ

業界をリードするStreamingの価格設定では、デフォルトのサービス制限内で運用しているときにサービスを使用した場合のみ、支払いが生じます。既存のサービス制限を上回るパーティションが必要な場合、Streamingでは50パーティションの使用ごとに1時間あたり10 GBを最小使用量(PUTおよびGETリクエスト)と想定します。実際の使用量がこのレートを下回った場合、想定最小使用量(50パーティションごとに10 GB x 0.025ドル = 0.25ドル/時間)に対して請求されます。

サービス指向アーキテクチャ(SOA)

製品
比較価格(/vCPU)*
単価
単位
Oracle SOA Suite for Oracle Cloud Infrastructure
¥50.617
¥101.234
1時間あたりのOCPU
Oracle SOA Suite for Oracle Cloud Infrastructure - EDIのB2Bアダプタ
¥84.497
¥168.994
1時間あたりのOCPU


機械学習とAI

異常の検出

コール数
価格
ティアの制限
0–1,000 トランザクション
1,000 トランザクション
最初の1,000 トランザクション以降、1,000 トランザクションごと
なし

異常検知トレーニング

コール数
価格
ティアの制限
トレーニングは、1ヶ月に1地域あたり合計1億データポイント(シグナルとタイムスタンプの積)まで無償で受講可能です。トレーニングの上限を増やす場合、サービス・リクエストのチケットをご提出ください。
$0.00 (Always Free Tier)
用途はモデルのトレーニングのみ

データ・サイエンスのジョブ

製品
価格比較(/vCPU)*
単価
単位
コンピュート - Virtual Machine Standard - X7
¥4.466
¥8.932
1時間あたりのOCPU
コンピュート - Standard - E3 - OCPU
¥1.75
¥3.50
1時間あたりのOCPU
コンピュート - Standard - E3 - メモリ
¥0.21
1時間あたりのギガバイト
コンピュート - Standard - E4 - OCPU
¥1.75
¥3.50
1時間あたりのOCPU
コンピュート - Standard - E4 - メモリ
¥0.21
1時間あたりのギガバイト
コンピュート - Virtual Machine Optimized - X9
¥3.78
¥7.56
1時間あたりのOCPU
コンピュート - Virtual Machine Optimized - X9 - メモリ
¥0.21
1時間あたりのギガバイト
VM.GPU2.1(NVIDIA P100)
¥178.50
1時間あたりのGPU
VM.GPU3.x(NVIDIA V100 Tensorコア – 16 GB)
¥413.00
1時間あたりのGPU
BM.GPU2.2 (2 x NVIDIA P100)
¥178.50
1時間あたりのGPU
BM.GPU3.8 (8 x NVIDIA V100 Tensor Core)
¥413.00
1時間あたりのGPU
BM.GPU4.8 (8 x NVIDIA A100 40 GB Tensor Core)
¥427.00
1時間あたりのGPU
BM.GPUA10.4 (4 x NVIDIA A10 Tensor Core)
¥280.00
1時間あたりのGPU
VM.GPU.A10.1 (1 x NVIDIA A10 Tensor Core)
¥280.00
1時間あたりのGPU
VM.GPU.A10.2 (2 x NVIDIA A10 Tensor Core)
¥280.00
1時間あたりのGPU
ブロック・ボリューム・ストレージ
¥3.57
GBストレージ容量/月
Block Volumeパフォーマンス単位
¥0.238
1 GB/月あたりのパフォーマンス単位(Balanced Performanceでは0.017ドルで10 VPU)
Block Volumeパフォーマンス単位
¥0.238
1 GB/月あたりのパフォーマンス単位(Balanced Performanceでは0.017ドルで10 VPU)
Object Storage - ストレージ
¥3.57
1か月あたりのギガバイトストレージ容量

データ・サイエンス・モデルのカタログ・ストレージ

製品
価格比較(/vCPU)*
単価
単位
Object Storage - ストレージ
¥3.57
1か月あたりのギガバイトストレージ容量

データ・サイエンス・モデルの導入

製品
価格比較(/vCPU)*
単価
単位
コンピュート - Standard - E3 - OCPU
¥1.75
¥3.50
1時間あたりのOCPU
コンピュート - Standard - E3 - メモリ
¥0.21
1時間あたりのギガバイト
コンピュート - Standard - E4 - OCPU
¥1.75
¥3.50
1時間あたりのOCPU
コンピュート - Standard - E4 - メモリ
¥0.21
1時間あたりのギガバイト
Compute - Virtual Machine Standard - X9
¥2.80
¥5.60
1時間あたりのOCPU
Compute - Virtual Machine Standard - X9 - Memory
¥0.21
1時間あたりのギガバイト
コンピュート - Virtual Machine Optimized - X9
¥3.78
¥7.56
1時間あたりのOCPU
コンピュート - Virtual Machine Optimized - X9 - メモリ
¥0.21
1時間あたりのギガバイト
コンピュート - Virtual Machine Standard - X7
¥4.466
¥8.932
1時間あたりのOCPU
VM.GPU2.1(NVIDIA P100)
¥178.50
1時間あたりのGPU
VM.GPU3.x(NVIDIA V100 Tensorコア – 16 GB)
¥413.00
1時間あたりのGPU
BM.GPU2.2 (2 x NVIDIA P100)
¥178.50
1時間あたりのGPU
BM.GPU3.8 (8 x NVIDIA V100 Tensor Core)
¥413.00
1時間あたりのGPU
BM.GPU4.8 (8 x NVIDIA A100 40 GB Tensor Core)
¥427.00
1時間あたりのGPU
BM.GPUA10.4 (4 x NVIDIA A10 Tensor Core)
¥280.00
1時間あたりのGPU
VM.GPU.A10.1 (1 x NVIDIA A10 Tensor Core)
¥280.00
1時間あたりのGPU
VM.GPU.A10.2 (2 x NVIDIA A10 Tensor Core)
¥280.00
1時間あたりのGPU
ロード・バランサのベース
¥1.582
ロード・バランサの時間
ロード・バランサの帯域幅
¥0.014
1時間あたりのMbps
ブロック・ボリューム・ストレージ
¥3.57
1か月あたりのギガバイトストレージ容量
Block Volumeパフォーマンス単位
¥0.238
1 GB/月あたりのパフォーマンス単位(Balanced Performanceでは0.017ドルで10 VPU)

Data Scienceノートブック・セッション

製品
価格比較(/vCPU)*
単価
単位
コンピュート - Virtual Machine Standard - X7
¥4.466
¥8.932
1時間あたりのOCPU
コンピュート - Standard - E3 - OCPU
¥1.75
¥3.50
1時間あたりのOCPU
コンピュート - Standard - E3 - メモリ
¥0.21
1時間あたりのギガバイト
コンピュート - Standard - E4 - OCPU
¥1.75
¥3.50
1時間あたりのOCPU
コンピュート - Standard - E4 - メモリ
¥0.21
1時間あたりのギガバイト
Compute - Virtual Machine Standard - X9
¥2.80
¥5.60
1時間あたりのOCPU
Compute - Virtual Machine Standard - X9 - Memory
¥0.21
1時間あたりのギガバイト
コンピュート - Virtual Machine Optimized - X9
¥3.78
¥7.56
1時間あたりのOCPU
コンピュート - Virtual Machine Optimized - X9 - メモリ
¥0.21
1時間あたりのギガバイト
VM.GPU2.1(NVIDIA P100)
¥178.50
1時間あたりのGPU
VM.GPU3.x(NVIDIA V100 Tensorコア - 16 GB)
¥413.00
1時間あたりのGPU
BM.GPU2.2 (2 x NVIDIA P100)
¥178.50
1時間あたりのGPU
BM.GPU3.8 (8 x NVIDIA V100 Tensor Core)
¥413.00
1時間あたりのGPU
BM.GPU4.8 (8 x NVIDIA A100 40 GB Tensor Core)
¥427.00
1時間あたりのGPU
BM.GPUA10.4 (4 x NVIDIA A10 Tensor Core)
¥280.00
1時間あたりのGPU
VM.GPU.A10.1 (1 x NVIDIA A10 Tensor Core)
¥280.00
1時間あたりのGPU
VM.GPU.A10.2 (2 x NVIDIA A10 Tensor Core)
¥280.00
1時間あたりのGPU
ブロック・ボリューム・ストレージ
¥3.57
1か月あたりのギガバイトストレージ容量
Block Volumeパフォーマンス単位
¥0.238
1 GB/月あたりのパフォーマンス単位

デジタル・アシスタント

製品
比較価格(/vCPU)*
単価(リクエスト)
最小(1時間あたりのリクエスト数)
Oracle Digital Assistant Cloud Service
¥3.248
250

1リクエストは、1回の往復インタラクション(デジタル・アシスタントへのリクエストとそのデジタル・アシスタントからのレスポンス)と定義されます。最小消費率は、1インスタンス1時間あたり250リクエストです。

Document Understanding

製品
単価
単位
Oracle Cloud Infrastructure - Document Understanding - カスタム・トレーニング(最初の15トレーニング時間)
¥0.00
トレーニング時間
Oracle Cloud Infrastructure - Document Understanding - カスタム・トレーニング(15トレーニング時間を超えた場合)
¥210.00
トレーニング時間
Oracle Cloud Infrastructure - Document Understanding - カスタム・ドキュメント・プロパティ(最初の5,000トランザクション)
¥0.00
1,000トランザクション
Oracle Cloud Infrastructure - Document Understanding - カスタム・ドキュメント・プロパティ(5,000トランザクションを超えた場合)
¥210.00
1,000トランザクション
Oracle Cloud Infrastructure - Document Understanding - カスタム・ドキュメント抽出(最初の5,000トランザクション)
¥0.00
1,000トランザクション
Oracle Cloud Infrastructure - Document Understanding - カスタム・ドキュメント抽出(5,000トランザクションを超えた場合)
¥4,200.00
1,000トランザクション
Oracle Cloud Infrastructure - Document Understanding - OCR (最初の5,000トランザクション)
¥0.00
1,000 トランザクション
Oracle Cloud Infrastructure - Document Understanding - OCR (5,000を超えるトランザクション)
¥140.00
1,000 トランザクション
Oracle Cloud Infrastructure - Document Understanding - Document Properties - (最初の5,000トランザクション)
¥0.00
1,000 トランザクション
Oracle Cloud Infrastructure - Document Understanding - Document Properties (5,000を超えるトランザクション)
¥35.00
1,000 トランザクション
Oracle Cloud Infrastructure - Document Understanding - Document Extraction (最初の5,000トランザクション)
¥0.00
1,000 トランザクション
Oracle Cloud Infrastructure - Document Understanding - Document Extraction (5,000を超えるトランザクション)
¥1,400.00
1,000 トランザクション

言語

製品
単価
単位
Oracle Cloud AI Services - Language - 事前トレーニング済推論(最初の5,000トランザクション)
¥0.00
1,000 トランザクション
Oracle Cloud AI Services - Language - 事前トレーニング済推論(5,000トランザクションを超えた場合)
¥35.00
1,000 トランザクション
Oracle Cloud Infrastructure - Language - カスタム推論- 専用- 推論単位時間(最初の15推論単位時間)
¥0.00
推論単位時間
Oracle Cloud Infrastructure - Language - カスタム推論 - 専用 - 推論単位時間(15推論単位時間を超えた場合)
¥210.00
推論単位時間
Oracle Cloud Infrastructure - Language - カスタム・トレーニング - トレーニング時間(最初の15トレーニング時間)
¥0.00
トレーニング時間
Oracle Cloud Infrastructure - Language - カスタム・トレーニング - トレーニング時間(15トレーニング時間を超えた場合)
¥210.00
トレーニング時間
Oracle Cloud Infrastructure - Language - テキスト翻訳- 1,000トランザクション(最初の1,000トランザクション)
¥0.00
1,000トランザクション
Oracle Cloud Infrastructure - Language - テキスト翻訳- 1,000トランザクション(1,000トランザクションを超えた場合)
¥1,400.00
1,000トランザクション

機械学習とAI

製品
単価
単位
Oracle Cloud Infrastructure AI Services - Anomaly Detection - 1,000トランザクション(最初の1,000トランザクション)
1,000 トランザクション
Oracle Cloud Infrastructure AI Services - Anomaly Detection - 1,000トランザクション(1,000トランザクション以上)
1,000 トランザクション
Oracle Cloud Infrastructure - Data Labeling - 注釈付きデータ・レコード(毎月最初の1,000件の注釈付きデータ・レコード)
¥0.00
注釈付きデータ・レコード
Oracle Cloud Infrastructure - Data Labeling - 注釈付きデータ・レコード(1か月あたり1,000件を超える注釈付きデータ・レコード)
¥0.028
注釈付きデータ・レコード
Oracle Cloud Infrastructure - AI Services - Language - 1,000トランザクション(最初の5,000トランザクション)
¥0.00
1,000 トランザクション
Oracle Cloud Infrastructure - AI Services - Language - 1,000トランザクション(5,000トランザクションを超えた場合)
¥35.00
1,000 トランザクション

メディア・フロー

製品
単価
単位
Media Services - Media Flow - Standard - H264 - SD - Below 30fps - Minute of Output Media Content
¥0.14
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H264 - SD - Above 30fps and Below 60fps - Minute of Output Media Content
¥0.28
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H264 - SD - Above 60fps and Below 120fps - Minute of Output Media Content
¥0.42
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H264 - HD - Below 30fps - Minute of Output Media Content
¥0.42
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H264 - HD - Above 30fps and Below 60fps - Minute of Output Media Content
¥0.56
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H264 - HD - Above 60fps and Below 120fps - Minute of Output Media Content
¥1.40
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H264 - 4k - Below 30fps - Minute of Output Media Content
¥2.10
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H264 - 4k - Above 30fps and Below 60fps - Minute of Output Media Content
¥2.52
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H264 - 4k - Above 60fps and Below 120fps - Minute of Output Media Content
¥5.04
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - VP8 - SD - Below 30fps - Minute of Output Media Content
¥0.42
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - VP8 - SD - Above 30fps and Below 60fps - Minute of Output Media Content
¥0.56
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - VP8 - SD - Above 60fps and Below 120fps - Minute of Output Media Content
¥0.98
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - VP8 - HD - Below 30fps - Minute of Output Media Content
¥1.12
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - VP8 - HD - Above 30fps and Below 60fps - Minute of Output Media Content
¥1.40
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - VP8 - HD - Above 60fps and Below 120fps - Minute of Output Media Content
¥2.10
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - VP8 - 4k - Below 30fps - Minute of Output Media Content
¥5.04
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - VP8 - 4k - Above 30fps and Below 60fps - Minute of Output Media Content
¥5.60
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - VP8 - 4k - Above 60fps and Below 120fps - Minute of Output Media Content
¥7.00
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H265VP9 - SD - Below 30fps - Minute of Output Media Content
¥0.70
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H265VP9 - SD - Above 30fps and Below 60fps - Minute of Output Media Content
¥0.98
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H265VP9 - SD - Above 60fps and Below 120fps - Minute of Output Media Content
¥1.68
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H265VP9 - HD - Below 30fps - Minute of Output Media Content
¥1.40
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H265VP9 - HD - Above 30fps and Below 60fps - Minute of Output Media Content
¥2.80
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H265VP9 - HD - Above 60fps and Below 120fps - Minute of Output Media Content
¥4.20
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H265VP9 - 4k - Below 30fps - Minute of Output Media Content
¥3.64
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H265VP9 - 4k - Above 30fps and Below 60fps - Minute of Output Media Content
¥7.00
出力メディア・コンテンツの分数
Media Services - Media Flow - Standard - H265VP9 - 4k - Above 60fps and Below 120fps - Minute of Output Media Content
¥8.82
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H264 - SD - Below 30fps - Minute of Output Media Content
¥0.28
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H264 - SD - Above 30fps and Below 60fps - Minute of Output Media Content
¥0.42
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H264 - SD - Above 60fps and Below 120fps - Minute of Output Media Content
¥0.56
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H264 - HD - Below 30fps - Minute of Output Media Content
¥0.56
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H264 - HD - Above 30fps and Below 60fps - Minute of Output Media Content
¥0.70
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H264 - HD - Above 60fps and Below 120fps - Minute of Output Media Content
¥1.68
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H264 - 4k - Below 30fps - Minute of Output Media Content
¥2.52
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H264 - 4k - Above 30fps and Below 60fps - Minute of Output Media Content
¥2.80
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H264 - 4k - Above 60fps and Below 120fps - Minute of Output Media Content
¥5.60
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - VP8 - SD - Below 30fps - Minute of Output Media Content
¥0.70
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - VP8 - SD - Above 30fps and Below 60fps - Minute of Output Media Content
¥0.84
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - VP8 - SD - Above 60fps and Below 120fps - Minute of Output Media Content
¥1.12
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - VP8 - HD - Below 30fps - Minute of Output Media Content
¥1.68
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - VP8 - HD - Above 30fps and Below 60fps - Minute of Output Media Content
¥2.10
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - VP8 - HD - Above 60fps and Below 120fps - Minute of Output Media Content
¥2.52
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - VP8 - 4k - Below 30fps - Minute of Output Media Content
¥6.72
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - VP8 - 4k - Above 30fps and Below 60fps - Minute of Output Media Content
¥7.00
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - VP8 - 4k - Above 60fps and Below 120fps - Minute of Output Media Content
¥8.40
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed – H265VP9 - SD - Below 30fps - Minute of Output Media Content
¥0.84
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H265VP9 - SD - Above 30fps and Below 60fps - Minute of Output Media Content
¥1.12
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H265VP9 - SD - Above 60fps and Below 120fps - Minute of Output Media Content
¥2.10
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H265VP9 - HD - Below 30fps - Minute of Output Media Content
¥1.68
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H265VP9 - HD - Above 30fps and Below 60fps - Minute of Output Media Content
¥3.50
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H265VP9 - HD - Above 60fps and Below 120fps - Minute of Output Media Content
¥5.04
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H265VP9 - 4k - Below 30fps - Minute of Output Media Content
¥7.00
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H265VP9 - 4k - Above 30fps and Below 60fps - Minute of Output Media Content
¥8.40
出力メディア・コンテンツの分数
Media Services - Media Flow - Speed - H265VP9 - 4k - Above 60fps and Below 120fps - Minute of Output Media Content
¥10.50
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H264 - SD - Below 30fps - Minute of Output Media Content
¥0.42
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H264 - SD - Above 30fps and Below 60fps - Minute of Output Media Content
¥0.56
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H264 - SD - Above 60fps and Below 120fps - Minute of Output Media Content
¥0.70
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H264 - HD - Below 30fps - Minute of Output Media Content
¥0.70
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H264 - HD - Above 30fps and Below 60fps - Minute of Output Media Content
¥0.84
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H264 - HD - Above 60fps and Below 120fps - Minute of Output Media Content
¥2.10
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H264 - 4k - Below 30fps - Minute of Output Media Content
¥3.36
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H264 - 4k - Above 30fps and Below 60fps - Minute of Output Media Content
¥4.20
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H264 - 4k - Above 60fps and Below 120fps - Minute of Output Media Content
¥7.00
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - VP8 - SD - Below 30fps - Minute of Output Media Content
¥0.84
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - VP8 - SD - Above 30fps and Below 60fps - Minute of Output Media Content
¥1.12
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - VP8 - SD - Above 60fps and Below 120fps - Minute of Output Media Content
¥1.40
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - VP8 - HD - Below 30fps - Minute of Output Media Content
¥2.10
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - VP8 - HD - Above 30fps and Below 60fps - Minute of Output Media Content
¥2.52
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - VP8 - HD - Above 60fps and Below 120fps - Minute of Output Media Content
¥2.80
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - VP8 - 4k - Below 30fps - Minute of Output Media Content
¥7.56
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - VP8 - 4k - Above 30fps and Below 60fps - Minute of Output Media Content
¥8.40
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - VP8 - 4k - Above 60fps and Below 120fps - Minute of Output Media Content
¥9.80
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality – H265VP9 - SD - Below 30fps - Minute of Output Media Content
¥4.20
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H265VP9 - SD - Above 30fps and Below 60fps - Minute of Output Media Content
¥6.30
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H265VP9 - SD - Above 60fps and Below 120fps - Minute of Output Media Content
¥8.40
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H265VP9 - HD - Below 30fps - Minute of Output Media Content
¥8.40
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H265VP9 - HD - Above 30fps and Below 60fps - Minute of Output Media Content
¥12.60
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H265VP9 - HD - Above 60fps and Below 120fps - Minute of Output Media Content
¥16.80
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H265VP9 - 4k - Below 30fps - Minute of Output Media Content
¥16.80
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H265VP9 - 4k - Above 30fps and Below 60fps - Minute of Output Media Content
¥25.20
出力メディア・コンテンツの分数
Media Services - Media Flow - Quality - H265VP9 - 4k - Above 60fps and Below 120fps - Minute of Output Media Content
¥33.60
出力メディア・コンテンツの分数

メディア・ストリーム

製品
単価
単位
Media Services - Media Streams - GB of Packaged Content
¥7.00
パッケージ化されたコンテンツのGB数

Speech

製品
単価
単位
Oracle Cloud Infrastructure - Speech - トランスクリプション時間(最初の5時間)
¥0.00 トランスクリプション時間
Oracle Cloud Infrastructure - Speech - トランスクリプション時間(5時間以上)
¥70.00 トランスクリプション時間

ビジョン

製品
単価
単位
Oracle Cloud Infrastructure - Vision - 画像分析 - 1,000トランザクション(最初の5,000トランザクション)
¥0.00
1,000 トランザクション
Oracle Cloud Infrastructure - Vision - 画像分析 - 1,000トランザクション(最初の5,000トランザクションを超えた場合)
¥35.00
1,000 トランザクション
Oracle Cloud Infrastructure - Vision - OCR - 1,000トランザクション(最初の5,000トランザクション)
¥0.00
1,000 トランザクション
Oracle Cloud Infrastructure - Vision - OCR - 1,000トランザクション(最初の5,000トランザクションを超えた場合)
¥140.00
1,000 トランザクション
Oracle Cloud Infrastructure - Vision - カスタム・トレーニング - トレーニング時間(最初の15トレーニング時間)
¥0.00
トレーニング時間
Oracle Cloud Infrastructure - Vision - カスタム・トレーニング - トレーニング時間(最初の15トレーニング時間を超えた場合)
¥210.00
トレーニング時間


ネイティブVMware

VMware*

製品
比較価格(/vCPU)*
単価
単位
詳細
Oracle Cloud VMware Solution - Base - BM.Standard2.12 - 時間コミット
¥659.96
1時間あたりのノード
Oracle Cloud VMware Solution - Base - BM.Standard2.12 - 1年コミット
¥520.016
1時間あたりのノード
Oracle Cloud VMware Solution - Base - BM.Standard2.12 - 3年コミット
¥413.42
1時間あたりのノード
Oracle Cloud VMware Solution - Base - BM.Standard3.16 - 時間コミット
¥777.56
1時間あたりのノード
Oracle Cloud VMware Solution - Base - BM.Standard3.16 - 1年コミット
¥601.202
1時間あたりのノード
Oracle Cloud VMware Solution - Base - BM.Standard3.16 - 3年コミット
¥469.308
1時間あたりのノード
Oracle Cloud VMware Solution - Base – BM.Standard.E4.32 - 時間コミット
¥1,295.91
1時間あたりのノード
Oracle Cloud VMware Solution - Base - BM.Standard.E4.32 - 1年コミット
¥969.122
1時間あたりのノード
Oracle Cloud VMware Solution - Base - BM.Standard.E4.32 - 3年コミット
¥731.262
1時間あたりのノード
Oracle Cloud VMware Solution - Expansion - 時間コミット
¥11.235
¥22.47
1時間あたりのOCPU
Oracle Cloud VMware Solution - Expansion - 1年コミット
¥7.644
¥15.288
1時間あたりのOCPU
Oracle Cloud VMware Solution - Expansion - 3年コミット
¥5.173
¥10.346
1時間あたりのOCPU
Oracle Cloud VMware Solution - HCX Enterprise - 1か月コミット
¥0.882
¥1.764
1時間あたりのOCPU
追加のOCPUは32個、52個、64個、128個の単位で追加できます。
Oracle Cloud VMware Solution - BM.DenseIO2.52 - 1か月コミット
¥14.217
¥28.434
1時間あたりのOCPU
104vCPU(52OCPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO2.52 - 時間コミット
¥17.059
¥34.118
1時間あたりのOCPU
104vCPU(52OCPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO2.52 - 1年コミット
¥11.375
¥22.75
1時間あたりのOCPU
104vCPU(52OCPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO2.52 - 3年コミット
¥9.24
¥18.48
1時間あたりのOCPU
104vCPU(52OCPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO.E4.128 - 時間コミット - OCPU/時間
¥13.65
¥27.30
1時間あたりのOCPU
256vCPU(128CPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO.E4.128 - 月次コミット - OCPU/時間
¥11.375
¥22.75
1時間あたりのOCPU
256vCPU(128CPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO.E4.128 - 1年コミット - OCPU/時間
¥9.10
¥18.20
1時間あたりのOCPU
256vCPU(128CPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO.E4.128 - 3年コミット - OCPU/時間
¥7.392
¥14.784
1時間あたりのOCPU
256vCPU(128CPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO.E4.64 - 時間コミット - OCPU/時間
¥17.059
¥34.118
1時間あたりのOCPU
128vCPU(64OCPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO.E4.64 - 月次コミット - OCPU/時間
¥14.217
¥28.434
1時間あたりのOCPU
128vCPU(64OCPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO.E4.64 - 1年コミット - OCPU/時間
¥11.375
¥22.75
1時間あたりのOCPU
128vCPU(64OCPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO.E4.64 - 3年コミット - OCPU/時間
¥9.24
¥18.48
1時間あたりのOCPU
128vCPU(64OCPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO.E4.32 - 時間コミット - OCPU/時間
¥21.329
¥42.658
1時間あたりのOCPU
64vCPU(32OCPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO.E4.32 - 月次コミット - OCPU/時間
¥17.773
¥35.546
1時間あたりのOCPU
64vCPU(32OCPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO.E4.32 - 1年コミット - OCPU/時間
¥14.217
¥28.434
1時間あたりのOCPU
64vCPU(32OCPU)単位で容量を追加可能
Oracle Cloud VMware Solution - BM.DenseIO.E4.32 - 1年コミット - OCPU/時間
¥11.55
¥23.10
1時間あたりのOCPU
64vCPU(32OCPU)単位で容量を追加可能

*注:

  • シングル・ホストの非本番環境(Denseのみで使用可能)、または3つのホストの本番環境が最低限必要です。
  • 時間コミットは最低8時間から。
  • コミット間隔終了前にサービスをキャンセルしても、メーターを停止することはできません。
  • Expansion SKUは、ホストで有効化できる最大OCPUまで拡張できます。


ネットワーキング

DNS

製品
単価
単位
DNS
¥119.00
1,000,000クエリ

FastConnect

製品
単価(ポート時間)
備考
FastConnect:1 Gbps
¥29.75
プライベートVCでは、インバウンドまたはアウトバウンドのデータ転送に対して別途料金はかかりません。パブリックVCについては、「ネットワーキング」セクションの価格を参照してください。
FastConnect:10 Gbps
¥178.50
プライベートVCでは、インバウンドまたはアウトバウンドのデータ転送に対して別途料金はかかりません。パブリックVCについては、「ネットワーキング」セクションの価格を参照してください。
FastConnect:100 Gbps
¥1,505.00
プライベートVCでは、インバウンドまたはアウトバウンドのデータ転送に対して別途料金はかかりません。パブリックVCについては、「ネットワーキング」セクションの価格を参照してください。

Load Balancing

インスタンス・タイプ
単価(1時間あたり)
備考
Oracle Cloud Infrastructure - ロードバランサベース - ロードバランサ時間
¥1.582
Flexible Load Balancer用のロードバランサベースインスタンス
Oracle Cloud Infrastructure - ロードバランサ帯域幅 - Mbps/時間
¥0.014
Flexible Load Balancerのロード・バランサーの帯域幅単位: Oracle Load Balancerの層で処理されるデータには、別途料金は不要です
Oracle Cloud Infrastructure Flexible Network Load Balancer
無料

ネットワーキング

製品
単価
単位
インバウンド・データ転送
無料
1か月あたりのインバウンド・データ転送量(GB)
アウトバウンドデータ転送 - 北米、ヨーロッパ、および英国から送信 - 最初の10 TB/月
無料
1か月あたりのアウトバウンドデータ転送量(GB)
アウトバウンドデータ転送 - APAC、日本、および南米から送信 - 最初の10 TB/月
無料
1か月あたりのアウトバウンドデータ転送量(GB)
アウトバウンドデータ転送 - 中東およびアフリカから送信 - 最初の10 TB/月
無料
1か月あたりのアウトバウンドデータ転送量(GB)
アウトバウンドデータ転送 - 北米、ヨーロッパ、および英国から送信 - 10 TB/月以上
¥1.19
1か月あたりのアウトバウンドデータ転送量(GB)
アウトバウンドデータ転送 - APAC、日本、および南米から送信 - 10 TB/月以上
¥3.50
1か月あたりのアウトバウンドデータ転送量(GB)
アウトバウンドデータ転送 - 中東およびアフリカから送信 - 10 TB/月以上
¥7.00
1か月あたりのアウトバウンドデータ転送量(GB)

ノート: サイト間VPNは無償サービスで、ポート時間料金はかかりません。データ転送コストは、Networking Cloudの価格に含まれています。



可観測性と管理

Email Delivery

製品
比較価格(/vCPU)*
単価
単位
Oracle Cloud Infrastructure Service - メール配信(最初の3,000通)
1,000回のメール送信
Oracle Cloud Infrastructure Service - メール配信(3,000通を超えた場合)
¥11.90
1,000回のメール送信

Full Stack Disaster Recovery

製品
単価(ポート時間)
備考
Oracle Cloud Infrastructure Full Stack Disaster Recovery Service - OCPU/時間
¥1.792
1時間あたりのOCPU

移行

製品
単価
単位
Oracle Cloud Migration Service
無料

Observability and Management Platform - Application Performance Monitoring

製品
比較価格(/vCPU)*
単価
単位
Oracle Cloud Infrastructure - Application Performance Monitoring Service - スタック・モニタリング - エンタープライズ・エディション
¥53.20
10のモニター対象リソース/時間
Oracle Cloud Infrastructure Application Performance Monitoring Service - スタック・モニタリング - スタンダード・エディション
¥10.50
10のモニター対象リソース/時間
Oracle Cloud Infrastructure - Application Performance Monitoring Service - Synthetic Usage - 無料
¥0.00
10モニター実行/時間
Application Performance Monitoring Service - Tracing Data - 無料*
¥0.00
1,000イベント/時間
Application Performance Monitoring Service - Tracing Data**
¥91.00
100,000イベント/時間
Application Performance Monitoring Service - Synthetic Usage***
¥2.80
10モニター実行/時間

* Always Free、1,000イベント/時間まで。
**1つ以上のAlways FreeでないAPMドメインが定義されているかぎり、テナント/リージョンごとに1つ以上のユニットが課金対象になります。
***Application Performance Monitoring Service - Tracing Dataが1ユニット以上必要です。

Observability and Management Platform - Database Management

製品
比較価格(/vCPU)*
単価
単位
データベース管理- クラウド・データベース
¥3.50
¥7.00
1時間あたりのOCPU
データベース管理- 外部DB
¥7.00
1時間あたりのホストCPU
データベース管理- 外部DB BYOL
¥3.50
1時間あたりのホストCPU
Oracle Cloud Infrastructure - Database Management - Autonomous Databases - ECPU
¥3.50
ECPU/時間

Observability and Management Platform - Operations Insights*

製品
比較価格(/vCPU)*
単価
単位
Oracle Autonomous DatabasesのOracle Cloud Infrastructure Operations Insights - 基本**
無料
無料
ECPU/時間
Oracle Autonomous DatabasesのOracle Cloud Infrastructure Operations Insights - 基本**
無料
無料
1時間あたりのOCPU
Cloud Databases用のOracle Cloud Infrastructure Operations Insights
¥1.05
¥2.10
1時間あたりのOCPU
External Oracle DatabasesおよびHost向けのOracle Cloud Infrastructure Operations Insights
¥2.10
1時間あたりのホストCPUコア
Oracle Cloud Infrastructure Operations Insights for Warehouse - Extract
¥280.00
1か月あたりのギガバイト
Oracle Cloud Infrastructure Operations Insights for Warehouse - Instance
¥37.639
¥75.278
1時間あたりのOCPU
Oracle Cloud Infrastructure Operations Insights for Oracle Autonomous Databases - Full
¥1.05
ECPU/時間

*詳細は、Oracle PaaSおよびIaaS Universal Creditsのサービスについての説明(PDF)を参照してください。

**キャパシティ・プランニングおよびOracle SQL Warehouseアプリケーションにのみ適用されます。追加コストでAWR Hubを利用可能

Observability and Management Platform - Logging

製品
比較価格(/vCPU)*
単価
単位
1か月あたりの10ギガバイトまでのログ・ストレージ
無料
無料
1か月あたりのギガバイト・ログ・ストレージ
1か月あたりの10ギガバイトを超えるログ・ストレージ
¥7.00 1か月あたりのギガバイト・ログ・ストレージ

Observability and Management Platform - Logging Analytics*

製品
比較価格
単価
単位
10ギガバイトまでのログ・ストレージ
無料
無料
Oracle Cloud Infrastructure Logging Analytics - Active Storage - ロギング・アナリティクス・ストレージ・ユニット/月(一か月あたりの35までのロギング・アナリティクス・ストレージ・ユニット)
¥52,080.00
Logging Analyticsストレージ・ユニット/月
Oracle Cloud Infrastructure Logging Analytics - Active Storage - ロギング・アナリティクス・ストレージ・ユニット/月(一か月あたりの35を上回り、103未満ののロギング・アナリティクス・ストレージ・ユニット)
¥36,456.00
Logging Analyticsストレージ・ユニット/月
Oracle Cloud Infrastructure Logging Analytics - Active Storage - ロギング・アナリティクス・ストレージ・ユニット/月(一か月あたりの103を超えるロギング・アナリティクス・ストレージ・ユニット)
¥31,248.00
Logging Analyticsストレージ・ユニット/月
Oracle Cloud Infrastructure Logging Analytics - アーカイブ・ストレージ - Logging Analyticsストレージ・ユニット/時間
¥2.80
Logging Analyticsストレージ・ユニット/時間

*アクティブなストレージ・ラインの場合: 1ストレージ・ユニットは、その月に格納されるログ300 GBとします

*アーカイブ・ストレージ・ラインの場合: 1ストレージ・ユニットは、その時間中に格納されるログ300 GBとします

*詳細は、Oracle PaaSおよびIaaS Universal Creditsのサービスについての説明(PDF)を参照してください。

Observability and Management Platform - Monitoring

製品
単価
単位
監視 - 取り込み- 最初の5億のデータポイント
無料
100万個のデータポイント
監視- 取り込み- 5億を超えるデータポイント
¥0.35 100万個のデータポイント
監視- 取得- 最初の10億のデータポイント
無料
100万個のデータポイント
監視- 取得- 10億を超えるデータポイント
¥0.21 100万個のデータポイント

Observability and Management Platform - Notifications

製品
単価
単位
1か月あたり100万件までの配信操作
無料
100万件の配信操作
1か月あたり100万件を超える配信操作
¥84.00 100万件の配信操作
1か月あたり1,000通までのメール
無料
1,000回のメール送信
1か月あたり1,000通を超えるメール
¥2.80 1,000回のメール送信


オープン・ソース・データベース

Cache with Redis*

製品
比較価格(/vCPU)*
単価
単位
Oracle Cloud Infrastructure Cache with Redis - 低メモリー(ノードあたり最大10 GB)
¥2.716
Redisメモリのギガバイト/時間
Oracle Cloud Infrastructure Cache with Redis - 高メモリー(ノードあたり10 GB超)
¥1.904
Redisメモリのギガバイト/時間

*低メモリーは、ノードあたり10ギガバイト(GB)までのあらゆる増分で、1時間ごとに1GBあたり0.0194ドルで測定され、課金されます。10GBを超えるノード(ハイ・メモリ)の場合、サービスの利用料金は、最初の10GBまでは1時間ごとに0.0194ドル、10GB以上だと1GBごとに1時間ごとに0.0136ドルが加算されます。

Database with PostgreSQL

製品
単価
単位
Oracle Cloud Infrastructure Database with PostgreSQL - X86
¥13.72
1時間あたりのOCPU
Oracle Cloud Infrastructure Database Optimized Storage - ギガバイト・ストレージ容量/月
¥10.08
1か月あたりのギガバイトストレージ容量

* OCI Database with PostgreSQLを使用する場合、実際のDatabase Optimized Storageの使用量とプロビジョニングされたOCPU、およびサービス開始時に割り当てられたユーザー選択リソース(メモリーやOCIブロック・ストレージのVPUなど)の追加料金に基づいて費用が発生します。

MySQL HeatWave

製品
比較価格(/vCPU)*
単価
単位
MySQL Database—Standard—E3
¥2.66
¥5.32
1時間あたりのOCPU
MySQL Database—Standard—E3–メモリー
¥0.308
1時間あたりのギガバイト
MySQL HeatWave - Standard
¥49.504
1時間あたりのノード
MySQL HeatWave Database - Standard
¥49.504
1時間あたりのノード
MySQL HeatWave Database - Bare Metal Standard
¥310.016
1時間あたりのノード
MySQLデータベース - ストレージ
¥5.60
1か月あたりのギガバイトストレージ容量
MySQLデータベース - バックアップ・ストレージ
¥5.60
1か月あたりのギガバイトストレージ容量
MySQL Database - Standard - AMD E4 - コンピュート - OCPU/時間
¥2.66
¥5.32
1時間あたりのOCPU
MySQL Database - Standard - AMD E4 - メモリー - ギガバイト/時間
¥0.308
1時間あたりのギガバイト
MySQL Database - Standard - Intel X7 - コンピュート - OCPU/時間
¥4.34
¥8.68
1時間あたりのOCPU
MySQL Database - Standard - Intel X7 - メモリー - ギガバイト/時間
¥0.308
1時間あたりのギガバイト
MySQL Database - Standard - Intel X9 - コンピュート - OCPU/時間
¥4.34
¥8.68
1時間あたりのOCPU
MySQL Database - Standard - Intel X9 - メモリー - ギガバイト/時間
¥0.308
1時間あたりのギガバイト
MySQL Database - Optimized - Intel X9 - コンピュート - OCPU/時間
¥5.74
¥11.48
1時間あたりのOCPU
MySQL Database - Optimized - Intel X9 - メモリー - ギガバイト/時間
¥0.308
1時間あたりのギガバイト
Oracle Cloud Infrastructure - HeatWave
¥1.54
HeatWave容量/時間
Oracle Cloud Infrastructure - HeatWave - ストレージ
¥2.80
1か月あたりのギガバイトストレージ容量

MySQL HeatWave on AWS

製品
比較価格(/vCPU)*
単価
単位
MySQL Database - AWS - ECPU
¥6.86
ECPU/時間
MySQL HeatWave - AWS
¥6.86
HeatWave容量/時間
MySQL Database - AWS - ストレージ
¥18.48
1か月あたりのギガバイトストレージ容量
MySQL Database - AWS - バックアップ・ストレージ
¥6.664
1か月あたりのギガバイトストレージ容量
MySQL Database - AWS - アウトバウンド・データ転送 - AWSリージョン間
¥7.056
転送データのギガバイト数
MySQL Database - AWS - アウトバウンド・データ転送 - インターネット
¥12.754
転送データのギガバイト数

Search Service with OpenSearch

製品
比較価格(/vCPU)*
単価
単位
Oracle Cloud Infrastructure Search with OpenSearchのHA
¥35.00
1時間あたりのノード


Oracle Database

自律型データベース

製品
比較価格(/vCPU)*
単価
単位
Oracle Autonomous Data Warehouse - ECPU
¥47.04
ECPU/時間
Oracle Autonomous Transaction Processing - ECPU
¥47.04
ECPU/時間
Oracle Autonomous Data Warehouse - ECPU - BYOL
¥11.298
ECPU/時間
Oracle Autonomous Transaction Processing - ECPU - BYOL
¥11.298
ECPU/時間
Oracle Autonomous Data Warehouse - 専用 - ECPU
¥47.04
ECPU/時間
Oracle Autonomous Transaction Processing - 専用 - ECPU
¥47.04
ECPU/時間
Oracle Autonomous Data Warehouse - 専用 - ECPU - BYOL
¥11.298
ECPU/時間
Oracle Autonomous Transaction Processing - 専用 - ECPU - BYOL
¥11.298
ECPU/時間
Oracle Autonomous Database
1時間あたりのOCPU
Oracle Autonomous Database - BYOL
1時間あたりのOCPU
Oracle Autonomous Databaseストレージ
¥3.416
1か月あたりのギガバイトストレージ容量
Transaction Processing用Oracle Autonomous Databaseストレージ
¥16.184
1か月あたりのギガバイトストレージ容量
Oracle Autonomous Database – Exadataストレージ
1か月あたりのテラバイト・ストレージ容量
Oracle Cloud Infrastructure - データベースOracle Exadataインフラストラクチャ - 基本システム
¥1,505.378
1時間あたりのホスト環境
Exadata Cloud Infrastructure - クォータ・ラック - X9M
¥2,032.268
1時間あたりのホスト環境
Exadata Cloud Infrastructure - データベース・サーバー - X9M
¥406.448
1時間あたりのホスト環境
Exadata Cloud Infrastructure - ストレージ・サーバー - X9M
¥406.448
1時間あたりのホスト環境
Oracle Cloud Infrastructure - Oracle Database Exadata Infrastructure - データベースサーバー - X8M
¥406.448
1時間あたりのホスト環境
Oracle Cloud Infrastructure - Oracle Database Exadata Infrastructure - ストレージサーバー - X8M
¥406.448
1時間あたりのホスト環境
  • Autonomous Data Warehouse(ADW)およびAutonomous Transaction Processing(ATP)データベースは、OCPUまたはECPU単位での請求が可能です。新しいECPU価格設定メトリックのご使用をお薦めします。
  • Autonomous Data WarehouseおよびAutonomous Transaction Processingデータベースは、サーバーレスまたは専用Exadataインフラストラクチャにデプロイできます。サーバーレスの場合はADWまたはATP Exadataストレージ、専用インフラストラクチャの場合は専用インフラストラクチャを使用することになります。

Autonomous JSON Database

製品
比較価格(/vCPU)*
単価
単位
Oracle Autonomous JSON Database
¥22.582
¥45.164
1時間あたりのOCPU
Oracle Autonomous Transaction Processing - Exadataストレージ
¥16,576.00
1か月あたりのテラバイトストレージ容量

Base Database Service - Virtual Machine

製品
比較価格(/vCPU)*
単価
単位
Oracle Base Database Service on Arm - Enterprise
¥30.114
¥30.114
1時間あたりのOCPU
Oracle Base Database Service on Arm - High Performance
¥62.104
¥62.104
1時間あたりのOCPU
Oracle Base Database Service on Arm - Extreme Performance
¥94.094
¥94.094
1時間あたりのOCPU
Oracle Base Database Service on Arm - BYOL
¥13.552
¥13.552
1時間あたりのOCPU
Oracle Base Database Service – Standard
¥15.05
¥30.10
1時間あたりのOCPU
Oracle Base Database Service – Enterprise
¥30.107
¥60.214
1時間あたりのOCPU
Oracle Base Database Service – High Performance
¥62.097
¥124.194
1時間あたりのOCPU
Oracle Base Database Service – Extreme Performance
¥94.087
¥188.174
1時間あたりのOCPU
Oracle Base Database Service – BYOL
¥13.545
¥27.09
1時間あたりのOCPU
Oracle Database Cloud Service - すべてのエディション - BYOL
¥13.545
¥27.09
1時間あたりのOCPU
Oracle Database Cloud Service - Enterprise Edition - 汎用
¥30.107
¥60.214
1時間あたりのOCPU
Oracle Database Cloud Service - Enterprise Edition Extreme Performance - 汎用
¥94.087
¥188.174
1時間あたりのOCPU
Oracle Database Cloud Service - Enterprise Edition Extreme Performance RAC - BYOL
¥13.545
¥27.09
1時間あたりのOCPU
Oracle Database Cloud Service - Enterprise Edition High Performance - 汎用
¥62.097
¥124.194
1時間あたりのOCPU
Oracle Database Cloud Service - Standard Edition - 汎用
¥15.05
¥30.10
1時間あたりのOCPU

Data Safe

製品
比較価格(/vCPU)*
単価
単位
オンプレミス・データベースおよびコンピュート上のデータベース向けData Safe(最初の100ターゲット・データベース/月)
¥28,000.00
ターゲット・データベース/月
オンプレミス・データベースおよびコンピュート上のデータベース向けData Safe(100ターゲット・データベース/月より大きく300ターゲット・データベース/月以下)
¥21,000.00
ターゲット・データベース/月
オンプレミス・データベースおよびコンピュート上のデータベース向けData Safe(300ターゲット・データベース/月より大きく500ターゲット・データベース/月以下)
¥14,000.00
ターゲット・データベース/月
オンプレミス・データベースおよびコンピュート上のデータベース向けData Safe(500ターゲット・データベース/月を超えた場合)
¥7,000.00
ターゲット・データベース/月
オンプレミス・データベースおよびコンピュート上のデータベース向けData Safe - 100万レコードを超える監査レコード収集 - 10,000監査レコード/月
¥14.00
1ターゲットあたり10,000監査レコード/月
Database Cloud Service向けData Safe - 監査レコード収集
100万レコード超 - 1ターゲットあたり10,000監査レコード/月
¥14.00
1ターゲットあたり10,000監査レコード/月
Database Cloud Service向けData Safe - 個々
¥0.00
1か月あたりのターゲット

Database Autonomous Recovery Service

製品
比較価格(/vCPU)*
単価
単位
Oracle Database Autonomous Recovery Service
¥4.284
仮想化GB/月
Oracle Database Zero Data Loss Autonomous Recovery Service
¥5.60
仮想化GB/月

Database Backup

製品
比較価格(/vCPU)*
単価
単位
Database Backup Cloud(DBBCS)SKU
Oracle Database Backup Cloud - Object Storage
¥0.714
1か月あたりのギガバイトストレージ容量
Oracle Database Backup Cloud - Archive Storage
¥0.07
1か月あたりのギガバイトストレージ容量
Storage Cloud Service SKU
Oracle Cloud Infrastructure - Object Storage
¥3.57
1か月あたりのギガバイトストレージ容量
Oracle Cloud Infrastructure - Archive Storage
¥0.364
1か月あたりのギガバイトストレージ容量

Database Migration

製品
比較価格(/vCPU)*
単価
単位
Oracle Cloud Infrastructure Database Migration - 移行時間
¥28.00
移行時間

注: 60日間を超える期間、アイドル状態(データ転送なし)のジョブが実行されていない場合、移行の最初の183日間(6か月)は無料です。

Exadata Cloud@Customer

製品
比較価格(/vCPU)*
単価
単位
Oracle Autonomous Data Warehouse - Exadata Cloud@Customer - ECPU
¥47.04
ECPU/時間
Oracle Autonomous Transaction Processing - Exadata Cloud@Customer - ECPU
¥47.04
ECPU/時間
Oracle Autonomous Data Warehouse - Exadata Cloud@Customer - ECPU - BYOL
¥11.298
ECPU/時間
Oracle Autonomous Transaction Processing - Exadata Cloud@Customer - ECPU - BYOL
¥11.298
ECPU/時間
Gen 2 Exadata Cloud at Customer - データベースOCPU
¥94.087
¥188.174
1時間あたりのOCPU
Gen 2 Exadata Cloud at Customer - データベースOCPU - BYOL
¥22.582
¥45.164
1時間あたりのOCPU
Oracle Database Exadata Cloud at Customer – データベースOCPU
¥94.087
¥188.174
1時間あたりのOCPU
Oracle Database Exadata Cloud at Customer– データベースOCPU - BYOL
¥22.582
¥45.164
1時間あたりのOCPU

Exadata Database Serviceの基本システム

製品
単価
単位
Exadata Cloud Infrastructure - 基本システム
¥1,505.378
  • 1時間あたりのホスト環境

Exadata Database Service on Dedicated Infrastructure

製品
比較価格(/vCPU)*
単価
単位
Exadata Database OCPU - Dedicated Infrastructure
¥94.087
¥188.174
1時間あたりのOCPU
Exadata Database OCPU - Dedicated Infrastructure - BYOL
¥22.582
¥45.164
1時間あたりのOCPU
Exadata Cloud Infrastructure - クォータ・ラック - X9M - ホスト環境/時間
¥2,032.268
1時間あたりのホスト環境
Exadata Cloud Infrastructure - Database Server - X9M - ホスト環境/時間
¥406.448
1時間あたりのホスト環境
Exadata Cloud Infrastructure - Storage Server - X9M - ホスト環境/時間
¥406.448
1時間あたりのホスト環境
Oracle Cloud Infrastructure - データベースOracle Exadataインフラストラクチャ - 基本システム
¥1,505.378
1時間あたりのホスト環境
Oracle Cloud Infrastructure - Oracle Database Exadataインフラストラクチャ - クォーターラック - X8M
¥2,032.268
1時間あたりのホスト環境
Oracle Cloud Infrastructure - Oracle Database Exadata Infrastructure - データベースサーバー - X8M
¥406.448
1時間あたりのホスト環境
Oracle Cloud Infrastructure - Oracle Database Exadata Infrastructure - ストレージサーバー - X8M
¥406.448
1時間あたりのホスト環境
Oracle Cloud Infrastructure - Oracle Database Exadataインフラストラクチャ - クォーターラック - X8
¥2,032.268
1時間あたりのホスト環境
Oracle Cloud Infrastructure - Oracle Database Exadataインフラストラクチャ - ハーフラック - X8
¥4,064.522
1時間あたりのホスト環境
Oracle Cloud Infrastructure - Oracle Database Exadataインフラストラクチャ - フルラック - X8
¥8,129.03
1時間あたりのホスト環境
Oracle Cloud Infrastructure - Oracle Database Exadataインフラストラクチャ - クォーターラック - X7
¥3,010.756
1時間あたりのホスト環境
Oracle Cloud Infrastructure - Oracle Database Exadataインフラストラクチャ - ハーフラック - X7
¥6,021.498
1時間あたりのホスト環境
Oracle Cloud Infrastructure - Oracle Database Exadataインフラストラクチャ - フルラック - X7
¥12,043.01
1時間あたりのホスト環境
Oracle Cloud Infrastructure - データベースExadataクォーターラック - X6
¥7,150.542
1時間あたりのホスト環境
Oracle Cloud Infrastructure - データベースExadataハーフラック - X6
¥14,301.084
1時間あたりのホスト環境
Oracle Cloud Infrastructure - データベースExadataフルラック - X6
¥28,602.154
1時間あたりのホスト環境
Oracle Cloud Infrastructure - データベースExadataクォーターラック - X6 - ライセンス持参
¥4,756.99
1時間あたりのホスト環境
Oracle Cloud Infrastructure - データベースExadataハーフラック - X6 - ライセンス持参
¥9,513.98
1時間あたりのホスト環境
Oracle Cloud Infrastructure - データベースExadataフルラック - X6 - ライセンス持参
¥19,027.96
1時間あたりのホスト環境

NoSQL Database

製品
比較価格(/vCPU)*
単価
単位
Oracle NoSQL Database Cloud - ホスト環境- ホスト環境/月
¥4,031,440.00
1か月あたりのホスト環境

注: ホスト環境の価格については、営業担当までご連絡ください。

NoSQL Database Cloud - プロビジョニング

製品
比較価格(/vCPU)*
単価
単位
Oracle NoSQL Databaseクラウド - ストレージ
¥9.24
1か月あたりのギガバイトストレージ容量
Oracle NoSQL Databaseクラウド - 書き込み
¥17.556
1か月あたりの書き込み単位
Oracle NoSQL Databaseクラウド - 読み取り
¥0.896
1か月あたりの読み取り単位
Oracle NoSQL Database Cloud - リージョンでレプリケートされた書込み
¥50.40
1か月あたりの書き込み単位

NoSQL Database Cloud - オンデマンド

製品
比較価格(/vCPU)*
単価
単位
Oracle NoSQL Databaseクラウド - ストレージ
¥9.24
1か月あたりのギガバイトストレージ容量
Oracle NoSQL Database Cloud - 書込み - 自動
¥438.90
1か月あたりの書き込み単位
Oracle NoSQL Database Cloud - 読取り - 自動
¥22.40
1か月あたりの読み取り単位
Oracle NoSQL Database Cloud - リージョンでレプリケートされた書込み
¥50.40
1か月あたりの書き込み単位

NoSQL Database Free Tier

製品
比較価格(/vCPU)*
単価
単位
Oracle NoSQL Database Cloud - ストレージ - Free*
¥0.00
1か月あたりのギガバイトストレージ容量
Oracle NoSQL Database Cloud - 書込み - Free**
¥0.00
1か月あたりの書き込み単位
Oracle NoSQL Database Cloud - 読取り - Free***
¥0.00
1か月あたりの読み取り単位

*Freeは、表あたり25ギガバイト(GB)のストレージ容量が対象となります。Free Tierでは最大3つの表を割り当てることができます。
**Freeは、1か月に表あたり50個の書込み単位が対象となります。Free Tierでは最大3つの表を割り当てることができます。
***Freeは、1か月に表あたり50個の読取り単位が対象となります。Free Tierでは最大3つの表を割り当てることができます



セキュリティ

Access Governance

製品
単価
単位
Oracle Access Governance Premium - Workforce User (最初の10,000従業員ユーザー)
¥420.00
従業員ユーザー/月
Oracle Access Governance Premium - Workforce User (10,000従業員ユーザー以上、30,000従業員ユーザー未満)
¥158.20
従業員ユーザー/月
Oracle Access Governance Premium - Workforce User (30,000従業員ユーザー未満)
¥21.00
従業員ユーザー/月
Oracle Access Governance Premium - Consumer User
¥2.24
コンシューマ・ユーザー/月
Oracle Access Governance for Oracle Workloads - Workforce User(10,000従業員ユーザーまで)
¥280.00
従業員ユーザー/月
Oracle Access Governance for Oracle Workloads - Workforce User)(10,000従業員ユーザー以上~30,000従業員ユーザーまで
¥105.00
従業員ユーザー/月
Oracle Access Governance for Oracle Workloads - Workforce User(30,000従業員ユーザー以上)
¥14.00
従業員ユーザー/月
Oracle Access Governance for Oracle Workloads - Consumer User
¥2.24
コンシューマ・ユーザー/月
Oracle Access Governance for Oracle Cloud Infrastructure - Workforce User(100,000従業員ユーザーまで)
¥14.00
従業員ユーザー/月
Oracle Access Governance for Oracle Cloud Infrastructure - Workforce User(100,000従業員ユーザー以上)
¥0.70
従業員ユーザー/月
Oracle Access Governance for Oracle Cloud Infrastructure - Workforce User(100,000従業員ユーザー以上)
¥0.70
従業員ユーザー/月

Bastion

製品
単価
単位
Oracle Cloud Infrastructure Bastion
無料
NA

証明書

製品
単価
単位
Oracle Cloud Infrastructure証明書
無料
NA

Cloud Access Security Broker - IaaS

製品
比較価格(/vCPU)*
単価
単位
カスタム・アプリ
¥250.894
監視対象アプリケーション/時間
追加容量
¥40.152
データ容量のギガバイト数/時間
監視対象アカウント
¥190.68
監視対象アカウント/時間

Cloud Access Security Broker - SaaS

製品
比較価格(/vCPU)*
単価
単位
非エンタープライズ
¥0.126
監視対象サービス・ユーザー/時間
エンタープライズ
¥0.168
監視対象サービス・ユーザー/時間
Data Protection,Data Loss Prevention Retroactive Scan
¥224.00
データ容量のギガバイト数/時間
Data Protection、Data Loss Prevention
¥0.308
監視対象サービス・ユーザー/時間
発見
¥92.96
ユーザー/月

Cloud Guard

製品
単価
単位
Oracle Cloud Guard
無料
NA
Oracle Cloud Guard - Threat Detector - OCI Audit Logs
無料
NA

Identity and Access Management(IAM)

製品
単価
単位
Oracle Cloud Infrastructure Identity and Access Management - 外部ユーザー - ユーザー/月
¥2.24
ユーザー/月
Oracle Cloud Infrastructure Identity and Access Management - Oracle Apps Premium - ユーザー/月
¥35.00
ユーザー/月
Oracle Cloud Infrastructure Identity and Access Management - Premium - ユーザー/月
¥448.00
ユーザー/月
Oracle Cloud Infrastructure Identity and Access Management - SMS - 1件のSMSメッセージ送信(最初の1,000件のSMSメッセージ送信)
¥0.00
1件のSMSメッセージ送信
Oracle Cloud Infrastructure Identity and Access Management - SMS - 1件のSMSメッセージ送信(1,000件を超えるSMSメッセージ送信)
¥4.20
1件のSMSメッセージ送信
Oracle Cloud Infrastructure Identity and Access Management - トークン- トークン(最初の10,000トークン/月)
¥0.00
トークン
Oracle Cloud Infrastructure Identity and Access Management - トークン- トークン(10,000トークン/月超)
¥0.56
トークン
Oracle Cloud Infrastructure Identity and Access Management - レプリケーション - ユーザー/月
¥0.56
ユーザー/月

アイデンティティ・クラウド

製品
比較価格(/vCPU)*
単価
単位
Oracle Identity Cloud Service - エンタープライズ・ユーザー
¥448.00
Oracle Identity Cloud Service - コンシューマー・ユーザー
¥2.24
Oracle Identity Cloud Service - コンシューマー・ユーザー - BYOL
¥0.56
ユーザー/月
Oracle Identity Cloud Service - エンタープライズ・ユーザー - BYOL
¥112.00
ユーザー/月
Oracle Identity Foundation Cloud Service
¥0.00
個々

Key Management

サービス
単価
単位
Oracle Cloud Infrastructure - Dedicated Key Management -(最小3 HSMパーティション)
¥245.00
HSMパーティション/時間
Oracle Cloud Infrastructure - 外部キー管理
¥420.00
キー・バージョン/月
Oracle Cloud Infrastructure - Key Management - プライベート・ボールト
¥521.36
仮想プライベートVault/時間
Oracle Cloud Infrastructure Key Management - Vault
ソフトウェア保護キー
無料
HSM保護キー
(最初の20個のキー・バージョンは無料)
¥74.676
キー・バージョン/月

ネットワークのファイアウォール

製品
単価
単位
Oracle Cloud Infrastructure - Network Firewallインスタンス- インスタンス/時間
¥385.00
インスタンス/時間
Oracle Cloud Infrastructure - Network Firewall Data Processing - 処理済データのギガバイト数(最初の10,240ギガバイトの処理済データ)
¥0.00
処理済データのギガバイト数
Oracle Cloud Infrastructure - Network Firewall Data Processing - 処理済データのギガバイト数(10,240ギガバイトを超える処理済データ)
¥1.40
処理済データのギガバイト数

OS管理

製品
単価
単位
Oracle Cloud Infrastructure – OS管理
無料
NA

シークレット管理

サービス
単価
単位
Oracle Cloud Infrastructure Vault上のシークレット
無料
NA

Security Zones

製品
単価
単位
Oracle Cloud Infrastructure Security Zones
無料
NA

脅威インテリジェンス

製品
単価
単位
Oracle Threat Intelligence Service - APIコール
¥0.00
APIコール

脆弱性スキャン

製品
単価
単位
Oracle Cloud Infrastructure Vulnerability Scanning Service
無料
NA

Web Application Firewall(WAF)

製品
比較価格(/vCPU)*
単価
単位
Web Application Firewall - インスタンス(最初の1個のWAFインスタンス/月)
¥0.00
インスタンス/月
Web Application Firewall - インスタンス(1個のWAFインスタンス/月を超えた場合)
¥700.00
インスタンス/月
Web Application Firewall - リクエスト(最初の1,000万件の受信リクエスト/月)
¥0.00
1,000,000受信リクエスト/月
Web Application Firewall - リクエスト(1,000万件の受信リクエスト/月を超えた場合)
¥84.00
1,000,000受信リクエスト/月




ストレージ

Image and Artifact Storage

製品
単価
単位
カスタム画像ストレージ
オブジェクト・ストレージ-スタンダードと同じ
1か月あたりのギガバイトストレージ容量
コンテナ画像ストレージ
オブジェクト・ストレージ-スタンダードと同じ
1か月あたりのギガバイトストレージ容量
汎用アーティファクト・ストレージ
オブジェクト・ストレージ-スタンダードと同じ
1か月あたりのギガバイトストレージ容量

注: 2021年5月26日以前に存在した画像やアーティファクトは課金対象外です。

ストレージ

製品
比較価格(/vCPU)*
単価
単位
Block Volume Storage*
¥3.57
1か月あたりのギガバイトストレージ容量
Block Volume Performance Units**
¥0.238
1ギガバイトあたりのパフォーマンス単位/月

  • 0ドルで0個のVPU(低コスト型)
  • 0.017ドルで10個のVPU(バランス型)
  • 0.034ドルで20個のVPU(ハイパフォーマンス型)
  • 0.051ドルで30個のVPU(超ハイパフォーマンス型)(VPU/GB=30)
  • 0.068ドルで40個のVPU(超ハイパフォーマンス型)(VPU/GB=40)
  • 0.085ドルで50個のVPU(超ハイパフォーマンス型)(VPU/GB=50)
  • 0.102ドルで60個のVPU(超ハイパフォーマンス型)(VPU/GB=60)
  • 0.119ドルで70個のVPU(超ハイパフォーマンス型)(VPU/GB=70)
  • 0.136ドルで80個のVPU(超ハイパフォーマンス型)(VPU/GB=80)
  • 0.153ドルで90個のVPU(超ハイパフォーマンス型)(VPU/GB=90)
  • 0.170ドルで100個のVPU(超ハイパフォーマンス型)(VPU/GB=100)
  • 0.187ドルで110個のVPU(超ハイパフォーマンス型)(VPU/GB=110)
  • 0.204ドルで120個のVPU(超ハイパフォーマンス型)(VPU/GB=120)
Object Storage - 頻度の低いアクセス
¥1.40
1か月あたりのギガバイトストレージ容量
Object Storage - 頻度の低いアクセス - 取得
¥1.40
取得ギガバイト・ストレージ容量/月
Object Storage - Standard
¥3.57
1か月あたりのギガバイトストレージ容量
Object Storage - Requests
¥0.476
10,000リクエスト/月
File Storage
¥42.00
1か月あたりのギガバイトストレージ容量
Archive Storage
¥0.364
1か月あたりのギガバイトストレージ容量
Storage Gateway
無料
無料
Data Transfer Service(HDD)***
無料
無料
Data Transfer Service(アプライアンス)****
無料
無料

* 使用量は、ブロック・ボリュームがなくなるまでの各月に消費されたブロック・ボリューム・ストレージの合計を計算する「1月あたりのギガバイト・ストレージ容量」というメトリックを使って測定されます。ユーザーは、少なくとも1分間課金されます。1分以上の利用は、1秒単位で追跡され、1ヶ月の秒数で按分され、1ギガバイトあたりのストレージ容量が1ヶ月の価格設定となります。

** 使用量は、ブロック・ボリュームがなくなるまでの各月に消費されたブロック・ボリューム・パフォーマンスの合計を計算する「1月あたりのギガバイト・パフォーマンス単位」というメトリックを使って測定されます。ユーザーは、少なくとも1分間課金されます。1分以上の利用は、1秒単位で追跡され、1ヶ月の秒数で按分され、1ギガバイトあたりのストレージ容量が1ヶ月の価格設定となります。

***お客様は、ハード・ディスク・ドライブの購入およびオラクル・データ転送サイトとの間でのデータ送付について責任を負います。

****データ・エクスポートには、アウトバウンド・データ転送ネットワーキングの料金が適用されます。

ZFS Storage

製品
比較価格(/vCPU)*
単価
単位
Oracle ZFS Storage - High Availability - インスタンス/時間
¥259.00
インスタンス/時間

その他

開発者クラウドサービス

製品
比較価格(/vCPU)*
単価
単位
Oracle Developer Cloud Service - 追加ストレージ
¥224.00
1か月あたりのギガバイトストレージ容量

エッジ・サービス

製品
比較価格(/vCPU)*
単価
単位
Health Checks - Basic
¥42.00
1か月あたりのエンドポイント数
Health Checks - Premium
¥182.00
1か月あたりのエンドポイント数
DNSトラフィック管理
¥560.00
1,000,000 DNSトラフィック管理問合せ

Hospitality Nor1 Cloud Services

製品
単価
単位
Oracle Hospitality Nor1 Cloud Service
該当なし
個々
Oracle Hospitality Nor1 Cloud Service、eStandby Room Upgrade
¥0.40
アップグレード・レート
Oracle Hospitality Nor1 Cloud Service、Checkin Merchandising Room Upgrade
¥0.20
アップグレード・レート
Oracle Hospitality Nor1 Cloud Service、eXpress Room Upgrade
¥0.20
アップグレード・レート
Oracle Hospitality Nor1 Cloud Service、Non-Room Upgrade
¥0.20
アップグレード・レート

Mobile

製品
比較価格(/vCPU)*
単価
単位
モバイルハブ
¥0.392
1時間あたりのリクエスト数: Oracle Mobile Hubに対して1時間に行われるリクエストの数として定義されます。1時間あたりの最小消費率は、インスタンスごとに1時間あたり500リクエストです。リクエストは、Oracle Mobile Hubに対して行われたAPI呼び出しとして定義されます。

Oracle MICROS Simphony、従量制サービス

製品
単価
単位
Oracle MICROS Simphony Cloud Service、Single-Tenant Edition
N/A
個々
Oracle MICROS Simphony Cloud Service、Single-Tenant Edition、環境料金
¥10,500,000.00
インスタンス
Oracle MICROS Simphony Cloud Service、Single-Tenant Edition、トランザクション料金(最初の200件の処理済顧客トランザクション/月)
N/A
処理済顧客トランザクション
Oracle MICROS Simphony Cloud Service、Single-Tenant Edition、トランザクション料金(200件より多く5,000件以下の処理済顧客トランザクション/月)
¥14.00
処理済顧客トランザクション
Oracle MICROS Simphony Cloud Service、Single-Tenant Edition、トランザクション料金(5,000件より多く15,000件以下の処理済顧客トランザクション/月)
¥11.20
処理済顧客トランザクション
Oracle MICROS Simphony Cloud Service、Single-Tenant Edition、トランザクション料金(15,000件の処理済顧客トランザクション/月を超えた場合)
¥8.40
処理済顧客トランザクション
Oracle MICROS Simphony Cloud Service、Single-Tenant Edition、拡張ストレージ14~36か月
¥1,400.00
収益センター
Oracle MICROS Simphony Cloud Service、Plus Edition
N/A
個々
Oracle MICROS Simphony Cloud Service、Plus Edition、収益センター料金
¥1,400.00
収益センター
Oracle MICROS Simphony Cloud Service、Plus Edition、トランザクション料金(最初の200件の処理済顧客トランザクション/月)
N/A
処理済顧客トランザクション
Oracle MICROS Simphony Cloud Service、Plus Edition、トランザクション料金(200件より多く5,000件以下の処理済顧客トランザクション/月)
¥14.00
処理済顧客トランザクション
Oracle MICROS Simphony Cloud Service、Plus Edition、トランザクション料金(5,000件より多く15,000件以下の処理済顧客トランザクション/月)
¥11.20
処理済顧客トランザクション
Oracle MICROS Simphony Cloud Service、Plus Edition、トランザクション料金(15,000件の処理済顧客トランザクション/月を超えた場合)
¥8.40
処理済顧客トランザクション
Oracle MICROS Simphony Cloud Service、Plus Edition、拡張ストレージ14~36か月 - 収益センター
¥1,400.00
収益センター
Oracle MICROS Simphony Cloud Service、Essentials Edition
N/A
個々
Oracle MICROS Simphony Cloud Service、Essentials Edition、収益センター料金
¥1,400.00
収益センター
Oracle MICROS Simphony Cloud Service、Essentials Edition、トランザクション料金(最初の200件の処理済顧客トランザクション/月)
N/A
処理済顧客トランザクション
Oracle MICROS Simphony Cloud Service、Essentials Edition、トランザクション料金(200件より多く5,000件以下の処理済顧客トランザクション/月)
¥11.20
処理済顧客トランザクション
Oracle MICROS Simphony Cloud Service、Essentials Edition、トランザクション料金(5,000件より多く15,000件以下の処理済顧客トランザクション/月)
¥8.40
処理済顧客トランザクション
Oracle MICROS Simphony Cloud Service、Essentials Edition、トランザクション料金(15,000件の処理済顧客トランザクション/月を超えた場合)
¥5.60
処理済顧客トランザクション
Oracle MICROS Simphony Cloud Service、Essentials Edition、拡張ストレージ14~36か月
¥1,400.00
収益センター

WebLogic Cloud Service

製品
比較価格(/vCPU)*
単価
単位
Oracle Cloud Infrastructure用のOracle WebLogic Server Enterprise Edition
¥18.067
¥36.134
1時間あたりのOCPU
Oracle Cloud Infrastructure用のOracle WebLogic Suite
¥32.522
¥65.044
1時間あたりのOCPU
Oracle Cloud Infrastructure Container Engine for Kubernetes用のOracle WebLogic Server Enterprise Edition
¥18.067
¥36.134
1時間あたりのOCPU
Oracle Cloud Infrastructure Container Engine for Kubernetes用のOracle WebLogic Suite
¥32.522
¥65.044
1時間あたりのOCPU