/* Base styles layers. Used to load the base styles in the correct order. */ @layer base, base-overrides, modules, custom-styles; /* Custom styles */ @layer custom-styles { /*****************************************/ /* Start your custom style here */ /*****************************************/ h5{text-transform: uppercase; letter-spacing: 0.7px;} .text-white * {font-weight: 300;} .font-weight-400 .text-white * {font-weight:400;} .text-white .legal-consent-container {color:#fff;} .btn-wrapper .cta-button:focus-visible, .btn-wrapper .cta_button:focus-visible, .btn-wrapper [data-hubspot-cta-id]:focus-visible, .btn-wrapper input[type=button]:focus-visible, .btn-wrapper input[type=submit]:focus-visible, .btn.focus, .btn:focus-visible, input[type=button]:focus-visible, input[type=submit]:focus-visible {outline-offset: 1px; outline: -webkit-focus-ring-color auto 1px;} @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1330px; max-width: 1450px; padding-right: 4%; padding-left: 4%;} } .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1450px; padding-right: 4%; padding-left: 4%;} .bg-sharp {background-color: #161e26 !important;} .bg-gray {background-color: #ececec !important;} .flat-bg {background-color: #161e26 !important;} .sharp-bg {background-color: #0d151c !important;} .btn-wrapper .cta-button {line-height: 1 !important; padding-top: 3px;} a.cta-button .button_icon {height: 16px; width: 8px; background-image: url(https://168396.fs1.hubspotusercontent-na1.net/hubfs/168396/Arctique-2024/images/right-angle-arrow-white.svg); background-size: contain; background-position: center; background-repeat: no-repeat;} a.cta-button .button_icon svg {display: none;} .btn-primary-wrapper a.cta-button .button_icon {background-image: url(https://168396.fs1.hubspotusercontent-na1.net/hubfs/168396/Arctique-2024/images/right-angle-arrow-dark.svg);} /****************** HERO ******************/ .hero-sec-custom * {font-weight: 300;} .hero-sec-custom .sr-cover-image {background-repeat: no-repeat;} .hero-sec-custom .sr-cover-image img {width: 100%;height: 100%;} .hero-sec-custom h1 {font-size: 75px;} .hero-sec-custom-2 {font-size: 8.5rem !important; font-weight: 900 !important; text-transform: uppercase !important;} .hero-sec-custom .sr-cover .description {max-width: 600px;} .hero-sec-custom .sr-cover .text-center.description {margin:0 auto;} .hero-sec-custom .sr-cover .description p {font-weight: 300; font-size: 28px; line-height: 32px;} .play-btn-cta.sr-cover .cta-button {border: 0px; padding: 0 !important; text-transform: inherit; letter-spacing: 0; height: auto !important;} .play-btn-cta.sr-cover a.cta-button .button_icon {width: 41px; height: 38px; background-image: url(https://168396.fs1.hubspotusercontent-na1.net/hubfs/168396/Arctique-2024/images/Play-Button.svg);} .play-btn-cta.sr-cover a.cta-button:hover {background-color: transparent !important; color: #fff !important;} .hero-sec-custom .sr-cover .sr-spacer-bottom-50 {padding-bottom: 15px;} .hero-sec-custom .sr-three-col-03 {position: relative;} .hero-sec-custom .sr-cover-image img {height: 100% !important; width: 100%; object-fit: cover; object-position: bottom left;} /****************** THREE COLUMN ******************/ .home-three-col.sr-multicol-media.sr-bg-image .sr-col {padding: 0px 20px; border-right: 0px; text-align: left !important;} /* .home-three-col .btn-wrapper.btn-secondary-wrapper a.cta-button, .footer-top-bg-sec a.cta-button, .arctiq-sr-footer-01 a.cta-button, .row-outer .btn-wrapper.btn-secondary-wrapper a.cta-button, .center-text-dark .btn-wrapper.btn-secondary-wrapper a.cta-button, .btn-wrapper.btn-secondary-wrapper a.cta-button {background-color: rgb(66 212 255 / 15%) !important; }*/ /*.home-three-col .btn-wrapper.btn-secondary-wrapper a.cta-button:hover, .footer-top-bg-sec a.cta-button:hover, .arctiq-sr-footer-01 a.cta-button:hover, .row-outer .btn-wrapper.btn-secondary-wrapper a.cta-button:hover, .center-text-dark .btn-wrapper.btn-secondary-wrapper a.cta-button:hover, .btn-wrapper.btn-secondary-wrapper a.cta-button:hover {background-color: rgb(66 212 255 / 0) !important; }*/ .home-three-col .text-center .cta-group , .row-outer .text-left .cta-group {justify-content: flex-start !important; padding: 69px 0px 0px;} .home-three-col > * {position: relative;} .home-three-col .col-content {padding: 53px 0px 0px;} .home-three-col .col-content p, .row-outer .col-content p {font-size: 20px; font-weight: 300; line-height: 24px;} .heading-text-outer {text-align: center; position: relative;} /****************** LOGOS ******************/ .logo-heading, .logo-sub-heading {background-color: #0d151c; font-weight: 300;} .arctiq-logo-slider .blaze-container {position: relative; padding: 50px 0px; background-color: #0d151c;} .arctiq-logo-slider-black-slider { background-color: #000;} .arctiq-logo-slider, .arctiq-logo-slider-black-slider .blaze-track {align-items: center;} .arctiq-logo-slider, .arctiq-logo-slider-black-slider {position: relative; overflow:hidden;} .arctiq-logo-slider::before, .arctiq-logo-slider-black-slider::before {content: ""; width: 1300px; height: 585px; position: absolute; opacity: 0.5; background: radial-gradient(50% 50% at 50% 50%, #42D4FF 0%, rgba(66, 212, 255, 0.00) 100%); z-index: 1; left: 50%; transform: translateX(-50%); top: 0;} /****************** TWO COL/ THREE COL ******************/ .two-col-custom {position: relative; z-index: 1; overflow: hidden;} .two-col-custom h2 {font-size: 2.5rem;} .home-three-col .description p, .hero-sec-custom .heading-text-outer .description p {color: #dbe4e6;} .two-col-custom .col-content p, .home-three-col .description p, .hero-sec-custom .heading-text-outer .description p {font-size: 20px; line-height: normal;} .two-col-custom .col-content > a, .home-three-col .description > a, .hero-sec-custom .heading-text-outer .description > a {color: #42d4ff !important; text-decoration: underline; font-size: 16px; font-weight: 400;} .home-three-col h3.heading, .home-three-col h6.heading, .row-outer h3.heading, .row-outer h6.heading {color: #FFF; font-family: Rubik; font-size: 28px; font-style: normal; font-weight: 400; line-height: normal; margin: 0;} .home-three-col h3.heading, .row-outer h3.heading {font-weight: 600;} .two-col-custom h2 {font-size: 50px; line-height: 54px; margin: 0 0 30px;} .row-outer .col-content {margin: 53px 0px 0px;} .media-with-heading {display: flex; gap: 15px;} .row-outer {gap: 57px;} .row-outer > * {padding: 0; flex: 1; max-width: unset;} .two-col-custom .col-lg-5 {margin-left: 0; max-width: fit-content; flex: 0 0 45.73%;} .two-col-custom .col-lg-6 {margin-left: auto; margin-right: -5.5%; max-width: 53.817%; flex: 0 0 53.817%;} .two-col-custom .sr-repeater-2 .col-content {display: none;} .text-white.two-col-custom h3 {color: #ABBFC5;} /****************** ABOVE FOOTER ******************/ .footer-top-bg-sec .sr-cover-image img {display: none;} .footer-top-bg-sec .sr-cover-image::after {content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(90deg, #192A3C 0%, rgba(73, 82, 92, 0.75) 40.62%, rgba(217, 217, 217, 0.00) 149.06%); mix-blend-mode: multiply; left: 0;} .footer-top-bg-sec .description p {font-size: 17px; line-height: 21px; font-weight: 300;} .footer-top-bg-sec h2 {font-size: 28px; line-height: 32px; font-weight: 300;} /****************** FOOTER SECTION ******************/ .arctiq-sr-footer-01 {overflow: hidden;} .arctiq-sr-footer-01.sr-padding-half {padding: 53px 0px 0px;} .arctiq-sr-footer-01::before {content: ""; position: absolute; background-image: url(https://168396.fs1.hubspotusercontent-na1.net/hubfs/168396/Arctique-2024/images/footer-bg-vector.svg); width: 1431px; height: 700px; right: 0; top: 0; z-index: 1;} .arctiq-sr-footer-01 .sr-footer-nav {position: relative; z-index: 2;} /* .arctiq-sr-footer-01 .container {max-width: 1450px;} */ header .container, header .container-lg, header .container-md, header .container-sm, header .container-xl ,footer .container, footer .container-lg, footer .container-md, footer .container-sm, footer .container-xl,.arctiq-sr-footer-01 .container {max-width: 1600px;}header .container.container-small {max-width: 1000px;} header .container.container-large {max-width: 1440px;} .arctiq-sr-footer-01 .sr-footer-nav > .container > .row > * {max-width: 100%; flex: 0 100%;} .arctiq-sr-footer-01 .sr-footer-nav > .container > .row > *:nth-child(2) {display: flex; align-items: center; margin: 62px 0px 0px;} .arctiq-sr-footer-01 .menu-col-outer-repeater {display: flex; gap: 20px;} .arctiq-sr-footer-01 .single-menu-col > h3 {color: #ECECEC; font-size: 14px; font-weight: 400; line-height: normal; letter-spacing: 0.7px; margin: 0 0 14px;} .arctiq-sr-footer-01.sr-footer-01 .sr-footer-nav .hs-menu-depth-1 {width: 100%;} .arctiq-sr-footer-01.sr-footer-01 .sr-footer-nav li.hs-menu-depth-1 > a {font-weight: 700; border-bottom: 1px solid #304358; display: block; width: 100%; padding: 10px 10px 10px 0px; font-weight: 400; letter-spacing: -0.304px;} .arctiq-sr-footer-01.sr-footer-01 .sr-footer-nav li.hs-menu-depth-1 > a:hover, .arctiq-sr-footer-01.sr-footer-01 .sr-footer-nav li.hs-menu-depth-1 > a:focus, .arctiq-sr-footer-01 .info-repeater-wrapper .info-col-wrapper .info-text-wrapper a:hover, .arctiq-sr-footer-01 .info-repeater-wrapper .info-col-wrapper .info-text-wrapper a:focus, .arctiq-sr-footer-01.sr-footer-01 .sr-footer-nav .menu-col-repeater:nth-child(3) li.hs-menu-depth-1 > a:hover, .arctiq-sr-footer-01.sr-footer-01 .sr-footer-nav .menu-col-repeater:nth-child(3) li.hs-menu-depth-1 > a:focus, .sr-footer-01 .footer-bottom-row .copyright-section a:focus, .sr-footer-01 .footer-bottom-row .copyright-section a:hover {color: #42D4FF;} .arctiq-sr-footer-01 .single-menu-col:not(:last-child) {margin: 0 0 28px;} .arctiq-sr-footer-01 .info-repeater-wrapper {display: block; border-bottom: 1px solid #304358; padding: 20px 0;} .info-text-wrapper p {margin: 0; line-height: normal;} .info-col-wrapper {display: flex; gap: 10px; align-items: center;} .info-img-wrapper {min-width: 17px; text-align: center;} .right-content-wrapper h4 {font-size: 28px; font-weight: 300; line-height: 32px; margin: 0 0 36px;} .footerSubscribeForm h5 {text-transform: inherit; font-size: 22px; line-height: 1.2; } .footerSubscribeForm {padding-top: 30px;} .arctiq-sr-footer-01 .menu-col-outer-repeater {display: flex; gap: 20px; border-right: 1px solid #304358; padding-right: 20px;} .right-content-wrapper {padding-left: 32px;} .arctiq-sr-footer-01 a.cta-button {color: var(--white) !important;} .footer-bottom-row {padding: 28px 0px 41px;} .footer-bottom-row > * {padding: 0p;} .arctiq-sr-footer-01 .menu-col-outer-repeater .menu-col-repeater {flex: 0 0 35.983%; max-width: 35.983%;} .arctiq-sr-footer-01 .menu-col-outer-repeater .menu-col-repeater:nth-child(3) {flex: 0 0 23.155%; max-width: 23.155%;} .arctiq-sr-footer-01 .menu-col-outer-repeater .menu-col-repeater:nth-child(3) .single-menu-col {margin: 0;} .arctiq-sr-footer-01 .menu-col-outer-repeater .menu-col-repeater:nth-child(3) .info-repeater-wrapper { padding-block: 22px;} .arctiq-sr-footer-01 .sr-footer-nav .right-content-wrapper {flex: 0 0 31%; max-width: 31%;} .arctiq-sr-footer-01 .menu-col-outer-repeater .menu-col-repeater:nth-child(3) .info-repeater-wrapper .info-col-wrapper + .info-col-wrapper {margin-top: 18.8px;} .footer-bottom-row .social {border-top: 1px solid #42D4FF; padding: 28px 0 0;} .footer-bottom-row a.button__container > svg {opacity: 0;} .footer-bottom-row a.button__container {right: 11px !important; bottom: -3px !important; z-index: 99;} .footer-bottom-row a.button__container::after {position: absolute; content: ""; background-image: url(https://168396.fs1.hubspotusercontent-na1.net/hubfs/168396/Arctique-2024/images/home/back-to-top.svg); width: 42px; height: 52px; background-repeat: no-repeat; background-size: contain;} .footer-bottom-row .container {position: relative;} .arctiq-sr-footer-01.sr-footer-01 .sr-footer-nav .menu-col-repeater:nth-child(3) li.hs-menu-depth-1 > a {border-bottom: 0px; color: #DBE4E6; font-size: 14px; font-weight: 300; line-height: 20px; padding: 6px 0px;} .arctiq-sr-footer-01 .info-repeater-wrapper {border-top: 1px solid #304358; margin: 20px 0px 0px;} .footer-bottom-row {position: relative; z-index: 1;} .sr-footer-01 .sr-footer-nav .hs-menu-depth-1 {margin: 0;} .mobile-section {display: none;} /******************************* Testimonials Section *******************************/ .testimonials-custom h2 {color: #090A0E; font-size: 28px; font-weight: 400; line-height: 32px;} .testimonials-custom .card > p {color: #000; font-size: 24px; line-height: 28px;} .testimonials-custom.sr-cards-testimonial-grid-01 .author-meta img { width: 62px; aspect-ratio: 1 /1; object-fit: cover;} .testimonials-custom.sr-cards-testimonial-grid-01 .author-meta {padding-top: 15px;} .testimonials-custom.sr-cards-testimonial-grid-01 .author-name {font-weight: 600;} .testimonials-custom .icon-wrapper {position: absolute; padding: 0; left: 30px; top: 55px;} .testimonials-custom .icon-wrapper::before {content: '"'; color: #000; font-family: Rubik; font-size: 43px; font-weight: 300; line-height: 32px; font-style: italic;} .testimonials-custom .icon-wrapper svg {display: none;} /******************************* Landing Page Section *******************************/ .landing-logo-heading {background-color: hsla(0,0%,93%,.4); border: 1px solid #2f9bbd; border-bottom: 0; padding: 70px 0 40px; position: relative; color: #000; font-weight: 400; font-size: 28px; line-height: 32px;} .landing-logo-heading::before {content: ""; position: absolute; width: 47%; height: 1px; background-color: #000; left: 50%; transform: translateX(-50%); bottom: 0;} .landing-logo-custom {background-color: rgba(236, 236, 236, 40%); border: 1px solid #2F9BBD; border-top: 0px; padding: 48px 0px 80px;} .landing-logo-custom > * {max-width: 1000px; margin: 0 auto;} .landing-logo-custom.sr-logos .blaze-wrapper {gap: 3rem;} /******************* Case Study Filters *******************/ .container .container {padding: 0px;} main .blog-middle {border-top: 1px solid; padding: 0px; overflow: hidden;} /****************** Blog Post Page ******************/ .sr-blog-post {background-color: #ececec;} .sr-blog-post.sr-padding-half {padding: 100px 0px;} .sr-blog-post .blog-content {max-width: 1080px; margin: 0 auto;} .sr-blog-post .blog-content p, .sr-blog-post .blog-content li {font-size: 20px; font-weight: 300;} .related-posts-section {border-top: 1px solid; margin: 100px 0px 0px; padding: 15px 0px 0px;} .related-posts-section h3 {text-align: center;} .related-posts-container {margin: 40px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;} .related-posts-container > * {max-width: 100%; padding: 0px; background-color: #ffffff;} .related-posts-container .related-post-meta {display: flex; flex-direction: column; height: 100%;} .related-post-meta .meta {padding: 0 0 15px; font-size:14px;} p.last-child {margin: 0;} .sr-blog-post-banner .info-repeater-single p{font-weight:500 !important;} .related-posts-container .related-post .featured-image {aspect-ratio: 16 / 9;overflow: hidden;} .related-posts-container .related-post .featured-image img {height: 100%;object-fit: cover;width: 100%;display: block;margin: 0 auto;} .related-posts-container .related-post .article-content {padding: 30px 20px 20px;display: flex;flex-direction: column;height: 100%;} .related-posts-container .related-post .article-content *{width:100%;} .related-posts-container .related-post .article-content .related-post-link {height: auto !important;display: inline-block;width: auto;background-color: #42D4FF;color: #181822;font-size: 14px;text-transform: uppercase;letter-spacing: 0.5px; padding: 13px 15px 13px 19px;line-height: normal;background-image:url(//168396.fs1.hubspotusercontent-na1.net/hubfs/168396/raw_assets/public/SR-Arctiq/images/arrow_right.png);background-position: center right 15px;background-repeat:no-repeat;margin-top: auto;max-width: 154px;} .related-posts-container .related-post .article-content h5 {letter-spacing: normal;font-size: 1.5rem;line-height: 1.15;margin-bottom: 15px;} /****************** MODULE OVERRIDES ******************/ .sr-features .media-body {word-break: unset;} .filter-group {margin-bottom: 45px;} .filter-group .filters{border-bottom: 1px solid #000;list-style: none;margin: 0;padding: 0;align-items: center;display: flex;flex-wrap: wrap;gap: 1.3rem;position: relative;z-index: 2;} .filter-group .filters li a {border: 0;border-bottom: 2px solid transparent; color: #020202;cursor: pointer;display: inline-block;font-size: 16px;font-weight: 600;letter-spacing: 0;line-height: normal;min-height: auto;padding: 0 7.5px 19px;text-transform: capitalize;} .filter-group .filters li.active a {border-color: #42D4FF;} .latest-posts .article-panel a,.articles-list a {color: #000;} .latest-posts .article-panel a:hover,.latest-posts .article-panel a:focus,.latest-posts .article-panel a:hover h3,.latest-posts .article-panel a:focus h3,.articles-list a:hover,.articles-list a:focus {color:inherit;} .articles-list a:hover .read-more-btn,.articles-list a:focus .read-more-btn {color:#42D4FF;} .latest-posts .article-panel .article-content .title h3 {letter-spacing: normal;font-size: 28px;line-height: 1.15;margin-bottom: 15px;} .latest-posts .article-panel .article-content {padding: 30px 20px 20px;height: 100%;justify-content: inherit;display:flex;flex-direction: column;} .sr-tabs-02 .info-repeater-wrapper {margin-top: 35px;} .left-right-tab-wrapper .top-content {font-size: 36px;font-weight: 500;line-height: 1.12;} .related-posts-container .related-post .article-content * {width: 100%;} .article-content .tag {font-size: 14px;margin-bottom: 15px;} .read-more-link,.read-more-btn {transition: color .5s ease;margin-top: auto;padding-top: 20px;position: static;} .read-more-link span,.read-more-btn span{border-bottom: 1px solid #42d4ff;} .latest-posts .article-panel > a {display: flex;flex-direction: column;height: 100%;} .latest-posts .article-panel {display: flex;flex-direction: column;} .latest-posts .article-panel:first-of-type{height:100%;} .bg-vector{bottom:0;} .header__search-col .hs-search-field__bar .hs-search-field__button svg, .header__search-col .hs-search-field__button svg g, .header__search-col .hs-search-field__button svg path {fill: #fff;height: 20px!important;width: 20px;} .hs-search-field__bar button svg {height:20px !important;} .header__search-col .hs-search-field .hs-search-field__bar .hs-search-field__button, .header__search-col .hs-search-field .hs-search-field__bar .hs-search-field__button:focus {background-color: transparent !important;} .header__search-col.buttons-true .hs-search-field__button svg, .header__search-col.buttons-true .hs-search-field__button svg g, .header__search-col.buttons-true .hs-search-field__button svg path {fill: #000;} .header__search-col.buttons-true.closed .hs-search-field__button svg, .header__search-col.buttons-true.closed .hs-search-field__button svg g, .header__search-col.buttons-true.closed .hs-search-field__button svg path {fill: #fff;} #hs_cos_wrapper_Site_Search_Input input.hs-search-field__input {min-height:56px;} form#Filters .filter-group.search{ margin-bottom:0px; margin-top:30px; gap:0px; } form#Filters .filter-group.search h4{ font-size: 1.1rem; } .resources-filter-section .section-inner-wrap .section-left-column{ width:300px; min-width:300px; padding-right: 15px; } .resources-filter-section .section-inner-wrap .section-left-column .filter-group{ padding-top:20px; } .resources-filter-section .section-inner-wrap .section-left-column .filter-group fieldset{ gap:5px; margin-bottom:10px; } .resources-filter-section .section-inner-wrap .section-left-column .filter-group .filter-head{ width:100%; flex: initial; } .resources-filter-section .section-inner-wrap .section-left-column .filter-group .filter-head h4{ font-size:1.2rem; } .resources-filter-section .section-inner-wrap .section-left-column .filter-group .filter-col{ width:100%; flex: initial; } .resources-filter-section .section-inner-wrap .section-left-column .filter-group input[type="checkbox"]{ width:20px; height:20px; margin-right:7px; } .resources-filter-section .section-inner-wrap .section-left-column .filter-group .filter-col .checkbox{ display:flex; padding-top:4px; padding-bottom:6px; } .resources-filter-section .section-inner-wrap .section-left-column .filter-group fieldset input[type='text']{ border-radius: 0; } .resources-filter-section .section-inner-wrap .section-left-column .button.button--reset{ background: #42d4ff; border:1px solid #42d4ff; color: #181822; text-transform:uppercase; padding:10px 15px; cursor:pointer; font-size: .875rem; } .resources-filter-section .section-inner-wrap .section-left-column .button.button--reset:hover{ background-color: #35b0d4; border-color: #35b0d4; } .resources-filter-section .section-inner-wrap .section-right-column{ width:100%; } .resources-filter-section .section-inner-wrap .section-right-column .resources-repeater{ margin-top:0px; } .resources-filter-section .section-inner-wrap .section-right-column .resources-repeater .fail-message{ width:100%; } .resources-multifilter-wrapper .filter-group{ margin-bottom: 20px; } .bold{ font-weight:bold; } /****************** MEDIA QUERIES ******************/ @media (max-width: 1440px) { .two-col-custom .col-lg-6 {margin-right: -3.5%;} } @media (max-width: 1366px) { .two-col-custom .col-lg-6 {margin-right: 0px;} } @media (max-width: 1279px) { .container, .container-lg, .container-md, .container-sm, .container-xl {padding-left: 15px; padding-right: 15px;} } @media (max-width: 1199px) { .header__menu-item--depth-1 > .header__menu-link {font-size: 15px !important;padding: 2rem 5px !important;} .header__menu-submenu.header__menu-submenu--level-2 {padding: 20px 40px;} .header__menu-item--depth-1:first-child .header__menu-submenu.header__menu-submenu--level-2 {min-width: 700px;} .hero-sec-custom .sr-cover-image img {display: none;} .home-three-col .col-md-10.offset-md-1 {margin-left: 0px;max-width: 100%;flex: 0 0 100%;} .header__container[data-layout=desktop] .header__menu-item[data-mega=true] .header__menu-submenu--level-2 {width: auto;} .header__bottom .header__menu-wrapper>.header__menu-item>.header__menu-link--toggle::after {height: 9px;width: 15px;background-size: contain;right: 4px;} .header__bottom .header__menu-wrapper>.header__menu-item>.header__menu-link {padding-inline: 7px !important;} .header__bottom .arctiq-header__menu--desktop>.header__menu-wrapper>.header__menu-item:not(:last-child) {margin-right: 2px;} .header__search-col .hs-search-field__button svg,.header__search-col .hs-search-field__button svg g,.header__search-col .hs-search-field__button svg path{height:18px; width:18px;} .header__container[data-layout=desktop] .search {width: 30px;margin-left: 5px;} .header__search-col .hs-search-field .hs-search-field__bar .hs-search-field__button, .header__search-col .hs-search-field .hs-search-field__bar .hs-search-field__button:focus {letter-spacing: 0;padding: 0;width: auto;} .header__menu--desktop>.header__menu-wrapper>.header__menu-item:first-child>.header__menu-submenu.header__menu-submenu--level-2{width:auto;} .header__menu--desktop > .header__menu-wrapper > .header__menu-item:first-child > .header__menu-submenu.header__menu-submenu--level-2{min-width:100%;left:0;} .row-outer {gap: 25px;} } @media (max-width: 991px) { .header__logo-col {max-width: 150px;} .header__menu-item--depth-1 > .header__menu-link {font-size: 12px !important; padding: 2rem 4px !important;} .header__menu-item--depth-2 .header__menu-link {font-size: 14px !important;} .header__menu-submenu.header__menu-submenu--level-2 {padding: 20px; min-width: 270px;} .header__menu-item--depth-1:first-child .header__menu-submenu.header__menu-submenu--level-2 {min-width: 580px; padding: 20px;} .home-three-col.sr-multicol-media.sr-bg-image .sr-col {flex: 0 0 50%; max-width: 50%;} .logo-heading, .logo-sub-heading {padding: 0 20px;} .header__bottom .header__logo img {width: 115px;} .header__bottom .header__menu-wrapper>.header__menu-item>.header__menu-link {padding-inline: 3px!important;} .header__bottom .header__menu-wrapper>.header__menu-item>.header__menu-link--toggle:after {height: 9px; right: 5px; width: 12px; top: 43px;} .header__bottom .header__menu-submenu.header__menu-submenu--level-2 {padding: 26px 34px 55px 34px;} .header__bottom .header__menu-submenu.header__menu-submenu--level-2{right:auto;} .header__menu--desktop > .header__menu-wrapper > .header__menu-item:first-child > .header__menu-submenu.header__menu-submenu--level-2 {padding-inline: 38px;} .header__bottom .header__menu-submenu.header__menu-submenu--level-2 {min-width: 315px;} .header__bottom .header__menu-submenu.header__menu-submenu--level-2 > .header__menu-item > .header__menu-submenu > .header__menu-item > .header__menu-link {font-size: 12px !important;} .arctiq-sr-footer-01 .menu-col-outer-repeater .menu-col-repeater:nth-child(3) {flex: 0 0 32.155%;max-width: 32.155%;} .arctiq-sr-footer-01 .menu-col-outer-repeater .menu-col-repeater:nth-child(2) {flex: 0 0 23.155%;max-width: 23.155%;} .sr-blog-post .blog-content p, .sr-blog-post .blog-content li {font-size: 16px;} .resources-filter-section .section-inner-wrap .section-left-column{ min-width: 250px; width: 250px; } } @media (max-width: 767px) { h1 {font-size: 40px;line-height: 44px;} h2 {line-height: 25px;} h3 {font-size: 22px;} .header__logo-col {max-width: unset;} .home-three-col.sr-multicol-media.sr-bg-image .sr-col {flex: 0 0 100%;max-width: 100%;} .header__menu-item--depth-1 > .header__menu-link {font-size: 16px!important;padding: 10px 20px!important;} /*.header__menu-item--depth-1 > .header__menu-link.header__menu-back {display: none !important;}*/ .hero-sec-custom h1 {font-size: 44px;line-height: 45px;margin: 0 0 39px;} .hero-sec-custom-2 {font-size: 5rem !important; line-height: 4rem !important; margin: 0 0 39px !important; font-weight:900; text-transform:uppercase; } .header__container[data-layout=mobile] .header__bottom {padding: 15px 0px;} .header__container[data-layout=mobile] .header__menu-toggle--show { display: block; /*width: 17px;height: 17px;*/ background-image: url(https://168396.fs1.hubspotusercontent-na1.net/hubfs/168396/Arctiq-2024/images/mobile-toggle-plus.svg);background-position: right center;background-repeat: no-repeat; } /*.header__container[data-layout=mobile] .header__menu-toggle--show svg {display: none;}*/ /*.header__container[data-layout=mobile] .header__menu-toggle--show.header__menu-toggle--close {transform: rotate(45deg);}*/ .header__bottom .header__logo img {width: 100px;} .header__bottom .header__menu-wrapper > .header__menu-item > .header__menu-link {padding: 15px !important;} .header__menu--mobile {padding: 0px;border-top-color: #233140;height: calc(100vh - 90px);} .header__menu-item.header__menu-item--depth-1 {border-bottom: 1px solid #233140;} .header__bottom .header__menu-wrapper > .header__menu-item > .header__menu-link--toggle::after {top: 21px;right: 15px;width: 16px; height: 8px;} .header__bottom .header__menu-wrapper > .header__menu-item > .header__menu-link--toggle:before {display: none;} .header__menu-link.header__menu-back {text-align: left;} .header__menu-item.header__menu-item--depth-1:hover {background-color: unset !important;} .header__container .header__menu--mobile .header__menu-submenu .header__menu-item:hover {background-color: unset !important;} .header__container .header__menu--mobile .header__menu-submenu .header__menu-item {margin: 0;} .header__container[data-layout=mobile] .header__menu-submenu,.header__menu-item--depth-1:first-child .header__menu-submenu.header__menu-submenu--level-2 {position: static;display: none;transform: none;padding: 0px;} .header__container[data-layout=mobile] .header__menu-item--open > .header__menu-submenu,.header__menu-item--open.header__menu-item--depth-1:first-child > .header__menu-submenu.header__menu-submenu--level-2 {opacity: 1;visibility: visible;display: block;} .header__menu-submenu.header__menu-submenu--level-2 .header__menu-item.header__menu-item--depth-1 {border-bottom: 0px;} .header__bottom .header__menu-submenu.header__menu-submenu--level-2 > .header__menu-item > .header__menu-link {padding: 12.5px 0px;} .header__menu-submenu.header__menu-submenu--level-2 .header__menu-item.header__menu-item--depth-1 {display: none;} .header__bottom .header__menu-submenu.header__menu-submenu--level-2 > .header__menu-item > .header__menu-submenu {padding: 16px 0 17px;opacity: 1;visibility: visible;display: block;} .header__bottom .header__menu-submenu.header__menu-submenu--level-2 > .header__menu-item > .header__menu-submenu > .header__menu-item > .header__menu-link {font-size: 14px !important;font-weight: 300 !important;padding: 0;line-height: 30px;} ul.header__menu-wrapper {height: 100%;display: flex;flex-direction: column;} ul.header__menu-wrapper > li:last-child {margin-top: auto;border-bottom: 0px;} ul.header__menu-wrapper .cta-group .btn-wrapper, ul.header__menu-wrapper .cta-group .btn-wrapper a.cta-button, .row-outer .cta-group .btn-wrapper,.row-outer .cta-group .btn-wrapper a.cta-button,.dark-50-50 .cta-group, .dark-50-50 .cta-group .btn-wrapper,.dark-50-50 .cta-group .btn-wrapper a.cta-button,.right-content-wrapper .btn-wrapper, .right-content-wrapper .btn-wrapper a.cta-button,.footer-top-bg-sec .btn-wrapper, .footer-top-bg-sec .btn-wrapper a.cta-button {width: 100% !important;text-align: center;justify-content: center;} /*ul.header__menu-submenu.header__menu-submenu--level-2 {padding: 0px 15px !important;min-width: unset !important;}*/ .header__menu-submenu.header__menu-submenu--level-3 > li.header__menu-item--depth-2 {display: none !important;} .header__bottom .header__menu-wrapper > .header__menu-item.header__menu-item--open > .header__menu-link--toggle:hover::after {transform: rotate(182deg);} .header__bottom .header__menu-wrapper > .header__menu-item.header__menu-item--open > .header__menu-link {color: #fff !important;font-size: 14px !important;} .hide-cta-on-desktop,.mobile-section {display: block !important;} .row-outer {gap: 0px;padding: 0 0 96px;} .row-outer > * {flex: 0 0 100%;max-width: 100%;padding: 0;} .two-col-custom .col-lg-5 {max-width: 100%;flex: 0 0 100%;} .two-col-custom .col-lg-6 {max-width:100%;flex: 0 0 100%;} .desktop-section {display: none;} .header__menu-announcement.announcement-marquee.marquee.marquee-block {padding-inline: 0 !important;} .hero-sec-custom .heading-text-outer h2 {margin: 0 0 25px;} .mobile-overlay::before {opacity:inherit;} .hero-sec-custom .sr-cover .description p {font-size: 22px;line-height: 25px;} .heading-text-outer {text-align: left;padding-bottom: 80px !important;} .hero-sec-custom .heading-text-outer .description p,.home-three-col .description p, .two-col-custom .col-content p,.home-three-col .col-content p,.row-outer .col-content p {font-size: 16px;line-height: 20px;} .home-three-col h3.heading, .home-three-col h6.heading,.row-outer h3.heading,.row-outer h6.heading,.testimonials-custom h2,.two-col-custom h2 {font-size: 22px;line-height: 25px;} .two-col-custom h2 {margin: 0 0 24px;} .media-with-heading {align-items: center;} .media-with-heading .responsive-image {margin-bottom: 0 !important;} .row-outer .col-content {margin: 25px 0 0;} .home-three-col .text-center .cta-group,.row-outer .text-left .cta-group {padding: 25px 0px 0px;} .logo-heading,.logo-sub-heading {padding: 0 15px;} .arctiq-logo-slider .blaze-container {padding: 30px 0;} .footer-top-bg-sec .sr-cover-image:after {width: 100%;} .footer-top-bg-sec .sr-cover {padding: 60px 0px !important;} .testimonials-custom .sr-spacer-bottom-50 {padding-bottom: 30px;} .testimonials-custom .sr-card {padding-top: 30px;padding-right: 24px;padding-bottom: 24px;padding-left: 24px;} .testimonials-custom .icon-wrapper {left: 10px;top: 35px;} .landing-logo-custom {padding: 40px 20px 50px;} .testimonials-custom .card > p {font-size: 20px;line-height: 24px;padding-left: 15px;} .landing-logo-heading {padding: 30px 0 40px;} .landing-logo-heading:before {width: 90%;} .landing-logo-custom.sr-logos .blaze-wrapper > * {max-width: 47%;} .landing-logo-custom.sr-logos .blaze-wrapper {gap: 20px 10px;align-items: center;} .landing-logo-custom.sr-logos .blaze-wrapper > * img {max-height: 50px;} .two-col-custom.light-two-col-custom .sr-repeater-1 {order: 2;} .two-col-custom.light-two-col-custom .sr-repeater-2 {padding: 0;} .two-col-custom:not(.light-two-col-custom) .sr-repeater-2 .col-content {display: block;margin: 53px 0px 0px;} .two-col-custom:not(.light-two-col-custom) .sr-repeater-1 .col-content {display: none;} .two-col-custom:not(.light-two-col-custom) .sr-row {gap: 0;} .arctiq-sr-footer-01 .sr-footer-nav > .container > .row > *:nth-child(2) {flex-direction: column;align-items: normal;margin: 50px 0 0;} .arctiq-sr-footer-01 .sr-footer-nav .right-content-wrapper {flex: 0 0 100%;max-width: 100%;padding: 0;} .arctiq-sr-footer-01 .menu-col-outer-repeater {flex-wrap: wrap;border: 0;padding: 0;gap: 40px;} .arctiq-sr-footer-01 .menu-col-outer-repeater .menu-col-repeater {flex: 0 0 100% !important;max-width: 100% !important;} .arctiq-sr-footer-01 .sr-footer-nav .right-content-wrapper {margin-top: 40px;} .arctiq-sr-footer-01 .single-menu-col:not(:last-child) {margin: 0 0 40px;} .arctiq-sr-footer-01 .sr-footer-nav > .container > .row > *:first-child {margin-bottom: 0px !important;} .mobile-menu {display: block !important;width: 100%;} .arctiq-sr-footer-01 .single-menu-col > h3 {color: #ACACAC;font-size: 12px;} .arctiq-sr-footer-01.sr-footer-01 .sr-footer-nav .menu-col-repeater:nth-child(3) li.hs-menu-depth-1 > a {font-size: 14px;} .arctiq-sr-footer-01 .sr-footer-nav > .container > .row > *:nth-child(2) .info-repeater-wrapper {display: none;} .mobile-social-icons {display: flex !important;border-top: 1px solid #42d4ff;} .right-content-wrapper h4 {font-size: 22px;line-height: 25px;margin: 0 0 30px;} .right-text-wrapper {margin: 40px 0px 0px;} .footer-bottom-row .social {display: none;} .footer-bottom-row a.button__container {bottom: 15px!important;right: 15px!important;} .footer-bottom-row {padding: 0;margin: 0px 0px 0px;} .footer-top-bg-sec .sr-spacer-bottom-50 {padding-bottom: 19px;} .footer-top-bg-sec h2 {margin: 0 0 30px;} .testimonials-custom .slider-rail {gap: 20px;} .related-posts-container {display: flex;} .related-posts-container .related-post .article-content {height: auto;} .related-posts-container .related-post .article-content h5 {font-size: 22px;} .related-posts-container .related-post .article-content .related-post-link{margin-top:25px;} .sr-blog-post.sr-padding-half {padding: 50px 0px;} .related-posts-section {margin: 50px 0px 0px;} .form-group.col-xs-12.col-sm-12 {overflow-x: scroll;overflow-y: hidden; -webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: transparent transparent;} .filter-group .filters {white-space: nowrap; width: max-content;} .arctiq-sr-footer-01.sr-padding-half {padding: 50px 0 50px;} .hero-update .sr-cover-image .sr-bg-video-wrapper {display: none;} .resources-filter-section .section-inner-wrap .section-left-column{ min-width:inherit; width:100%; padding-right:0; padding-bottom:20px; } .resources-filter-section.resources-multifilter-wrapper .section-inner-wrap{ flex-wrap: wrap; } .resources-filter-section .section-inner-wrap .section-left-column .filter-group { padding-top:0px; gap: 0; } .resources-filter-section .section-inner-wrap .section-left-column .filter-group .filter-col{ flex: initial; } .resources-filter-section .section-inner-wrap .section-left-column .filter-group .filter-col .checkbox { display: inline-block; padding-bottom: 4px; width: auto !important; margin: 0 4px 3px; } .text-auto table{ width: auto; width:100% !important; table-layout: unset !important; } .text-auto table td{ padding:0px; } .text-auto table td ul{ padding-left: 15px; } } /************** UTILITY CLASSES added to module 'class' field *****************************/ .BambooHR-ATS-Location {font-size: 12px;} .BambooHR-ATS-board ul {font-size: 12px;padding-left: 0px !important;} .BambooHR-ATS-board h2 {display:none;} .nested-3-col-module .container {padding: 0;} .dark-form input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=submit]), input[readonly]:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=submit]), .dark-form select, .dark-form textarea {background-color: #000; color: #fff;} .mobile-overlay::before {opacity:0;} @media only screen and (min-width: 992px) { .sr-cards-grid-01.show-button .card .cta-button {opacity:1;} } .vertical-timeline .vertical-timeline-col-2 {width: 33% !important;} .vertical-timeline .vertical-timeline-line {left: 28.7% !important;} /* SR PRICING 01 */ .sr-pricing-01 .plan-row .plan-cell .prefix { display:none; } .sr-pricing-01 .plan-row .plan-cell .price { display:none; } .sr-pricing-01 .plan-row .plan-cell .suffix { display:none; } .sr-pricing-01 .row-heading { display:none; } .sr-pricing-01 .table-cell .heading { font-weight: bold; } /* SERVICE IQ SECTION * * DESIGN IQ */ div#hs_cos_wrapper_module_1725999818110, div#hs_cos_wrapper_module_17259998288793, div#hs_cos_wrapper_widget_1725999606991 {opacity: 20%; transition: 0.3s ease; width: fit-content; border-bottom: 0px;} div#hs_cos_wrapper_module_1725999818110:hover, div#hs_cos_wrapper_module_17259998288793:hover, div#hs_cos_wrapper_widget_1725999606991:hover {opacity: 100%; margin: 0 0 0 20px; border-bottom: 1px #42d4ff solid;} /* Unified Communications as a Service page */ .two-col-module-full-width {flex: 0 0 100%; margin: auto; max-width: 900px;} /* Managed IQ page */ .custom-2-col .icon-image {background-color: #0D151C !important; width: 150px !important;} /* New Home Hero - 2025 */ #new-hero-update .sr-bg-video {object-fit:contain; !important} /* Locations page */ .locations-column-border-right {border-right: 1px grey solid; height: 100%;} .locations-column-border-right:last-child {border-right: 0px;} /* blog template - hide featured image */ .CoNLV-hero .right-tab-wrapper { display:none;} /* event landing page hero form module */ @media (max-width: 991px) { .CoNLV-hero .right-tab-wrapper { display:block;} .CoNLV-hero .module_171031860930335 {background-color: #111111;} .sr-blog-post-banner.module_171031860930335.sr-padding-full.text-custom.prototype-no-background.CoNLV-hero.sr_module {background-image: none !important; background-color: #111111 !important;} } /* list style - bullet spacing */ ul li p { margin-bottom: 0.5rem !important; } } /* Theme base styles */ @layer base { /* Generic: This is where reset, normalize & box-sizing styles go. */ *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex='-1']:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1.25rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } img, video { max-width: 100%; height: auto; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role='button'] { cursor: pointer; } select { word-wrap: normal; } button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: none; } button:not(:disabled), [type='button']:not(:disabled), [type='reset']:not(:disabled), [type='submit']:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { padding: 0; border-style: none; } input[type='radio'], input[type='checkbox'] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: none; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } /* Objects: Non-cosmetic design patterns including grid and layout classes) */ .show-for-sr { border: 0 !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } @media (max-width: 767px) { .show-for-sr--mobile { border: 0 !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } } /* CSS variables */ :root { --column-gap: 2.13%; --column-width-multiplier: 8.333; } /* Mobile layout */ .row-fluid { display: flex; flex-wrap: wrap; width: 100%; } .row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12{ width: 100%; } /* Desktop layout */ @media (min-width: 768px) { .row-fluid { flex-wrap: nowrap; justify-content: space-between; } .row-fluid .span1 { width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100)); } .row-fluid .span2 { width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100)); } .row-fluid .span3 { width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100)); } .row-fluid .span4 { width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100)); } .row-fluid .span5 { width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100)); } .row-fluid .span6 { width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100)); } .row-fluid .span7 { width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100)); } .row-fluid .span8 { width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100)); } .row-fluid .span9 { width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100)); } .row-fluid .span10 { width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100)); } .row-fluid .span11 { width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100)); } } :not(.hs-inline-edit) .hs-video-placeholder { display: none; } .hs-placeholder { padding: 7px 12px; position: relative; z-index: 99; background-color: #eaf0f6; border: 1px solid #cbd6e2; border-radius: 3px; color: #506e91; font-size: 12px; line-height: 16px; font-weight: 500; text-align: center; } .hs-placeholder * { margin: 0 } .hs-video-placeholder__title { color: #7c98b6 !important; font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important; font-size: 14px !important; font-style: italic !important; font-weight: 700 !important; line-height: initial !important; margin-bottom: 10px !important; margin-top: 0 !important; padding: 0 !important; text-shadow: 0 -1px 0 hsla(0, 0%, 100%, 0.5) !important; } .hs-video-placeholder__description { color: #7c98b6 !important; font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important; font-style: italic !important; font-weight: 400 !important; line-height: 1.6 !important; margin: 0 !important; text-shadow: 0 -1px 0 hsla(0, 0%, 100%, 0.5) !important; } .hs-inline-edit .hs-video-placeholder { background-color: #f5f8fa !important; border: 1px dashed #516f90 !important; display: block !important; font-size: 14px !important; margin: 2px 1px !important; outline: 1px dashed #fff !important; text-align: center !important; } .hs-video-placeholder > * { box-sizing: border-box !important; display: block !important; margin: 1px !important; padding: 12px !important; width: calc(100% - 2px) !important; } /* Overlay Background Styles */ .hs-overlay-background { backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.2); inset: 0; opacity: 0; position: fixed; transition: opacity 500ms ease 0s, visibility 500ms ease 0s; visibility: hidden; /* One less than the overlay z-index value */ z-index: 999999; } .hs-overlay-background.open { opacity: 1; visibility: visible; } html.hs-payments--overlay-open { overflow: hidden; position: relative; height: 100%; } .hs-overlay { background-color: #fff; bottom: 0; height: calc(100% - 50px); left: 0; position: fixed; right: 0; top: 100%; transform: translateY(0); transition: transform 500ms ease 0s, visibility 500ms ease 0s; visibility: hidden; width: 100vw; /* Well below the maximum value, but high enough to cover most cases */ z-index: 1000000; } .hs-overlay.open { transform: translateY(-100%); transition: transform 500ms ease 0s, visibility 500ms ease 0s; visibility: visible; } .hs-overlay .payments-iframe-container { height: 100%; width: 100%; } .hs-overlay .payments-iframe-container iframe { height: 100% !important; } button.hs-overlay__close--top { align-items: center; background: #fff; border-radius: 50%; border: none; display: flex; height: 30px; outline-color: #33475b; padding: 5px; position: absolute; right: 16px; top: -40px; width: 30px; } button.hs-overlay__close--top svg, button.hs-overlay__close--top svg path { fill: #7c98b6; } button.hs-overlay__close--top:hover svg, button.hs-overlay__close--top:focus svg, button.hs-overlay__close--top:hover svg path, button.hs-overlay__close--top:focus svg path { fill: #33475b; } @media screen and (min-width: 768px) { button.hs-overlay__close--top { background: transparent; right: 16px; top: 16px; } } button.hs-overlay__close--bottom { background: none; border: none; bottom: 16px; color: #33475b; font-family: Avenir Next W02, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; opacity: 0; outline-color: #33475b; padding: 5px; position: absolute; right: 16px; top: initial; } button.hs-overlay__close--bottom:focus { opacity: 1; } .oembed_container { display: inline-block; height: 100%; position: relative; width: 100%; } .iframe_wrapper { height: 0; padding-bottom: 56.25%; padding-top: 25px; position: relative; } .iframe_wrapper.size-auto iframe, .iframe_wrapper.size-auto_full_width iframe { width: 100% !important; height: auto !important; aspect-ratio: var(--aspect); } .oembed_custom-thumbnail, .oembed_custom-thumbnail:hover, .oembed_custom-thumbnail:focus, .oembed_custom-thumbnail:active { align-items: center; appearance: none; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 0; border: none; display: flex; height: 100%; justify-content: center; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .oembed_custom-thumbnail_icon { align-items: center; cursor: pointer; display: flex; justify-content: center; width: 100%; } .oembed_custom-thumbnail_icon svg { display: block; height: auto; width: 12%; } /* SVGs in IE11 require the max-width to be set to non in order to display scaling properly */ _:-ms-fullscreen, :root .oembed_custom-thumbnail_icon svg { max-width: none; } .oembed_custom-thumbnail--hide { display: none; } .embed_container { display: inline-block; height: 100%; position: relative; width: 100%; } .embed_container iframe { left: 0; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; } .oembed-info { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; } .sr-bg-video, .sr-bg-video-wrapper { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; background-size: cover; overflow: hidden; object-fit: cover; } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-small, .container-large { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } body>.container-fluid, [data-global-resource-path]>.container-fluid, .container-fluid.body_dnd_area { padding: 0; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .row-gap { row-gap: 30px } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters>.col, .no-gutters>[class*='col-'] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1>* { flex: 0 0 100%; max-width: 100%; } .row-cols-2>* { flex: 0 0 50%; max-width: 50%; } .row-cols-3>* { flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-4>* { flex: 0 0 25%; max-width: 25%; } .row-cols-5>* { flex: 0 0 20%; max-width: 20%; } .row-cols-6>* { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1>* { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2>* { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3>* { flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-sm-4>* { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5>* { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6>* { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1>* { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2>* { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3>* { flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-md-4>* { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5>* { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6>* { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1>* { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2>* { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3>* { flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-lg-4>* { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5>* { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6>* { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1>* { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2>* { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3>* { flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-xl-4>* { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5>* { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6>* { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } /* Elements: Base HTML elements are styled in this section (, ,

,