.table-cart h5{font-size: 16px; font-size: 1rem; margin-bottom: 0} .table-cart p{font-size: 13px; color: #929daf; line-height: 1.4; margin-bottom: 0} .table-cart img{max-height: 80px} .table-cart label{font-size: 12px; display: inline-block; padding-right: 8px} .table-cart input{max-width: 60px; display: inline-block} .table-cart .item-remove{color: #929daf} .table-cart .item-remove:hover{color: #ff4954} .table-cart .price{font-weight: 100} .cart-price{border: 1px solid #eaeff4; border-radius: 3px; margin-bottom: 16px; margin-bottom: 1rem; padding: 20px; background-color: #fcfdfe} .cart-price .flexbox p{margin-bottom: 4px} .cart-price .flexbox strong{font-weight: 400; font-size: .9em} .team-1{text-align: center} .team-1 img{border-radius: .25rem; margin-bottom: 32px; margin-bottom: 2rem} .team-1 h5, .team-1 h6{letter-spacing: 1px} .team-1 h5 small, .team-1 h6 small{text-transform: uppercase; display: block; padding-top: 12px; padding-top: 0.75rem} .team-1 small{display: block; letter-spacing: 1px; margin-bottom: 16px; margin-bottom: 1rem; color: #929daf} .team-1 p{opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"} .team-2{text-align: center} .team-2 img{border-radius: 10rem; margin-bottom: 32px; margin-bottom: 2rem} .team-2 small{display: block; letter-spacing: 1px; margin-bottom: 16px; margin-bottom: 1rem} .team-3{display: -webkit-box; display: -ms-flexbox; display: flex} .team-3 img{border-radius: .25rem; max-width: 128px} .team-3 .team-img{-ms-flex-negative: 0; flex-shrink: 0} .team-3 .team-body{padding-left: 32px; padding-left: 2rem} .team-3 small{display: block; letter-spacing: 1px; margin-bottom: 16px; margin-bottom: 1rem; text-transform: uppercase} .team-3 p{opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"} @media (max-width: 991.98px){.team-3 img{max-width: 56px}} body{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh} .container-xs, .container-sm{width: 100%; padding: 0 15px; margin: 0 auto} .container-xs{max-width: 540px} .container-sm{max-width: 640px} .main-container{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative} .main-container.container-fluid{padding-left: 30px; padding-right: 30px} .main-content{-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1} .backdrop{position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; cursor: pointer} .layout-centered .main-content{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around} .layout-centered .main-content .section{width: 100%} .footer{padding: 20px 0; padding: 1.25rem 0; border-top: 1px solid #f1f2f3} .row.no-gap{margin-left: 0; margin-right: 0} .row.no-gap > .col, .row.no-gap > [class*="col-"]{padding-right: 0; padding-left: 0} .row.gap-1{margin-left: -4px; margin-right: -4px} .row.gap-1 > .col, .row.gap-1 > [class*="col-"]{padding-left: 4px; padding-right: 4px} .row.gap-2{margin-left: -8px; margin-right: -8px} .row.gap-2 > .col, .row.gap-2 > [class*="col-"]{padding-left: 8px; padding-right: 8px} .row.gap-3{margin-left: -15px; margin-right: -15px} .row.gap-3 > .col, .row.gap-3 > [class*="col-"]{padding-left: 15px; padding-right: 15px} .row.gap-4{margin-left: -15px; margin-right: -15px} .row.gap-4 > .col, .row.gap-4 > [class*="col-"]{padding-left: 15px; padding-right: 15px} .row.gap-5{margin-left: -15px; margin-right: -15px} .row.gap-5 > .col, .row.gap-5 > [class*="col-"]{padding-left: 15px; padding-right: 15px} .row.gap-y{margin-top: -15px; margin-bottom: -15px} .row.gap-y > .col, .row.gap-y > [class*="col-"]{padding-top: 15px; padding-bottom: 15px} .row.gap-y.gap-1{margin-top: -4px; margin-bottom: -4px} .row.gap-y.gap-1 > .col, .row.gap-y.gap-1 > [class*="col-"]{padding-top: 4px; padding-bottom: 4px} .row.gap-y.gap-2{margin-top: -8px; margin-bottom: -8px} .row.gap-y.gap-2 > .col, .row.gap-y.gap-2 > [class*="col-"]{padding-top: 8px; padding-bottom: 8px} .row.gap-y.gap-3{margin-top: -15px; margin-bottom: -15px} .row.gap-y.gap-3 > .col, .row.gap-y.gap-3 > [class*="col-"]{padding-top: 15px; padding-bottom: 15px} .row.gap-y.gap-4{margin-top: -15px; margin-bottom: -15px} .row.gap-y.gap-4 > .col, .row.gap-y.gap-4 > [class*="col-"]{padding-top: 15px; padding-bottom: 15px} .row.gap-y.gap-5{margin-top: -15px; margin-bottom: -15px} .row.gap-y.gap-5 > .col, .row.gap-y.gap-5 > [class*="col-"]{padding-top: 15px; padding-bottom: 15px} .flexbox{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .flexbox > *{display: inline-block; margin-left: 4px; margin-right: 4px} .flexbox > *:first-child{margin-left: 0} .flexbox > *:last-child{margin-right: 0} .flexbox.no-gap > *{margin-left: 0; margin-right: 0} ul.flexbox{list-style: none; padding-left: 0; margin-bottom: 0} .flexbox-vertical{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .flexbox-vertical.no-gap > *{margin-top: 0; margin-bottom: 0} .flex-grow-all > *, .flex-cols-wide > *, .flex-col-wide, .flex-grow{-webkit-box-flex: 1; -ms-flex: 1; flex: 1} .flex-grow-1{-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1} .flex-grow-2{-webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2} .flex-grow-3{-webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3} .flex-grow-4{-webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4} .flex-grow-5{-webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5} .flex-grow-6{-webkit-box-flex: 6; -ms-flex-positive: 6; flex-grow: 6} .flex-grow-7{-webkit-box-flex: 7; -ms-flex-positive: 7; flex-grow: 7} .flex-grow-8{-webkit-box-flex: 8; -ms-flex-positive: 8; flex-grow: 8} .flex-grow-9{-webkit-box-flex: 9; -ms-flex-positive: 9; flex-grow: 9} .flex-grow-0{-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0} .masonry-grid{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px} .masonry-grid.no-gap{-webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0} .masonry-grid.no-gap .masonry-item{padding-bottom: 0} .masonry-grid.gap-1{-webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px} .masonry-grid.gap-1 .masonry-item{padding-bottom: 8px} .masonry-grid.gap-2{-webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px} .masonry-grid.gap-2 .masonry-item{padding-bottom: 16px} .masonry-grid.gap-3{-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px} .masonry-grid.gap-3 .masonry-item{padding-bottom: 30px} .masonry-grid.gap-4{-webkit-column-gap: 48px; -moz-column-gap: 48px; column-gap: 48px} .masonry-grid.gap-4 .masonry-item{padding-bottom: 48px} .masonry-grid.gap-5{-webkit-column-gap: 64px; -moz-column-gap: 64px; column-gap: 64px} .masonry-grid.gap-5 .masonry-item{padding-bottom: 64px} .masonry-cols-2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2} .masonry-cols-3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3} .masonry-cols-4{-webkit-column-count: 4; -moz-column-count: 4; column-count: 4} .masonry-cols-5{-webkit-column-count: 5; -moz-column-count: 5; column-count: 5} .masonry-item{display: block; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding-bottom: 30px} .topbar{position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; border-bottom: 1px solid #f1f2f3; height: 40px; z-index: 1001; display: none} .topbar > .container, .topbar > .container-fluid{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: inherit} .topbar.text-white{border-bottom-color: rgba(255, 255, 255, 0.05)} .topbar-divider{display: inline-block; height: 12px; width: 1px; background-color: rgba(127, 127, 127, 0.15); margin: 0 16px; margin: 0 1rem; margin-bottom: 2px; vertical-align: middle} @media (min-width: 576px){body:not(.body-scrolled) .topbar.d-sm-flex ~ .navbar{top: 40px}} @media (min-width: 768px){body:not(.body-scrolled) .topbar.d-md-flex ~ .navbar{top: 40px}} @media (min-width: 992px){body:not(.body-scrolled) .topbar.d-lg-flex ~ .navbar{top: 40px}} @media (min-width: 1200px){body:not(.body-scrolled) .topbar.d-xl-flex ~ .navbar{top: 40px}} body:not(.body-scrolled) .topbar.d-flex ~ .navbar{top: 40px} .navbar{position: absolute; top: 10px; left: 0; right: 0; z-index: 1000; -webkit-transition: background-color .3s ease-out, -webkit-transform .3s ease-out; transition: background-color .3s ease-out, -webkit-transform .3s ease-out; transition: transform .3s ease-out, background-color .3s ease-out; transition: transform .3s ease-out, background-color .3s ease-out, -webkit-transform .3s ease-out; padding-top: 0; padding-bottom: 0; min-height: 56px} .modal-open .navbar{right: 16px} .navbar .row{-webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1} .navbar-scrolled .navbar{top: 0} .navbar-offset-0{top: 0} .navbar-left{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0} [data-navbar="static"]{position: static; border-bottom: 1px solid #eaeff4; top: auto} [data-navbar="fixed"]{position: fixed} .navbar-scrolled [data-navbar="fixed"]{background-color: rgba(255, 255, 255, 0.99); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05)} .navbar-scrolled [data-navbar="fixed"] .d-stick-none{display: none !important} .navbar-scrolled [data-navbar="fixed"] .d-stick-block{display: block !important} .navbar-scrolled [data-navbar="fixed"] .d-stick-flex{display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important} .navbar-scrolled [data-navbar="fixed"] .d-stick-inline-flex{display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important} .navbar-scrolled [data-navbar="fixed"] .d-stick-inline-block{display: inline-block !important} .body-scrolled [data-navbar="sticky"]{-webkit-transform: translate(0, -100%); transform: translate(0, -100%)} .navbar-scrolled [data-navbar="sticky"]{position: fixed} .header-scrolled [data-navbar="sticky"]{top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); background-color: rgba(255, 255, 255, 0.99); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05)} .header-scrolled [data-navbar="sticky"] .d-stick-none{display: none !important} .header-scrolled [data-navbar="sticky"] .d-stick-block{display: block !important} .header-scrolled [data-navbar="sticky"] .d-stick-flex{display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important} .header-scrolled [data-navbar="sticky"] .d-stick-inline-flex{display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important} .header-scrolled [data-navbar="sticky"] .d-stick-inline-block{display: inline-block !important} .body-scrolled [data-navbar="smart"]{-webkit-transform: translate(0, -100%); transform: translate(0, -100%)} .navbar-scrolled [data-navbar="smart"]{position: fixed} [data-navbar="smart"].stick{top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05); background-color: rgba(255, 255, 255, 0.99); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05)} [data-navbar="smart"].stick .d-stick-none{display: none !important} [data-navbar="smart"].stick .d-stick-block{display: block !important} [data-navbar="smart"].stick .d-stick-flex{display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important} [data-navbar="smart"].stick .d-stick-inline-flex{display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important} [data-navbar="smart"].stick .d-stick-inline-block{display: inline-block !important} .navbar-brand{display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .navbar-brand img{vertical-align: baseline; width: 95px; height: 40px;} .navbar-divider{display: inline-block; height: 16px; width: 1px; background-color: #fff; margin: 0 16px; margin: 0 1rem; opacity: 0.15; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"} .navbar-toggler{border: none; cursor: pointer; font-size: 24px; font-size: 1.5rem} .nav-navbar{position: relative} .nav-navbar .nav-item{position: relative} .nav-navbar > .nav-item > .nav-link, .nav-navbar > .nav-link{line-height: 56px; padding-top: 0; padding-bottom: 0} .nav-navbar .nav-link{font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 0.87em; word-spacing: 2px; padding-left: 16px; padding-left: 1rem; padding-right: 16px; padding-right: 1rem} .nav-navbar .arrow{display: inline-block; width: 0; height: 0; margin-bottom: 2px; border-left: 3px solid transparent; border-right: 3px solid transparent} .nav-navbar .nav-item:hover > .nav{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0)} .nav-navbar .nav-item.nav-mega:hover .nav{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible} .nav-navbar.nav-text-normal .nav-link{text-transform: none} .nav-navbar .nav{position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 176px; min-width: 11rem; padding-top: 8px; padding-top: 0.5rem; padding-bottom: 8px; padding-bottom: 0.5rem; background-color: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.04); border-radius: 3px; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transform: translate(0, -8px); transform: translate(0, -8px); z-index: 1} .nav-navbar .nav.align-right{right: 0} .nav-navbar .nav.columns-2{-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-width: 352px; min-width: 22rem} .nav-navbar .nav.columns-2 > .nav-link, .nav-navbar .nav.columns-2 > .nav-item{-ms-flex-preferred-size: 50%; flex-basis: 50%} .nav-navbar .nav.columns-3{-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-width: 528px; min-width: 33rem} .nav-navbar .nav.columns-3 > .nav-link, .nav-navbar .nav.columns-3 > .nav-item{-ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%} .nav-navbar .nav .nav-link{font-weight: 400; text-transform: none; padding-top: 4px; padding-top: 0.25rem; padding-bottom: 4px; padding-bottom: 0.25rem; letter-spacing: 0.5px; color: rgba(117, 117, 117, 0.8)} .nav-navbar .nav .arrow{position: absolute; right: 20px; right: 1.25rem; top: 50%; margin-top: -2px; font-style: normal; border: none; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; width: 5px; height: 5px; border-top: 1px solid rgba(117, 117, 117, 0.8); border-right: 1px solid rgba(117, 117, 117, 0.8); border-top-width: 1px !important; -webkit-transform: rotate(45deg); transform: rotate(45deg)} .nav-navbar .nav .nav-item.show > .nav-link, .nav-navbar .nav .nav-item:hover > .nav-link, .nav-navbar .nav .nav-link.show, .nav-navbar .nav .nav-link:hover{color: #555} .nav-navbar .nav .nav-item.show > .nav-link .arrow, .nav-navbar .nav .nav-item:hover > .nav-link .arrow, .nav-navbar .nav .nav-link.show .arrow, .nav-navbar .nav .nav-link:hover .arrow{border-top-color: #555; border-right-color: #555} .nav-navbar .nav .nav-item.active > .nav-link, .nav-navbar .nav .nav-link.active{font-weight: 600; color: #323d47} .nav-navbar .nav .nav-item.active > .nav-link .arrow, .nav-navbar .nav .nav-link.active .arrow{border-top-color: #323d47; border-right-color: #323d47} .nav-navbar .nav .nav{top: 0; left: 99%; -webkit-transform: translate(-8px, 0); transform: translate(-8px, 0)} .nav-navbar .nav.align-right .nav{left: auto; right: 99%; -webkit-transform: translate(8px, 0); transform: translate(8px, 0)} .nav-navbar .nav-mega{position: static} .nav-navbar .nav-mega .nav{left: 0; min-width: 100%} .nav-navbar .nav-mega .nav .nav{position: static; background-color: transparent; padding: 0; box-shadow: none; -webkit-transform: none; transform: none} .nav-navbar .nav-mega .row{-webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start} .navbar-mobile{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%} .backdrop-navbar{background-color: rgba(255, 255, 255, 0.95); z-index: 1001} .navbar-open{overflow: hidden} .navbar-open .navbar{box-shadow: none} .navbar-open .navbar .logo-dark{display: inline-block} .navbar-open .navbar .logo-light{display: none} .navbar-open .navbar .navbar-toggler{color: rgba(117, 117, 117, 0.8)} .navbar-open .navbar .navbar-toggler:hover{color: #555} .navbar-open .navbar .navbar-divider{background-color: rgba(117, 117, 117, 0.8)} .navbar-open .navbar .nav-navbar > .nav-item > .nav-link, .navbar-open .navbar .nav-navbar > .nav-link{color: rgba(117, 117, 117, 0.8)} .navbar-open .navbar .nav-navbar > .nav-item > .nav-link > .arrow, .navbar-open .navbar .nav-navbar > .nav-link > .arrow{border-top: 3px solid rgba(117, 117, 117, 0.8)} .navbar-open .navbar .nav-navbar > .nav-item.show > .nav-link, .navbar-open .navbar .nav-navbar > .nav-item:hover > .nav-link, .navbar-open .navbar .nav-navbar > .nav-link.show, .navbar-open .navbar .nav-navbar > .nav-link:hover{color: #555} .navbar-open .navbar .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-open .navbar .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-open .navbar .nav-navbar > .nav-link.show > .arrow, .navbar-open .navbar .nav-navbar > .nav-link:hover > .arrow{border-top-color: inherit} .navbar-open .navbar .nav-navbar > .nav-item.active > .nav-link, .navbar-open .navbar .nav-navbar > .nav-item > .nav-link.active, .navbar-open .navbar .nav-navbar > .nav-link.active{color: #323d47} .navbar-open .navbar .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-open .navbar .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-open .navbar .nav-navbar > .nav-link.active > .arrow{border-top-color: inherit} .navbar-open .navbar-mobile{left: 0 !important; box-shadow: 2px 0 9px rgba(0, 0, 0, 0.05)} @media (max-width: 575.98px){.navbar-expand-sm .navbar-mobile{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; width: 300px; height: 100vh; position: fixed; top: 0; left: -300px; bottom: 0; padding: 20px; background-color: #fff; overflow-y: auto; overflow-x: hidden; -webkit-transition: left 0.3s ease; transition: left 0.3s ease; z-index: 1002}.navbar-expand-sm .navbar-mobile > *{padding-top: 10px; padding-bottom: 10px}.navbar-expand-sm .navbar-divider{display: block; height: 1px; width: 100%; margin: 1rem 0; padding: 0}.navbar-expand-sm .nav-navbar:not(.nav-inline){-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%}.navbar-expand-sm .nav-navbar:not(.nav-inline) > .nav-item > .nav-link, .navbar-expand-sm .nav-navbar:not(.nav-inline) > .nav-link{min-height: inherit; line-height: inherit; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.95rem; text-transform: none}.navbar-expand-sm .nav-navbar:not(.nav-inline) .arrow{float: right; margin-top: 12px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}.navbar-expand-sm .nav-navbar:not(.nav-inline) .nav-divider{display: none}.navbar-expand-sm .nav-navbar:not(.nav-inline) > .nav-item > .nav{display: none; border-left: 1px dashed rgba(0, 0, 0, 0.08)}.navbar-expand-sm .nav-navbar:not(.nav-inline) > .nav-item > .nav:before{content: ''; display: inline-block; position: absolute; top: 9px; left: -4px; bottom: 15px; border-left: 1px dashed rgba(0, 0, 0, 0.08); display: none}.navbar-expand-sm .nav-navbar .nav{position: static; visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; box-shadow: none; margin-left: 1.25rem; padding-top: 0; padding-bottom: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0)}.navbar-expand-sm .nav-navbar .nav.columns-2, .navbar-expand-sm .nav-navbar .nav.columns-3{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 100%}.navbar-expand-sm .nav-navbar .nav.columns-2 > .nav-link, .navbar-expand-sm .nav-navbar .nav.columns-2 > .nav-item, .navbar-expand-sm .nav-navbar .nav.columns-3 > .nav-link, .navbar-expand-sm .nav-navbar .nav.columns-3 > .nav-item{-ms-flex-preferred-size: 100%; flex-basis: 100%}.navbar-expand-sm .nav-navbar .nav .nav-link{padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.875rem}.navbar-expand-sm .d-mobile-none{display: none !important}.navbar-expand-sm .d-mobile-block{display: block !important}.navbar-expand-sm .d-mobile-flex{display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important}.navbar-expand-sm .d-mobile-inline-flex{display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important}.navbar-expand-sm .d-mobile-inline-block{display: inline-block !important}} @media (min-width: 576px){.navbar-expand-sm .backdrop-navbar{display: none}} @media (max-width: 767.98px){.navbar-expand-md .navbar-mobile{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; width: 300px; height: 100vh; position: fixed; top: 0; left: -300px; bottom: 0; padding: 20px; background-color: #fff; overflow-y: auto; overflow-x: hidden; -webkit-transition: left 0.3s ease; transition: left 0.3s ease; z-index: 1002}.navbar-expand-md .navbar-mobile > *{padding-top: 10px; padding-bottom: 10px}.navbar-expand-md .navbar-divider{display: block; height: 1px; width: 100%; margin: 1rem 0; padding: 0}.navbar-expand-md .nav-navbar:not(.nav-inline){-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%}.navbar-expand-md .nav-navbar:not(.nav-inline) > .nav-item > .nav-link, .navbar-expand-md .nav-navbar:not(.nav-inline) > .nav-link{min-height: inherit; line-height: inherit; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.95rem; text-transform: none}.navbar-expand-md .nav-navbar:not(.nav-inline) .arrow{float: right; margin-top: 12px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}.navbar-expand-md .nav-navbar:not(.nav-inline) .nav-divider{display: none}.navbar-expand-md .nav-navbar:not(.nav-inline) > .nav-item > .nav{display: none; border-left: 1px dashed rgba(0, 0, 0, 0.08)}.navbar-expand-md .nav-navbar:not(.nav-inline) > .nav-item > .nav:before{content: ''; display: inline-block; position: absolute; top: 9px; left: -4px; bottom: 15px; border-left: 1px dashed rgba(0, 0, 0, 0.08); display: none}.navbar-expand-md .nav-navbar .nav{position: static; visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; box-shadow: none; margin-left: 1.25rem; padding-top: 0; padding-bottom: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0)}.navbar-expand-md .nav-navbar .nav.columns-2, .navbar-expand-md .nav-navbar .nav.columns-3{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 100%}.navbar-expand-md .nav-navbar .nav.columns-2 > .nav-link, .navbar-expand-md .nav-navbar .nav.columns-2 > .nav-item, .navbar-expand-md .nav-navbar .nav.columns-3 > .nav-link, .navbar-expand-md .nav-navbar .nav.columns-3 > .nav-item{-ms-flex-preferred-size: 100%; flex-basis: 100%}.navbar-expand-md .nav-navbar .nav .nav-link{padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.875rem}.navbar-expand-md .d-mobile-none{display: none !important}.navbar-expand-md .d-mobile-block{display: block !important}.navbar-expand-md .d-mobile-flex{display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important}.navbar-expand-md .d-mobile-inline-flex{display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important}.navbar-expand-md .d-mobile-inline-block{display: inline-block !important}} @media (min-width: 768px){.navbar-expand-md .backdrop-navbar{display: none}} @media (max-width: 991.98px){.navbar-expand-lg .navbar-mobile{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; width: 300px; height: 100vh !important; position: fixed; top: 0; left: -300px; bottom: 0; padding: 20px; background-color: #fff; overflow-y: auto; overflow-x: hidden; -webkit-transition: left 0.3s ease; transition: left 0.3s ease; z-index: 1002}.navbar-expand-lg .navbar-mobile > *{padding-top: 10px; padding-bottom: 10px}.navbar-expand-lg .navbar-divider{display: block; height: 1px; width: 100%; margin: 1rem 0; padding: 0}.navbar-expand-lg .nav-navbar:not(.nav-inline){-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%}.navbar-expand-lg .nav-navbar:not(.nav-inline) > .nav-item > .nav-link, .navbar-expand-lg .nav-navbar:not(.nav-inline) > .nav-link{min-height: inherit; line-height: inherit; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.95rem; text-transform: none}.navbar-expand-lg .nav-navbar:not(.nav-inline) .arrow{float: right; margin-top: 12px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}.navbar-expand-lg .nav-navbar:not(.nav-inline) .nav-divider{display: none}.navbar-expand-lg .nav-navbar:not(.nav-inline) > .nav-item > .nav{display: none; border-left: 1px dashed rgba(0, 0, 0, 0.08)}.navbar-expand-lg .nav-navbar:not(.nav-inline) > .nav-item > .nav:before{content: ''; display: inline-block; position: absolute; top: 9px; left: -4px; bottom: 15px; border-left: 1px dashed rgba(0, 0, 0, 0.08); display: none}.navbar-expand-lg .nav-navbar .nav{position: static; visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; box-shadow: none; margin-left: 1.25rem; padding-top: 0; padding-bottom: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0)}.navbar-expand-lg .nav-navbar .nav.columns-2, .navbar-expand-lg .nav-navbar .nav.columns-3{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 100%}.navbar-expand-lg .nav-navbar .nav.columns-2 > .nav-link, .navbar-expand-lg .nav-navbar .nav.columns-2 > .nav-item, .navbar-expand-lg .nav-navbar .nav.columns-3 > .nav-link, .navbar-expand-lg .nav-navbar .nav.columns-3 > .nav-item{-ms-flex-preferred-size: 100%; flex-basis: 100%}.navbar-expand-lg .nav-navbar .nav .nav-link{padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.875rem}.navbar-expand-lg .d-mobile-none{display: none !important}.navbar-expand-lg .d-mobile-block{display: block !important}.navbar-expand-lg .d-mobile-flex{display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important}.navbar-expand-lg .d-mobile-inline-flex{display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important}.navbar-expand-lg .d-mobile-inline-block{display: inline-block !important}} @media (min-width: 992px){.navbar-expand-lg .backdrop-navbar{display: none}} @media (max-width: 1199.98px){.navbar-expand-xl .navbar-mobile{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; width: 300px; height: 100vh; position: fixed; top: 0; left: -300px; bottom: 0; padding: 20px; background-color: #fff; overflow-y: auto; overflow-x: hidden; -webkit-transition: left 0.3s ease; transition: left 0.3s ease; z-index: 1002}.navbar-expand-xl .navbar-mobile > *{padding-top: 10px; padding-bottom: 10px}.navbar-expand-xl .navbar-divider{display: block; height: 1px; width: 100%; margin: 1rem 0; padding: 0}.navbar-expand-xl .nav-navbar:not(.nav-inline){-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%}.navbar-expand-xl .nav-navbar:not(.nav-inline) > .nav-item > .nav-link, .navbar-expand-xl .nav-navbar:not(.nav-inline) > .nav-link{min-height: inherit; line-height: inherit; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.95rem; text-transform: none}.navbar-expand-xl .nav-navbar:not(.nav-inline) .arrow{float: right; margin-top: 12px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}.navbar-expand-xl .nav-navbar:not(.nav-inline) .nav-divider{display: none}.navbar-expand-xl .nav-navbar:not(.nav-inline) > .nav-item > .nav{display: none; border-left: 1px dashed rgba(0, 0, 0, 0.08)}.navbar-expand-xl .nav-navbar:not(.nav-inline) > .nav-item > .nav:before{content: ''; display: inline-block; position: absolute; top: 9px; left: -4px; bottom: 15px; border-left: 1px dashed rgba(0, 0, 0, 0.08); display: none}.navbar-expand-xl .nav-navbar .nav{position: static; visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; box-shadow: none; margin-left: 1.25rem; padding-top: 0; padding-bottom: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0)}.navbar-expand-xl .nav-navbar .nav.columns-2, .navbar-expand-xl .nav-navbar .nav.columns-3{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 100%}.navbar-expand-xl .nav-navbar .nav.columns-2 > .nav-link, .navbar-expand-xl .nav-navbar .nav.columns-2 > .nav-item, .navbar-expand-xl .nav-navbar .nav.columns-3 > .nav-link, .navbar-expand-xl .nav-navbar .nav.columns-3 > .nav-item{-ms-flex-preferred-size: 100%; flex-basis: 100%}.navbar-expand-xl .nav-navbar .nav .nav-link{padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.875rem}.navbar-expand-xl .d-mobile-none{display: none !important}.navbar-expand-xl .d-mobile-block{display: block !important}.navbar-expand-xl .d-mobile-flex{display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important}.navbar-expand-xl .d-mobile-inline-flex{display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important}.navbar-expand-xl .d-mobile-inline-block{display: inline-block !important}} @media (min-width: 1200px){.navbar-expand-xl .backdrop-navbar{display: none}} .navbar-expand .navbar-mobile{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; width: 300px; height: 100vh; position: fixed; top: 0; left: -300px; bottom: 0; padding: 20px; background-color: #fff; overflow-y: auto; overflow-x: hidden; -webkit-transition: left 0.3s ease; transition: left 0.3s ease; z-index: 1002} .navbar-expand .navbar-mobile > *{padding-top: 10px; padding-bottom: 10px} .navbar-expand .navbar-divider{display: block; height: 1px; width: 100%; margin: 16px 0; margin: 1rem 0; padding: 0} .navbar-expand .nav-navbar:not(.nav-inline){-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%} .navbar-expand .nav-navbar:not(.nav-inline) > .nav-item > .nav-link, .navbar-expand .nav-navbar:not(.nav-inline) > .nav-link{min-height: inherit; line-height: inherit; padding-top: 12px; padding-top: 0.75rem; padding-bottom: 12px; padding-bottom: 0.75rem; font-size: 15.2px; font-size: 0.95rem; text-transform: none} .navbar-expand .nav-navbar:not(.nav-inline) .arrow{float: right; margin-top: 12px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg)} .navbar-expand .nav-navbar:not(.nav-inline) .nav-divider{display: none} .navbar-expand .nav-navbar:not(.nav-inline) > .nav-item > .nav{display: none; border-left: 1px dashed rgba(0, 0, 0, 0.08)} .navbar-expand .nav-navbar:not(.nav-inline) > .nav-item > .nav:before{content: ''; display: inline-block; position: absolute; top: 9px; left: -4px; bottom: 15px; border-left: 1px dashed rgba(0, 0, 0, 0.08); display: none} .navbar-expand .nav-navbar .nav{position: static; visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; box-shadow: none; margin-left: 20px; margin-left: 1.25rem; padding-top: 0; padding-bottom: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0)} .navbar-expand .nav-navbar .nav.columns-2, .navbar-expand .nav-navbar .nav.columns-3{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 100%} .navbar-expand .nav-navbar .nav.columns-2 > .nav-link, .navbar-expand .nav-navbar .nav.columns-2 > .nav-item, .navbar-expand .nav-navbar .nav.columns-3 > .nav-link, .navbar-expand .nav-navbar .nav.columns-3 > .nav-item{-ms-flex-preferred-size: 100%; flex-basis: 100%} .navbar-expand .nav-navbar .nav .nav-link{padding-top: 6px; padding-top: 0.375rem; padding-bottom: 6px; padding-bottom: 0.375rem; font-size: 14px; font-size: 0.875rem} .navbar-expand .d-mobile-none{display: none !important} .navbar-expand .d-mobile-block{display: block !important} .navbar-expand .d-mobile-flex{display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important} .navbar-expand .d-mobile-inline-flex{display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important} .navbar-expand .d-mobile-inline-block{display: inline-block !important} .navbar-expand .backdrop-navbar{display: none} .navbar-light .logo-dark, .navbar-stick-light.stick .logo-dark{display: none} .navbar-light .logo-light, .navbar-stick-light.stick .logo-light{display: inline-block; object-fit: contain; width: auto; height: 3rem;} .navbar-light .navbar-toggler, .navbar-stick-light.stick .navbar-toggler{color: rgba(255, 255, 255, 0.65)} .navbar-light .navbar-toggler:hover, .navbar-stick-light.stick .navbar-toggler:hover{color: #fff} .navbar-light .navbar-divider, .navbar-stick-light.stick .navbar-divider{background-color: rgba(255, 255, 255, 0.65)} .navbar-light .nav-navbar > .nav-item > .nav-link, .navbar-light .nav-navbar > .nav-link, .navbar-stick-light.stick .nav-navbar > .nav-item > .nav-link, .navbar-stick-light.stick .nav-navbar > .nav-link{color: rgba(255, 255, 255, 0.65)} .navbar-light .nav-navbar > .nav-item > .nav-link > .arrow, .navbar-light .nav-navbar > .nav-link > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item > .nav-link > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-link > .arrow{border-top: 3px solid rgba(255, 255, 255, 0.65)} .navbar-light .nav-navbar > .nav-item.show > .nav-link, .navbar-light .nav-navbar > .nav-item:hover > .nav-link, .navbar-light .nav-navbar > .nav-link.show, .navbar-light .nav-navbar > .nav-link:hover, .navbar-stick-light.stick .nav-navbar > .nav-item.show > .nav-link, .navbar-stick-light.stick .nav-navbar > .nav-item:hover > .nav-link, .navbar-stick-light.stick .nav-navbar > .nav-link.show, .navbar-stick-light.stick .nav-navbar > .nav-link:hover{color: #fff} .navbar-light .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-light .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-light .nav-navbar > .nav-link.show > .arrow, .navbar-light .nav-navbar > .nav-link:hover > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-link.show > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-link:hover > .arrow{border-top-color: inherit} .navbar-light .nav-navbar > .nav-item.active > .nav-link, .navbar-light .nav-navbar > .nav-item > .nav-link.active, .navbar-light .nav-navbar > .nav-link.active, .navbar-stick-light.stick .nav-navbar > .nav-item.active > .nav-link, .navbar-stick-light.stick .nav-navbar > .nav-item > .nav-link.active, .navbar-stick-light.stick .nav-navbar > .nav-link.active{color: #fff} .navbar-light .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-light .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-light .nav-navbar > .nav-link.active > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-link.active > .arrow{border-top-color: inherit} .navbar-dark .logo-dark, .navbar-stick-dark.stick .logo-dark{display: inline-block; object-fit: contain; width: auto; height: 3rem;} .navbar-dark .logo-light, .navbar-stick-dark.stick .logo-light{display: none} .navbar-dark .navbar-toggler, .navbar-stick-dark.stick .navbar-toggler{color: rgba(117, 117, 117, 0.8)} .navbar-dark .navbar-toggler:hover, .navbar-stick-dark.stick .navbar-toggler:hover{color: #555} .navbar-dark .navbar-divider, .navbar-stick-dark.stick .navbar-divider{background-color: rgba(117, 117, 117, 0.8)} .navbar-dark .nav-navbar > .nav-item > .nav-link, .navbar-dark .nav-navbar > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-link{color: rgba(117, 117, 117, 0.8)} .navbar-dark .nav-navbar > .nav-item > .nav-link > .arrow, .navbar-dark .nav-navbar > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-link > .arrow{border-top: 3px solid rgba(117, 117, 117, 0.8)} .navbar-dark .nav-navbar > .nav-item.show > .nav-link, .navbar-dark .nav-navbar > .nav-item:hover > .nav-link, .navbar-dark .nav-navbar > .nav-link.show, .navbar-dark .nav-navbar > .nav-link:hover, .navbar-stick-dark.stick .nav-navbar > .nav-item.show > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-item:hover > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-link.show, .navbar-stick-dark.stick .nav-navbar > .nav-link:hover{color: #555} .navbar-dark .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-dark .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-dark .nav-navbar > .nav-link.show > .arrow, .navbar-dark .nav-navbar > .nav-link:hover > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-link.show > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-link:hover > .arrow{border-top-color: inherit} .navbar-dark .nav-navbar > .nav-item.active > .nav-link, .navbar-dark .nav-navbar > .nav-item > .nav-link.active, .navbar-dark .nav-navbar > .nav-link.active, .navbar-stick-dark.stick .nav-navbar > .nav-item.active > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link.active, .navbar-stick-dark.stick .nav-navbar > .nav-link.active{color: #323d47} .navbar-dark .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-dark .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-dark .nav-navbar > .nav-link.active > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-link.active > .arrow{border-top-color: inherit} .offcanvas{position: relative; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 24px; padding: 1.5rem; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); z-index: 1010; visibility: hidden} .offcanvas > .container, .offcanvas > .container-fluid{position: relative; height: 100%} .offcanvas[data-animation]{-webkit-transition: 0.4s ease-out; transition: 0.4s ease-out} .offcanvas[data-animation="fade"]{opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .offcanvas[data-animation="slide-up"]{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate(0, 100%); transform: translate(0, 100%)} .offcanvas[data-animation="slide-down"]{-webkit-transform: translate(0, -100%); transform: translate(0, -100%)} .offcanvas[data-animation="slide-left"]{left: auto; right: 0; -webkit-transform: translate(100%, 0); transform: translate(100%, 0)} .offcanvas[data-animation="slide-right"]{-webkit-transform: translate(-100%, 0); transform: translate(-100%, 0)} .offcanvas.show{visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate(0, 0); transform: translate(0, 0)} .offcanvas .close{float: none; padding: 12px 16px; padding: 0.75rem 1rem; font-weight: 100; font-size: 40px; font-size: 2.5rem; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out} .offcanvas .close:not(.position-static){position: absolute; top: 0; right: 0} .offcanvas.bg-img{position: fixed} .backdrop-offcanvas{z-index: 1009} .popup{position: fixed; right: 32px; right: 2rem; bottom: 32px; bottom: 2rem; padding: 24px; padding: 1.5rem; background-color: #fff; border: 1px solid #f1f2f3; border-radius: 0.25rem; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; z-index: 1010; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .popup.show{visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important} .popup.show[data-position$="-center"]{-webkit-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important} .popup[data-position="top-left"]{right: auto; bottom: auto; top: 32px; top: 2rem; left: 32px; left: 2rem} .popup[data-position="top-right"]{bottom: auto; top: 32px; top: 2rem} .popup[data-position="bottom-left"]{right: auto; left: 32px; left: 2rem} .popup[data-position="top-center"]{right: auto; bottom: auto; top: 32px; top: 2rem; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%)} .popup[data-position="bottom-center"]{right: auto; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%)} .popup[data-animation="slide-up"]{-webkit-transform: translate(0, 100%); transform: translate(0, 100%)} .popup[data-animation="slide-up"][data-position$="-center"]{-webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%)} .popup[data-animation="slide-down"]{-webkit-transform: translate(0, -100%); transform: translate(0, -100%)} .popup[data-animation="slide-down"][data-position$="-center"]{-webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%)} .popup[data-animation="slide-left"]{-webkit-transform: translate(100%, 0); transform: translate(100%, 0)} .popup[data-animation="slide-right"]{-webkit-transform: translate(-100%, 0); transform: translate(-100%, 0)} .popup .close{position: absolute; top: 0; right: 0; padding: 12px 16px; padding: 0.75rem 1rem; font-weight: 100; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out} .header{position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 146px; padding-bottom: 90px} .header > .container, .header > .container-fluid{position: relative; height: 100%} .header.h-fullscreen{padding-top: 90px} .section{position: relative; border-bottom: none; background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 64px; padding-top: 4rem; padding-bottom: 64px; padding-bottom: 4rem} .section > .container, .section > .container-fluid, .section > .container-wide{position: relative; height: 100%} @media (max-width: 991.98px){.section{padding-top: 5rem; padding-bottom: 5rem}} .section-header{text-align: center; max-width: 70%; margin: 0 auto 70px} .section-header small{display: inline-block; font-size: 11px; font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.75px; margin-bottom: 24px; margin-bottom: 1.5rem; word-spacing: 2px; color: rgba(153, 153, 153, 0.6)} .section-header hr{width: 50px; margin-top: 40px; margin-top: 2.5rem; margin-bottom: 24px; margin-bottom: 1.5rem} .section-header p{font-size: 17px; font-size: 1.0625rem} .section-header p.lead, .section-header .pricing-4 .plan-price p, .pricing-4 .plan-price .section-header p{font-size: 18px; font-size: 1.125rem} @media (max-width: 991.98px){.section-header{max-width: 90%}} .section-video{overflow: hidden; padding-top: 0; padding-bottom: 0} .section-video > .container, .section-video > .container-fluid, .section-video > .container-wide{padding-top: 90px; padding-bottom: 90px} .section-dialog{background-color: #fff; padding: 16px; padding: 1rem; border-radius: 4px} @media (min-width: 768px){.section-dialog{padding: 20px 24px}} @media (min-width: 992px){.section-dialog{padding: 30px 32px}} .sidebar{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 112px; padding-top: 7rem; padding-bottom: 112px; padding-bottom: 7rem} .sidebar hr{margin-top: 30px; margin-bottom: 30px; border-top-style: solid} .sidebar .nav-sidebar{height: 100%} @media (max-width: 991.98px){.sidebar{padding-top: 5rem; padding-bottom: 5rem}} .sidebar-fixed{position: fixed; top: 0; left: -240px; bottom: 0; width: 240px; background-color: #fff; border-right: 1px solid #f1f2f3; z-index: 1000; -webkit-transition: left 0.3s ease-out; transition: left 0.3s ease-out} .sidebar-open .sidebar-fixed{left: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05)} .sidebar-sticky.stick:not(.is-mobile-wide){position: fixed; top: 0} .sidebar-sticky.is-mobile-wide{padding-bottom: 0 !important} .sidebar-header{text-align: center; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #f1f2f3} .sidebar-title{font-weight: 600; letter-spacing: 1px; text-transform: uppercase; font-size: .85em; margin-bottom: 16px; margin-bottom: 1rem} .sidebar-body{position: relative; padding-right: 20px} .sidebar-footer{text-align: center; padding: 20px 0; margin-top: 30px; border-top: 1px solid #f1f2f3} .sidebar-toggler{padding: 4px 12px; padding: .25rem .75rem; font-size: 20px; font-size: 1.25rem; line-height: 1; cursor: pointer; background: 0 0; border: none; border-radius: .25rem; margin-right: 8px; margin-right: 0.5rem; margin-bottom: -1px} .backdrop-sidebar{z-index: 999} @media (min-width: 576px){.sidebar-fixed.sidebar-expand-sm{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)}.sidebar-fixed.sidebar-expand-sm ~ .main-content{margin-left: 240px}} @media (min-width: 768px){.sidebar-fixed.sidebar-expand-md{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)}.sidebar-fixed.sidebar-expand-md ~ .main-content{margin-left: 240px}} @media (min-width: 992px){.sidebar-fixed.sidebar-expand-lg{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)}.sidebar-fixed.sidebar-expand-lg ~ .main-content{margin-left: 240px}} @media (min-width: 1200px){.sidebar-fixed.sidebar-expand-xl{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)}.sidebar-fixed.sidebar-expand-xl ~ .main-content{margin-left: 240px}} .sidebar-fixed.sidebar-expand{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)} .sidebar-fixed.sidebar-expand ~ .main-content{margin-left: 240px} [data-sticky="true"].stick:not(.navbar){position: fixed; top: 0} .bt-1, .border-top-1{border-top: 1px solid #f1f2f3} .bl-1, .border-left-1{border-left: 1px solid #f1f2f3} .br-1, .border-right-1{border-right: 1px solid #f1f2f3} .bb-1, .border-bottom-1{border-bottom: 1px solid #f1f2f3} .bt-2, .border-top-2{border-top: 2px solid #f1f2f3} .bl-2, .border-left-2{border-left: 2px solid #f1f2f3} .br-2, .border-right-2{border-right: 2px solid #f1f2f3} .bb-2, .border-bottom-2{border-bottom: 2px solid #f1f2f3} .bt-3, .border-top-3{border-top: 3px solid #f1f2f3} .bl-3, .border-left-3{border-left: 3px solid #f1f2f3} .br-3, .border-right-3{border-right: 3px solid #f1f2f3} .bb-3, .border-bottom-3{border-bottom: 3px solid #f1f2f3} .bt-0, .border-top-0{border-top-width: 0} .bl-0, .border-left-0{border-left-width: 0} .br-0, .border-right-0{border-right-width: 0} .bb-0, .border-bottom-0{border-bottom-width: 0} .b-1{border: 1px solid #f1f2f3} .b-2{border: 2px solid #f1f2f3} .b-3{border: 3px solid #f1f2f3} .b-0{border-width: 0} .rounded-md{border-radius: 0.5rem !important} .rounded-lg{border-radius: 0.75rem !important} .rounded-xl{border-radius: 1rem !important} .border-glass, .border-glass-1{border-color: rgba(255, 255, 255, 0.35) !important} .border-glass-2{border-color: rgba(255, 255, 255, 0.25) !important} .border-glass-3{border-color: rgba(255, 255, 255, 0.15) !important} .bg-gray{background-color: #fafbfb} .bg-pale-primary{background-color: #eef4fc !important} .bg-pale-secondary{background-color: #f0f4f7 !important} .bg-pale-success{background-color: #eefcf0 !important} .bg-pale-danger{background-color: #fceeef !important} .bg-pale-warning{background-color: #fcf8ee !important} .bg-pale-info{background-color: #f2eefc !important} .bg-pale-light{background-color: #fff !important} .bg-pale-dark{background-color: #e5e5e5 !important} .bg-gradient-primary{background-image: -webkit-linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important; background-image: linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important} .bg-gradient-secondary{background-image: -webkit-linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important; background-image: linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important} .bg-gradient-success{background-image: -webkit-linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important; background-image: linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important} .bg-gradient-danger{background-image: -webkit-linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important; background-image: linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important} .bg-gradient-warning{background-image: -webkit-linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important; background-image: linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important} .bg-gradient-info{background-image: -webkit-linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important; background-image: linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important} .bg-gradient-dark{background-image: -webkit-linear-gradient(45deg, #191919 0%, #636363 100%) !important; background-image: linear-gradient(45deg, #191919 0%, #636363 100%) !important} .text-default{color: #757575 !important} a.text-default:hover, a.text-default:focus{color: #4f4f4f !important} .text-light{color: #999 !important} a.text-light:hover, a.text-light:focus{color: #737373 !important} .text-lighter{color: #bfc5ca !important} a.text-lighter:hover, a.text-lighter:focus{color: #959fa7 !important} .text-lightest{color: #d3d3d3 !important} a.text-lightest:hover, a.text-lightest:focus{color: #adadad !important} .text-inherit{color: inherit} .bg-img{background-position: center; background-size: cover; background-repeat: no-repeat} .bg-fixed{background-attachment: fixed} @media (max-width: 640px){.bg-fixed{background-attachment: initial}} .bg-repeat{background-repeat: repeat; background-size: auto} .bg-img-left{background-position: left center} .bg-img-right{background-position: right center} .bg-img-top{background-position: center top} .bg-img-bottom{background-position: center bottom} .bg-size-contain{background-size: contain} .opacity-0{opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .opacity-5{opacity: .05 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"} .opacity-10{opacity: .1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"} .opacity-15{opacity: .15 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"} .opacity-20{opacity: .2 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"} .opacity-25{opacity: .25 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"} .opacity-30{opacity: .3 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"} .opacity-35{opacity: .35 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"} .opacity-40{opacity: .4 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"} .opacity-45{opacity: .45 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"} .opacity-50{opacity: .5 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} .opacity-55{opacity: .55 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"} .opacity-60{opacity: .6 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"} .opacity-65{opacity: .65 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"} .opacity-70{opacity: .7 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"} .opacity-75{opacity: .75 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"} .opacity-80{opacity: .8 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"} .opacity-85{opacity: .85 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"} .opacity-90{opacity: .9 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"} .opacity-95{opacity: .95 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"} .opacity-100{opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .shadow-0, .hover-shadow-0:hover{box-shadow: none} .shadow-1, .product-3, .hover-shadow-1:hover{box-shadow: 0 0 4px rgba(0, 0, 0, 0.06)} .shadow-2, .portfolio-2 img, .hover-shadow-2:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.06)} .shadow-3, .hover-shadow-3:hover{box-shadow: 0 0 12px rgba(0, 0, 0, 0.06)} .shadow-4, .hover-shadow-4:hover{box-shadow: 0 0 18px rgba(0, 0, 0, 0.06)} .shadow-5, .hover-shadow-5:hover, .portfolio-2 img:hover{box-shadow: 0 0 26px rgba(0, 0, 0, 0.06)} .shadow-6, .hover-shadow-6:hover, .product-3:hover{box-shadow: 0 0 36px rgba(0, 0, 0, 0.06)} .shadow-7, .hover-shadow-7:hover{box-shadow: 0 0 48px rgba(0, 0, 0, 0.06)} .shadow-8, .hover-shadow-8:hover{box-shadow: 0 0 60px rgba(0, 0, 0, 0.06)} .shadow-9, .hover-shadow-9:hover{box-shadow: 0 0 74px rgba(0, 0, 0, 0.06)} .overflow-hidden{overflow: hidden} .transition{-webkit-transition: 0.3s ease-out; transition: 0.3s ease-out} .cursor-pointer{cursor: pointer} .hover-move-up{display: block; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out} .hover-move-up:hover{-webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem)} .fit-cover{-o-object-fit: cover; object-fit: cover} .fill-parent{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%} .text-hue-rotate{color: #f35626; background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue-rotate 60s infinite linear} .bg-hue-rotate{-webkit-animation: hue-rotate 30s linear infinite} @-webkit-keyframes hue{from{-webkit-filter: hue-rotate(0deg)}to{-webkit-filter: hue-rotate(-360deg)}} .flex-grow-0{-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0} .w-125{width: 125px !important} .h-125{height: 125px !important} .mw-125{min-width: 125px !important} .mh-125{min-height: 125px !important} .w-150{width: 150px !important} .h-150{height: 150px !important} .mw-150{min-width: 150px !important} .mh-150{min-height: 150px !important} .w-175{width: 175px !important} .h-175{height: 175px !important} .mw-175{min-width: 175px !important} .mh-175{min-height: 175px !important} .w-200{width: 200px !important} .h-200{height: 200px !important} .mw-200{min-width: 200px !important} .mh-200{min-height: 200px !important} .w-250{width: 250px !important} .h-250{height: 250px !important} .mw-250{min-width: 250px !important} .mh-250{min-height: 250px !important} .w-300{width: 300px !important} .h-300{height: 300px !important} .mw-300{min-width: 300px !important} .mh-300{min-height: 300px !important} .w-350{width: 350px !important} .h-350{height: 350px !important} .mw-350{min-width: 350px !important} .mh-350{min-height: 350px !important} .w-400{width: 400px !important} .h-400{height: 400px !important} .mw-400{min-width: 400px !important} .mh-400{min-height: 400px !important} .w-500{width: 500px !important} .h-500{height: 500px !important} .mw-500{min-width: 500px !important} .mh-500{min-height: 500px !important} .w-600{width: 600px !important} .h-600{height: 600px !important} .mw-600{min-width: 600px !important} .mh-600{min-height: 600px !important} .w-700{width: 700px !important} .h-700{height: 700px !important} .mw-700{min-width: 700px !important} .mh-700{min-height: 700px !important} .w-800{width: 800px !important} .h-800{height: 800px !important} .mw-800{min-width: 800px !important} .mh-800{min-height: 800px !important} .w-900{width: 900px !important} .h-900{height: 900px !important} .mw-900{min-width: 900px !important} .mh-900{min-height: 900px !important} .w-5px{width: 5px !important} .h-5px{height: 5px !important} .w-10px{width: 10px !important} .h-10px{height: 10px !important} .w-15px{width: 15px !important} .h-15px{height: 15px !important} .w-20px{width: 20px !important} .h-20px{height: 20px !important} .w-25px{width: 25px !important} .h-25px{height: 25px !important} .w-30px{width: 30px !important} .h-30px{height: 30px !important} .w-35px{width: 35px !important} .h-35px{height: 35px !important} .w-40px{width: 40px !important} .h-40px{height: 40px !important} .w-45px{width: 45px !important} .h-45px{height: 45px !important} .w-50px{width: 50px !important} .h-50px{height: 50px !important} .w-55px{width: 55px !important} .h-55px{height: 55px !important} .w-60px{width: 60px !important} .h-60px{height: 60px !important} .w-65px{width: 65px !important} .h-65px{height: 65px !important} .w-70px{width: 70px !important} .h-70px{height: 70px !important} .w-75px{width: 75px !important} .h-75px{height: 75px !important} .w-80px{width: 80px !important} .h-80px{height: 80px !important} .w-85px{width: 85px !important} .h-85px{height: 85px !important} .w-90px{width: 90px !important} .h-90px{height: 90px !important} .w-95px{width: 95px !important} .h-95px{height: 95px !important} .w-100px{width: 100px !important} .h-100px{height: 100px !important} .h-auto{height: auto} .w-auto{width: auto} .w-fullscreen, .w-100vw{width: 100vw !important} .h-fullscreen, .h-100vh{height: 100vh !important} .mw-fullscreen, .mw-100vw{min-width: 100vw !important} .mh-fullscreen, .mh-100vh{min-height: 100vh !important} @media (max-height: 640px){.h-fullscreen{height: auto !important}} .gap-x-1 > *{display: inline-block; margin-left: 2px; margin-right: 2px} .gap-x-1 > *:first-child{margin-left: 0} .gap-x-1 > *:last-child{margin-right: 0} .gap-x-2 > *{display: inline-block; margin-left: 4px; margin-right: 4px} .gap-x-2 > *:first-child{margin-left: 0} .gap-x-2 > *:last-child{margin-right: 0} .gap-x > *, .gap-x-3 > *{display: inline-block; margin-left: 8px; margin-right: 8px} .gap-x > *:first-child, .gap-x-3 > *:first-child{margin-left: 0} .gap-x > *:last-child, .gap-x-3 > *:last-child{margin-right: 0} .gap-x-4 > *{display: inline-block; margin-left: 12px; margin-right: 12px} .gap-x-4 > *:first-child{margin-left: 0} .gap-x-4 > *:last-child{margin-right: 0} .gap-x-5 > *{display: inline-block; margin-left: 16px; margin-right: 16px} .gap-x-5 > *:first-child{margin-left: 0} .gap-x-5 > *:last-child{margin-right: 0} .gap-x-6 > *{display: inline-block; margin-left: 24px; margin-right: 24px} .gap-x-6 > *:first-child{margin-left: 0} .gap-x-6 > *:last-child{margin-right: 0} .gap-x-7 > *{display: inline-block; margin-left: 32px; margin-right: 32px} .gap-x-7 > *:first-child{margin-left: 0} .gap-x-7 > *:last-child{margin-right: 0} .gap-xy-1{margin: -2px} .gap-xy-1 > *{display: inline-block; margin: 2px} .gap-xy-2{margin: -4px} .gap-xy-2 > *{display: inline-block; margin: 4px} .gap-xy, .gap-xy-3{margin: -8px} .gap-xy > *, .gap-xy-3 > *{display: inline-block; margin: 8px} .gap-xy-4{margin: -12px} .gap-xy-4 > *{display: inline-block; margin: 12px} .gap-xy-5{margin: -16px} .gap-xy-5 > *{display: inline-block; margin: 16px} .gap-xy-6{margin: -24px} .gap-xy-6 > *{display: inline-block; margin: 24px} .gap-xy-7{margin: -32px} .gap-xy-7 > *{display: inline-block; margin: 32px} .font-body{font-family: "Open Sans", sans-serif} .font-title{font-family: Dosis, sans-serif} .fs-6, .font-size-6{font-size: 6px} .fs-7, .font-size-7{font-size: 7px} .fs-8, .font-size-8{font-size: 8px} .fs-9, .font-size-9{font-size: 9px} .fs-10, .font-size-10{font-size: 10px} .fs-11, .font-size-11{font-size: 11px} .fs-12, .font-size-12{font-size: 12px} .fs-13, .font-size-13{font-size: 13px} .fs-14, .font-size-14{font-size: 14px} .fs-15, .font-size-15{font-size: 15px} .fs-16, .font-size-16{font-size: 16px} .fs-17, .font-size-17{font-size: 17px} .fs-18, .font-size-18{font-size: 18px} .fs-19, .font-size-19{font-size: 19px} .fs-20, .font-size-20{font-size: 20px} .lead-1{font-size: 16.875px; font-size: 1.05469rem} .lead-2{font-size: 18.75px; font-size: 1.17188rem} .lead-3{font-size: 22.5px; font-size: 1.40625rem} .lead-4{font-size: 26.249px; font-size: 1.64062rem} .lead-5{font-size: 30px; font-size: 1.875rem} .lead-6{font-size: 37.5px; font-size: 2.34375rem} .lead-7{font-size: 48.75px; font-size: 3.04688rem} .lead-8{font-size: 60px; font-size: 3.75rem} .lead-9{font-size: 75px; font-size: 4.6875rem} .small-1{font-size: 14.062px; font-size: .87891rem} .small-2{font-size: 13.124px; font-size: .82031rem} .small-3{font-size: 12.187px; font-size: .76172rem} .small-4{font-size: 11.249px; font-size: .70312rem} .small-5{font-size: 10.312px; font-size: .64453rem} .small-6{font-size: 9.375px; font-size: .58594rem} .small-7{font-size: 8.437px; font-size: .52734rem} .small-8{font-size: 7.5px; font-size: .46875rem} .small-9{font-size: 6.562px; font-size: .41016rem} .fw-100, .font-weight-100{font-weight: 100} .fw-200, .font-weight-200{font-weight: 200} .fw-300, .font-weight-300{font-weight: 300} .fw-400, .font-weight-400{font-weight: 400} .fw-500, .font-weight-500{font-weight: 500} .fw-600, .font-weight-600{font-weight: 600} .fw-700, .font-weight-700{font-weight: 700} .fw-800, .font-weight-800{font-weight: 800} .fw-900, .font-weight-900{font-weight: 900} .lh-1, .line-height-1{line-height: 1} .lh-2, .line-height-2{line-height: 1.3} .lh-3, .line-height-3{line-height: 1.45} .lh-4, .line-height-4{line-height: 1.6} .lh-5, .line-height-5{line-height: 1.75} .lh-6, .line-height-6{line-height: 1.9} .lh-7, .line-height-7{line-height: 2.05} .lh-8, .line-height-8{line-height: 2.2} .lh-9, .line-height-9{line-height: 2.35} .ls-0, .letter-spacing-0{letter-spacing: 0px} .ls-1, .letter-spacing-1{letter-spacing: 1px} .ls-2, .letter-spacing-2{letter-spacing: 2px} .ls-3, .letter-spacing-3{letter-spacing: 3px} .ls-4, .letter-spacing-4{letter-spacing: 4px} .ls-5, .letter-spacing-5{letter-spacing: 5px} .text-truncate{width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .card-outline{background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.3)} .card-hover-inverse:hover{background-color: #191919; border-color: #191919} .text-white{color: rgba(255, 255, 255, 0.85) !important} .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6{color: #fff} .text-white a:not(.btn):not(.dropdown-item){color: rgba(255, 255, 255, 0.8)} .text-white hr{border-top-color: rgba(255, 255, 255, 0.15)} .text-white p{color: rgba(255, 255, 255, 0.85)} .text-white code{background-color: rgba(255, 255, 255, 0.1); color: #eee} .text-white small, .text-white .small{color: rgba(255, 255, 255, 0.8)} .text-white .divider{color: rgba(255, 255, 255, 0.5)} .text-white .divider:before, .text-white .divider:after{border-top-color: rgba(255, 255, 255, 0.15)} .text-white .section-header small{color: rgba(255, 255, 255, 0.6)} .text-white .rating label.empty{color: rgba(255, 255, 255, 0.3)} .text-white .card-inverse{background-color: rgba(255, 255, 255, 0.1)} .text-white .btn-outline-light{color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.3)} .text-white .btn-outline-light:hover{color: #757575} .text-white .close{color: rgba(255, 255, 255, 0.85)} .btn-custom{color: #fff; background-color: #00aced; background-image: conic-gradient( violet, indigo, blue, green, yellow, orange, red);} div.o_colorpicker_section button.bg-custom{background-color: unset; background: linear-gradient(in hsl longer hue 45deg, red 0 0);} 

/* /theme_cloudoffix_clients/static/src/assets/css/style.css defined in bundle 'web.assets_frontend' */
 html{font-size: initial;} .nav > li > a:hover, .nav > li > a:focus{text-decoration: none; background-color: transparent;} .iconbox-outline > *{color: #f1f2f3;} .bg-gray.footer{color: #757575;} nav.navbar.navbar-expand-lg.navbar-light.navbar-stick-dark.stick .text-dark * , .navbar-open nav.navbar.navbar-expand-lg.navbar-light .text-dark *{color: #191919 !important;} nav.navbar.navbar-expand-lg.navbar-light.navbar-stick-dark.stick .iconbox-outline , .navbar-open nav.navbar.navbar-expand-lg.navbar-light .iconbox-outline{border: 1px solid rgba(117, 117, 117, 0.8);} #oe_snippets .o_panel_header{background: #3c96ff;} .form-horizontal .form-group{margin-left: 0; margin-right: 0;} .form-control{-webkit-box-shadow: none; box-shadow: none;} .bg-login{background-image: url(/theme_cloudoffix_clients/static/src/assets/css/../../assets/img/bg/4.jpg);} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 100%; position: relative; margin: 0;} .layout-centered .main-content{display: -webkit-box !important; display: flex !important; -webkit-box-align: center; align-items: center; justify-content: space-around;} button.bg-gradient-primary{background: -webkit-linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important; background: linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important;} button.bg-gradient-secondary{background: -webkit-linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important; background: linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important;} button.bg-gradient-success{background: -webkit-linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important; background: linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important;} button.bg-gradient-danger{background: -webkit-linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important; background: linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important;} button.bg-gradient-warning{background: -webkit-linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important; background: linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important;} button.bg-gradient-info{background: -webkit-linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important; background: linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important;} button.bg-gradient-dark{background: -webkit-linear-gradient(45deg, #191919 0%, #636363 100%) !important; background: linear-gradient(45deg, #191919 0%, #636363 100%) !important;} .nav-link, .nav-link span{cursor: pointer!important;} .panel-body .row{display:block} button#change_domain{margin-bottom: 32px;} .no-before-container:before{display: none!important;} .navbar-dark .dropdown *{color: #323D47; border-color: #323D47;} #wrapwrap > header.header{display: block;} .js_subscribe .form-control:disabled, .form-control[readonly]{background-color: transparent; opacity: 1;} .row:before, .row:after{display: inline-block;} .card-footer .custom-control-label:before{margin-right:0;} .card-footer .custom-checkbox .custom-control-label:after{left: 10px;} 

/* /theme_cloudoffix_clients/static/src/assets/less/colors.less defined in bundle 'web.assets_frontend' */
 .bg-success{background-color: #5cb85c !important; color: #ffffff;} .bg-primary{background-color: #337ab7 !important; color: #ffffff;} .bg-info{background-color: #5bc0de !important; color: #ffffff;} .bg-danger{background-color: #d9534f !important; color: #ffffff;} .bg-warning{background-color: #f0ad4e !important; color: #ffffff;} .color-black{color: #000;} .color-white{color: #ffffff;} .color-gray-lighter{color: #eeeeee;} .color-gray-light-light{color: #d1d1d1;} .color-gray-light{color: #a7a7a7;} .color-gray-light-dark{color: #808080;} .color-gray{color: #555555;} .color-gray-dark-light{color: #404040;} .color-gray-dark{color: #383838;} .color-gray-dark-dark{color: #303030;} .color-gray-darker{color: #292929;} .color-gray-darkest{color: #212121;} .bg-white{background-color: #ffffff !important; color: #555555;} .bg-black{background-color: #000 !important; color: #ffffff;} .bg-gray-lighter{background-color: #eeeeee !important; color: #000000;} .bg-gray-light-light{background-color: #d1d1d1 !important; color: #000000;} .bg-gray-light{background-color: #a7a7a7 !important; color: #ffffff;} .bg-gray-light-dark{background-color: #808080 !important; color: #ffffff;} .bg-gray-dark-light{background-color: #404040 !important; color: #ffffff;} .bg-gray-dark{background-color: #383838 !important; color: #ffffff;} .bg-gray-dark-dark{background-color: #303030 !important; color: #ffffff;} .bg-gray-darker{background-color: #292929 !important; color: #ffffff;} .bg-gray-darkest{background-color: #212121 !important; color: #ffffff;} .color-alpha{color: #5A9BFB;} .color-beta{color: #8645B4;} .color-gamma{color: #7ADD1D;} .color-delta{color: #FF9428;} .color-epsilon{color: #6E6E6E;} .color-white{color: #ffffff;} .bg-alpha{background-color: #5A9BFB !important; color: #ffffff;} .bg-beta{background-color: #8645B4 !important; color: #ffffff;} .bg-gamma{background-color: #7ADD1D !important; color: #ffffff;} .bg-delta{background-color: #FF9428 !important; color: #ffffff;} .bg-epsilon{background-color: #6E6E6E !important; color: #ffffff;} .bg-alpha-lighter{background-color: #8cb9fc !important; color: #ffffff;} .bg-beta-lighter{background-color: #9e67c5 !important; color: #ffffff;} .bg-gamma-lighter{background-color: #94e746 !important; color: #000000;} .bg-delta-lighter{background-color: #ffad5b !important; color: #ffffff;} .bg-epsilon-lighter{background-color: #888888 !important; color: #ffffff;} .bg-alpha-light{background-color: #73aafc !important; color: #ffffff;} .bg-beta-light{background-color: #9255be !important; color: #ffffff;} .bg-gamma-light{background-color: #87e430 !important; color: #000000;} .bg-delta-light{background-color: #ffa142 !important; color: #ffffff;} .bg-epsilon-light{background-color: #7b7b7b !important; color: #ffffff;} .bg-alpha-dark{background-color: #418cfa !important; color: #ffffff;} .bg-beta-dark{background-color: #783ea2 !important; color: #ffffff;} .bg-gamma-dark{background-color: #6ec61a !important; color: #ffffff;} .bg-delta-dark{background-color: #ff870e !important; color: #ffffff;} .bg-epsilon-dark{background-color: #616161 !important; color: #ffffff;} .bg-alpha-darker{background-color: #287dfa !important; color: #ffffff;} .bg-beta-darker{background-color: #6b378f !important; color: #ffffff;} .bg-gamma-darker{background-color: #61b017 !important; color: #ffffff;} .bg-delta-darker{background-color: #f47b00 !important; color: #ffffff;} .bg-epsilon-darker{background-color: #555555 !important; color: #ffffff;} 

/* /theme_cloudoffix_clients/static/src/assets/css/responsive.css defined in bundle 'web.assets_frontend' */
@media (min-width: 768px){.homepage .lead.w-100{width: 80% !important}} @media (max-width: 991px){.navbar-mobile .dropdown-menu.dropdown-menu-right{right: auto; left: 0;}.navbar-expand-lg .navbar-mobile .nav{display: block;}} 

/* /theme_cloudoffix_clients/static/src/assets/css/portal.css defined in bundle 'web.assets_frontend' */
div.portal-header{height: 200px; background: #F5F5F5; margin-top: 59px; padding: 70px 0px 0px 70px;} div.portal-header svg{display: inline-block; vertical-align: middle;} div.portal-header h1{display: inline-block; vertical-align: bottom; padding: 0; margin: 0; line-height: initial; margin-left: 20px;} .o_portal_my_home{padding: 10px; width: 339px; top: 270px; box-shadow: 4px 60px 20px rgba(52, 74, 90, 0.2); position: fixed; left: 0; padding-left: 70px; overflow: auto; border-bottom: 53px solid white; bottom: 0;} html[data-editable] .o_portal_my_home, html[data-translatable] .o_portal_my_home{top: 315px;} .ox_my_home .navbar-light .nav-navbar > .nav-item > .nav-link, .ox_my_home .navbar-light .nav-navbar > .nav-link, .ox_my_home .navbar-stick-light.stick .nav-navbar > .nav-item > .nav-link, .ox_my_home .navbar-stick-light.stick .nav-navbar > .nav-link{color: #344A5A; text-transform: none;} .ox_my_home .navbar-brand >img{max-height: 32px;} .ox_my_home .navbar-brand{min-height: 60px;} .ox_my_home .navbar-light .navbar-toggler, .ox_my_home .navbar-stick-light.stick .navbar-toggler{color: #344A5A;} .ox_my_home .ml-auto, .ox_my_home .mx-auto{margin-left: 0 !important; margin-right: auto;} .ox_my_home .navbar-mobile div.dropdown{color: black;} .ox_my_home .navbar-mobile div.dropdown .iconbox-outline{color: black;} .ox_my_home .navbar-mobile div.dropdown .iconbox-outline *{color: black;} .ox_my_home .o_portal{display: none;} .ox_my_home .navbar > .container,.ox_my_home .navbar > .container-fluid{max-width: initial;} .ox_my_home .o_portal_wrap > div.container{max-width: initial; margin-bottom: 0px !important;} .ox_my_home .o_portal_wrap > div.container div.row{margin: 0;} .ox_my_home #wrapwrap footer{display: none;} .ox_my_home .page-header span{font-size: 14px;} .ox_my_home .page-header{padding-bottom: 0px;margin-bottom: 5px;padding-top: 0px;margin-top: 0px;} .ox_my_home .o_portal_docs .list-group-item{padding: 0; border: none; font-size: 14px; padding-right: 20px; padding-left: 28px; margin-bottom: 5px;} .ox_my_home .o_portal_docs .list-group-item a{color: #344A5A;} :root{--doc-badge-color-1: #864EBA; --doc-badge-color-2: #F96139; --doc-badge-color-3: #5ADE77; --doc-badge-color-4: #1977EF;} .ox_my_home .o_portal_docs .list-group-item .badge{border-radius: 5px;} .ox_my_home .o_portal_docs .list-group-item:nth-child(1n) .badge{background: var(--doc-badge-color-1);} .ox_my_home .o_portal_docs .list-group-item:nth-child(2n) .badge{background: var(--doc-badge-color-2);} .ox_my_home .o_portal_docs .list-group-item:nth-child(3n) .badge{background: var(--doc-badge-color-3);} .ox_my_home .o_portal_docs .list-group-item:nth-child(4n) .badge{background: var(--doc-badge-color-4);} .portal-account-details a{text-transform: initial; color: #344A5A; margin-top: 5px; display: inline-block;} .portal-account-details a span{margin-left: 10px;} .portal-account-details__user >img{display: inline-block; border-radius: 50%; max-height: 35px; margin-right: 10px; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));} .portal-account-details__user{display: flex; margin-bottom: 20px; margin-top: 20px; font-weight: bold; color: #344A5A;} .logout-link{position: fixed; bottom: 0; display: inline-block; border-top: 1px solid #F5F5F5; width: 264px; padding-left: 10px; padding-top: 5px; background: white; padding-bottom: 20px;} .logout-link span{color: #344A5A;} .ox_my_home .o_portal_docs .list-group-item.selected a{color: #22BF8E;} #o_my_sidebar{display: none;} .portal-breadcrumb{margin-left: 400px; margin-top: 39px; font-size: 16px; font-weight: bold; white-space: nowrap;} @media (max-width: 767px){.o_portal_my_home{width: 100%;}#o_portal_order_actions{width: 100% !important;}.jSignature{width: 100% !important;}} @media (max-width: 480px){div.portal-header{padding: 23px 0px 0px 70px;}div.portal-header{height: 80px;}div.portal-header h1{font-size: 1.563rem;}div.portal-header svg{width: 35px; height: 35px;}html[data-editable] .o_portal_my_home{top: 200px;}.o_portal_my_home{top: 150px;}} .portal-empty-welcome{text-align: center; margin-top: 30px; position: fixed; bottom: 40px; overflow: auto; top: 261px; left: 400px; right: 40px; background-image: url("/theme_cloudoffix_clients/static/src/assets/img/welcome.svg"); background-repeat: no-repeat; background-size: cover; padding-top: 244px;} .portal-empty-welcome h5{font-size: 30px;} .portal-empty-welcome h6{font-size: 20px;} 

/* /theme_cloudoffix_clients/static/src/assets/less/custom.less defined in bundle 'web.assets_frontend' */
 #theme_customize_modal .modal-dialog{width: 310px;} #theme_customize_modal .modal-content{background: #0C2B54; border-radius: 0;} #theme_customize_modal .modal-content .modal-header{background: rgba(0, 0, 0, 0.38); border: none;} #theme_customize_modal .modal-content .modal-header .close{color: #fff;} #theme_customize_modal .modal-content .modal-header .modal-title{color: #fff; font-size: 14px; font-weight: 600;} #theme_customize_modal .modal-content .modal-body label{color: #fff; cursor: pointer;} #theme_customize_modal .modal-content .modal-body .checked{position: relative; box-shadow: none !important;} #theme_customize_modal .modal-content .modal-body .checked > div{box-shadow: none;} #theme_customize_modal .modal-content .modal-body .checked img{box-shadow: none;} #theme_customize_modal .modal-content .modal-body .checked:after{content: "\f058"; font-family: FontAwesome; position: absolute; top: 0; left: 0; color: #000; background: #fff; width: 20px; height: 20px; border-radius: 50%;} #theme_customize_modal .modal-content .modal-body h5{margin: 0 0 10px 0; padding: 0 0 10px 0; width: 100%; text-align: center; color: #fff; font-weight: 300; display: inline-block; vertical-align: top; background: none;} #theme_customize_modal .modal-content .modal-body table{margin-bottom: 18px;} #theme_customize_modal .modal-content .modal-body table[name="color"] label img{height: 60px;} #theme_customize_modal .modal-content .modal-body table[name="layout"] div{background: transparent;} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] td{padding: 5px;} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label{width: 100%; height: 50px; float: left; border: 2px solid #fff; margin: 0;} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label span{width: 100%; display: inline-block; height: 47px; vertical-align: top;} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color1{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color2{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern2.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color3{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern3.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color4{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern4.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color5{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern5.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color6{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern6.png");} 

/* /website_rating/static/src/less/website_rating.less defined in bundle 'web.assets_frontend' */
 .o_website_rating_static{color: #FACC2E;} .o_website_rating_card_container{} .o_website_rating_card_container .o_message_counter{color: #555555;} .o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 30px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #FACC2E;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_percent{text-align: right; padding-left: 5px; font-size: 12px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_reset .o_website_rating_select_text{visibility: hidden;} .o_rating_star_card{margin-bottom: 5px;} .o_rating_star_card .stars{display: inline-block; color: #FACC2E; margin-right: 15px;} .o_rating_star_card .stars i{margin-right: -3px; text-align: center;} .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_star_card .rate_text{display: inline-block;} 

/* /website_event/static/src/css/website_event.css defined in bundle 'web.assets_frontend' */
.website_registration_table td{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .attendee_input{width: -webkit-fill-available;} 

/* /website_blog/static/src/less/website_blog.less defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .has-error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto!important; height: 250px!important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;} 

/* /co_base_customizations2/static/src/css/attachment_share.css defined in bundle 'web.assets_frontend' */
.fancy-download-btn{position: absolute; top: 0px; right: 0px; background: transparent; color: #fff; border: none; text-decoration: none; box-shadow: none; transition: all 0.3s ease; text-align: center; display: inline-block; cursor: pointer; width: auto; height: auto;} .fancy-download-btn:hover{transform: scale(1.1);} .fancy-download-btn i{font-size: 20px;} .mfp-content video{width: 100%; max-width: 85%; max-height: 85%; border: none;} .mfp-content{text-align:center !important;} .mfp-iframe-scaler{width: 98% !important; overflow: hidden; padding-top: 48% !important; position: fixed; top: 1%; left: 1%; z-index: 9999; overflow: hidden; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); border-radius: 10px; background: white;} .mfp-iframe{width: 100%; height: 100%; border: none;} 

/* /website_hr_recruitment/static/src/less/s_hr_rating.less defined in bundle 'web.assets_frontend' */
 .s_hr_rating.s_hr_rating_stars .fa:before{content: "\f006";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_5 .fa:nth-of-type(-n + 5):before{content: "\f005";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_4 .fa:nth-of-type(-n + 4):before{content: "\f005";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_3 .fa:nth-of-type(-n + 3):before{content: "\f005";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_2 .fa:nth-of-type(-n + 2):before{content: "\f005";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_1 .fa:nth-of-type(-n + 1):before{content: "\f005";} .s_hr_rating.s_hr_rating_bolts .fa:before{content: "_";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_5 .fa:nth-of-type(-n + 5):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_4 .fa:nth-of-type(-n + 4):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_3 .fa:nth-of-type(-n + 3):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_2 .fa:nth-of-type(-n + 2):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_1 .fa:nth-of-type(-n + 1):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_hearts .fa:before{content: "\f08a";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_5 .fa:nth-of-type(-n + 5):before{content: "\f004";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_4 .fa:nth-of-type(-n + 4):before{content: "\f004";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_3 .fa:nth-of-type(-n + 3):before{content: "\f004";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_2 .fa:nth-of-type(-n + 2):before{content: "\f004";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_1 .fa:nth-of-type(-n + 1):before{content: "\f004";} .s_hr_rating.s_hr_rating_bar .fa{display: none;} .s_hr_rating.s_hr_rating_bar .s_hr_rating_bar{height: 15px; padding: 1px; background-color: #eeeeee; border-radius: 2px;} .s_hr_rating.s_hr_rating_bar .s_hr_rating_bar:before{content: ""; border-radius: 2px; background-color: #337ab7; display: block; width: 0; height: 100%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_5 .s_hr_rating_bar:before{width: 100%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_4 .s_hr_rating_bar:before{width: 80%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_3 .s_hr_rating_bar:before{width: 60%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_2 .s_hr_rating_bar:before{width: 40%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_1 .s_hr_rating_bar:before{width: 20%;} 

/* /co_appbuilder/static/lib/cdoc.css defined in bundle 'web.assets_frontend' */
.cdoc-container{margin-top: 10px; position: fixed; bottom: 40px; overflow: auto; top: 370px; left: 400px; right: 0px;} html[data-editable] .cdoc-container, html[data-translatable] .cdoc-container{top: 370px;} .portal-breadcrumb div.record_pager{position: fixed; right: 45px;} .cdoc-container .fd-arch-tree{margin-right: 100px;} .cdoc-container .fd-arch-tree .fd-arch-tree-table{min-width: 100%;} .ox_custom_doc .portal-empty-welcome{display: none;} .ox_custom_doc .portal-breadcrumb{margin-left: 370px;} @media (max-width: 767px){.ox_custom_doc .o_portal_my_home{display: none;}.cdoc-container{left: 10px;}.ox_custom_doc .portal-breadcrumb{margin-left: -8px;}.ox_custom_doc .logout-link{display: none;}} @media (max-width: 480px){html[data-editable] .cdoc-container{top: 240px;}.cdoc-container{top: 220px;}} 

/* /saas_tools_backend/static/src/css/_cw.css defined in bundle 'web.assets_frontend' */
nav#oe_main_menu_navbar{background: #F8F8F8; color:black;} .o_main_navbar > ul > li > a{color: #344A5A;} .fa-app-drawer:before{content: "\f34e";} #oe_main_menu_navbar{font-family: sans-serif;} #oe_main_menu_navbar i.fa.fa-app-drawer{font-size: 21px; margin-right: 10px;} #web_editor-top-edit form.navbar-form .btn.btn-primary{background-color: transparent !important;} #web_editor-top-edit a.note-custom-color-picker{display: inline-block; border-radius: 5px; padding: 0; cursor: pointer; font-size: 22px;} body .modal.o_technical_modal .note-color-picker-dlg input.form-control{height: 40px;} .note-color-picker-dlg.modal-body input{width: 100%; border: 0px; font-size: 20px; font-family: monospace; border: 1px solid silver; margin-bottom: 10px;} .note-color-recent{padding: 9px 0px; width: 165px; white-space: normal;} .note-color-recent>button{border: 1px solid black !important;} .note-custom-colors{margin-top: 10px;} div.note-color .btn-group.open .btn-group{vertical-align: top !important;} .note-color-recent>button{} span.oe_surve_html_choice>p, th.oe_surve_html_choice>span{display: inline; word-break: break-word;} h5.oe_survey_question{display: flex;} div.js_question-wrapper input[type="radio"],div.js_question-wrapper input[type="checkbox"]{width: 16px; height: 16px; position: relative; top: 2px;} .js_surveyresult2{padding-top: 150px;} .js_surveyresult2 .only_left_radius, .js_surveyresult2 .only_right_radius, .js_surveyresult2 .no_radius{display: inline-block; vertical-align: middle; max-width: 250px; overflow: hidden; text-overflow: ellipsis;} .js_surveyresult2 .label-survey{color: black; font-weight: 200; font-size: 14px;} .js_surveyresult2 span.survey-filter-group{white-space: nowrap; display: inline-block;} span.survey-question{font-size: 15px;} h4.survey-page{background: #f5f5f5; border: 1px solid #ddd; border-radius: 5px; padding: 3px 10px;} .js_surveyresult2 .pagination li:first-child a, .js_surveyresult2 .pagination li:last-child a{background: transparent !important;} span.survey-question-index{font-size: 15px;} span.survey-question-index:after{content: ".";} .js_surveyresult2 .panel-body{overflow: hidden;} .survey-number-summary{text-align: right;} span.clear_survey_filter{margin-left: 10px; position: relative;} body#web_editor_inside_iframe #web_editor-top-edit *{color: #344a5a;} body#web_editor_inside_iframe #web_editor-top-edit{background-color: #f8f8f8;} body#web_editor_inside_iframe .note-popover .popover{background-color: #f8f8f8;} body#web_editor_inside_iframe .note-popover .popover .popover-content .btn > .fa{color: #344a5a;} body#web_editor_inside_iframe .note-popover .popover .popover-content .btn{background-color: #f8f8f8; color: #344a5a;} body#web_editor_inside_iframe .note-popover .popover .popover-content .btn.active{box-shadow: none;} body#web_editor_inside_iframe .note-popover .popover .popover-content .dropdown-menu{background-color: #f8f8f8;} body#web_editor_inside_iframe .note-popover .popover .popover-content .dropdown-menu > li > a:hover{background-color: #f8f8f8;} body#web_editor_inside_iframe .dropdown-menu > .active > a, body#web_editor_inside_iframe .dropdown-menu > .active > a:hover, body#web_editor_inside_iframe .dropdown-menu > .active > a:focus{background-color: #f8f8f8; font-weight: bold;} 

/* /payment/static/src/css/portal_payment.css defined in bundle 'web.assets_frontend' */
input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.img-rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/less/payment_form.less defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: top; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .panel-body:first-child{border-top: 0px;} .o_payment_form .panel{border-radius: 10px;} .o_payment_form .panel-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .panel-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: -10px; right: 0px; font-size: 10px;} 

/* /sale/static/src/less/sale_portal.less defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} 

/* /co_website_survey/static/src/css/co_website_survey.css defined in bundle 'web.assets_frontend' */
.survey_label_description{height: 150px; overflow: hidden; padding: 5px;} .col-md-12 .survey_label_description{height: auto; overflow: auto; padding: 5px;} 

/* /co_website_survey/static/src/css/survey_countdown_timer.css defined in bundle 'web.assets_frontend' */
.page-header{padding-bottom: 9px; margin: 80px 0 40px; border-bottom: 0;} .survey-timer-style{width: 100%; font-family: sans-serif; font-weight: bold; border-style: groove;} .survey-timer-colorDefinition{background: whitesmoke; color: red; border-color: silver;} .survey-timer-size{font-size:40px; border-width: 1px; border-radius: 10px;} 

/* <inline asset> defined in bundle 'web.assets_frontend' */
 .x-mcx-guard{} .mcx-v2{--mc-ink: #0a1541; --mc-ink-2: #121e52; --mc-ink-3: #1d2b66; --mc-paper: #f3f4f8; --mc-paper-2: #e6e9f2; --mc-white: #ffffff; --mc-text: #0a1541; --mc-muted: #565f7a; --mc-line: rgba(10, 21, 65, .12); --mc-line-dark: rgba(255, 255, 255, .14); --mc-blue: #3d8bff; --mc-purple: #6c7bff; --mc-green: #7cb342; --mc-orange: #f7941d; --mc-lime: #b4e05a; --mc-forest: #1f4fd1; --mc-navy: #1f4fd1; --mc-serif: 'Instrument Serif', 'Times New Roman', serif; --mc-sans: 'Geist', 'Helvetica Neue', Arial, sans-serif; --mc-mono: 'Geist Mono', ui-monospace, Menlo, monospace; --mc-max: 1320px; --mc-gutter: clamp(20px, 4vw, 48px); --mc-radius: 6px; --mc-ease: cubic-bezier(.2, .7, .2, 1);} body.mcx-v2{background: var(--mc-white); color: var(--mc-text); font-family: var(--mc-sans); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;} .mcx-v2 #wrapwrap{background: var(--mc-white);} .mcx-v2 main{padding-top: 0 !important;} .mcx-v2 #wrapwrap > header:not(.mcx-header), .mcx-v2 #wrapwrap > nav.navbar, .mcx-v2 .co-sticky-wrapper, .mcx-v2 #co_mobile_drawer, .mcx-v2 #co_mobile_state, .mcx-v2 #wrapwrap > footer:not(.mcx-footer), .mcx-v2 footer#footer:not(.mcx-footer), .mcx-v2 p.made-with-cloudoffix{display: none !important;} @supports selector(:is(a)){.mcx-v2 main > #wrap :is(h1, h2, h3, h4, h5, h6, p, li, a, span, div, button, input, label, td, th):not(.mcx, .mcx *){font-family: var(--mc-sans);}} .mcx-v2 main > #wrap .fa{font-family: FontAwesome !important;} .mcx-v2 #website_cookie_notice{position: fixed !important; right: 16px; bottom: 16px; left: auto; top: auto; z-index: 1060; width: min(420px, calc(100vw - 32px)); padding: 18px 18px 16px; border-radius: 6px; background: var(--mc-ink) !important; color: rgba(255, 255, 255, .8); font: 13.5px/1.5 var(--mc-sans); box-shadow: 0 18px 40px rgba(0, 0, 0, .3);} .mcx-v2 #website_cookie_notice .container, .mcx-v2 #website_cookie_notice .row, .mcx-v2 #website_cookie_notice [class*="col-"]{width: auto; max-width: none; padding: 0; margin: 0; float: none; text-align: left !important;} .mcx-v2 #website_cookie_notice a{color: var(--mc-lime);} .mcx-v2 #website_cookie_notice .btn{margin-top: 12px; background: var(--mc-lime) !important; border: 0; color: var(--mc-ink) !important; border-radius: 3px; padding: 7px 16px; font-weight: 600;} :where(.mcx-v2 .mcx) a{text-decoration: none;} :where(.mcx-v2 .mcx) img{max-width: 100%; height: auto; display: block;} :where(.mcx-v2 .mcx) p{margin: 0 0 1em;} @supports selector(:is(a)){:where(.mcx-v2 .mcx) :is(h1, h2, h3, h4, h5){margin: 0; color: inherit;}} :where(.mcx-v2 .mcx) ul{list-style: none; margin: 0; padding: 0;} .mcx-wrap{width: 100%; max-width: var(--mc-max); margin: 0 auto; padding: 0 var(--mc-gutter);} .mcx-v2 .mcx .mcx-display, .mcx-v2 .mcx .mcx-h1, .mcx-v2 .mcx .mcx-h2, .mcx-v2 .mcx .mcx-h3{font-family: var(--mc-serif); font-weight: 400; letter-spacing: -.015em; line-height: .98;} .mcx-v2 .mcx .mcx-display{font-size: clamp(54px, 9.6vw, 148px); line-height: .92; letter-spacing: -.025em;} .mcx-v2 .mcx .mcx-h1{font-size: clamp(46px, 6.4vw, 96px);} .mcx-v2 .mcx .mcx-h2{font-size: clamp(38px, 4.8vw, 72px);} .mcx-v2 .mcx .mcx-h3{font-size: clamp(28px, 2.6vw, 40px); line-height: 1.05;} .mcx-v2 .mcx .mcx-h4{font-family: var(--mc-sans); font-size: 20px; font-weight: 600; letter-spacing: -.01em; line-height: 1.25;} .mcx-v2 .mcx em.mcx-it{font-style: italic;} .mcx-lead{font-size: clamp(17px, 1.35vw, 20px); line-height: 1.6; color: var(--mc-muted); max-width: 640px;} .mcx-dark .mcx-lead{color: rgba(255, 255, 255, .72);} .mcx-small{font-size: 14px; color: var(--mc-muted);} .mcx-chip{display: inline-flex; align-items: center; gap: 8px; font-family: var(--mc-mono); font-size: 11.5px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; line-height: 1; padding: 7px 10px 6px; border-radius: 3px; background: var(--mc-forest); color: #fff;} .mcx-chip.is-lime{background: var(--mc-lime); color: var(--mc-ink);} .mcx-chip.is-ghost{background: transparent; color: var(--mc-muted); border: 1px solid var(--mc-line);} .mcx-dark .mcx-chip.is-ghost{color: rgba(255, 255, 255, .7); border-color: var(--mc-line-dark);} .mcx-mark{display: inline-block; flex: none; width: 18px; height: 18px; vertical-align: middle; background: url(/x_product_site_60fce2/img/mark.png) center / contain no-repeat;} .mcx-mark i{display: none !important;} .mcx-mark.is-lg{width: 30px; height: 30px;} .mcx-sq{display: inline-block; width: 12px; height: 12px; background: var(--mc-lime);} .mcx-corner{position: absolute; width: 10px; height: 10px; background: rgba(255, 255, 255, .22);} .mcx-corner.tl{top: 22px; left: 22px;} .mcx-corner.tr{top: 22px; right: 22px;} .mcx-corner.bl{bottom: 22px; left: 22px;} .mcx-corner.br{bottom: 22px; right: 22px;} .mcx-light .mcx-corner{background: var(--mc-line);} .mcx-btn{display: inline-flex; align-items: stretch; gap: 0; font-family: var(--mc-sans); font-size: 15px; font-weight: 500; line-height: 1; border-radius: 4px; overflow: hidden; cursor: pointer; border: 1px solid var(--mc-ink); background: var(--mc-white); color: var(--mc-ink) !important; transition: background .25s var(--mc-ease), color .25s var(--mc-ease), border-color .25s; white-space: nowrap;} .mcx-btn > span{padding: 13px 16px 12px; display: inline-flex; align-items: center;} .mcx-btn > b{width: 40px; display: inline-flex; align-items: center; justify-content: center; background: var(--mc-lime); color: var(--mc-ink); border-left: 1px solid var(--mc-ink); transition: background .25s var(--mc-ease);} .mcx-btn > b svg{width: 15px; height: 15px; transition: transform .35s var(--mc-ease);} .mcx-btn:hover > b svg{transform: translate(2px, -2px);} .mcx-btn:hover{background: var(--mc-ink); color: #fff !important;} .mcx-btn.is-dark{background: var(--mc-ink); color: #fff !important;} .mcx-btn.is-dark:hover{background: var(--mc-ink-3);} .mcx-dark .mcx-btn{border-color: #fff;} .mcx-dark .mcx-btn > b{border-left-color: var(--mc-ink);} .mcx-dark .mcx-btn:hover{background: var(--mc-lime); color: var(--mc-ink) !important;} .mcx-btn.is-sm{font-size: 14px;} .mcx-btn.is-sm > span{padding: 10px 13px 9px;} .mcx-btn.is-sm > b{width: 34px;} .mcx-link{display: inline-flex; align-items: center; gap: 8px; font-weight: 500; font-size: 15px; color: var(--mc-ink) !important; border-bottom: 1px solid currentColor; padding-bottom: 3px;} .mcx-link svg{width: 13px; height: 13px; transition: transform .3s var(--mc-ease);} .mcx-link:hover svg{transform: translate(2px, -2px);} .mcx-dark .mcx-link{color: #fff !important;} .mcx-arrows{display: inline-flex; gap: 6px;} .mcx-arrow{width: 34px; height: 34px; border: 1px solid var(--mc-ink); background: transparent; border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: var(--mc-ink); transition: background .2s, color .2s;} .mcx-arrow:hover{background: var(--mc-ink); color: #fff;} .mcx-arrow svg{width: 14px; height: 14px;} .mcx-dark .mcx-arrow{border-color: #fff; color: #fff;} .mcx-dark .mcx-arrow:hover{background: #fff; color: var(--mc-ink);} .mcx-sec{position: relative; padding: clamp(72px, 9vw, 140px) 0;} .mcx-sec.is-tight{padding: clamp(48px, 6vw, 88px) 0;} .mcx-paper{background: var(--mc-paper);} .mcx-dark{background: var(--mc-ink); color: #fff;} .mcx-dark .mcx-h1, .mcx-dark .mcx-h2, .mcx-dark .mcx-h3, .mcx-dark .mcx-h4{color: #fff;} .mcx-sec-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: clamp(36px, 4vw, 56px); flex-wrap: wrap;} .mcx-sec-head .mcx-chip{margin-bottom: 22px;} .mcx-kicker{display: flex; align-items: center; gap: 14px; margin-bottom: 24px;} .mcx-pixels{position: absolute; pointer-events: none; z-index: 0; opacity: .9;} .mcx-pixels svg{width: 100%; height: 100%; display: block;} .mcx-rel{position: relative; z-index: 1;} .mcx-v2.mcx-js .mcx-reveal{opacity: 0; transform: translateY(26px); transition: opacity .9s var(--mc-ease), transform .9s var(--mc-ease);} .mcx-v2.mcx-js .mcx-reveal.is-in{opacity: 1; transform: none;} @media (prefers-reduced-motion: reduce){.mcx-v2.mcx-js .mcx-reveal{opacity: 1; transform: none; transition: none;}} .mcx-header{position: sticky; top: 0; z-index: 1030; background: rgba(255, 255, 255, .97); border-bottom: 1px solid transparent; transition: border-color .3s, box-shadow .3s;} .mcx-header.is-scrolled{border-bottom-color: var(--mc-line);} .mcx-header .mcx-bar{position: relative;} .mcx-header .mcx-mega{left: calc(50% - 50vw); right: calc(50% - 50vw);} .mcx-header .mcx-wrap{max-width: 1440px;} .mcx-bar{height: 76px; display: flex; align-items: center; gap: 36px;} .mcx-logo{display: inline-flex; align-items: center; flex: none;} .mcx-logo img{height: 34px; width: auto;} .mcx-nav{display: flex; align-items: stretch; height: 100%; gap: 2px; flex: 1;} .mcx-nav > li{display: flex; align-items: stretch;} .mcx-nav-btn{display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; font-family: var(--mc-sans); font-size: 15px; font-weight: 500; color: var(--mc-ink) !important; background: none; border: 0; cursor: pointer; position: relative; white-space: nowrap;} .mcx-nav-btn::after{content: ''; position: absolute; left: 12px; right: 12px; bottom: 18px; height: 2px; background: var(--mc-ink); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--mc-ease);} .mcx-nav > li:hover > .mcx-nav-btn::after, .mcx-nav > li.is-open > .mcx-nav-btn::after{transform: scaleX(1);} .mcx-nav-btn svg{width: 10px; height: 10px; opacity: .55; transition: transform .25s;} .mcx-nav > li.is-open > .mcx-nav-btn svg{transform: rotate(180deg);} .mcx-tools{display: flex; align-items: center; gap: 18px; flex: none;} .mcx-phone{font-family: var(--mc-mono); font-size: 13px; color: var(--mc-ink) !important; letter-spacing: .02em;} .mcx-lang{display: inline-flex; border: 1px solid var(--mc-line); border-radius: 3px; overflow: hidden;} .mcx-lang a{font-family: var(--mc-mono); font-size: 12px; padding: 6px 8px; color: var(--mc-muted) !important; letter-spacing: .06em;} .mcx-lang a.is-on{background: var(--mc-ink); color: #fff !important;} .mcx-burger{display: none; width: 42px; height: 42px; border: 1px solid var(--mc-line); background: #fff; border-radius: 4px; cursor: pointer; align-items: center; justify-content: center;} .mcx-burger span{display: block; width: 18px; height: 1.5px; background: var(--mc-ink); position: relative;} .mcx-burger span::before, .mcx-burger span::after{content: ''; position: absolute; left: 0; width: 18px; height: 1.5px; background: var(--mc-ink);} .mcx-burger span::before{top: -6px;} .mcx-burger span::after{top: 6px;} .mcx-mega{position: absolute; left: 0; right: 0; top: 100%; background: var(--mc-ink); color: #fff; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .25s var(--mc-ease), transform .25s var(--mc-ease), visibility .25s; box-shadow: 0 30px 60px rgba(8, 12, 20, .25);} .mcx-nav > li.is-open > .mcx-mega{opacity: 1; visibility: visible; transform: none;} .mcx-mega-in{display: grid; grid-template-columns: 1fr 340px; gap: 56px; padding: 44px 0 52px;} .mcx-mega-cols{display: grid; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); gap: 32px 36px;} .mcx-mega-title{font-family: var(--mc-mono); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .5); margin-bottom: 16px; display: flex; align-items: center; gap: 10px;} .mcx-mega-title i{width: 8px; height: 8px; display: inline-block;} .mcx-mega a.mcx-mega-link{display: block; color: #fff !important; font-size: 15px; padding: 7px 0; line-height: 1.35; opacity: .92; transition: opacity .2s, transform .2s;} .mcx-mega a.mcx-mega-link small{display: block; color: rgba(255, 255, 255, .5); font-size: 13px; margin-top: 3px;} .mcx-mega a.mcx-mega-link:hover{opacity: 1; transform: translateX(3px); color: var(--mc-lime) !important;} .mcx-mega-side{border-left: 1px solid var(--mc-line-dark); padding-left: 40px;} .mcx-mega-feature{display: block; color: #fff !important;} .mcx-mega-feature .mcx-mega-img{aspect-ratio: 16 / 9; border-radius: 4px; overflow: hidden; background: var(--mc-ink-3); margin-bottom: 16px;} .mcx-mega-feature .mcx-mega-img img{width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--mc-ease);} .mcx-mega-feature:hover .mcx-mega-img img{transform: scale(1.04);} .mcx-mega-feature h5{font-family: var(--mc-serif); font-size: 28px; font-weight: 400; line-height: 1.05; margin: 0 0 10px; color: #fff;} .mcx-mega-feature p{color: rgba(255, 255, 255, .62); font-size: 14px; margin: 0 0 18px;} .mcx-drawer{display: none;} @media (max-width: 1180px){.mcx-phone{display: none;}.mcx-nav-btn{padding: 0 9px; font-size: 14.5px;}.mcx-bar{gap: 20px;}} @media (max-width: 1023px){.mcx-nav, .mcx-tools .mcx-btn{display: none;}.mcx-burger{display: inline-flex;}.mcx-bar{justify-content: space-between; height: 66px;}.mcx-logo img{height: 30px;}.mcx-drawer{display: block; position: fixed; inset: 66px 0 0 0; background: var(--mc-ink); color: #fff; overflow-y: auto; transform: translateX(100%); transition: transform .35s var(--mc-ease); z-index: 1029; padding: 12px var(--mc-gutter) 40px;}.mcx-header.is-drawer .mcx-drawer{transform: none;}.mcx-drawer details{border-bottom: 1px solid var(--mc-line-dark);}.mcx-drawer summary{list-style: none; cursor: pointer; padding: 18px 0; font-family: var(--mc-serif); font-size: 30px; display: flex; justify-content: space-between; align-items: center;}.mcx-drawer summary::-webkit-details-marker{display: none;}.mcx-drawer summary::after{content: '+'; font-family: var(--mc-mono); font-size: 20px; opacity: .6;}.mcx-drawer details[open] summary::after{content: '-';}.mcx-drawer .mcx-mega-title{margin: 8px 0 6px;}.mcx-drawer a.mcx-mega-link{display: block; color: #fff !important; padding: 8px 0; font-size: 16px; opacity: .85;}.mcx-drawer-group{padding-bottom: 14px;}.mcx-drawer-foot{padding-top: 28px; display: flex; flex-direction: column; gap: 18px; align-items: flex-start;}.mcx-drawer .mcx-lang{border-color: var(--mc-line-dark);}.mcx-drawer .mcx-lang a{color: rgba(255, 255, 255, .7) !important;}.mcx-drawer .mcx-lang a.is-on{background: #fff; color: var(--mc-ink) !important;}} .mcx-header.is-drawer{backdrop-filter: none;} body.mcx-v2.mcx-noscroll{overflow: hidden;} .mcx-footer{background: var(--mc-ink); color: rgba(255, 255, 255, .72); position: relative; overflow: hidden;} .mcx-footer a:not(.mcx-btn){color: rgba(255, 255, 255, .82) !important; transition: color .2s;} .mcx-footer a:not(.mcx-btn):hover{color: var(--mc-lime) !important;} .mcx-foot-cta{display: grid; grid-template-columns: 1.3fr 1fr; gap: 48px; align-items: end; padding: clamp(72px, 8vw, 120px) 0 clamp(56px, 6vw, 80px); border-bottom: 1px solid var(--mc-line-dark);} .mcx-foot-cta .mcx-h2{color: #fff;} .mcx-foot-cta-r{display: flex; flex-direction: column; gap: 24px; align-items: flex-start;} .mcx-foot-cta-r p{color: rgba(255, 255, 255, .66); font-size: 17px; margin: 0;} .mcx-foot-cta-btns{display: flex; gap: 12px; flex-wrap: wrap;} .mcx-foot-grid{display: grid; grid-template-columns: 1.25fr repeat(4, 1fr); gap: 40px; padding: 64px 0 56px;} .mcx-foot-brand img{height: 34px; width: auto; margin-bottom: 22px;} .mcx-foot-brand p{font-size: 14.5px; max-width: 300px;} .mcx-foot-h{font-family: var(--mc-mono); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .45); margin-bottom: 18px;} .mcx-foot-list li{margin-bottom: 11px; font-size: 14.5px;} .mcx-social{display: flex; gap: 8px; margin-top: 22px;} .mcx-social a{width: 36px; height: 36px; border: 1px solid var(--mc-line-dark); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;} .mcx-social a:hover{border-color: var(--mc-lime);} .mcx-social svg{width: 15px; height: 15px; fill: currentColor;} .mcx-offices{display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px; padding: 36px 0; border-top: 1px solid var(--mc-line-dark);} .mcx-office b{display: block; color: #fff; font-weight: 500; font-size: 14px; margin-bottom: 6px;} .mcx-office span{display: block; font-size: 12.5px; line-height: 1.5; color: rgba(255, 255, 255, .5);} .mcx-foot-legal{display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 26px 0 34px; border-top: 1px solid var(--mc-line-dark); font-size: 13px; color: rgba(255, 255, 255, .5);} .mcx-foot-legal nav{display: flex; gap: 22px; flex-wrap: wrap;} .mcx-foot-legal a:not(.mcx-btn){color: rgba(255, 255, 255, .6) !important;} .mcx-foot-pixels{right: -40px; top: 0; width: 520px; height: 300px; opacity: .55;} @media (max-width: 1023px){.mcx-foot-cta{grid-template-columns: 1fr;}.mcx-foot-grid{grid-template-columns: 1fr 1fr;}.mcx-foot-brand{grid-column: 1 / -1;}.mcx-offices{grid-template-columns: repeat(2, 1fr);}} @media (max-width: 520px){.mcx-foot-grid{grid-template-columns: 1fr;}} .mcx-hero{position: relative; overflow: hidden; padding: clamp(80px, 11vw, 168px) 0 clamp(64px, 7vw, 104px); background: var(--mc-white);} .mcx-hero .mcx-display{text-align: center; max-width: 1180px; margin: 0 auto; position: relative;} .mcx-hero .mcx-display .mcx-sq{position: absolute; left: -4px; top: .06em; width: .17em; height: .17em;} .mcx-hero-sub{text-align: center; margin: clamp(28px, 3vw, 40px) auto 0; max-width: 680px; font-size: clamp(17px, 1.4vw, 20px); color: var(--mc-muted);} .mcx-hero-cta{display: flex; gap: 12px; justify-content: center; margin-top: 34px; flex-wrap: wrap;} .mcx-hero-pix-l{left: -30px; top: 40px; width: 420px; height: 520px;} .mcx-hero-pix-r{right: -20px; top: -10px; width: 560px; height: 520px;} .mcx-display .mcx-accent{font-style: italic; color: var(--mc-forest);} .mcx-stats{display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--mc-line); margin-top: clamp(64px, 7vw, 104px);} .mcx-stat{padding: 30px 28px 6px 0; border-right: 1px solid var(--mc-line);} .mcx-stat + .mcx-stat{padding-left: 28px;} .mcx-stat:last-child{border-right: 0;} .mcx-stat-n{font-family: var(--mc-serif); font-size: clamp(48px, 5vw, 76px); line-height: 1; letter-spacing: -.02em; display: flex; align-items: baseline; gap: 2px;} .mcx-stat-n sup{font-family: var(--mc-sans); font-size: .32em; top: -1.4em; color: var(--mc-forest); font-weight: 600;} .mcx-stat-l{font-family: var(--mc-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; margin: 14px 0 8px;} .mcx-stat p{font-size: 14px; color: var(--mc-muted); margin: 0;} @media (max-width: 860px){.mcx-stats{grid-template-columns: 1fr 1fr;}.mcx-stat{padding: 26px 18px 18px 0;}.mcx-stat + .mcx-stat{padding-left: 0;}.mcx-stat:nth-child(2n){border-right: 0; padding-left: 18px;}.mcx-stat:nth-child(n+3){border-top: 1px solid var(--mc-line);}} .mcx-split{display: grid; grid-template-columns: 1fr 1fr; min-height: 640px; border-radius: 0; overflow: hidden;} .mcx-split-copy{position: relative; background: var(--mc-ink); color: #fff; padding: clamp(48px, 6vw, 96px) clamp(28px, 5vw, 80px); display: flex; flex-direction: column; justify-content: center;} .mcx-split-copy .mcx-h1{margin: 26px 0 28px;} .mcx-split-copy p{color: rgba(255, 255, 255, .74); font-size: 17px; max-width: 520px;} .mcx-split-media{position: relative; background: var(--mc-ink-2); min-height: 360px;} .mcx-split-media img{position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover;} .mcx-split.is-flip .mcx-split-copy{order: 2;} .mcx-split.is-light .mcx-split-copy{background: var(--mc-white); color: var(--mc-ink);} .mcx-split.is-light .mcx-split-copy p{color: var(--mc-muted);} .mcx-split.is-light .mcx-split-copy .mcx-h1{color: var(--mc-ink);} @media (max-width: 900px){.mcx-split{grid-template-columns: 1fr;}.mcx-split.is-flip .mcx-split-copy{order: 0;}} .mcx-split-outer{padding: 0 var(--mc-gutter); max-width: 1500px; margin: 0 auto;} .mcx-offer{display: grid; grid-template-columns: 330px 1fr; gap: 40px; align-items: start;} .mcx-offer-head{position: sticky; top: 120px;} .mcx-offer-head .mcx-h1{margin: 24px 0 24px;} .mcx-tiles{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;} .mcx-tile{position: relative; display: flex; flex-direction: column; justify-content: flex-end; aspect-ratio: 3 / 4; border-radius: 6px; overflow: hidden; color: #fff !important; padding: 26px 24px; background: var(--mc-ink-2); isolation: isolate;} .mcx-tile-art{position: absolute; inset: 0; z-index: -1; transition: transform .8s var(--mc-ease);} .mcx-tile-art svg{width: 100%; height: 100%; display: block;} .mcx-tile::after{content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 21, 65, 0) 30%, rgba(10, 21, 65, .82) 100%);} .mcx-tile:hover .mcx-tile-art{transform: scale(1.06);} .mcx-tile-ico{width: 30px; height: 30px; margin-bottom: 14px; opacity: .95;} .mcx-tile-ico svg{width: 30px; height: 30px; stroke: #fff; fill: none; stroke-width: 1.4;} .mcx-tile h3{font-family: var(--mc-sans); font-size: clamp(21px, 1.9vw, 27px); font-weight: 500; line-height: 1.12; letter-spacing: -.01em; color: #fff; margin: 0;} .mcx-tile p{font-size: 14px; color: rgba(255, 255, 255, .78); margin: 0; max-height: 0; overflow: hidden; opacity: 0; transition: max-height .5s var(--mc-ease), opacity .4s, margin .4s;} .mcx-tile:hover p, .mcx-tile:focus-visible p{max-height: 140px; opacity: 1; margin-top: 12px;} .mcx-tile-go{position: absolute; top: 20px; right: 20px; width: 34px; height: 34px; border-radius: 3px; background: rgba(255, 255, 255, .12); display: inline-flex; align-items: center; justify-content: center; transition: background .3s;} .mcx-tile-go svg{width: 14px; height: 14px;} .mcx-tile:hover .mcx-tile-go{background: var(--mc-lime); color: var(--mc-ink);} @media (hover: none){.mcx-tile p{max-height: none; opacity: 1; margin-top: 10px;}} @media (max-width: 1100px){.mcx-offer{grid-template-columns: 1fr;}.mcx-offer-head{position: static;}} @media (max-width: 760px){.mcx-tiles{grid-template-columns: 1fr 1fr;}.mcx-tile{aspect-ratio: 4 / 5; padding: 18px;}} @media (max-width: 480px){.mcx-tiles{grid-template-columns: 1fr;}.mcx-tile{aspect-ratio: 16 / 11;}} .mcx-logos{border-top: 1px solid var(--mc-line); border-bottom: 1px solid var(--mc-line); overflow: hidden; position: relative;} .mcx-logos-row{display: flex; width: max-content; animation: mcx-marquee 48s linear infinite;} .mcx-logos:hover .mcx-logos-row{animation-play-state: paused;} .mcx-logo-cell{width: 210px; height: 112px; display: flex; align-items: center; justify-content: center; border-right: 1px solid var(--mc-line); padding: 26px 34px;} .mcx-logo-cell img{max-height: 46px; max-width: 140px; width: auto; filter: grayscale(1); opacity: .62; transition: filter .3s, opacity .3s;} .mcx-logo-cell:hover img{filter: none; opacity: 1;} @keyframes mcx-marquee{to{transform: translateX(-50%);}} @media (prefers-reduced-motion: reduce){.mcx-logos-row{animation: none;}} .mcx-logos-cap{display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 0; font-family: var(--mc-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-muted); flex-wrap: wrap;} .mcx-rail{display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 16px) / 4); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 6px;} .mcx-rail::-webkit-scrollbar{display: none;} .mcx-rail > *{scroll-snap-align: start;} @media (max-width: 1100px){.mcx-rail{grid-auto-columns: calc((100% - 2 * 16px) / 3);}} @media (max-width: 800px){.mcx-rail{grid-auto-columns: 78%;}} .mcx-story{display: flex; flex-direction: column; color: var(--mc-ink) !important;} .mcx-story-img{position: relative; aspect-ratio: 16 / 10; border-radius: 5px; overflow: hidden; background: var(--mc-paper-2); margin-bottom: 18px;} .mcx-story-img img{width: 100%; height: 100% !important; object-fit: cover; transition: transform .7s var(--mc-ease);} .mcx-story:hover .mcx-story-img img{transform: scale(1.05);} .mcx-story-play{position: absolute; left: 14px; bottom: 14px; width: 40px; height: 40px; border-radius: 3px; background: var(--mc-lime); display: flex; align-items: center; justify-content: center;} .mcx-story-play svg{width: 13px; height: 13px; fill: var(--mc-ink); margin-left: 2px;} .mcx-story .mcx-chip{align-self: flex-start; margin-bottom: 12px;} .mcx-story h3{font-family: var(--mc-sans); font-size: 21px; font-weight: 600; letter-spacing: -.01em; line-height: 1.2; margin: 0 0 10px;} .mcx-story p{font-size: 14.5px; color: var(--mc-muted); margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} .mcx-dark .mcx-story{color: #fff !important;} .mcx-dark .mcx-story p{color: rgba(255, 255, 255, .64);} .mcx-partners{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;} .mcx-partner{position: relative; display: flex; flex-direction: column; background: var(--mc-white); border: 1px solid var(--mc-line); border-radius: 6px; padding: 34px 32px 30px; min-height: 520px; transition: border-color .3s, transform .4s var(--mc-ease); color: var(--mc-ink) !important;} .mcx-partner:hover{border-color: var(--mc-ink); transform: translateY(-4px);} .mcx-partner-top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 44px;} .mcx-partner-no{font-family: var(--mc-mono); font-size: 13px; color: var(--mc-muted);} .mcx-partner-name{font-family: var(--mc-serif); font-size: clamp(40px, 3.6vw, 56px); line-height: .95; letter-spacing: -.02em; margin-bottom: 14px;} .mcx-partner-tag{font-size: 17px; font-weight: 500; margin-bottom: 16px;} .mcx-partner p{color: var(--mc-muted); font-size: 15px;} .mcx-checks{margin: 8px 0 28px !important;} .mcx-checks li{position: relative; padding: 10px 0 10px 26px; border-top: 1px solid var(--mc-line); font-size: 14.5px;} .mcx-checks li::before{content: ''; position: absolute; left: 0; top: 16px; width: 9px; height: 9px; background: var(--c, var(--mc-green));} .mcx-partner .mcx-link{margin-top: auto; align-self: flex-start;} .mcx-partner-bar{position: absolute; left: 0; top: 0; right: 0; height: 4px; background: var(--c, var(--mc-green)); border-radius: 6px 6px 0 0;} @media (max-width: 1000px){.mcx-partners{grid-template-columns: 1fr;}.mcx-partner{min-height: 0;}} .mcx-ind{display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--mc-line-dark);} .mcx-ind a{position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 34px; min-height: 190px; padding: 26px 24px 24px; border-bottom: 1px solid var(--mc-line-dark); border-right: 1px solid var(--mc-line-dark); color: #fff !important; transition: background .3s; overflow: hidden;} .mcx-ind a:nth-child(4n){border-right: 0;} .mcx-ind a:hover{background: var(--mc-ink-2);} .mcx-ind-no{font-family: var(--mc-mono); font-size: 12px; color: rgba(255, 255, 255, .45); display: flex; justify-content: space-between;} .mcx-ind-no svg{width: 14px; height: 14px; opacity: 0; transform: translate(-6px, 6px); transition: all .35s var(--mc-ease); color: var(--mc-lime);} .mcx-ind a:hover .mcx-ind-no svg{opacity: 1; transform: none;} .mcx-ind h3{font-family: var(--mc-serif); font-size: clamp(28px, 2.4vw, 36px); font-weight: 400; line-height: 1.02; color: #fff; margin: 0 0 8px;} .mcx-ind p{font-size: 13.5px; color: rgba(255, 255, 255, .55); margin: 0;} .mcx-ind a::before{content: ''; position: absolute; left: 0; top: 0; height: 2px; width: 100%; background: var(--c, var(--mc-lime)); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--mc-ease);} .mcx-ind a:hover::before{transform: scaleX(1);} @media (max-width: 1000px){.mcx-ind{grid-template-columns: 1fr 1fr;}.mcx-ind a:nth-child(4n){border-right: 1px solid var(--mc-line-dark);}.mcx-ind a:nth-child(2n){border-right: 0;}} @media (max-width: 520px){.mcx-ind{grid-template-columns: 1fr;}.mcx-ind a{border-right: 0 !important; min-height: 0;}} .mcx-quote{text-align: center; position: relative;} .mcx-quote blockquote{font-family: var(--mc-serif); font-size: clamp(28px, 3.5vw, 52px); line-height: 1.08; letter-spacing: -.015em; max-width: 1080px; margin: 0 auto; border: 0; padding: 0; color: inherit;} .mcx-quote cite{display: block; font-style: normal; margin-top: 34px; font-size: 14px;} .mcx-quote cite b{display: block; font-weight: 600; font-size: 15px;} .mcx-quote cite span{color: var(--mc-muted);} .mcx-dark .mcx-quote cite span{color: rgba(255, 255, 255, .55);} .mcx-quote-nav{display: flex; justify-content: center; gap: 10px; margin-top: 36px;} .mcx-quote-slide{display: none;} .mcx-quote-slide.is-on{display: block; animation: mcx-fade .7s var(--mc-ease);} @keyframes mcx-fade{from{opacity: 0; transform: translateY(10px);}to{opacity: 1; transform: none;}} .mcx-dots{display: flex; gap: 8px; justify-content: center; margin-top: 30px;} .mcx-dots button{width: 9px; height: 9px; border: 0; padding: 0; background: rgba(255, 255, 255, .25); cursor: pointer; border-radius: 50%;} .mcx-dots button.is-on{background: var(--mc-lime);} .mcx-post{display: flex; flex-direction: column; color: var(--mc-ink) !important;} .mcx-post-img{aspect-ratio: 4 / 3; border-radius: 5px; overflow: hidden; background: var(--mc-paper-2); margin-bottom: 18px;} .mcx-post-img img{width: 100%; height: 100% !important; object-fit: cover; transition: transform .7s var(--mc-ease);} .mcx-post:hover .mcx-post-img img{transform: scale(1.05);} .mcx-post time{font-family: var(--mc-mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--mc-muted); margin-bottom: 10px;} .mcx-post h3{font-family: var(--mc-serif); font-size: 29px; font-weight: 400; line-height: 1.04; margin: 0 0 10px;} .mcx-post p{font-size: 14.5px; color: var(--mc-muted); margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .mcx-people-list{margin-top: 28px !important;} .mcx-people-list li{display: flex; gap: 14px; padding: 14px 0; border-top: 1px solid var(--mc-line-dark); color: rgba(255, 255, 255, .78); font-size: 15px;} .mcx-people-list li span{font-family: var(--mc-mono); font-size: 12px; color: var(--mc-lime); padding-top: 3px;} .mcx-duo{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;} .mcx-duo-card{position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 60px; min-height: 380px; padding: 40px; border-radius: 6px; background: var(--mc-paper); color: var(--mc-ink) !important; overflow: hidden; transition: background .3s;} .mcx-duo-card:hover{background: var(--mc-paper-2);} .mcx-duo-card.is-dark{background: var(--mc-ink); color: #fff !important;} .mcx-duo-card.is-dark:hover{background: var(--mc-ink-2);} .mcx-duo-card .mcx-h3{max-width: 520px; margin-top: 22px;} .mcx-duo-card p{color: var(--mc-muted); max-width: 520px;} .mcx-duo-card.is-dark p{color: rgba(255, 255, 255, .66);} @media (max-width: 860px){.mcx-duo{grid-template-columns: 1fr;}.mcx-duo-card{min-height: 0; padding: 30px 26px;}} .mcx-phero{position: relative; overflow: hidden; padding: clamp(72px, 9vw, 140px) 0 clamp(56px, 6vw, 96px);} .mcx-phero .mcx-h1{max-width: 1100px; margin: 26px 0 30px;} .mcx-phero .mcx-lead{max-width: 720px;} .mcx-phero-pix{right: -30px; top: 0; width: 600px; height: 100%;} .mcx-phero-cta{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 34px;} .mcx-crumbs{font-family: var(--mc-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-muted); display: flex; gap: 10px; align-items: center;} .mcx-crumbs a{color: var(--mc-muted) !important;} .mcx-crumbs a:hover{color: var(--mc-ink) !important;} .mcx-grid-2{display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: start;} .mcx-grid-3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;} .mcx-grid-4{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;} @media (max-width: 1000px){.mcx-grid-3, .mcx-grid-4{grid-template-columns: 1fr 1fr;}} @media (max-width: 860px){.mcx-grid-2{grid-template-columns: 1fr;}} @media (max-width: 560px){.mcx-grid-3, .mcx-grid-4{grid-template-columns: 1fr;}} .mcx-card{background: var(--mc-white); border: 1px solid var(--mc-line); border-radius: 6px; padding: 30px 28px; color: var(--mc-ink) !important; display: flex; flex-direction: column; transition: border-color .3s, transform .4s var(--mc-ease);} a.mcx-card:hover{border-color: var(--mc-ink); transform: translateY(-3px);} .mcx-card .mcx-h4{margin: 18px 0 10px;} .mcx-card p{color: var(--mc-muted); font-size: 15px;} .mcx-card .mcx-link{margin-top: auto; align-self: flex-start;} .mcx-dark .mcx-card{background: var(--mc-ink-2); border-color: var(--mc-line-dark); color: #fff !important;} .mcx-dark .mcx-card p{color: rgba(255, 255, 255, .64);} .mcx-num{font-family: var(--mc-mono); font-size: 12.5px; color: var(--mc-muted); letter-spacing: .06em;} .mcx-dark .mcx-num{color: rgba(255, 255, 255, .45);} .mcx-rows > *{display: grid; grid-template-columns: 90px 1fr 1.2fr; gap: 32px; padding: 34px 0; border-top: 1px solid var(--mc-line); align-items: start;} .mcx-rows > *:last-child{border-bottom: 1px solid var(--mc-line);} .mcx-rows .mcx-h3{font-size: clamp(26px, 2.3vw, 36px);} .mcx-rows p{color: var(--mc-muted); margin: 0;} .mcx-rows .mcx-row-how{margin-top: 12px !important; color: var(--mc-ink);} .mcx-rows .mcx-row-how b{font-weight: 600;} @media (max-width: 860px){.mcx-rows > *{grid-template-columns: 1fr; gap: 12px;}} .mcx-family{display: grid; grid-template-columns: 1fr 1.25fr; gap: clamp(32px, 5vw, 80px); padding: clamp(48px, 5vw, 72px) 0; border-top: 1px solid var(--mc-line);} .mcx-family:last-child{border-bottom: 1px solid var(--mc-line);} .mcx-family .mcx-h2{margin: 20px 0 20px;} .mcx-family-links{display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; align-self: start;} .mcx-family-links a{display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 0; border-bottom: 1px solid var(--mc-line); color: var(--mc-ink) !important; font-size: 16.5px; font-weight: 500;} .mcx-family-links a svg{width: 13px; height: 13px; opacity: .4; transition: all .3s var(--mc-ease); flex: none;} .mcx-family-links a:hover svg{opacity: 1; transform: translate(2px, -2px); color: var(--mc-forest);} .mcx-family-links a:hover{color: var(--mc-forest) !important;} @media (max-width: 860px){.mcx-family{grid-template-columns: 1fr;}} @media (max-width: 520px){.mcx-family-links{grid-template-columns: 1fr;}} .mcx-office-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--mc-line);} .mcx-office-card{padding: 30px 28px 30px 0; border-bottom: 1px solid var(--mc-line);} .mcx-office-card:not(:nth-child(3n+1)){padding-left: 28px; border-left: 1px solid var(--mc-line);} .mcx-office-card .mcx-chip{margin-bottom: 18px;} .mcx-office-card h4{font-family: var(--mc-serif); font-size: 34px; font-weight: 400; margin: 0 0 10px;} .mcx-office-card p{color: var(--mc-muted); font-size: 14.5px; margin: 0;} @media (max-width: 860px){.mcx-office-grid{grid-template-columns: 1fr;}.mcx-office-card, .mcx-office-card:not(:nth-child(3n+1)){padding: 26px 0; border-left: 0;}} .mcx-video{display: block; color: var(--mc-ink) !important;} .mcx-video .mcx-story-img{margin-bottom: 14px;} .mcx-video h4{font-size: 17px; font-weight: 600; margin: 0 0 6px; line-height: 1.3;} .mcx-video p{font-size: 14px; color: var(--mc-muted); margin: 0;} .mcx-filters{display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 36px;} .mcx-filters button{font-family: var(--mc-mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; padding: 9px 13px 8px; border: 1px solid var(--mc-line); border-radius: 3px; background: #fff; color: var(--mc-ink); cursor: pointer; transition: all .2s;} .mcx-filters button:hover{border-color: var(--mc-ink);} .mcx-filters button.is-on{background: var(--mc-ink); color: #fff; border-color: var(--mc-ink);} .mcx-story.is-hidden, .mcx-video.is-hidden{display: none;} .mcx-story-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px 20px;} @media (max-width: 1000px){.mcx-story-grid{grid-template-columns: 1fr 1fr;}} @media (max-width: 600px){.mcx-story-grid{grid-template-columns: 1fr;}} .mcx-story .mcx-link{margin-top: 16px; align-self: flex-start;} .mcx-preview{position: fixed; left: 16px; bottom: 16px; z-index: 1050; display: flex; align-items: center; gap: 10px; background: var(--mc-ink); color: #fff; border-radius: 4px; padding: 8px 8px 8px 12px; font-family: var(--mc-mono); font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; box-shadow: 0 10px 30px rgba(0, 0, 0, .25);} .mcx-preview a{color: var(--mc-ink) !important; background: var(--mc-lime); padding: 6px 8px; border-radius: 3px;} .mcx-v2 #wrapwrap{overflow-x: clip;} @media (max-width: 760px){.mcx-pixels{opacity: .35 !important;}.mcx-hero-pix-l{display: none;}.mcx-hero-pix-r{width: 100%; right: 0; height: 260px; top: -60px;}.mcx-phero-pix{width: 100%; right: 0; height: 200px; opacity: .3 !important;}.mcx-stat-n{font-size: 44px;}.mcx-stat-l{font-size: 11px;}.mcx-hero-cta .mcx-btn, .mcx-phero-cta .mcx-btn{width: 100%; justify-content: space-between;}.mcx-preview{left: 10px; bottom: 10px; font-size: 10.5px;}} .mcx-words .mcx-w{display: inline-block; overflow: hidden; vertical-align: top; padding: 0 .02em .12em; margin-bottom: -.12em;} .mcx-words .mcx-w > span{display: inline-block; transform: translateY(105%); animation: mcx-rise .95s var(--mc-ease) forwards;} @keyframes mcx-rise{to{transform: none;}} .mcx-words .mcx-sq{opacity: 0; animation: mcx-pop .5s var(--mc-ease) .05s forwards;} @keyframes mcx-pop{from{opacity: 0; transform: scale(.2);}to{opacity: 1; transform: none;}} .mcx-v2.mcx-js .mcx-hero .mcx-hero-sub, .mcx-v2.mcx-js .mcx-hero .mcx-hero-cta, .mcx-v2.mcx-js .mcx-phero .mcx-lead, .mcx-v2.mcx-js .mcx-phero .mcx-phero-cta{opacity: 0; animation: mcx-fade .9s var(--mc-ease) forwards; animation-delay: var(--mcx-after, .5s);} .mcx-v2.mcx-js .mcx-hero .mcx-hero-cta, .mcx-v2.mcx-js .mcx-phero .mcx-phero-cta{animation-delay: calc(var(--mcx-after, .5s) + .15s);} .mcx-hero, .mcx-phero{--mcx-after: .9s;} .mcx-pixels canvas{image-rendering: pixelated;} @media (prefers-reduced-motion: reduce){.mcx-words .mcx-w > span, .mcx-words .mcx-sq{animation: none; transform: none; opacity: 1;}.mcx-v2.mcx-js .mcx-hero .mcx-hero-sub, .mcx-v2.mcx-js .mcx-hero .mcx-hero-cta, .mcx-v2.mcx-js .mcx-phero .mcx-lead, .mcx-v2.mcx-js .mcx-phero .mcx-phero-cta{animation: none; opacity: 1;}} .mcx-phero-grid{display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(32px, 5vw, 72px); align-items: center;} .mcx-phero-media .mcx-h1{font-size: clamp(42px, 5.2vw, 80px);} .mcx-phero-img{position: relative; border-radius: 6px; overflow: hidden; aspect-ratio: 4 / 3; background: var(--mc-paper); box-shadow: 0 30px 60px rgba(10, 21, 65, .12);} .mcx-phero-img img{width: 100%; height: 100% !important; object-fit: cover;} .mcx-phero-img::after{content: ''; position: absolute; left: 16px; top: 16px; width: 12px; height: 12px; background: var(--mc-lime);} @media (max-width: 900px){.mcx-phero-grid{grid-template-columns: 1fr;}} .mcx-split-art{overflow: hidden;} .mcx-split-art svg{position: absolute; inset: 0; width: 100%; height: 100%;} .mcx-card-ico{width: 34px; height: 34px; border-radius: 4px; background: var(--mc-ink); display: inline-flex; align-items: center; justify-content: center;} .mcx-card-ico svg{width: 20px; height: 20px; stroke: #fff; fill: none; stroke-width: 1.6;} .mcx-cards .mcx-card{border-top: 3px solid var(--c, var(--mc-green));} .mcx-checks-lg li{font-size: 16.5px; padding: 16px 0 16px 30px;} .mcx-checks-lg li::before{top: 23px;} .mcx-checks-lg li:nth-child(4n+1){--c: #3d8bff;} .mcx-checks-lg li:nth-child(4n+2){--c: #6c7bff;} .mcx-checks-lg li:nth-child(4n+3){--c: #b4e05a;} .mcx-checks-lg li:nth-child(4n+4){--c: #f7941d;} .mcx-media{margin: 0;} .mcx-media-img{border-radius: 6px; overflow: hidden; background: var(--mc-paper); border: 1px solid var(--mc-line); aspect-ratio: 16 / 10; margin-bottom: 16px;} .mcx-media-img img{width: 100%; height: 100% !important; object-fit: contain; background: #fff;} .mcx-media h4{font-size: 18px; font-weight: 600; margin: 0 0 6px;} .mcx-media p{color: var(--mc-muted); font-size: 14.5px; margin: 0;} .mcx-video-embed{position: relative; aspect-ratio: 16 / 9; border-radius: 6px; overflow: hidden; background: var(--mc-ink);} .mcx-video-embed iframe{position: absolute; inset: 0; width: 100%; height: 100%; border: 0;} .mcx-editions{display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px;} .mcx-edition{min-height: 0; padding: 30px 26px 26px;} .mcx-edition .mcx-partner-top{margin-bottom: 22px;} .mcx-cta-band{flex-direction: row; align-items: flex-end; min-height: 0; padding: clamp(36px, 4vw, 56px);} @media (max-width: 860px){.mcx-cta-band{flex-direction: column; align-items: flex-start;}} .mcx-v2 #wrap.mcx-legacy *:not(:has(form)):not(form):not(form *){display: none !important;} .mcx-v2 #wrap.mcx-legacy{background: var(--mc-ink); padding: 0 0 clamp(64px, 7vw, 104px);} .mcx-v2 #wrap.mcx-legacy main, .mcx-v2 #wrap.mcx-legacy section, .mcx-v2 #wrap.mcx-legacy div:has(form){background: transparent !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; border: 0 !important; box-shadow: none !important;} .mcx-v2 #wrap.mcx-legacy > :has(form){display: block; max-width: var(--mc-max); margin: 0 auto !important; padding: 0 var(--mc-gutter) !important;} .mcx-v2 #wrap.mcx-legacy [class*="col-"]:has(form){width: 100%; float: none; max-width: none; flex: none;} .mcx-v2 #wrap.mcx-legacy form{background: #fff; border-radius: 6px; padding: clamp(24px, 3vw, 40px); max-width: 860px; margin-left: auto; font-family: var(--mc-sans);} .mcx-v2 #wrap.mcx-legacy form .form-group{margin-bottom: 18px;} .mcx-v2 #wrap.mcx-legacy form label{font: 600 12px/1.2 var(--mc-mono) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--mc-muted) !important; margin-bottom: 8px;} .mcx-v2 #wrap.mcx-legacy form label *{font: inherit !important; color: inherit !important;} .mcx-v2 #wrap.mcx-legacy form .form-control{height: auto; border: 1px solid var(--mc-line); border-radius: 4px; box-shadow: none; padding: 12px 14px; font: 15px/1.4 var(--mc-sans); color: var(--mc-ink); background: #fff;} .mcx-v2 #wrap.mcx-legacy form .form-control:focus{border-color: var(--mc-ink); outline: 2px solid var(--mc-lime); outline-offset: 1px;} .mcx-v2 #wrap.mcx-legacy form textarea.form-control{min-height: 120px;} .mcx-v2 #wrap.mcx-legacy form .btn, .mcx-v2 #wrap.mcx-legacy form button[type="submit"], .mcx-v2 #wrap.mcx-legacy form input[type="submit"]{background: var(--mc-ink) !important; color: #fff !important; border: 0 !important; border-radius: 4px; padding: 13px 22px; font: 500 15px/1 var(--mc-sans); box-shadow: inset -44px 0 0 var(--mc-lime); padding-right: 64px; position: relative;} .mcx-v2 #wrap.mcx-legacy form .btn::after, .mcx-v2 #wrap.mcx-legacy form button[type="submit"]::after{content: '\2197'; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--mc-ink);} .mcx-v2 #wrap.mcx-legacy form .ms-bc-row{display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px;} .mcx-v2 .mcx-form-head{padding-bottom: clamp(32px, 4vw, 48px);} .mcx-v2 #wrap.mcx-legacy form.p-0{padding: clamp(24px, 3vw, 40px) !important;} .mcx-v2 #wrap.mcx-legacy form .o_website_form_send{display: inline-flex; align-items: center; gap: 10px; cursor: pointer; background: var(--mc-ink) !important; color: #fff !important; border: 0; border-radius: 4px; padding: 15px 64px 15px 22px; font: 500 15px/1 var(--mc-sans); box-shadow: inset -44px 0 0 var(--mc-lime); position: relative;} .mcx-v2 #wrap.mcx-legacy form .o_website_form_send .fa{display: none;} .mcx-v2 #wrap.mcx-legacy form .o_website_form_send::after{content: '\2197'; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--mc-ink);} .mcx-v2 #wrap.mcx-legacy form .o_website_form_send:hover{box-shadow: inset -50px 0 0 var(--mc-lime);} .mcx-v2 #wrap.mcx-legacy .lp-form-card form{display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px;} .mcx-v2 #wrap.mcx-legacy .lp-form-card form::before, .mcx-v2 #wrap.mcx-legacy .lp-form-card form::after{display: none;} .mcx-v2 #wrap.mcx-legacy .lp-form-card form > .form-group:nth-last-child(-n+2){grid-column: 1 / -1;} .mcx-v2 #wrap.mcx-legacy .lp-form-card form > .form-group.mt-4{margin: 6px 0 0 !important;} .mcx-v2 #wrap.mcx-legacy form select.form-control{-webkit-appearance: none; appearance: none; padding-right: 38px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%232d2347'/%3E%3C/svg%3E") no-repeat right 14px center;} @media (max-width: 640px){.mcx-v2 #wrap.mcx-legacy .lp-form-card form{grid-template-columns: 1fr;}} .mcx-v2 #wrap.mcx-legacy form .form-group, .mcx-v2 #wrap.mcx-legacy form .form-field{margin-bottom: 18px;} .mcx-v2 #wrap.mcx-legacy form .col-md-3, .mcx-v2 #wrap.mcx-legacy form .col-md-7, .mcx-v2 #wrap.mcx-legacy form .col-sm-4, .mcx-v2 #wrap.mcx-legacy form .col-sm-8{width: 100%; float: none; text-align: left;} .mcx-v2 main > header.s_header{display: none !important;} .mcx-v2 #wrap:not(.mcx-legacy) header.s_header{position: relative; background: var(--mc-paper) !important; background-image: none !important; color: var(--mc-ink) !important; padding: clamp(72px, 8vw, 128px) 0 clamp(48px, 5vw, 80px) !important; min-height: 0 !important; text-align: left; border-bottom: 1px solid var(--mc-line);} .mcx-v2 #wrap:not(.mcx-legacy) header.s_header .overlay{display: none !important;} .mcx-v2 #wrap:not(.mcx-legacy) header.s_header .container{max-width: var(--mc-max); width: 100%; padding: 0 var(--mc-gutter); text-align: left !important;} @supports selector(:is(a)){.mcx-v2 #wrap:not(.mcx-legacy) header.s_header :is(h1, h2){font-family: var(--mc-serif) !important; font-weight: 400 !important; font-size: clamp(46px, 6vw, 92px) !important; line-height: .98; letter-spacing: -.02em; color: var(--mc-ink) !important; margin: 0 0 22px; text-transform: none;}} @supports selector(:is(a)){.mcx-v2 #wrap:not(.mcx-legacy) header.s_header :is(p, h3, h4, h5, .lead){font-family: var(--mc-sans) !important; color: var(--mc-muted) !important; font-size: clamp(17px, 1.35vw, 20px) !important; font-weight: 400 !important; max-width: 680px;}} @supports selector(:is(a)){.mcx-v2 #wrap:not(.mcx-legacy) header.s_header :is(.btn, a.btn){background: var(--mc-ink) !important; color: #fff !important; border: 0 !important; border-radius: 4px !important; padding: 13px 18px !important; font: 500 15px/1 var(--mc-sans) !important; text-transform: none !important; letter-spacing: 0 !important;}} .mcx-v2 #wrap:not(.mcx-legacy) header.s_header::before{content: ''; position: absolute; left: max(var(--mc-gutter), calc((100% - var(--mc-max)) / 2 + var(--mc-gutter))); top: clamp(40px, 5vw, 80px); width: 12px; height: 12px; background: var(--mc-lime);} .mcx-v2 #wrap.website_blog, .mcx-v2 #wrap.bg-gray{background: #fff !important;} .mcx-v2 #wrap:not(.mcx-legacy) .section.bg-white, .mcx-v2 #wrap:not(.mcx-legacy) section.bg-white{background: #fff !important;} @supports selector(:is(a)){.mcx-v2 #wrap:not(.mcx-legacy) :is(h1, h2, h3){font-family: var(--mc-serif); font-weight: 400; letter-spacing: -.01em; color: var(--mc-ink);}} .mcx-v2 #wrap:not(.mcx-legacy) h4, .mcx-v2 #wrap:not(.mcx-legacy) h5{font-family: var(--mc-sans); font-weight: 600; color: var(--mc-ink);} .mcx-v2 #wrap:not(.mcx-legacy) .btn-primary{background: var(--mc-ink) !important; border-color: var(--mc-ink) !important; color: #fff !important; border-radius: 4px;} .mcx-v2 #wrap:not(.mcx-legacy) a:not(.btn){color: var(--mc-navy);} .mcx-v2 .pagination > li > a, .mcx-v2 .pagination > li > span{border-color: var(--mc-line); color: var(--mc-ink); font-family: var(--mc-mono); font-size: 13px;} .mcx-v2 .pagination > .active > a, .mcx-v2 .pagination > .active > span{background: var(--mc-ink) !important; border-color: var(--mc-ink) !important; color: #fff !important;} .mcx-v2 #wrap.website_blog .card, .mcx-v2 #wrap.website_blog .o_blog_post_short, .mcx-v2 #wrap.website_blog .blog-post-card{border: 1px solid var(--mc-line) !important; border-radius: 6px !important; box-shadow: none !important; overflow: hidden; background: #fff;} @supports selector(:is(a)){.mcx-v2 #wrap.website_blog :is(.card-title, h2, h3) a{color: var(--mc-ink) !important; font-family: var(--mc-serif); font-weight: 400;}} .mcx-v2 .o_blog_cover_container{position: relative; min-height: 0 !important; padding: clamp(96px, 12vw, 180px) 0 clamp(56px, 6vw, 96px) !important; text-align: left !important;} .mcx-v2 .o_blog_cover_container::after{content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 21, 65, .25), rgba(10, 21, 65, .82)); z-index: 0;} .mcx-v2 .o_blog_cover_container > *{position: relative; z-index: 1; max-width: var(--mc-max); margin-left: auto; margin-right: auto; padding-left: var(--mc-gutter); padding-right: var(--mc-gutter);} @supports selector(:is(a)){.mcx-v2 .o_blog_cover_container :is(h1, .o_blog_post_title){font-family: var(--mc-serif) !important; font-weight: 400 !important; font-size: clamp(40px, 5.4vw, 84px) !important; line-height: 1 !important; letter-spacing: -.02em; color: #fff !important; text-align: left; max-width: 1050px;}} @supports selector(:is(a)){.mcx-v2 .o_blog_cover_container :is(h2, .o_blog_post_subtitle){font-family: var(--mc-sans) !important; font-size: clamp(17px, 1.4vw, 21px) !important; font-weight: 400 !important; color: rgba(255, 255, 255, .82) !important; text-align: left; max-width: 760px;}} @supports selector(:is(a)){.mcx-v2 .o_blog_cover_container :is(span, a, div){font-family: var(--mc-sans);}} .mcx-v2 .o_blog_post_complete, .mcx-v2 #blog_content, .mcx-v2 .blog_content{font-family: var(--mc-sans); font-size: 18px; line-height: 1.75; color: #1d2b66; max-width: 780px; margin: 0 auto;} @supports selector(:is(a)){.mcx-v2 :is(.o_blog_post_complete, #blog_content) :is(h1, h2){font-family: var(--mc-serif) !important; font-weight: 400 !important; font-size: clamp(30px, 2.8vw, 42px) !important; line-height: 1.1; margin: 1.6em 0 .5em; color: var(--mc-ink) !important;}} @supports selector(:is(a)){.mcx-v2 :is(.o_blog_post_complete, #blog_content) :is(h3, h4){font-family: var(--mc-sans) !important; font-weight: 600 !important; font-size: 21px !important; margin: 1.4em 0 .4em; color: var(--mc-ink) !important;}} @supports selector(:is(a)){.mcx-v2 :is(.o_blog_post_complete, #blog_content) :is(p, li, span){font-family: var(--mc-sans) !important; font-size: 18px; line-height: 1.75;}} @supports selector(:is(a)){.mcx-v2 :is(.o_blog_post_complete, #blog_content) img{border-radius: 6px; max-width: 100%; height: auto;}} @supports selector(:is(a)){.mcx-v2 :is(.o_blog_post_complete, #blog_content) blockquote{border-left: 3px solid var(--mc-lime); font-family: var(--mc-serif); font-size: 26px; line-height: 1.3; padding: 4px 0 4px 22px;}} .mcx-v2 .o_wblog_read_next, .mcx-v2 #o_wblog_next_container{background: var(--mc-paper) !important;} .mcx-prose-wrap{max-width: 860px;} .mcx-prose{margin-top: 28px; font-size: 17px; line-height: 1.75; color: #1d2b66;} @supports selector(:is(a)){.mcx-prose :is(h2, h3){font-family: var(--mc-serif); font-weight: 400; font-size: clamp(26px, 2.3vw, 34px); line-height: 1.1; color: var(--mc-ink); margin: 1.8em 0 .5em;}} .mcx-prose h4{font-size: 19px; font-weight: 600; margin: 1.5em 0 .4em; color: var(--mc-ink);} @supports selector(:is(a)){.mcx-prose :is(ul, ol){padding-left: 1.3em; margin: 0 0 1.1em; list-style: revert;}} .mcx-prose li{margin-bottom: .45em;} .mcx-prose a{color: var(--mc-navy); text-decoration: underline;} .mcx-prose table{width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: 15px;} @supports selector(:is(a)){.mcx-prose :is(td, th){border: 1px solid var(--mc-line); padding: 10px 12px; vertical-align: top; text-align: left;}} .mcx-prose th{background: var(--mc-paper); font-weight: 600;} .mcx-post-noimg{width: 100%; height: 100%;} .mcx-post-noimg svg{width: 100%; height: 100%; display: block;} .mcx-pager{margin-top: 48px; display: flex; justify-content: center;} .mcx-pager .pagination{float: none !important; margin: 0;} .mcx-logo-wall{display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid var(--mc-line); border-left: 1px solid var(--mc-line);} .mcx-logo-wall-cell{aspect-ratio: 3 / 2; display: flex; align-items: center; justify-content: center; padding: 18px 22px; border-right: 1px solid var(--mc-line); border-bottom: 1px solid var(--mc-line); background: #fff;} .mcx-logo-wall-cell img{max-width: 100%; max-height: 60px; width: auto; height: auto; object-fit: contain; filter: grayscale(1); opacity: .7; transition: filter .3s, opacity .3s;} .mcx-logo-wall-cell:hover img{filter: none; opacity: 1;} @media (max-width: 1000px){.mcx-logo-wall{grid-template-columns: repeat(4, 1fr);}} @media (max-width: 600px){.mcx-logo-wall{grid-template-columns: repeat(3, 1fr);}.mcx-logo-wall-cell{padding: 10px 12px;}.mcx-logo-wall-cell img{max-height: 40px;}} @supports selector(:is(a)){.mcx :is(h1, h2, h3, h4, .mcx-display, .mcx-h1, .mcx-h2, .mcx-h3, blockquote){overflow-wrap: break-word; hyphens: auto;}} @media (max-width: 860px){.mcx-stats{grid-template-columns: 1fr 1fr !important;}.mcx-stats .mcx-stat{padding: 24px 16px 18px 0 !important; border-right: 1px solid var(--mc-line); border-top: 0;}.mcx-stats .mcx-stat:nth-child(2n){border-right: 0; padding-left: 16px !important;}.mcx-stats .mcx-stat:nth-child(n+3){border-top: 1px solid var(--mc-line);}.mcx-stats .mcx-stat:only-child{border-right: 0;}} @media (max-width: 560px){.mcx-v2 .mcx .mcx-h1{font-size: 40px;}.mcx-v2 .mcx .mcx-h2{font-size: 34px;}.mcx-v2 .mcx .mcx-split-copy .mcx-h1{font-size: 36px !important;}.mcx-v2 .mcx .mcx-partner-name, .mcx-v2 .mcx .mcx-family .mcx-display{font-size: 44px !important;}.mcx-split-copy{padding: 44px 24px;}.mcx-split{min-height: 0;}.mcx-split-media{min-height: 240px;}.mcx-sec{padding: 64px 0;}.mcx-sec-head{margin-bottom: 28px;}.mcx-quote blockquote{font-size: 26px;}.mcx-card{padding: 24px 20px;}.mcx-rows > *{padding: 24px 0;}.mcx-foot-cta .mcx-h2{font-size: 34px;}.mcx-prose{font-size: 16px;}.mcx-prose table{display: block; overflow-x: auto;}.mcx-phero{padding-top: 56px;}.mcx-phero-cta .mcx-btn{width: 100%; justify-content: space-between;}.mcx-btn{white-space: normal;}.mcx-btn > span{line-height: 1.25;}.mcx-preview{transform: scale(.88); transform-origin: left bottom;}} .mcx-steps{display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--mc-line);} .mcx-step{padding: 26px 22px 6px 0; border-right: 1px solid var(--mc-line);} .mcx-step + .mcx-step{padding-left: 22px;} .mcx-step:last-child{border-right: 0;} .mcx-step h3{font-family: var(--mc-serif); font-weight: 400; font-size: 28px; line-height: 1.05; margin: 14px 0 10px;} .mcx-step p{font-size: 14.5px; color: var(--mc-muted); margin: 0;} @media (max-width: 1000px){.mcx-steps{grid-template-columns: 1fr 1fr;}.mcx-step{border-right: 0; border-bottom: 1px solid var(--mc-line); padding: 22px 16px 18px 0 !important;}} @media (max-width: 520px){.mcx-steps{grid-template-columns: 1fr;}} .mcx-partners-2{grid-template-columns: 1fr 1fr;} .mcx-partner-more{grid-column: 1 / -1; padding: 22px 26px; border: 1px dashed var(--mc-line); border-radius: 6px; display: flex; gap: 24px; align-items: baseline; flex-wrap: wrap;} .mcx-partner-more p{margin: 0; color: var(--mc-muted); font-size: 15px;} .mcx-partner-more a{color: var(--mc-ink); text-decoration: underline;} @media (max-width: 1000px){.mcx-partners-2{grid-template-columns: 1fr;}} .mcx-quiz{max-width: 920px;} .mcx-quiz-progress{position: sticky; top: 76px; z-index: 5; display: flex; align-items: center; gap: 14px; background: #fff; padding: 14px 0; border-bottom: 1px solid var(--mc-line); margin-bottom: 8px;} .mcx-quiz-track{flex: 1; height: 6px; background: var(--mc-paper-2); border-radius: 3px; overflow: hidden;} .mcx-quiz-bar{display: block; height: 100%; width: 0; background: var(--mc-forest); transition: width .4s var(--mc-ease);} .mcx-quiz-count{font-family: var(--mc-mono); font-size: 13px;} .mcx-q{padding: 34px 0; border-bottom: 1px solid var(--mc-line); transition: opacity .3s;} .mcx-q.is-done{opacity: .62;} .mcx-q.is-done:hover{opacity: 1;} .mcx-q-meta{display: flex; gap: 12px; align-items: center; margin-bottom: 14px;} .mcx-q-title{font-family: var(--mc-serif); font-weight: 400; font-size: clamp(26px, 2.6vw, 36px); line-height: 1.1; margin: 0 0 20px !important;} .mcx-q-opts{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;} .mcx-q-opt{display: flex; align-items: center; gap: 10px; text-align: left; padding: 14px 14px; border: 1px solid var(--mc-line); border-radius: 5px; background: #fff; cursor: pointer; font: 500 14.5px/1.3 var(--mc-sans); color: var(--mc-ink); transition: border-color .2s, background .2s;} .mcx-q-opt i{font-style: normal; font-family: var(--mc-mono); font-size: 12px; width: 24px; height: 24px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; background: var(--mc-paper);} .mcx-q-opt:hover{border-color: var(--mc-ink);} .mcx-q-opt.is-on{background: var(--mc-ink); color: #fff; border-color: var(--mc-ink);} .mcx-q-opt.is-on i{background: var(--mc-lime); color: var(--mc-ink);} @media (max-width: 760px){.mcx-q-opts{grid-template-columns: 1fr 1fr;}.mcx-quiz-progress{top: 66px;}} .mcx-quiz-result{margin-top: 48px;} .mcx-quiz-score{display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; padding: clamp(32px, 4vw, 56px); border-radius: 6px;} .mcx-quiz-big{font-family: var(--mc-serif); line-height: 1; margin: 20px 0 10px;} .mcx-quiz-big b{font-weight: 400; font-size: clamp(80px, 9vw, 132px);} .mcx-quiz-big small{font-size: 28px; color: rgba(255, 255, 255, .5);} .mcx-quiz-score p{color: rgba(255, 255, 255, .72); margin-top: 12px;} .mcx-quiz-dims{display: flex; flex-direction: column; gap: 18px; justify-content: center;} .mcx-quiz-dim{display: grid; grid-template-columns: 170px 1fr 48px; gap: 14px; align-items: center; font-size: 14.5px;} .mcx-quiz-dim i{height: 8px; background: rgba(255, 255, 255, .12); border-radius: 4px; overflow: hidden;} .mcx-quiz-dim i b{display: block; height: 100%; width: 0; background: var(--mc-lime); transition: width .8s var(--mc-ease);} .mcx-quiz-dim em{font-style: normal; font-family: var(--mc-mono); font-size: 13px; text-align: right;} @media (max-width: 860px){.mcx-quiz-score{grid-template-columns: 1fr;}.mcx-quiz-dim{grid-template-columns: 120px 1fr 44px;}} .mcx-rec[hidden]{display: none !important;} .mcx-quiz-lead{display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin-top: 56px; padding: clamp(32px, 4vw, 56px); border-radius: 6px;} .mcx-quiz-lead p{color: rgba(255, 255, 255, .72); margin-top: 16px;} @media (max-width: 860px){.mcx-quiz-lead{grid-template-columns: 1fr;}} .mcx-form{background: #fff; border-radius: 6px; padding: 26px; color: var(--mc-ink);} .mcx-form .form-group{margin-bottom: 16px;} .mcx-form label{font: 600 12px/1.2 var(--mc-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--mc-muted); margin-bottom: 8px; display: block;} .mcx-form .form-control{width: 100%; height: auto; border: 1px solid var(--mc-line); border-radius: 4px; box-shadow: none; padding: 12px 14px; font: 15px/1.4 var(--mc-sans);} .mcx-form .form-control:focus{border-color: var(--mc-ink); outline: 2px solid var(--mc-lime); outline-offset: 1px;} .mcx-form .btn{background: var(--mc-ink) !important; color: #fff !important; border: 0; border-radius: 4px; padding: 13px 20px; font: 500 15px/1 var(--mc-sans);} .mcx-form #o_website_form_result{display: block; margin-top: 12px; font-size: 14px;} .mcx-roi{display: grid; grid-template-columns: 1.1fr .9fr; gap: 16px; align-items: start;} .mcx-roi-in{border: 1px solid var(--mc-line); border-radius: 6px; padding: clamp(24px, 3vw, 40px);} .mcx-roi-presets{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 26px;} .mcx-roi-presets .mcx-num{margin-right: 6px;} .mcx-roi-presets button{font-family: var(--mc-mono); font-size: 12px; letter-spacing: .04em; padding: 9px 12px 8px; border: 1px solid var(--mc-line); border-radius: 3px; background: #fff; cursor: pointer; color: var(--mc-ink);} .mcx-roi-presets button.is-on{background: var(--mc-ink); color: #fff; border-color: var(--mc-ink);} .mcx-roi-field{display: grid; grid-template-columns: 1fr; gap: 8px; margin-bottom: 20px; position: relative;} .mcx-roi-field > span{font: 600 12px/1.3 var(--mc-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--mc-muted);} .mcx-roi-field input[type="number"]{border: 1px solid var(--mc-line); border-radius: 4px; padding: 12px 14px; font: 500 20px/1.2 var(--mc-sans); color: var(--mc-ink); width: 100%;} .mcx-roi-field input[type="range"]{width: calc(100% - 64px); accent-color: var(--mc-forest);} .mcx-roi-rate{position: absolute; right: 0; bottom: 2px; font-family: var(--mc-mono);} .mcx-roi-out{border-radius: 6px; padding: clamp(24px, 3vw, 40px); display: grid; grid-template-columns: 1fr 1fr; gap: 26px 20px; position: sticky; top: 100px;} .mcx-roi-out > p, .mcx-roi-out > a{grid-column: 1 / -1;} .mcx-roi-kpi span{display: block; font: 500 12px/1.3 var(--mc-mono); letter-spacing: .05em; text-transform: uppercase; color: rgba(255, 255, 255, .55); margin-bottom: 8px;} .mcx-roi-kpi b{font-family: var(--mc-serif); font-weight: 400; font-size: clamp(40px, 4vw, 60px); line-height: 1;} .mcx-roi-kpi small{margin-left: 6px; color: rgba(255, 255, 255, .55);} .mcx-roi-kpi.is-lime b{color: var(--mc-lime);} .mcx-roi-kpi[hidden]{display: none;} @media (max-width: 900px){.mcx-roi{grid-template-columns: 1fr;}.mcx-roi-out{position: static;}} .mcx-words .mcx-punct{font-style: normal; color: var(--mc-ink);} .mcx-dark .mcx-words .mcx-punct{color: #fff;} .mcx-v2 #mcx-jobs + #wrap header.s_header{display: none !important;} .mcx-v2 .mcx-ev{text-decoration: none;} .mcx-v2 .mcx-ev-date{display: flex; align-items: baseline; gap: 12px; margin-bottom: 18px;} .mcx-v2 .mcx-ev-date b{font-family: var(--mc-serif); font-size: 58px; line-height: .9; font-weight: 400; color: var(--c, var(--mc-ink));} .mcx-v2 .mcx-ev-date span{font-family: var(--mc-mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--mc-muted);} .mcx-v2 .mcx-ev .mcx-chip{align-self: flex-start; margin-bottom: 14px;} .mcx-v2 .mcx-ev-empty{border: 1px dashed var(--mc-line); border-radius: 6px; padding: 32px 28px; display: flex; flex-wrap: wrap; gap: 18px; align-items: center; justify-content: space-between;} .mcx-v2 .mcx-ev-empty p{margin: 0; max-width: 640px;} .mcx-v2 .mcx-ev-past a > span{display: flex; flex-direction: column; gap: 4px;} .mcx-v2 .mcx-ev-past small{font-size: 12px; font-weight: 400; letter-spacing: .04em; color: var(--mc-muted);} .mcx-v2 .mcx-ev-art{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; padding: 0 24px; background: linear-gradient(135deg, var(--mc-ink-3), var(--mc-navy));} .mcx-v2 .mcx-ev-art b{font-family: var(--mc-serif); font-size: 72px; font-weight: 400; line-height: .9; color: var(--mc-lime);} .mcx-v2 .mcx-ev-art span{font-family: var(--mc-mono); font-size: 13px; letter-spacing: .08em; color: rgba(255, 255, 255, .7);} @media (max-width: 767px){.mcx-v2 .mcx-ev-past{grid-template-columns: 1fr;}} .mcx-v2 .o_website_event{background: #fff;} .mcx-v2 .mcx-ev-filters a{font-family: var(--mc-mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; padding: 9px 13px 8px; border: 1px solid var(--mc-line); border-radius: 3px; background: #fff; color: var(--mc-ink) !important; display: inline-flex; gap: 8px; align-items: center; transition: all .2s;} .mcx-v2 .mcx-ev-filters a:hover{border-color: var(--mc-ink);} .mcx-v2 .mcx-ev-filters a.is-on{background: var(--mc-ink); color: #fff !important; border-color: var(--mc-ink);} .mcx-v2 .mcx-ev-filters small{font-size: 11px; opacity: .6;} .mcx-v2 .mcx-ev-img{margin: -30px -28px 22px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 6px 6px 0 0; background: var(--mc-paper);} .mcx-v2 .mcx-ev-img img{width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--mc-ease);} .mcx-v2 .mcx-ev:hover .mcx-ev-img img{transform: scale(1.04);} .mcx-v2 .mcx-ev p{color: var(--mc-muted); font-size: 15px; margin: 8px 0 0;} .mcx-v2 .mcx-ev-chips{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 22px;} .mcx-v2 .mcx-ev-title{font-size: clamp(40px, 5vw, 76px); overflow-wrap: anywhere;} .mcx-v2 .mcx-ev-meta{list-style: none; margin: 30px 0 0; padding: 22px 0 0; border-top: 1px solid var(--mc-line); display: grid; grid-template-columns: repeat(3, auto); gap: 18px 36px; justify-content: start;} .mcx-v2 .mcx-ev-meta small{display: block; font-family: var(--mc-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-muted); margin-bottom: 6px;} .mcx-v2 .mcx-ev-meta b{font-size: 17px; font-weight: 500; color: var(--mc-ink);} .mcx-v2 .mcx-ev-poster{position: relative; aspect-ratio: 4 / 3; border-radius: 6px; background: var(--mc-ink); color: #fff; padding: clamp(28px, 3vw, 44px); display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; box-shadow: 0 30px 60px rgba(10, 21, 65, .16);} .mcx-v2 .mcx-ev-poster .mcx-mark{position: absolute; left: clamp(28px, 3vw, 44px); top: clamp(28px, 3vw, 44px);} .mcx-v2 .mcx-ev-poster-day{font-family: var(--mc-serif); font-size: clamp(110px, 12vw, 190px); line-height: .82; color: var(--mc-lime);} .mcx-v2 .mcx-ev-poster-mon{font-family: var(--mc-mono); font-size: 14px; letter-spacing: .1em; text-transform: uppercase; margin-top: 18px; color: rgba(255, 255, 255, .8);} .mcx-v2 .mcx-ev-poster-type{font-family: var(--mc-serif); font-size: clamp(24px, 2.2vw, 32px); margin-top: 10px;} .mcx-v2 .mcx-ev-tabs{display: flex; gap: 6px; flex-wrap: wrap; margin-top: clamp(36px, 4vw, 56px); padding-top: 18px; border-top: 1px solid var(--mc-line);} .mcx-v2 .mcx-ev-tabs a{font-size: 15px; font-weight: 500; padding: 10px 16px; border-radius: 3px; color: var(--mc-ink) !important; border: 1px solid var(--mc-line);} .mcx-v2 .mcx-ev-tabs a.is-on, .mcx-v2 .mcx-ev-tabs a:hover{background: var(--mc-ink); color: #fff !important; border-color: var(--mc-ink);} .mcx-v2 .mcx-ev-main{display: block;} .mcx-v2 .mcx-ev-sec{padding-top: clamp(40px, 5vw, 72px);} .mcx-v2 .mcx-ev-grid{display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: clamp(40px, 5vw, 88px); align-items: start;} .mcx-v2 .mcx-ev-body{min-width: 0;} .mcx-v2 .mcx-ev-body .mcx-prose{max-width: 760px;} .mcx-v2 .mcx-ev-body .mcx-prose img{max-width: 100% !important; height: auto !important; border-radius: 6px;} .mcx-v2 .mcx-ev-body .mcx-prose blockquote{border-left: 3px solid var(--mc-lime); padding: 4px 0 4px 20px; font-family: var(--mc-serif); font-size: 24px; line-height: 1.3; color: var(--mc-ink);} @supports selector(:is(a)){.mcx-v2 .mcx-ev-legacy :is(span, font, div, p, b, u, i){font-family: inherit !important; font-size: inherit !important; color: inherit !important;}} @supports selector(:is(a)){.mcx-v2 .mcx-ev-legacy :is(section, .container, .row, [class*="col-"]){display: block; width: auto !important; max-width: none !important; padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; background: none !important;}} .mcx-v2 .mcx-ev-legacy h2 font{font-size: inherit !important;} .mcx-v2 .mcx-ev-legacy ul:empty{display: none;} .mcx-v2 .mcx-ev-side{position: sticky; top: 104px; display: grid; gap: 16px;} .mcx-v2 .mcx-ev-card{border: 1px solid var(--mc-line); border-radius: 6px; padding: 28px; background: #fff; box-shadow: 0 18px 40px rgba(10, 21, 65, .06);} .mcx-v2 .mcx-ev-card.is-soft{background: var(--mc-paper); box-shadow: none;} .mcx-v2 .mcx-ev-card.is-soft p{margin: 14px 0 12px; font-size: 15px; color: var(--mc-text);} .mcx-v2 .mcx-ev-dl{margin: 20px 0 22px; display: grid; gap: 14px;} .mcx-v2 .mcx-ev-dl div{display: grid; grid-template-columns: 74px 1fr; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--mc-line);} .mcx-v2 .mcx-ev-dl dt{font-family: var(--mc-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-muted); font-weight: 400; padding-top: 3px;} .mcx-v2 .mcx-ev-dl dd{margin: 0; font-size: 15.5px; color: var(--mc-ink);} .mcx-v2 .mcx-ev-dl dd small{color: var(--mc-muted);} .mcx-v2 .mcx-ev-dl dd a{color: var(--mc-navy); text-decoration: underline;} .mcx-v2 .mcx-reg{display: grid; gap: 10px;} .mcx-v2 .mcx-reg label{font-family: var(--mc-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-muted);} .mcx-v2 .mcx-reg select{height: 48px; border: 1px solid var(--mc-line); border-radius: 4px; padding: 0 12px; font-size: 16px; background: #fff;} .mcx-v2 .mcx-reg .mcx-btn{width: 100%; justify-content: space-between; margin-top: 6px;} .mcx-v2 .mcx-reg-note{font-size: 13px; color: var(--mc-muted); margin: 4px 0 0;} .mcx-v2 .mcx-reg-closed{padding: 16px 18px; border-radius: 4px; background: var(--mc-paper); font-size: 15px;} .mcx-v2 .mcx-reg-closed a{color: var(--mc-navy); text-decoration: underline;} .mcx-v2 .mcx-reg .alert{margin: 8px 0 0; font-size: 14px;} .mcx-v2 .modal-backdrop{z-index: 2990; background: #0a1541;} .mcx-v2 .modal{z-index: 3000;} .mcx-v2 .modal-backdrop.in{opacity: .62;} .mcx-v2 #modal_attendees_registration{z-index: 3000; font-family: var(--mc-sans);} .mcx-v2 #modal_attendees_registration .modal-dialog{width: auto; max-width: 780px; margin: clamp(16px, 6vh, 64px) auto; padding: 0 16px;} .mcx-v2 #modal_attendees_registration .modal-content{border: 0; border-radius: 8px; box-shadow: 0 40px 90px rgba(10, 21, 65, .35); overflow: hidden;} .mcx-v2 #modal_attendees_registration .modal-header{position: relative; border: 0; padding: 30px 36px 8px; background: #fff; display: block;} .mcx-v2 #modal_attendees_registration .modal-header .close{position: absolute; right: 22px; top: 18px; float: none; width: 40px; height: 40px; border-radius: 50%; font-size: 26px; line-height: 38px; font-weight: 300; color: var(--mc-ink); opacity: .6; text-shadow: none;} .mcx-v2 #modal_attendees_registration .modal-header .close:hover{opacity: 1; background: var(--mc-paper);} .mcx-v2 #modal_attendees_registration .modal-title{display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin: 0;} .mcx-v2 #modal_attendees_registration .mcx-ev-modal-h{font-family: var(--mc-serif) !important; font-size: clamp(34px, 3.4vw, 46px); font-weight: 400; line-height: 1; letter-spacing: -.01em; color: var(--mc-ink);} .mcx-v2 #modal_attendees_registration .mcx-ev-modal-intro{margin: 14px 0 0; max-width: 560px; font-size: 15px; line-height: 1.6; color: var(--mc-muted);} .mcx-v2 #modal_attendees_registration .modal-body{padding: 18px 36px 8px;} .mcx-v2 #modal_attendees_registration .modal-body .container{width: auto; max-width: none; padding: 0;} .mcx-v2 #modal_attendees_registration .modal-body .row{margin-left: -10px; margin-right: -10px;} .mcx-v2 #modal_attendees_registration .modal-body .row > [class*="col-"]{padding-left: 10px; padding-right: 10px;} .mcx-v2 #modal_attendees_registration .modal-body h5{font-family: var(--mc-mono) !important; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-muted); margin: 18px 0 4px; padding: 0 0 10px; border-bottom: 1px solid var(--mc-line) !important;} .mcx-v2 #modal_attendees_registration .attendee_input{margin-top: 16px !important;} .mcx-v2 #modal_attendees_registration .attendee_input strong{display: block; font-size: 13px; font-weight: 500; color: var(--mc-ink); margin-bottom: 7px;} .mcx-v2 #modal_attendees_registration .form-control{height: 48px; border: 1px solid var(--mc-line); border-radius: 4px; box-shadow: none; padding: 0 14px; font-size: 15.5px; color: var(--mc-ink); background: #fff; transition: border-color .2s, box-shadow .2s;} .mcx-v2 #modal_attendees_registration .form-control:focus{border-color: var(--mc-ink); box-shadow: 0 0 0 3px rgba(180, 224, 90, .35); outline: 0;} .mcx-v2 #modal_attendees_registration select.form-control{padding-right: 32px;} .mcx-v2 #modal_attendees_registration .modal-content > form > .row, .mcx-v2 #modal_attendees_registration .modal-content > .row{margin: 0 !important; padding: 0 36px !important;} .mcx-v2 #modal_attendees_registration br{display: none;} .mcx-v2 #modal_attendees_registration .mcx-ev-consent-h{display: block; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--mc-line);} .mcx-v2 #modal_attendees_registration .mcx-ev-consent-h strong{font-family: var(--mc-mono) !important; font-size: 11.5px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; color: var(--mc-muted);} .mcx-v2 #modal_attendees_registration .custom-checkbox{padding: 14px 16px !important; margin-top: 10px !important; border: 1px solid var(--mc-line); border-radius: 4px; background: var(--mc-paper); font-size: 12.5px !important; line-height: 1.6; color: var(--mc-text);} .mcx-v2 #modal_attendees_registration .custom-checkbox p{margin: 0; text-align: left;} .mcx-v2 #modal_attendees_registration .custom-checkbox a{color: var(--mc-navy) !important;} .mcx-v2 #modal_attendees_registration input[type="checkbox"]{width: 17px; height: 17px; margin: 0 8px 0 0; vertical-align: -3px; accent-color: var(--mc-forest); cursor: pointer;} .mcx-v2 #modal_attendees_registration .modal-footer{border: 0; margin-top: 22px; padding: 20px 36px 28px; background: var(--mc-paper); display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: center; gap: 18px;} .mcx-v2 #modal_attendees_registration .modal-footer .btn-primary{background: var(--mc-ink); border: 0; border-radius: 4px; padding: 15px 26px; font: 500 15px/1 var(--mc-sans) !important; letter-spacing: 0; text-transform: none; color: #fff; box-shadow: inset -46px 0 0 var(--mc-lime); padding-right: 64px; position: relative;} .mcx-v2 #modal_attendees_registration .modal-footer .btn-primary::after{content: '\2197'; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: var(--mc-ink); font-size: 15px;} .mcx-v2 #modal_attendees_registration .modal-footer .btn-primary.disabled{opacity: .4;} .mcx-v2 #modal_attendees_registration .modal-footer .btn:not(.btn-primary), .mcx-v2 #modal_attendees_registration .modal-footer a:not(.btn-primary){background: none; border: 0; padding: 0; font: 500 14px/1 var(--mc-sans) !important; letter-spacing: 0; text-transform: none; color: var(--mc-muted) !important; text-decoration: underline;} @media (max-width: 767px){.mcx-v2 #modal_attendees_registration .modal-header, .mcx-v2 #modal_attendees_registration .modal-body, .mcx-v2 #modal_attendees_registration .modal-footer{padding-left: 20px; padding-right: 20px;}.mcx-v2 #modal_attendees_registration .modal-content > form > .row, .mcx-v2 #modal_attendees_registration .modal-content > .row{padding: 0 20px !important;}.mcx-v2 #modal_attendees_registration .modal-footer{flex-direction: column; align-items: stretch;}.mcx-v2 #modal_attendees_registration .modal-footer .btn-primary{width: 100%; text-align: left;}} .mcx-v2 .mcx-ev-att{margin-top: 22px; border-top: 1px solid var(--mc-line);} .mcx-v2 .mcx-ev-att-row{display: grid; grid-template-columns: 1.1fr 1.2fr 1fr; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--mc-line); font-size: 15.5px;} .mcx-v2 .mcx-ev-att-row span, .mcx-v2 .mcx-ev-att-row small{color: var(--mc-muted);} .mcx-v2 .mcx-ev-done .mcx-ev-card a{color: var(--mc-ink);} @media (max-width: 991px){.mcx-v2 .mcx-ev-grid{grid-template-columns: 1fr;}.mcx-v2 .mcx-ev-side{position: static; order: -1;}} @media (max-width: 767px){.mcx-v2 .mcx-ev-meta{grid-template-columns: 1fr 1fr;}.mcx-v2 .mcx-ev-att-row{grid-template-columns: 1fr; gap: 4px;}.mcx-v2 .mcx-ev-poster{aspect-ratio: 16 / 11;}} @media (max-width: 767px){.mcx-v2 .mcx-ev-poster{aspect-ratio: auto; min-height: 220px;}.mcx-v2 .mcx-ev-poster-day{font-size: 96px;}} .mcx-v2 .mcx-draft{display: inline-flex; align-items: center; gap: 6px; font-family: var(--mc-mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; line-height: 1; padding: 7px 10px 6px; border-radius: 3px; background: #fdecea; color: #b42318 !important; border: 1px solid #f5c2bd;} .mcx-v2 .mcx-draft::before{content: ''; width: 7px; height: 7px; border-radius: 50%; background: #d92d20;} .mcx-v2 .mcx-ev.is-draft{border-style: dashed; border-color: #f5c2bd; background: repeating-linear-gradient(135deg, #fff, #fff 12px, #fff7f6 12px, #fff7f6 24px);} .mcx-v2 .mcx-ev.is-draft .mcx-draft{align-self: flex-start; margin-bottom: 14px;} .mcx-v2 .mcx-ev-past small .mcx-draft{margin-left: 8px; padding: 4px 6px 3px; font-size: 10px;} .mcx-v2 #modal_attendees_registration .modal-content .row > .col-md-12{padding-left: 0; padding-right: 0;} .mcx-v2 #modal_attendees_registration .mcx-ev-consent-h{margin-left: 0; margin-right: 0;} .mcx-v2 .mcx-team-photo{width: 72px; height: 72px; border-radius: 50%; overflow: hidden; margin-bottom: 20px; background: var(--mc-paper);} .mcx-v2 .mcx-team-photo img{width: 100%; height: 100%; object-fit: cover;} .mcx-signin{font-size: 14.5px; font-weight: 500; color: var(--mc-ink) !important;} .mcx-signin:hover{color: var(--mc-forest) !important;} .mcx-dark .mcx-btn.is-ghost, .mcx-btn.is-ghost{background: transparent;} .mcx-dark .mcx-btn.is-ghost{color: #fff !important;} .mcx-mega-in.is-wide{grid-template-columns: 1fr;} .mcx-mega-in.is-wide .mcx-mega-cols{gap: 28px 32px;} .mcx-mega-in.is-wide a.mcx-mega-link{font-size: 14.5px; padding: 6px 0;} .mcx-btn > b svg[viewBox="0 0 12 14"]{width: 11px; height: 11px; fill: currentColor;} .mcx-btn:hover > b svg[viewBox="0 0 12 14"]{transform: none;} @media (max-width: 1240px){.mcx-signin{display: none;}} @media (max-width: 1100px){.mcx-tools .mcx-btn:not(.is-dark){display: none;}} .mcx-hero-chip{display: flex; justify-content: center; margin-bottom: 30px;} .mcx-hero-chip .mcx-chip{gap: 10px; padding: 8px 12px 7px;} .mcx-hero-note{display: flex; justify-content: center; gap: 22px; flex-wrap: wrap; margin: 22px 0 0; font-family: var(--mc-mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-muted);} .mcx-hero-note span::before{content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--mc-green); margin-right: 8px; vertical-align: 1px;} .mcx-voices{margin-top: 24px !important; display: flex; flex-wrap: wrap; gap: 8px;} .mcx-voices li{font-family: var(--mc-serif); font-size: 21px; line-height: 1.2; padding: 8px 14px; border: 1px solid var(--mc-line-dark); border-radius: 999px; color: rgba(255, 255, 255, .86);} .mcx-voices li:nth-child(4n+1){border-color: rgba(90, 155, 248, .5);} .mcx-voices li:nth-child(4n+2){border-color: rgba(132, 69, 180, .7);} .mcx-voices li:nth-child(4n+3){border-color: rgba(122, 214, 29, .5);} .mcx-voices li:nth-child(4n+4){border-color: rgba(248, 146, 42, .5);} .mcx-split-badge{position: absolute; left: clamp(20px, 3vw, 40px); bottom: clamp(20px, 3vw, 40px); right: clamp(20px, 3vw, 40px); max-width: 360px; background: rgba(255, 255, 255, .96); color: var(--mc-ink); border-radius: 6px; padding: 22px 22px 20px; display: flex; flex-direction: column; gap: 8px; box-shadow: 0 30px 60px rgba(0, 0, 0, .3);} .mcx-split-badge b{font-family: var(--mc-serif); font-weight: 400; font-size: 30px; line-height: 1; margin-top: 8px;} .mcx-split-badge span:last-child{font-size: 14px; color: var(--mc-muted);} .mcx-orbit{position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 120px)); grid-auto-rows: 84px; gap: 14px; place-content: center; padding: 24px;} .mcx-orbit-cell{background: rgba(255, 255, 255, .96); border-radius: 6px; display: flex; align-items: center; justify-content: center; padding: 14px 18px; box-shadow: 0 18px 40px rgba(0, 0, 0, .25);} .mcx-orbit-cell img{max-width: 100%; max-height: 40px; width: auto; height: auto; object-fit: contain;} .mcx-orbit-cell:nth-child(2n){transform: translateY(22px);} .mcx-steps.mcx-steps-4{grid-template-columns: repeat(4, 1fr);} .mcx-steps-4 .mcx-step{position: relative; display: flex; flex-direction: column; gap: 0; padding-bottom: 28px; color: var(--mc-ink) !important; transition: background .3s;} .mcx-steps-4 .mcx-step::before{content: ''; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--c, var(--mc-lime)); transform: scaleX(.18); transform-origin: left; transition: transform .45s var(--mc-ease);} .mcx-steps-4 .mcx-step + .mcx-step::before{left: 22px;} .mcx-steps-4 .mcx-step:hover::before{transform: scaleX(1);} .mcx-steps-4 .mcx-step p{margin-bottom: 22px; flex: 1;} .mcx-steps-4 .mcx-step .mcx-link{align-self: flex-start; font-size: 14px;} @media (max-width: 1000px){.mcx-steps.mcx-steps-4{grid-template-columns: 1fr 1fr;}.mcx-steps-4 .mcx-step + .mcx-step::before{left: 0;}.mcx-steps-4 .mcx-step{padding-left: 0 !important; padding-right: 18px;}} @media (max-width: 520px){.mcx-steps.mcx-steps-4{grid-template-columns: 1fr;}} .mcx-story-art svg{position: absolute; inset: 0; width: 100%; height: 100%; display: block;} .mcx-certs{display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--mc-line); border-left: 1px solid var(--mc-line);} .mcx-cert{display: flex; flex-direction: column; gap: 6px; padding: 26px 22px; border-right: 1px solid var(--mc-line); border-bottom: 1px solid var(--mc-line); background: rgba(255, 255, 255, .6);} .mcx-cert b{font-family: var(--mc-serif); font-weight: 400; font-size: clamp(30px, 2.6vw, 40px); line-height: 1;} .mcx-cert span{font-family: var(--mc-mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-muted);} .mcx-cert:nth-child(4n+1) b{color: var(--mc-ink);} @media (max-width: 560px){.mcx-certs{grid-template-columns: 1fr 1fr;}} .mcx-foot-contact{display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 24px; padding: 36px 0; border-top: 1px solid var(--mc-line-dark);} @media (max-width: 1023px){.mcx-foot-contact{grid-template-columns: 1fr 1fr;}} @media (max-width: 520px){.mcx-foot-contact{grid-template-columns: 1fr;}} .mcx-split-media .mcx-orbit-cell img{position: static; inset: auto; width: auto; height: auto !important; max-width: 100%; max-height: 40px;} .mcx-ind.is-5{grid-template-columns: repeat(5, 1fr);} .mcx-ind.is-5 a:nth-child(4n){border-right: 1px solid var(--mc-line-dark);} .mcx-ind.is-5 a:nth-child(5n){border-right: 0;} @media (max-width: 1200px){.mcx-ind.is-5{grid-template-columns: repeat(3, 1fr);}.mcx-ind.is-5 a:nth-child(5n){border-right: 1px solid var(--mc-line-dark);}.mcx-ind.is-5 a:nth-child(3n){border-right: 0;}} @media (max-width: 1000px){.mcx-ind.is-5{grid-template-columns: 1fr 1fr;}.mcx-ind.is-5 a:nth-child(3n){border-right: 1px solid var(--mc-line-dark);}.mcx-ind.is-5 a:nth-child(2n){border-right: 0;}} @media (max-width: 520px){.mcx-ind.is-5{grid-template-columns: 1fr;}} .mcx-post-img.mcx-story-art{position: relative;} .mcx-post-img.mcx-story-art .mcx-mark{position: absolute; left: 18px; bottom: 18px;} .mcx-phero-img{background: var(--mc-paper);} .mcx-phero-img img{object-fit: contain; padding: clamp(16px, 2.4vw, 32px);} .mcx-split-media.is-contain{display: flex; align-items: center; justify-content: center; background: var(--mc-paper);} .mcx-split-media.is-contain img{object-fit: contain; padding: clamp(20px, 3vw, 48px);} .mcx-card-img{aspect-ratio: 16 / 10; border-radius: 4px; overflow: hidden; background: var(--mc-paper); margin-bottom: 18px; display: flex; align-items: center; justify-content: center;} .mcx-card-img img{width: 100%; height: 100% !important; object-fit: contain; padding: 12px;} a.mcx-card:hover{border-color: var(--mc-ink); transform: translateY(-3px);} .mcx-cta-btns{display: flex; gap: 12px; flex-wrap: wrap;} .mcx-features{display: flex; flex-direction: column; gap: clamp(40px, 5vw, 72px);} .mcx-feature{display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(28px, 5vw, 80px); align-items: center;} .mcx-feature.is-flip .mcx-feature-copy{order: 2;} .mcx-feature-copy .mcx-h3{margin: 14px 0 16px;} .mcx-feature-copy p{color: var(--mc-muted); font-size: 16.5px;} .mcx-feature-copy .mcx-checks{margin: 18px 0 22px !important;} .mcx-feature-img{position: relative; aspect-ratio: 16 / 11; border-radius: 6px; overflow: hidden; background: var(--mc-paper); border: 1px solid var(--mc-line); display: flex; align-items: center; justify-content: center;} .mcx-feature-img img{width: 100%; height: 100% !important; object-fit: contain; padding: clamp(14px, 2vw, 28px);} .mcx-feature-img::before{content: ''; position: absolute; left: 14px; top: 14px; width: 10px; height: 10px; border-radius: 50%; background: var(--c, var(--mc-lime)); z-index: 1;} .mcx-paper .mcx-feature-img{background: #fff;} @media (max-width: 900px){.mcx-feature{grid-template-columns: 1fr;}.mcx-feature.is-flip .mcx-feature-copy{order: 0;}} @supports selector(:has(a)){.mcx-v2 #wrap.website_blog:has(> #mcx-blog) > :not(#mcx-blog){display: none !important;}} .mcx-v2 #wrap.website_blog:has(> #mcx-blog){background: #fff !important; padding: 0 !important;} .mcx-blog-tabs{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 30px;} .mcx-blog-tabs a{font-family: var(--mc-mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; padding: 9px 12px 8px; border: 1px solid var(--mc-line); border-radius: 3px; color: var(--mc-ink) !important;} .mcx-blog-tabs a.is-on, .mcx-blog-tabs a:hover{background: var(--mc-ink); color: #fff !important; border-color: var(--mc-ink);} .mcx-blog-grid{gap: 40px 24px;} .mcx-pager{margin-top: 48px; display: flex; justify-content: center;} .mcx-pager .pagination > li > a, .mcx-pager .pagination > li > span{border-color: var(--mc-line); color: var(--mc-ink); font-family: var(--mc-mono); font-size: 13px;} .mcx-pager .pagination > .active > a, .mcx-pager .pagination > .active > span{background: var(--mc-ink); border-color: var(--mc-ink); color: #fff;} .mcx-split.is-light .mcx-people-list li{color: var(--mc-ink); border-top-color: var(--mc-line);} .mcx-split.is-light .mcx-people-list li span{color: var(--mc-forest);} .mcx-split.is-light .mcx-corner{background: var(--mc-line);} .mcx-split.is-light .mcx-voices li{color: var(--mc-ink);} body.mcx-v2.layout-centered{background-color: var(--mc-ink) !important; background-image: radial-gradient(circle at 18% 22%, rgba(132, 69, 180, .45), transparent 42%), radial-gradient(circle at 82% 78%, rgba(90, 155, 248, .25), transparent 40%) !important;} .mcx-v2.layout-centered #wrapwrap{background: transparent !important;} .mcx-v2.layout-centered .card{border: 0 !important; border-radius: 8px !important; box-shadow: 0 40px 90px rgba(0, 0, 0, .45) !important; padding: clamp(28px, 4vw, 44px) !important; max-width: 440px; font-family: var(--mc-sans);} .mcx-v2.layout-centered .card h4{font-family: var(--mc-serif) !important; text-transform: none !important; font-weight: 400 !important; font-size: 34px !important; letter-spacing: -.01em; color: var(--mc-ink) !important; margin: 18px 0 26px !important;} .mcx-v2.layout-centered .card .logo-img{max-height: 40px; width: auto; margin: 0 auto;} .mcx-v2.layout-centered .card .form-control{height: auto; border: 1px solid var(--mc-line); border-radius: 4px; box-shadow: none; padding: 12px 14px; font: 15px/1.4 var(--mc-sans); color: var(--mc-ink);} .mcx-v2.layout-centered .card .form-control:focus{border-color: var(--mc-purple); box-shadow: 0 0 0 3px rgba(132, 69, 180, .15);} .mcx-v2.layout-centered .card label{font: 600 12px/1.2 var(--mc-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--mc-muted);} .mcx-v2.layout-centered .card .btn-primary{background: var(--mc-ink) !important; border: 1px solid var(--mc-ink) !important; border-radius: 4px !important; padding: 13px 16px !important; font: 500 15px/1 var(--mc-sans) !important; letter-spacing: 0; text-transform: none; color: #fff !important;} .mcx-v2.layout-centered .card .btn-primary:hover{background: var(--mc-ink-3) !important;} .mcx-v2.layout-centered .card a{color: var(--mc-forest) !important;} .mcx-v2.layout-centered .card .text-muted, .mcx-v2.layout-centered .card .small-2{font-family: var(--mc-sans);} body.mcx-v2.mcx-noscroll .mcx-preview, body.mcx-v2.mcx-noscroll .o_livechat_button, body.mcx-v2.mcx-noscroll .openerp.o_livechat_button{display: none !important;} .mcx-drawer{padding-bottom: 72px;} .mcx-burger span{transition: background .2s;} .mcx-burger span::before, .mcx-burger span::after{transition: transform .25s var(--mc-ease), top .25s var(--mc-ease);} .mcx-header.is-drawer .mcx-burger span{background: transparent;} .mcx-header.is-drawer .mcx-burger span::before{top: 0; transform: rotate(45deg);} .mcx-header.is-drawer .mcx-burger span::after{top: 0; transform: rotate(-45deg);} body.mcx-v2.layout-centered{height: auto !important; min-height: 100vh;} .mcx-v2.layout-centered #wrapwrap{height: auto !important; min-height: 100vh; padding: 32px 16px; box-sizing: border-box;} .mcx-v2.layout-centered .oe_website_login_container, .mcx-v2.layout-centered main{margin-top: auto; margin-bottom: auto;} .mcx-v2.layout-centered .oe_website_login_container{width: 100%; max-width: 480px; margin-left: auto !important; margin-right: auto !important;} .mcx-v2.layout-centered .oe_website_login_container > main{width: 100%;} .mcx-v2.layout-centered .card{width: 100% !important; min-width: 0 !important; margin: 0 auto !important; float: none;} .mcx-v2.layout-centered .card{max-width: min(440px, calc(100vw - 32px)) !important; box-sizing: border-box;} .mcx-v2.layout-centered #wrapwrap{flex-direction: column; align-items: center; justify-content: center;} @supports selector(:has(a)){.mcx-v2.layout-centered .oe_website_login_container:has(.oe_signup_form){max-width: 720px;}} @supports selector(:has(a)){.mcx-v2.layout-centered .card:has(.oe_signup_form){max-width: min(680px, calc(100vw - 32px)) !important; padding: clamp(28px, 4vw, 48px) clamp(24px, 4vw, 56px) !important;}} .mcx-v2.layout-centered .oe_signup_form .row{margin-left: -10px; margin-right: -10px;} .mcx-v2.layout-centered .oe_signup_form [class*="col-"]{padding-left: 10px; padding-right: 10px;} .mcx-v2.layout-centered .oe_website_login_container{width: min(472px, 100%) !important;} @supports selector(:has(a)){.mcx-v2.layout-centered .oe_website_login_container:has(.oe_signup_form){width: min(712px, 100%) !important;}} .mcx-v2.layout-centered #wrapwrap > main{width: 100%; display: flex; flex-direction: column; align-items: center;} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white{width: 100% !important; max-width: min(440px, calc(100vw - 32px)) !important; margin: 0 auto !important; box-sizing: border-box; border-radius: 8px !important; box-shadow: 0 40px 90px rgba(0, 0, 0, .45) !important; padding: clamp(28px, 4vw, 44px) !important; font-family: var(--mc-sans);} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white h4{font-family: var(--mc-serif) !important; text-transform: none !important; font-weight: 400 !important; font-size: 34px !important; line-height: 1.05; letter-spacing: -.01em; color: var(--mc-ink) !important; margin: 18px 0 26px !important;} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white .logo-img{max-height: 40px; width: auto; margin: 0 auto;} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white .form-control{height: auto; border: 1px solid var(--mc-line); border-radius: 4px; box-shadow: none; padding: 12px 14px; font: 15px/1.4 var(--mc-sans); color: var(--mc-ink);} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white .form-control:focus{border-color: var(--mc-purple); box-shadow: 0 0 0 3px rgba(132, 69, 180, .15);} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white label{font: 600 12px/1.2 var(--mc-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--mc-muted);} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white .oe_login_buttons{display: flex; flex-direction: column; gap: 14px; margin-top: 18px;} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white .oe_login_buttons .btn{float: none !important; width: 100%;} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white .btn-primary{order: 1; background: var(--mc-ink) !important; border: 1px solid var(--mc-ink) !important; border-radius: 4px !important; padding: 13px 16px !important; font: 500 15px/1 var(--mc-sans) !important; letter-spacing: 0 !important; text-transform: none !important; color: #fff !important;} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white .btn-primary:hover{background: var(--mc-ink-3) !important;} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white .btn-link{order: 2; font: 14px/1.4 var(--mc-sans) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--mc-forest) !important; text-align: center; padding: 0 !important;} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white a:not(.btn){color: var(--mc-forest) !important;} .mcx-v2.layout-centered .oe_website_login_container > div.bg-white .alert{border-radius: 4px; font: 14px/1.5 var(--mc-sans);} .mcx-v2.layout-centered .card h3{font-family: var(--mc-serif) !important; font-weight: 400 !important; font-size: 34px !important; line-height: 1.05; letter-spacing: -.01em; color: var(--mc-ink) !important; margin: 0 0 18px !important;} .mcx-v2.layout-centered .card form h4{font-family: var(--mc-sans) !important; font-size: 16px !important; font-weight: 600 !important; margin: 22px 0 14px !important;} .mcx-v2.layout-centered .card ul{padding-left: 1.2em; margin: 0 0 20px; color: var(--mc-muted); font-size: 15px; line-height: 1.6;} .mcx-v2.layout-centered .card img[alt="2FA QR Code"]{max-width: 100%; height: auto; border: 1px solid var(--mc-line); border-radius: 6px; padding: 10px; background: #fff;} .mcx-v2.layout-centered .card .checkbox label{font: 14px/1.4 var(--mc-sans) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--mc-ink) !important; display: inline-flex; gap: 8px; align-items: center;} .mcx-v2.layout-centered .card .checkbox input{margin: 0; position: static; accent-color: var(--mc-forest);} .mcx-v2.layout-centered .card .oe_login_buttons{display: flex; flex-direction: column; gap: 10px; margin-top: 18px;} .mcx-v2.layout-centered .card .oe_login_buttons .btn{float: none !important; width: 100%; margin: 0 !important;} .mcx-v2.layout-centered .card .btn-secondary, .mcx-v2.layout-centered .card .btn-default{background: transparent !important; border: 1px solid var(--mc-line) !important; border-radius: 4px !important; padding: 12px 16px !important; font: 500 15px/1 var(--mc-sans) !important; text-transform: none !important; color: var(--mc-ink) !important;} @supports selector(:has(a)){.mcx-v2.layout-centered .card:has(form[action="/auth_totp/login"])::before{content: 'Two-factor authentication'; display: block; font-family: var(--mc-serif); font-size: 34px; line-height: 1.05; letter-spacing: -.01em; color: var(--mc-ink); margin-bottom: 22px;}} .mcx-v2.layout-centered .card form[action="/auth_totp/setup"] .oe_login_buttons .btn{text-transform: lowercase !important;} .mcx-v2.layout-centered .card form[action="/auth_totp/setup"] .oe_login_buttons .btn::first-letter{text-transform: uppercase;} .mcx-v2.layout-centered .card .btn-secondary, .mcx-v2.layout-centered .card .btn-default{letter-spacing: 0 !important;} body.o_connected_user.mcx-v2{padding-top: 46px !important;} body.o_connected_user.mcx-v2 #oe_main_menu_navbar{z-index: 1040;} body.o_connected_user.mcx-v2 .mcx-header{top: 46px;} @media (max-width: 1023px){body.o_connected_user.mcx-v2 .mcx-drawer{inset: 112px 0 0 0;}} body.o_connected_user.mcx-v2 .mcx-header a[href="/web/login"]{display: none !important;} .mcx-chip, .mcx-mega-title, .mcx-foot-h, .mcx-hero-note, .mcx-cert span, .mcx-stat-l, .mcx-logos-cap{font-size: 12px !important;} .mcx-dots{gap: 2px;} .mcx-dots button{width: 24px; height: 24px; background: transparent !important; position: relative;} .mcx-dots button::before{content: ''; position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; margin: -4.5px 0 0 -4.5px; border-radius: 50%; background: rgba(255, 255, 255, .25);} .mcx-dots button.is-on::before{background: var(--mc-lime);} .mcx-foot-list a, .mcx-foot-legal a, .mcx-office a{display: inline-block; padding: 3px 0;} .mcx-foot-list li{margin-bottom: 6px;} .mcx-v2 #mcx-home .mcx-hero{padding-top: clamp(36px, 4.5vw, 72px); padding-bottom: clamp(48px, 5vw, 80px);} .mcx-v2 #mcx-home .mcx-hero-chip{margin-bottom: 22px;} .mcx-v2 #mcx-home .mcx-hero .mcx-display{font-size: clamp(46px, 6.6vw, 104px); max-width: 1120px;} .mcx-v2 #mcx-home .mcx-hero-sub{margin-top: clamp(18px, 2vw, 28px);} .mcx-v2 #mcx-home .mcx-hero-cta{margin-top: 26px;} .mcx-v2 #mcx-home .mcx-hero-note{margin-top: 16px;} .mcx-v2 #mcx-home .mcx-hero .mcx-display .mcx-accent{white-space: nowrap;} .mcx-mega-cols[style="--cols:1"] ul{columns: 2; column-gap: 48px;} .mcx-mega-cols[style="--cols:1"] li{break-inside: avoid;} .mcx-rw-hero{padding-top: clamp(40px, 5vw, 88px);} .mcx-rw-grid{display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(32px, 5vw, 80px); align-items: start;} .mcx-rw-intro{position: sticky; top: 120px;} .mcx-rw .mcx-mark{margin-bottom: 26px;} .mcx-rw-kicker{font: 400 clamp(20px, 1.8vw, 26px)/1.3 var(--mc-sans); color: rgba(255, 255, 255, .72); margin: 0 0 10px;} .mcx-rw-h1{font-family: var(--mc-serif); font-weight: 400; font-size: clamp(52px, 6.4vw, 104px); line-height: .98; letter-spacing: -.02em; color: #fff; margin: 0;} .mcx-rw-h1 em{font-style: italic; color: #9db8ff;} .mcx-rw-lead{font-size: clamp(17px, 1.35vw, 20px); line-height: 1.5; color: rgba(255, 255, 255, .78); margin: 22px 0 0; max-width: 520px;} .mcx-rw-steps{list-style: none; margin: 30px 0 0; padding: 0; display: grid; gap: 0; max-width: 520px;} .mcx-rw-steps li{display: flex; gap: 16px; align-items: baseline; padding: 14px 0; border-top: 1px solid rgba(255, 255, 255, .14); color: #fff; font-size: 16px;} .mcx-rw-steps b{font: 500 12px/1 var(--mc-mono); color: var(--mc-lime); letter-spacing: .08em;} .mcx-rw-form{padding: clamp(22px, 3vw, 40px);} .mcx-rw-set{border: 0; margin: 0 0 26px; padding: 0 0 22px; border-bottom: 1px solid var(--mc-line); min-width: 0;} .mcx-rw-set legend{font: 400 28px/1.1 var(--mc-serif); color: var(--mc-ink); border: 0; margin: 0 0 16px; padding: 0; width: auto;} .mcx-rw-row{display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px;} .mcx-rw-q{font: 600 15px/1.4 var(--mc-sans); color: var(--mc-ink); margin: 0 0 12px;} .mcx-rw-chips{display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px;} .mcx-rw-chip{font: 500 14px/1 var(--mc-sans); color: var(--mc-ink); background: #fff; border: 1px solid var(--mc-line); border-radius: 999px; padding: 10px 14px; min-height: 40px; cursor: pointer; transition: background .15s, border-color .15s, color .15s;} .mcx-rw-chip:hover{border-color: var(--mc-ink);} .mcx-rw-chip.is-on{background: var(--mc-ink); border-color: var(--mc-ink); color: #fff;} .mcx-rw-chip.is-on::before{content: '\2713'; margin-right: 6px; color: var(--mc-lime);} .mcx-rw-decide-list{list-style: none; margin: 0; padding: 0;} .mcx-rw-decide-list li{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--mc-line); font-size: 15px; color: var(--mc-ink);} .mcx-rw-seg{display: inline-flex; border: 1px solid var(--mc-line); border-radius: 999px; overflow: hidden; flex: none;} .mcx-rw-seg button{font: 500 13px/1 var(--mc-sans); background: #fff; color: var(--mc-muted); border: 0; padding: 9px 14px; min-height: 36px; cursor: pointer;} .mcx-rw-seg button + button{border-left: 1px solid var(--mc-line);} .mcx-rw-seg button.is-on[data-v="keep"]{background: #e9f6dc; color: #2f5d0a;} .mcx-rw-seg button.is-on[data-v="replace"]{background: var(--mc-ink); color: #fff;} .mcx-rw-submit{display: flex; flex-direction: column; gap: 12px; align-items: flex-start;} .mcx-rw-submit .btn{font-size: 16px; padding: 16px 26px; cursor: pointer;} .mcx-rw-fine{font-size: 13px; color: var(--mc-muted); margin: 0;} .mcx-rw-fine a{color: var(--mc-ink); text-decoration: underline;} .mcx-rw-actions{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px;} .mcx-rw-p3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;} .mcx-rw-p3 > div{border-top: 4px solid var(--c); padding: 18px 0 0; display: flex; flex-direction: column; gap: 6px;} .mcx-rw-p3 b{font: 500 13px/1 var(--mc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--mc-ink);} .mcx-rw-p3 span{font-size: 16px; color: var(--mc-muted);} @media (max-width: 960px){.mcx-rw-grid{grid-template-columns: 1fr;}.mcx-rw-intro{position: static;}} @media (max-width: 600px){.mcx-rw-row{grid-template-columns: 1fr;}.mcx-rw-p3{grid-template-columns: 1fr;}.mcx-rw-steps{margin-top: 22px;}} .mcx-rw-h1, .mcx-rw-kicker, .mcx-rw-lead{-webkit-hyphens: manual; hyphens: manual;} .mcx-rw-h1 em{white-space: nowrap;} .mcx-plans{display: grid; gap: 20px; align-items: stretch;} .mcx-plans.cols-2{grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1080px;} .mcx-plans.cols-3{grid-template-columns: repeat(3, minmax(0, 1fr));} .mcx-plan{position: relative; display: flex; flex-direction: column; gap: 14px; background: #fff; border: 1px solid var(--mc-line); border-top: 4px solid var(--c); border-radius: 6px; padding: clamp(26px, 3vw, 40px);} .mcx-plan.is-dark{background: var(--mc-ink); border-color: var(--mc-ink); border-top-color: var(--mc-lime); color: #fff;} .mcx-plan-name{font-family: var(--mc-serif); font-weight: 400; font-size: clamp(34px, 3vw, 46px); line-height: 1; margin: 6px 0 0; letter-spacing: -.01em;} .mcx-plan-for{margin: 0; color: var(--mc-muted); font-size: 16px;} .mcx-plan.is-dark .mcx-plan-for, .mcx-plan.is-dark .mcx-plan-note{color: rgba(255, 255, 255, .72);} .mcx-plan-price{display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-top: 10px;} .mcx-plan-amount{font-family: var(--mc-serif); font-size: clamp(56px, 6vw, 88px); line-height: .9; letter-spacing: -.02em;} .mcx-plan-unit{font-family: var(--mc-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-muted);} .mcx-plan.is-dark .mcx-plan-unit{color: rgba(255, 255, 255, .7);} .mcx-plan-note{margin: 0; font-size: 15px; color: var(--mc-muted);} .mcx-plan-cta{margin: 8px 0 6px;} .mcx-plan .mcx-checks{margin-top: 8px; padding-top: 18px; border-top: 1px solid var(--mc-line);} .mcx-plan.is-dark .mcx-checks{border-top-color: var(--mc-line-dark);} .mcx-plans-note{margin: 22px 0 0; font-size: 14px; color: var(--mc-muted); max-width: 760px;} @media (max-width: 860px){.mcx-plans.cols-2, .mcx-plans.cols-3{grid-template-columns: 1fr;}} .mcx-plan.is-dark .mcx-checks li{border-top-color: var(--mc-line-dark);} .mcx-nav > li > a.mcx-nav-link{height: 100%; text-decoration: none;} .mcx-nav > li:hover > a.mcx-nav-link::after{transform: scaleX(1);} .mcx-drawer-top{display: none;} @media (max-width: 1023px){.mcx-drawer-top{display: block; padding: 18px 0; border-bottom: 1px solid var(--mc-line-dark); font-family: var(--mc-serif); font-size: 30px; color: #fff !important; text-decoration: none;}} .mcx-subnav{position: sticky; top: 76px; z-index: 1020; background: rgba(255, 255, 255, .97); border-bottom: 1px solid var(--mc-line);} .mcx-subnav .mcx-wrap{display: flex; align-items: center; gap: 28px; min-height: 58px;} .mcx-subnav-title{flex: none; font-family: var(--mc-serif); font-size: 24px; line-height: 1; color: var(--mc-ink) !important; text-decoration: none; white-space: nowrap;} .mcx-subnav-items{display: flex; align-items: center; gap: 2px; min-width: 0;} .mcx-subnav-link, .mcx-subnav-drop > summary{display: inline-flex; align-items: center; gap: 6px; padding: 9px 12px; border-radius: 4px; white-space: nowrap; cursor: pointer; font: 500 15px/1.2 var(--mc-sans); color: var(--mc-ink) !important; text-decoration: none; list-style: none;} .mcx-subnav-drop > summary::-webkit-details-marker{display: none;} .mcx-subnav-drop > summary svg{width: 10px; height: 10px; opacity: .55; transition: transform .2s;} .mcx-subnav-drop[open] > summary svg{transform: rotate(180deg);} .mcx-subnav-link:hover, .mcx-subnav-drop > summary:hover{background: var(--mc-paper);} .mcx-subnav-link.is-on, .mcx-subnav-drop.is-on > summary{box-shadow: inset 0 -2px 0 var(--mc-lime); border-radius: 0;} .mcx-subnav-drop{position: relative;} .mcx-subnav-menu{position: absolute; top: calc(100% + 8px); left: 0; min-width: 280px; display: flex; flex-direction: column; padding: 8px; background: #fff; border: 1px solid var(--mc-line); border-radius: 6px; box-shadow: 0 18px 40px rgba(10, 21, 65, .12);} .mcx-subnav-menu .mcx-subnav-link{padding: 11px 12px;} .mcx-subnav-menu .mcx-subnav-link.is-on{background: var(--mc-paper); box-shadow: inset 3px 0 0 var(--mc-lime);} .mcx section[id]{scroll-margin-top: 150px;} body.o_connected_user.mcx-v2 .mcx-subnav{top: 122px;} .mcx-subnav-toggle{display: none;} @media (min-width: 1024px) and (max-width: 1365px){.mcx-subnav .mcx-wrap{gap: 16px;}.mcx-subnav-title{font-size: 20px;}.mcx-subnav-link, .mcx-subnav-drop > summary{padding: 9px 8px; font-size: 14px;}} @media (min-width: 1024px) and (max-width: 1199px){.mcx-subnav-title{display: none;}} @media (max-width: 1023px){.mcx-subnav{top: 66px;}body.o_connected_user.mcx-v2 .mcx-subnav{top: 112px;}.mcx-subnav .mcx-wrap{display: block; min-height: 0;}.mcx-subnav-title{display: none;}.mcx-subnav-toggle{display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 0; background: none; border: 0; cursor: pointer; text-align: left; font-family: var(--mc-serif); font-size: 24px; line-height: 1.1; color: var(--mc-ink);}.mcx-subnav-toggle svg{width: 14px; height: 14px; flex: none; transition: transform .2s;}.mcx-subnav.is-open .mcx-subnav-toggle svg{transform: rotate(180deg);}.mcx-subnav-items{display: none;}.mcx-subnav.is-open .mcx-subnav-items{display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 0 0 12px; max-height: calc(100vh - 150px); overflow-y: auto;}.mcx-subnav-items > .mcx-subnav-link, .mcx-subnav-drop > summary{display: flex; justify-content: space-between; width: 100%; padding: 14px 0; border-top: 1px solid var(--mc-line); border-radius: 0; font-size: 17px;}.mcx-subnav-link:hover, .mcx-subnav-drop > summary:hover{background: transparent;}.mcx-subnav-items > .mcx-subnav-link.is-on, .mcx-subnav-drop.is-on > summary{box-shadow: inset 3px 0 0 var(--mc-lime); padding-left: 14px;}.mcx-subnav-menu{position: static; min-width: 0; padding: 0 0 6px 16px; border: 0; border-radius: 0; box-shadow: none; background: transparent;}.mcx-subnav-menu .mcx-subnav-link{padding: 11px 0; font-size: 16px;}.mcx-subnav-menu .mcx-subnav-link.is-on{background: transparent; box-shadow: inset 3px 0 0 var(--mc-lime); padding-left: 12px;}.mcx section[id]{scroll-margin-top: 130px;}} .mcx-crumbs{flex-wrap: wrap; row-gap: 6px; line-height: 1.4;} .mcx-crumbs a, .mcx-crumbs span{white-space: nowrap;} .mcx-v2 .mcx-phero-media{padding: clamp(36px, 4vw, 64px) 0 clamp(40px, 4vw, 72px);} .mcx-v2 .mcx-phero-media .mcx-phero-pix{display: none;} .mcx-v2 .mcx-phero-media .mcx-crumbs{margin-bottom: 18px;} .mcx-v2 .mcx-phero-media .mcx-phero-grid > div:first-child > div:first-child{margin-top: 0 !important;} .mcx-v2 .mcx-phero-media .mcx-h1{font-size: clamp(40px, 4.3vw, 68px); margin: 22px 0 22px;} .mcx-v2 .mcx-phero-media .mcx-lead{font-size: 17px;} .mcx-v2 .mcx-phero-media .mcx-phero-cta{margin-top: 26px;} .mcx-v2 .mcx-phero-img{aspect-ratio: auto; background: transparent; box-shadow: none; overflow: visible; border-radius: 0;} .mcx-v2 .mcx-phero-img img{display: block; width: auto; max-width: 100%; height: auto !important; max-height: 680px; object-fit: contain; padding: 0; background: none; border-radius: 12px; box-shadow: none;} .mcx-v2 .mcx-phero-img::after{display: none;} .mcx-v2 .mcx-split-media.is-contain img{padding: clamp(10px, 1.4vw, 20px); mix-blend-mode: multiply;} .mcx-v2 .mcx-feature-img, .mcx-v2 .mcx-paper .mcx-feature-img{display: block; aspect-ratio: auto; background: none; border: 0; border-radius: 0; overflow: visible;} .mcx-v2 .mcx-feature-img::before{display: none;} .mcx-v2 .mcx-feature-img.mcx-split-art{position: relative; aspect-ratio: 16 / 11; background: var(--mc-ink-2); border-radius: 6px; overflow: hidden;} .mcx-v2 .mcx-feature-img img{display: block; width: auto; max-width: 100%; height: auto !important; max-height: 560px; margin: 0 auto; padding: 0; object-fit: contain; border-radius: 10px; mix-blend-mode: multiply;} @media (min-width: 901px){.mcx-v2 .mcx-phero-grid{grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 3.5vw, 56px);}.mcx-v2 .mcx-phero-img img{max-width: calc(100% + min(8vw, max(0px, (100vw - 1320px) / 2)));}.mcx-v2 .mcx-split{grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);}.mcx-v2 .mcx-split.is-flip{grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);}.mcx-v2 .mcx-feature{grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);}.mcx-v2 .mcx-feature.is-flip{grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);}} .mcx-v2 .mcx-card .mcx-h4{-webkit-hyphens: manual; hyphens: manual;} .mcx-video-btn b svg{width: 11px; height: 12px;} html.mcx-lightbox-on{overflow: hidden;} .mcx-lightbox{position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 56px 16px; background: rgba(20, 16, 34, .86);} .mcx-lightbox-frame{position: relative; width: min(1100px, 100%, calc((100vh - 112px) * 16 / 9)); aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; background: #000; box-shadow: 0 30px 80px rgba(0, 0, 0, .45);} .mcx-lightbox-frame iframe{position: absolute; inset: 0; width: 100%; height: 100%; border: 0;} .mcx-lightbox-close{position: absolute; top: 12px; right: 16px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .12); color: #fff; font-size: 26px; line-height: 40px; cursor: pointer;} .mcx-lightbox-close:hover, .mcx-lightbox-close:focus-visible{background: rgba(255, 255, 255, .24); outline: none;} .mca-fit{position: relative; width: 100%; overflow: visible;} .mca-fit > .mca{position: absolute; left: 0; top: 0; transform-origin: 0 0;} .mca, .mca *{box-sizing: border-box;} .mca{font: 13px/1.35 -apple-system, BlinkMacSystemFont, 'SF Pro Text', var(--mc-sans); color: #1b2440; background: #eef0f6; border-radius: 12px; overflow: hidden; box-shadow: 0 0 0 1px rgba(10, 21, 65, .14), 0 40px 80px rgba(10, 21, 65, .28), 0 12px 24px rgba(10, 21, 65, .12); text-align: left;} .mca i, .mca em, .mca b{font-style: normal;} .mca-lights{display: inline-flex; gap: 8px; margin-right: 6px; flex: none;} .mca-lights i{width: 12px; height: 12px; border-radius: 50%; background: #ff5f57;} .mca-lights i:nth-child(2){background: #febc2e;} .mca-lights i:nth-child(3){background: #28c840;} .mca-top{height: 52px; background: #0a1541; display: flex; align-items: center; gap: 16px; padding: 0 16px; color: #fff;} .mca-brand{display: inline-flex; align-items: center; gap: 8px; font: italic 800 22px/1 -apple-system, BlinkMacSystemFont, var(--mc-sans); letter-spacing: -.02em;} .mca-brand b{background: linear-gradient(90deg, #5b8cff, #9db8ff); -webkit-background-clip: text; background-clip: text; color: transparent;} .mca-vault{font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 6px;} .mca-vault.is-open{background: rgba(255, 255, 255, .12);} .mca-vault em{width: 7px; height: 7px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg) translateY(-2px);} .mca-search{flex: 1; max-width: 460px; margin: 0 auto; height: 32px; border-radius: 16px; background: #fff; color: #8a91a6; display: flex; align-items: center; padding: 0 14px; justify-content: space-between;} .mca-search.is-active{color: #1b2440; box-shadow: 0 0 0 3px rgba(91, 140, 255, .55);} .mca-search i{width: 12px; height: 12px; border: 2px solid #6b7389; border-radius: 50%; position: relative;} .mca-search i::after{content: ''; position: absolute; width: 6px; height: 2px; background: #6b7389; right: -6px; bottom: -3px; transform: rotate(45deg);} .mca-ticons{display: inline-flex; gap: 16px; align-items: center;} .mca-ticons i{width: 24px; height: 24px; border-radius: 50%; border: 1.6px solid rgba(255, 255, 255, .8); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; position: relative;} .mca-bell{border-radius: 10px 10px 4px 4px !important; width: 18px !important; height: 20px !important;} .mca-bell b{position: absolute; top: -7px; right: -9px; background: #e5484d; color: #fff; border-radius: 8px; font-size: 9px; padding: 1px 4px;} .mca-avatar{font-size: 10px !important;} .mca-tabs{display: flex; gap: 6px; padding: 12px 16px 8px; font-size: 14px; color: #1b2440;} .mca-tabs span{padding: 6px 12px; border-radius: 8px; display: inline-flex; gap: 6px; align-items: center; white-space: nowrap;} .mca-tabs span.is-on{background: #0a1541; color: #fff;} .mca-tabs b{background: #2f6bff; color: #fff; border-radius: 9px; font-size: 10px; min-width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center;} .mca-actions{margin: 0 16px; height: 44px; border-radius: 10px; background: #fff; display: flex; align-items: center; gap: 4px; padding: 0 6px 0 0; box-shadow: 0 1px 2px rgba(10, 21, 65, .06);} .mca-create{height: 44px; padding: 0 18px; border-radius: 10px; background: #2f6bff; color: #fff; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; margin-right: 10px;} .mca-create em, .mca-select em, .mca-wf-head em{width: 6px; height: 6px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg) translateY(-2px); display: inline-block;} .mca-act{display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 6px; white-space: nowrap;} .mca-act i{width: 13px; height: 13px; border: 1.6px solid #1b2440; border-radius: 3px;} .mca-act .mca-ic-pen{border-radius: 1px; transform: rotate(45deg) scaleX(.35);} .mca-act .mca-ic-pin{border-radius: 50% 50% 50% 0; transform: rotate(-45deg);} .mca-act .mca-ic-link{border-radius: 6px; width: 15px; height: 9px;} .mca-dots-v{width: 4px; height: 4px; border-radius: 50%; background: #1b2440; box-shadow: 0 -6px 0 #1b2440, 0 6px 0 #1b2440; margin: 0 14px;} .mca-flex{flex: 1;} .mca-selected{border: 1px solid #c7ccda; border-radius: 16px; padding: 5px 12px; font-size: 12.5px; white-space: nowrap;} .mca-panes{display: grid; grid-template-columns: 1.05fr 1fr 1.08fr 30px; gap: 10px; padding: 12px 10px 14px 16px; height: calc(100% - 52px - 48px - 44px);} .mca-panes.is-one{grid-template-columns: 1fr; padding-right: 16px;} .mca-pane{background: #fff; border-radius: 12px; overflow: hidden; min-width: 0;} .mca-crumb{padding: 14px 18px 4px; display: flex; gap: 8px; align-items: center; color: #6b7389;} .mca-home{width: 14px; height: 12px; border: 1.6px solid #1b2440; border-top: 0; position: relative; margin-top: 4px;} .mca-home::before{content: ''; position: absolute; left: -2px; top: -6px; width: 12px; height: 12px; border-left: 1.6px solid #1b2440; border-top: 1.6px solid #1b2440; transform: rotate(45deg) scale(.82);} .mca-list-head{display: flex; align-items: center; gap: 10px; padding: 10px 18px 12px; border-bottom: 1px solid #eceef4;} .mca-list-head b{font-size: 17px; font-weight: 600; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #0a1541;} .mca-insearch{border: 1px solid #c7ccda; border-radius: 6px; padding: 5px 10px; color: #8a91a6; font-size: 12px; white-space: nowrap;} .mca-cols{display: grid; grid-template-columns: 1fr 110px; padding: 10px 18px 6px 40px; color: #1b2440; font-size: 13px;} .mca-cols.is-4{grid-template-columns: 1fr 120px 60px;} .mca-sort{display: inline-block; width: 11px; height: 11px; border: 1.4px solid #1b2440; border-radius: 2px; vertical-align: -1px; margin-left: 4px;} .mca-row{display: grid; grid-template-columns: 14px 22px 1fr 110px; gap: 8px; align-items: center; margin: 2px 8px; padding: 9px 10px; border-radius: 8px; font-size: 13.5px;} .mca-cols.is-4 ~ .mca-row{grid-template-columns: 14px 22px 1fr 120px 60px;} .mca-row.is-sel{background: #d9deec;} .mca-name{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .mca-name mark{background: #ffe58a; padding: 0 1px; color: inherit;} .mca-type{color: #3c4560; font-size: 12.5px;} .mca-score{color: #6b7389; font-size: 12px;} .mca-chev{width: 6px; height: 6px; border-right: 1.6px solid #1b2440; border-bottom: 1.6px solid #1b2440; transform: rotate(-45deg);} .mca-group{padding: 12px 18px 4px; font-weight: 600; color: #0a1541; font-size: 13px;} .mca-stabs{display: flex; gap: 6px; padding: 12px 16px 0;} .mca-stabs span{padding: 6px 12px; border-radius: 8px; font-size: 13.5px;} .mca-stabs span.is-on{background: #0a1541; color: #fff;} .mca-fi{width: 18px; height: 22px; border-radius: 3px; background: #fff; border: 1px solid #c9cedb; position: relative; display: inline-block; flex: none;} .mca-fi span{position: absolute; left: -3px; bottom: 2px; min-width: 13px; height: 11px; padding: 0 2px; border-radius: 2px; font: 700 8px/11px var(--mc-sans); color: #fff; text-align: center; background: #2b579a;} .mca-fi.is-x span{background: #217346;} .mca-fi.is-p span{background: #c43e1c;} .mca-fi.is-pdf span{background: #d93a33; font-size: 6.5px;} .mca-fi.is-txt span{background: #6b7389; font-size: 6.5px;} .mca-fi.is-folder{width: 22px; height: 17px; border: 0; background: #79a8f7; border-radius: 3px;} .mca-fi.is-folder::before{content: ''; position: absolute; left: 0; top: -3px; width: 9px; height: 5px; background: #79a8f7; border-radius: 2px 2px 0 0;} .mca-fi.is-view{width: 18px; height: 18px; border: 0; background: none; display: inline-grid; grid-template-columns: 1fr 1fr; gap: 2px;} .mca-fi.is-view b{background: #2f6bff; border-radius: 2px;} .mca-fi.is-obj{border-radius: 50%; width: 20px; height: 20px; background: #e8edff; border-color: #9db8ff;} .mca-pane-head{display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid #eceef4;} .mca-pane-head b{font-size: 15px; color: #0a1541; flex: 1;} .mca-pane-tools{display: inline-flex; gap: 12px;} .mca-pane-tools i{width: 13px; height: 13px; border: 1.5px solid #3c4560; border-radius: 3px;} .mca-page{margin: 18px; padding: 22px 22px 30px; background: #fff; box-shadow: 0 0 0 1px #e3e6ee, 0 8px 18px rgba(10, 21, 65, .08); font-family: Georgia, 'Times New Roman', serif;} .mca-page-h{font: 700 12px/1.3 Georgia, serif; letter-spacing: .08em; text-align: center; margin-bottom: 14px; color: #111;} .mca-page-h2{font: 700 11px/1.3 Georgia, serif; margin: 14px 0 8px; color: #111;} .mca-page p{font-size: 10.5px; line-height: 1.55; color: #222; margin: 0 0 10px;} .mca-bars i{display: block; height: 5px; background: #e2e5ed; border-radius: 2px; margin: 0 0 7px;} .mca-bars i[style*="width:0"]{height: 6px; background: none;} .mca-perm{border: 1px solid #c7ccda; border-radius: 6px; padding: 4px 10px; font-size: 12px; display: inline-flex; gap: 6px; align-items: center;} .mca-ic-lock{width: 9px; height: 8px; border: 1.5px solid #1b2440; border-radius: 2px; position: relative; margin-top: 3px;} .mca-ic-lock::before{content: ''; position: absolute; left: 0; top: -6px; width: 5px; height: 6px; border: 1.5px solid #1b2440; border-bottom: 0; border-radius: 4px 4px 0 0;} .mca-card-top{display: flex; gap: 14px; padding: 18px 18px 14px; border-bottom: 1px solid #eceef4; margin: 0 4px;} .mca-doc-ic .mca-fi{width: 34px; height: 42px; border-radius: 5px;} .mca-doc-ic .mca-fi span{min-width: 22px; height: 18px; font-size: 12px; line-height: 18px; left: -6px; bottom: 4px; border-radius: 3px;} .mca-card-title{font-size: 19px; font-weight: 700; color: #0a1541; line-height: 1.2;} .mca-card-meta{color: #6b7389; font-size: 12.5px; margin-top: 3px;} .mca-fields{padding: 12px 18px;} .mca-f{display: grid; grid-template-columns: 118px 1fr; gap: 10px; padding: 7px 0; font-size: 13px;} .mca-f span{color: #5d6680;} .mca-f b{font-weight: 500; color: #1b2440; display: inline-flex; align-items: center; gap: 6px;} .mca-ic-open{width: 10px; height: 10px; border: 1.5px solid #2f6bff; border-radius: 2px;} .mca-addprop{display: inline-block; margin: 10px 0 12px; border: 1.5px solid #2f6bff; color: #2f6bff; border-radius: 16px; padding: 5px 14px; font-size: 12.5px; font-weight: 500;} .mca-wf{display: grid; grid-template-columns: 118px 1fr; gap: 10px; padding: 7px 0; border-top: 1px solid #eceef4; font-size: 13px;} .mca-wf span{color: #5d6680;} .mca-wf b{font-weight: 500; display: inline-flex; gap: 7px; align-items: center;} .mca-state{width: 10px; height: 10px; border-radius: 2px; display: inline-block;} .mca-rail{display: flex; flex-direction: column; gap: 10px;} .mca-rail span{writing-mode: vertical-rl; background: #dfe3ee; border-radius: 10px; padding: 14px 6px; font-size: 12px; color: #3c4560; text-align: center;} .mca-rail span.is-on{background: #cfd6e8; color: #0a1541;} .mca-card.is-compact{border-radius: 12px 12px 0 0;} .mca-modal-wrap{width: 760px; position: relative;} .mca-dim{position: absolute; inset: 52px 0 0; background: linear-gradient(180deg, #e9ecf3, #dfe3ec);} .mca-dim::before{content: ''; position: absolute; inset: 0; background: rgba(10, 21, 65, .28);} .mca-dialog{position: absolute; left: 50%; top: 74px; transform: translateX(-50%); width: 470px; background: #fff; border-radius: 16px; padding: 20px 22px; box-shadow: 0 30px 60px rgba(10, 21, 65, .35);} .mca-dialog-h{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;} .mca-dialog-h b{font-size: 20px; color: #0a1541;} .mca-x{width: 14px; height: 14px; position: relative;} .mca-x::before, .mca-x::after{content: ''; position: absolute; left: 6px; top: -1px; width: 2px; height: 16px; background: #1b2440; transform: rotate(45deg);} .mca-x::after{transform: rotate(-45deg);} .mca-dialog label{font-size: 12.5px; color: #1b2440; display: block; margin-bottom: 4px;} .mca-select{border: 1.5px solid #2f6bff; border-radius: 6px; padding: 6px 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 0 3px rgba(47, 107, 255, .15);} .mca-tsearch{margin: 12px 0 4px auto; width: 230px; border: 1px solid #c7ccda; border-radius: 6px; padding: 5px 10px; color: #8a91a6; font-size: 12px;} .mca-sub{font-weight: 600; color: #0a1541; margin: 12px 0 6px; font-size: 13.5px;} .mca-opt{display: flex; gap: 10px; align-items: center; padding: 6px 8px; border-radius: 6px; font-size: 13px;} .mca-opt.is-sel{background: #d9deec;} .mca-dialog-btns{display: flex; justify-content: flex-end; gap: 10px; margin-top: 14px;} .mca-btn{display: inline-block; border: 1.5px solid #0a1541; border-radius: 16px; padding: 5px 16px; font-size: 13px; font-weight: 500; color: #0a1541; background: #fff;} .mca-btn.is-primary{background: #2f6bff; border-color: #2f6bff; color: #fff;} .mca-word{width: 760px; height: 520px; position: relative; background: #f3f3f3;} .mca-word-top{height: 44px; background: #2b579a; color: #fff; display: flex; align-items: center; gap: 14px; padding: 0 14px;} .mca-word-top b{font-weight: 600;} .mca-word-top span{margin-left: auto; font-size: 12px; opacity: .8;} .mca-word-ribbon{height: 46px; background: #fff; border-bottom: 1px solid #ddd; display: flex; gap: 12px; align-items: center; padding: 0 16px;} .mca-word-ribbon i{width: 26px; height: 22px; border-radius: 4px; background: #e9edf5;} .mca-word-page{width: 470px; margin: 22px auto 0; background: #fff; padding: 34px 40px; height: 420px; box-shadow: 0 2px 10px rgba(0, 0, 0, .12);} .mca-alert{position: absolute; left: 50%; top: 120px; transform: translateX(-50%); width: 330px; background: rgba(246, 246, 248, .97); border-radius: 14px; padding: 22px 20px 16px; text-align: center; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 30px 60px rgba(0, 0, 0, .3); backdrop-filter: blur(10px);} .mca-alert-ic svg{width: 54px; height: 54px; display: block; margin: 0 auto 10px;} .mca-alert b{display: block; font-size: 14.5px; margin-bottom: 6px; color: #111;} .mca-alert p{font-size: 12px; color: #333; margin: 0 0 14px;} .mca-alert-btns{display: flex; flex-direction: column; gap: 7px;} .mca-alert-btns .mca-btn{border-radius: 6px; border: 0; background: #e3e3e8; color: #111; padding: 6px;} .mca-alert-btns .mca-btn.is-primary{background: #2f6bff; color: #fff;} .mca-finder{width: 820px; height: 500px; background: #fff; position: relative;} .mca-ftop{height: 50px; display: flex; align-items: center; gap: 16px; padding: 0 16px; background: #f6f6f7; border-bottom: 1px solid #e3e3e6;} .mca-ftop b{font-size: 14px;} .mca-ftools{margin-left: auto; display: inline-flex; gap: 14px;} .mca-ftools i{width: 18px; height: 14px; border: 1.5px solid #6b6b70; border-radius: 3px;} .mca-fbody{display: grid; grid-template-columns: 200px 1fr; height: calc(100% - 50px);} .mca-fside{background: #ebebee; padding: 12px 10px; display: flex; flex-direction: column; gap: 2px; font-size: 13px;} .mca-fside small{color: #8c8c92; font-size: 11px; font-weight: 600; margin: 10px 8px 4px;} .mca-fside span{display: flex; gap: 8px; align-items: center; padding: 5px 8px; border-radius: 6px;} .mca-fside span.is-on{background: #d4d4da;} .mca-si{width: 16px; height: 16px; border-radius: 4px; background: #3d8bff; display: inline-block; flex: none; overflow: hidden;} .mca-si.is-mf{background: none;} .mca-si svg{width: 16px; height: 16px; display: block;} .mca-si.is-air{border-radius: 50%;} .mca-si.is-app{background: #8c8c92;} .mca-si.is-down{background: #3fae6a; border-radius: 50%;} .mca-si.is-cloud{background: #9db8ff; border-radius: 8px;} .mca-fmain{position: relative;} .mca-fhead{display: grid; grid-template-columns: 1fr 160px; padding: 8px 16px; font-size: 12px; color: #6b6b70; border-bottom: 1px solid #ececef;} .mca-fhead em{font-style: normal;} .mca-frow{display: grid; grid-template-columns: 26px 1fr 160px; align-items: center; padding: 7px 16px; font-size: 13px;} .mca-frow:nth-child(odd){background: #f7f7f9;} .mca-frow em{font-style: normal; color: #6b6b70; font-size: 12px;} .mca-frow.is-sel{background: #2f6bff !important; color: #fff;} .mca-frow.is-sel em{color: rgba(255, 255, 255, .85);} .mca-ctx{position: absolute; left: 150px; top: 58px; width: 200px; background: rgba(250, 250, 252, .97); border-radius: 9px; padding: 5px; font-size: 13px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 18px 40px rgba(0, 0, 0, .22); display: flex; flex-direction: column;} .mca-ctx span{padding: 4px 10px; border-radius: 5px; display: flex; justify-content: space-between; align-items: center;} .mca-ctx span.is-on{background: #2f6bff; color: #fff;} .mca-ctx span em{width: 6px; height: 6px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(-45deg);} .mca-ctx hr{border: 0; border-top: 1px solid #dcdce0; margin: 4px 8px;} .mca-ctx-sub{left: 352px; top: 132px; width: 180px;} .mca-solo{width: 560px; height: 620px; background: #eef0f6; padding: 16px;} .mca-solo .mca-card{border-radius: 12px 12px 0 0;} .mca-wpanel{background: #fff; border-top: 1px solid #e3e6ee; border-radius: 0 0 12px 12px; padding: 14px 18px 18px;} .mca-wf-head{display: flex; justify-content: space-between; font-size: 13px; color: #5d6680;} .mca-wf-head b{color: #1b2440; font-weight: 600; display: inline-flex; gap: 8px; align-items: center;} .mca-wcur{display: flex; gap: 8px; align-items: center; font-size: 15px; font-weight: 600; margin: 12px 0 10px;} .mca-wcur i, .mca-wstate i{width: 11px; height: 11px; border-radius: 2px; display: inline-block;} .mca-wlist{display: flex; gap: 4px;} .mca-wstate{flex: 1; display: flex; gap: 6px; align-items: center; font-size: 12px; background: #e3e9fb; padding: 8px 14px 8px 10px; clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 10px 50%); white-space: nowrap;} .mca-wstate:first-child{clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);} .mca-wstate.is-on{background: #3a6b5a; color: #fff;} .mca-wnote{margin-top: 12px; display: grid; grid-template-columns: 80px 1fr; gap: 10px; font-size: 12.5px;} .mca-wnote span{color: #5d6680;} .mca-wnote p{margin: 0; border: 1px solid #d6dae5; border-radius: 6px; padding: 7px 10px; color: #1b2440;} .mca-vmenu{position: absolute; left: 150px; top: 46px; width: 300px; background: #fff; border-radius: 10px; padding: 6px; z-index: 2; font-size: 13px; box-shadow: 0 0 0 1px rgba(10, 21, 65, .12), 0 24px 50px rgba(10, 21, 65, .3); display: flex; flex-direction: column;} .mca-vmenu small{color: #8a91a6; font-size: 11px; font-weight: 600; padding: 6px 10px 4px;} .mca-vmenu span{display: grid; grid-template-columns: 16px 1fr auto; gap: 6px; align-items: center; padding: 6px 10px; border-radius: 6px;} .mca-vmenu span.is-on{background: #e8edff;} .mca-vmenu em{color: #8a91a6; font-size: 12px;} .mca-vmenu hr{border: 0; border-top: 1px solid #eceef4; margin: 4px 6px;} .mca-check{width: 5px; height: 9px; border-right: 2px solid #2f6bff; border-bottom: 2px solid #2f6bff; transform: rotate(45deg); margin: -2px 0 0 4px;} .mca-modal-wrap .mca-panes{height: calc(100% - 52px - 48px);} .mca-modal-wrap .mca-stabs + .mca-panes{height: calc(100% - 52px - 42px);} .mcx-showcase{display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(32px, 5vw, 80px); align-items: center;} .mcx-showcase.is-flip{grid-template-columns: 1.15fr .85fr;} .mcx-showcase.is-flip .mcx-showcase-copy{order: 2;} .mcx-showcase-copy p{color: var(--mc-muted); font-size: 17px; margin-top: 18px;} .mcx-showcase-copy .mcx-checks{margin-top: 18px;} .mcx-showcase-media{min-width: 0; padding: 10px 0 30px;} .mcx-home-shot{position: relative; margin-top: clamp(40px, 5vw, 72px);} .mcx-home-shot::before{content: ''; position: absolute; left: 6%; right: 6%; top: 12%; bottom: -6%; background: radial-gradient(60% 60% at 50% 50%, rgba(61, 139, 255, .35), rgba(61, 139, 255, 0)); filter: blur(40px); z-index: -1;} .mcx-phero-mock .mcx-phero-grid{align-items: center;} .mcx-phero-mock-box{min-width: 0; padding: 10px 0 30px;} @media (max-width: 1023px){.mcx-showcase, .mcx-showcase.is-flip{grid-template-columns: 1fr;}.mcx-showcase.is-flip .mcx-showcase-copy{order: 0;}} .mcx-faq-item{border-bottom: 1px solid var(--mc-line);} .mcx-faq-item:first-child{border-top: 1px solid var(--mc-line);} .mcx-faq-item summary{list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 20px; padding: 22px 0; font-size: 19px; font-weight: 500; color: var(--mc-ink);} .mcx-faq-item summary::-webkit-details-marker{display: none;} .mcx-faq-item summary i{flex: none; width: 14px; height: 14px; position: relative; margin-top: 6px;} .mcx-faq-item summary i::before, .mcx-faq-item summary i::after{content: ''; position: absolute; left: 0; top: 6px; width: 14px; height: 2px; background: var(--mc-ink); transition: transform .25s var(--mc-ease);} .mcx-faq-item summary i::after{transform: rotate(90deg);} .mcx-faq-item[open] summary i::after{transform: rotate(0);} .mcx-faq-a p{color: var(--mc-muted); margin: 0 0 22px; max-width: 640px;} .mcx-logo{gap: 10px; color: var(--mc-ink);} .mcx-logo img{height: 34px; width: 34px; border-radius: 8px;} .mcx-logo b{font: 600 21px/1 var(--mc-sans); letter-spacing: -.02em;} .mcx-logo small{display: block; font: 500 10.5px/1 var(--mc-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--mc-muted); margin-top: 4px;} .mcx-footer .mcx-logo{color: #fff;} .mcx-footer .mcx-logo small{color: rgba(255, 255, 255, .55);} .mcx-mark{background-image: url(/x_product_site_60fce2/img/mark.png); border-radius: 22%;} .mcx-lead-grid{display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 80px); align-items: start;} .mcx-lead-copy{position: sticky; top: 120px;} .mcx-lead-copy .mcx-lead{margin-top: 20px;} .mcx-lead-steps{list-style: none; margin: 28px 0 0; padding: 0;} .mcx-lead-steps li{display: flex; gap: 16px; align-items: baseline; padding: 14px 0; border-top: 1px solid var(--mc-line); font-size: 16px; color: var(--mc-ink);} .mcx-lead-steps b{font: 500 12px/1 var(--mc-mono); color: var(--mc-blue); letter-spacing: .08em;} .mcx-lead-card{background: #fff; border: 1px solid var(--mc-line); border-radius: 8px; padding: clamp(22px, 3vw, 40px); box-shadow: 0 30px 60px rgba(10, 21, 65, .08);} .mcx-lead-card .form-group{margin-bottom: 16px;} .mcx-lead-card label{font: 500 13.5px/1.3 var(--mc-sans); color: var(--mc-ink); margin-bottom: 6px; display: block; text-transform: none; letter-spacing: 0;} .mcx-lead-card select.form-control{-webkit-appearance: none; appearance: none; padding-right: 38px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%230a1541'/%3E%3C/svg%3E") no-repeat right 14px center;} .mcx-lead-card .o_website_form_send{background: var(--mc-ink); color: #fff; border: 0; border-radius: 4px; font-weight: 600;} .mcx-lead-card .o_website_form_send:hover{background: var(--mc-blue); color: #fff;} .mcx-lead-card .hidden{display: none !important;} @media (max-width: 1023px){.mcx-lead-grid{grid-template-columns: 1fr;}.mcx-lead-copy{position: static;}} @media (max-width: 640px){.mcx-lead-card .mcx-rw-row{grid-template-columns: 1fr;}} .mcx-lead-card .mcx-form{padding: 0; border-radius: 0;} .mcx-nb{white-space: nowrap;} .mcx-field-help{font-size: 13px; color: var(--mc-muted); margin: -8px 0 18px;} .mcx-trial-msg{margin: 0; color: #b42318; font-size: 14.5px; min-height: 1em;} .mcx-lead-card .form-field.has-error .form-control{border-color: #b42318;} .mcx-lead-card button.btn{cursor: pointer;} .mcx-lead-card .mcx-trial-form .btn{background: var(--mc-ink); color: #fff; border: 0; border-radius: 4px; font-weight: 600; font-size: 16px; padding: 16px 26px;} .mcx-lead-card .mcx-trial-form .btn[disabled]{opacity: .6; cursor: wait;} .mcx-buy-seats{display: grid; grid-template-columns: auto 1fr; gap: 10px 24px; align-items: center; padding: 0 0 22px; margin: 0 0 22px; border-bottom: 1px solid var(--mc-line);} .mcx-buy-seats label{grid-column: 1 / -1; margin: 0 !important;} .mcx-buy-stepper{display: inline-flex; border: 1px solid var(--mc-line); border-radius: 4px; overflow: hidden;} .mcx-buy-stepper button{width: 46px; border: 0; background: var(--mc-paper); font-size: 20px; color: var(--mc-ink); cursor: pointer;} .mcx-buy-stepper input.form-control{width: 80px; border: 0 !important; border-radius: 0 !important; text-align: center; font: 600 18px/1 var(--mc-sans) !important; -moz-appearance: textfield;} .mcx-buy-stepper input::-webkit-outer-spin-button, .mcx-buy-stepper input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;} .mcx-buy-total{display: flex; flex-direction: column;} .mcx-buy-total b{font: 400 40px/1 var(--mc-serif); color: var(--mc-ink);} .mcx-buy-total span{color: var(--mc-muted); font-size: 13.5px; margin-top: 4px;} 

/* <inline asset> defined in bundle 'web.assets_frontend' */
 .x-mcx-skin-guard{} .mcx-v2 main header.s_header, .mcx-v2 main header.header{position: relative; overflow: hidden; background: var(--mc-paper) !important; background-image: none !important; color: var(--mc-ink) !important; text-align: left !important; padding: clamp(56px, 7vw, 112px) 0 clamp(40px, 5vw, 72px) !important; min-height: 0 !important; height: auto !important; border-bottom: 1px solid var(--mc-line);} .mcx-v2 main header.s_header::after{content: ''; position: absolute; right: -40px; top: -40px; width: 420px; height: 260px; pointer-events: none; background-image: linear-gradient(var(--mc-paper) 2px, transparent 2px), linear-gradient(90deg, var(--mc-paper) 2px, transparent 2px), radial-gradient(60% 60% at 70% 30%, rgba(61, 139, 255, .28), rgba(61, 139, 255, 0)); background-size: 18px 18px, 18px 18px, 100% 100%; opacity: .9;} .mcx-v2 main header.s_header .overlay, .mcx-v2 main header.header .overlay, .mcx-v2 main header.s_header canvas{display: none !important;} .mcx-v2 main header.s_header .container, .mcx-v2 main header.header .container{position: relative; z-index: 1; max-width: var(--mc-max); padding: 0 var(--mc-gutter); text-align: left !important;} .mcx-v2 main header.s_header .row > [class*="col-"], .mcx-v2 main header.header .row > [class*="col-"]{flex: 0 0 100%; max-width: 900px; margin-left: 0 !important; text-align: left !important;} .mcx-v2 main header.s_header h1, .mcx-v2 main header.header h1, .mcx-v2 main .display-41{font-family: var(--mc-serif) !important; font-weight: 400 !important; font-size: clamp(44px, 5.6vw, 84px) !important; line-height: 1.02 !important; letter-spacing: -.02em; color: var(--mc-ink) !important; margin: 0 !important; text-align: left !important;} .mcx-v2 main header.s_header h1::before, .mcx-v2 main header.header h1::before{content: 'M-Client'; display: table; margin: 0 0 22px; padding: 6px 9px; background: var(--mc-forest); color: #fff; font: 500 12px/1 var(--mc-mono); letter-spacing: .08em; text-transform: uppercase; border-radius: 2px;} .mcx-v2 main header.s_header .lead-2, .mcx-v2 main header.header .lead-2, .mcx-v2 main header.s_header p, .mcx-v2 main header.header p{color: var(--mc-muted) !important; opacity: 1 !important; font: 400 clamp(17px, 1.35vw, 20px)/1.5 var(--mc-sans) !important; margin: 20px 0 0 !important; max-width: 680px;} .mcx-v2 main header.s_header .fa, .mcx-v2 main header.header .fa{color: var(--mc-blue);} .mcx-v2 main header.s_header .text-white, .mcx-v2 main header.header .text-white{color: var(--mc-ink) !important;} @supports selector(:is(a)){.mcx-v2 main :is(h1, h2, h3, h4, h5):not(.mcx *, .mca *):not(.display-41){font-family: var(--mc-serif) !important; font-weight: 400 !important; color: var(--mc-ink); letter-spacing: -.01em;}.mcx-v2 main header :is(h1, h2):not(.mcx *){font-size: clamp(40px, 5vw, 76px) !important; line-height: 1.04 !important; color: var(--mc-ink) !important;}.mcx-v2 main :is(p, li, td, th, label, span, a, small, input, select, textarea, button):not(.mcx *, .mca *):not(.fa){font-family: var(--mc-sans);}} .mcx-v2 main h2:not(.mcx *){font-size: clamp(30px, 3vw, 44px); line-height: 1.1;} .mcx-v2 main h3:not(.mcx *){font-size: clamp(24px, 2.2vw, 32px); line-height: 1.15;} .mcx-v2 main h4:not(.mcx *), .mcx-v2 main h5:not(.mcx *){font-size: 22px; line-height: 1.2;} .mcx-v2 main a:not(.btn):not(.mcx *):not(.nav-link){color: var(--mc-forest);} .mcx-v2 main .text-muted:not(.mcx *), .mcx-v2 main .lead:not(.mcx *){color: var(--mc-muted) !important;} .mcx-v2 main .section:not(.mcx *){padding: clamp(48px, 6vw, 96px) 0; background: transparent;} .mcx-v2 main .bg-gray:not(.mcx *){background: var(--mc-paper) !important;} .mcx-v2 main .container:not(.mcx *){max-width: var(--mc-max);} .mcx-v2 main .section-header:not(.mcx *){text-align: left; margin-bottom: 36px;} .mcx-v2 main .section-header small:not(.mcx *){font: 500 12px/1 var(--mc-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--mc-forest);} .mcx-v2 main .section-header hr:not(.mcx *){display: none;} .mcx-v2 main .sidebar-title:not(.mcx *), .mcx-v2 main .nav-header:not(.mcx *){font: 500 12px/1 var(--mc-mono) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-muted) !important; margin: 0 0 14px !important;} .mcx-v2 main .btn:not(.mcx *):not(.mca *){border-radius: 3px !important; font: 500 14.5px/1 var(--mc-sans) !important; padding: 13px 20px !important; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; transition: background .15s, color .15s, border-color .15s;} .mcx-v2 main .btn-primary:not(.mcx *), .mcx-v2 main .btn-success:not(.mcx *), .mcx-v2 main .btn-info:not(.mcx *){background: var(--mc-ink) !important; border: 1px solid var(--mc-ink) !important; color: #fff !important;} .mcx-v2 main .btn-primary:not(.mcx *):hover, .mcx-v2 main .btn-success:not(.mcx *):hover, .mcx-v2 main .btn-info:not(.mcx *):hover{background: var(--mc-blue) !important; border-color: var(--mc-blue) !important;} .mcx-v2 main .btn-secondary:not(.mcx *), .mcx-v2 main .btn-default:not(.mcx *), .mcx-v2 main .btn-light:not(.mcx *){background: #fff !important; border: 1px solid var(--mc-ink) !important; color: var(--mc-ink) !important;} .mcx-v2 main .btn-sm:not(.mcx *){padding: 9px 14px !important; font-size: 13px !important;} .mcx-v2 main .form-control:not(.mcx *){height: auto; border: 1px solid var(--mc-line) !important; border-radius: 4px !important; box-shadow: none !important; padding: 11px 14px !important; font: 15px/1.4 var(--mc-sans) !important; color: var(--mc-ink) !important; background-color: #fff;} .mcx-v2 main .form-control:not(.mcx *):focus{border-color: var(--mc-ink) !important; outline: 2px solid var(--mc-lime); outline-offset: 1px;} .mcx-v2 main label:not(.mcx *), .mcx-v2 main .control-label:not(.mcx *){font: 500 13.5px/1.3 var(--mc-sans) !important; color: var(--mc-ink) !important;} .mcx-v2 main .input-group .btn:not(.mcx *){padding: 11px 16px !important;} .mcx-v2 main .alert:not(.mcx *){border-radius: 4px; border: 1px solid var(--mc-line); background: var(--mc-paper); color: var(--mc-ink);} .mcx-v2 main .alert-success:not(.mcx *){background: #e9f6dc; border-color: #cfe8b5; color: #2f5d0a;} .mcx-v2 main .card:not(.mcx *):not(.oe_website_login_container){border: 1px solid var(--mc-line) !important; border-radius: 6px !important; box-shadow: none !important; background: #fff;} .mcx-v2 main .card-title:not(.mcx *){font-family: var(--mc-serif) !important; font-weight: 400 !important; font-size: 24px !important; color: var(--mc-ink) !important;} .mcx-v2 main .breadcrumb:not(.mcx *){background: none; padding: 0; margin: 0 0 18px; font: 500 12px/1 var(--mc-mono); letter-spacing: .06em; text-transform: uppercase;} .mcx-v2 main .breadcrumb a:not(.mcx *){color: var(--mc-muted) !important;} .mcx-v2 main .nav-link:not(.mcx *){color: var(--mc-ink); border-radius: 3px;} .mcx-v2 main .nav-link.active:not(.mcx *), .mcx-v2 main .nav .active > a:not(.mcx *){background: var(--mc-ink) !important; color: #fff !important;} .mcx-v2 main .badge:not(.mcx *){background: var(--mc-paper-2); color: var(--mc-ink); border-radius: 2px; font: 500 11px/1 var(--mc-mono); padding: 4px 6px;} .mcx-v2 main .pagination .page-link:not(.mcx *), .mcx-v2 main .pagination a:not(.mcx *){color: var(--mc-ink); border-color: var(--mc-line);} .mcx-v2 main .accordion .card:not(.mcx *){margin-bottom: 10px;} .mcx-v2 main .accordion .card-title a:not(.mcx *){color: var(--mc-ink) !important; font-size: 22px;} .mcx-v2 main .accordion .card-title small:not(.mcx *){font: 500 12px/1 var(--mc-mono); color: var(--mc-muted); text-transform: uppercase; letter-spacing: .06em;} .mcx-v2 main .lead-6:not(.mcx *){color: var(--mc-blue) !important;} .mcx-v2 main .website_blog h2:not(.mcx *), .mcx-v2 main .o_website_event h2:not(.mcx *){font-size: 28px;} .mcx-v2 main .social a:not(.mcx *){border-radius: 50% !important; background: var(--mc-paper) !important; color: var(--mc-ink) !important;} .mcx-v2 main .media-list .media:not(.mcx *), .mcx-v2 main .o_partner_body:not(.mcx *){padding: 16px 0; border-bottom: 1px solid var(--mc-line);} .mcx-v2 main .media-heading:not(.mcx *){font-family: var(--mc-serif); font-size: 24px;} .mcx-v2 main .img-responsive:not(.mcx *){max-width: 420px; margin: 0 auto;} .mcx-v2 .oe_website_login_container img.logo-img, .mcx-v2.layout-centered .card img[src*="logo"]{content: url(/x_product_site_60fce2/img/mark.png); width: 56px !important; height: 56px !important; max-width: none; border-radius: 13px; margin: 0 auto 18px !important;} .mcx-v2.layout-centered .card h4, .mcx-v2.layout-centered .card h5, .mcx-v2.layout-centered .card .text-uppercase{font-family: var(--mc-serif) !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 26px !important; color: var(--mc-ink) !important;} .mcx-v2.layout-centered .card .btn-primary{background: var(--mc-ink) !important; border-color: var(--mc-ink) !important; border-radius: 3px !important;} .mcx-v2.layout-centered .card .btn-primary:hover{background: var(--mc-blue) !important; border-color: var(--mc-blue) !important;} .mcx-v2.layout-centered .card a{color: var(--mc-forest);} 

/* <inline asset> defined in bundle 'web.assets_frontend' */
 .x-mcl-guard{} .mcl-portal .mcl-card{border: 1px solid var(--mc-line); border-radius: 8px; padding: clamp(20px, 3vw, 36px); background: #fff; margin-bottom: 28px; box-shadow: 0 20px 50px rgba(10, 21, 65, .06);} .mcl-portal .mcl-empty{text-align: left; max-width: 640px;} .mcl-portal .mcl-empty p{color: var(--mc-muted); margin: 12px 0 22px;} .mcl-portal .mcl-acc-head{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; flex-wrap: wrap; margin-bottom: 22px;} .mcl-portal .mcl-acc-name{font: 400 34px/1.1 var(--mc-serif); color: var(--mc-ink);} .mcl-portal .mcl-acc-meta{display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 10px; color: var(--mc-muted); font-size: 14.5px;} .mcl-portal .mcl-acc-meta b{color: var(--mc-ink);} .mcl-portal .mcl-state{font: 500 12px/1 var(--mc-mono); text-transform: uppercase; letter-spacing: .06em; padding: 5px 8px; border-radius: 3px; background: #e9f6dc; color: #2f5d0a;} .mcl-portal .mcl-state.is-expired, .mcl-portal .mcl-state.is-cancelled{background: #fdecea; color: #b42318;} .mcl-portal .mcl-row{display: grid; grid-template-columns: 1.1fr 1fr 1fr .8fr 1.4fr; gap: 14px; align-items: center; padding: 14px 0; border-top: 1px solid var(--mc-line); font-size: 15px; color: var(--mc-ink);} .mcl-portal .mcl-th{font: 500 12px/1 var(--mc-mono); text-transform: uppercase; letter-spacing: .06em; color: var(--mc-muted); border-top: 0; padding-top: 0;} .mcl-portal .mcl-id{font-family: var(--mc-mono); font-size: 13.5px; display: inline-flex; align-items: center; gap: 8px;} .mcl-portal .mcl-dot{width: 8px; height: 8px; background: #c7ccda; display: inline-block;} .mcl-portal .mcl-dot.is-active{background: #3fae6a;} .mcl-portal .mcl-mono{font-family: var(--mc-mono); font-size: 13.5px; letter-spacing: .02em;} .mcl-portal .mcl-muted{color: var(--mc-muted); font-size: 13.5px;} .mcl-portal .mcl-actions{display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap;} .mcl-portal .mcl-btn{font: 500 13.5px/1 var(--mc-sans); border: 1px solid var(--mc-ink); background: #fff; color: var(--mc-ink); border-radius: 4px; padding: 10px 14px; cursor: pointer;} .mcl-portal .mcl-btn:hover{background: var(--mc-paper);} .mcl-portal .mcl-btn.is-dark{background: var(--mc-ink); color: #fff;} .mcl-portal .mcl-btn.is-dark:hover{background: var(--mc-blue); border-color: var(--mc-blue);} .mcl-portal .mcl-btn.is-ghost{border-color: var(--mc-line); color: var(--mc-muted);} .mcl-portal .mcl-btn[disabled]{opacity: .5; cursor: wait;} .mcl-portal .mcl-in{width: 100%; border: 1px solid var(--mc-line); border-radius: 4px; padding: 9px 12px; font: 14.5px/1.3 var(--mc-sans); color: var(--mc-ink);} .mcl-portal .mcl-in.mcl-mono{font-family: var(--mc-mono); text-transform: uppercase;} .mcl-portal .mcl-in:focus{border-color: var(--mc-ink); outline: 2px solid var(--mc-lime); outline-offset: 1px;} .mcl-portal .mcl-note{margin: 18px 0 0; color: var(--mc-muted); font-size: 14px;} .mcl-portal .mcl-toast{position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; background: var(--mc-ink); color: #fff; padding: 14px 18px; border-radius: 6px; font-size: 14.5px; max-width: min(560px, calc(100vw - 32px)); transition: opacity .25s, transform .25s; z-index: 2000; box-shadow: 0 18px 40px rgba(10, 21, 65, .3);} .mcl-portal .mcl-toast.is-on{opacity: 1; transform: translate(-50%, 0);} .mcl-portal .mcl-toast.is-bad{background: #b42318;} @media (max-width: 900px){.mcl-portal .mcl-row{grid-template-columns: 1fr 1fr;}.mcl-portal .mcl-th{display: none;}.mcl-portal .mcl-actions{grid-column: 1 / -1; justify-content: flex-start;}} .mcl-portal .mcl-trial{display: inline-block; vertical-align: middle; margin-left: 12px; font: 500 11px/1 var(--mc-mono); letter-spacing: .08em; text-transform: uppercase; background: var(--mc-forest); color: #fff; padding: 6px 8px; border-radius: 2px;}