/*# sourceMappingURL=main.css.map */ @charset "UTF-8"; /*** The new CSS reset - version 1.8.3 (last updated 21.1.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { display: block; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ pre { all: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } body { position: relative; height: auto !important; display: flex; flex-direction: column; justify-content: center; } .container { width: 1140px; } @media only screen and (max-width: 1440px) { .container { padding: 0 30px; } } @media only screen and (max-width: 1280px) { .container { width: 100% !important; } } @media only screen and (max-width: 576px) { .container { padding: 0 30px; } } .container--sm { width: 900px; } @media only screen and (max-width: 1440px) { .container--sm { width: 100% !important; padding: 0 30px; } } .container--xl { width: 1600px; } @media only screen and (max-width: 1440px) { .container--xl { width: 100% !important; padding: 0 30px; } } @media only screen and (max-width: 576px) { .container--xl { padding: 0 15px; } } .container--xxl { width: 2560px; } @media only screen and (max-width: 1440px) { .container--xxl { width: 100% !important; padding: 0 30px; } } @media only screen and (max-width: 576px) { .container--xxl { padding: 0 15px; } } body.logged-in .mobileNav--wrapper { top: 32px; } @media only screen and (max-width: 1024px) { body.logged-in .mobileNav--wrapper { top: 165px !important; } } body.logged-in .header-fixed { top: 32px !important; } @media only screen and (max-width: 576px) { #wpadminbar { position: fixed !important; } } ::-moz-selection { background-color: #2569c4; color: #fff; } ::selection { background-color: #2569c4; color: #fff; } .text-primary { color: #2569c4; } .text-secondary { color: #000; } h1 { font-size: 50px; font-weight: 600; } h2 { font-size: 35px; font-weight: 400; } h3 { font-size: 25px; font-weight: 400; letter-spacing: -.54px; } h4 { font-size: 21px; font-weight: 400; } p { font-size: 18px; font-weight: 400; letter-spacing: -.54px; } body { -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 21px; line-height: 1.4; background: #000; color: #fff; position: relative; } .site__wrapper { position: relative; } .position-fixed { position: fixed; } .text-white { color: #fff !important; } .text-center { text-align: center; } .mt-0 { margin-top: 0px !important; } .mt-10 { margin-top: 10px !important; } .mt-25 { margin-top: 25px !important; } .mt-50 { margin-top: 50px !important; } .mt-75 { margin-top: 75px !important; } .mb-0 { margin-bottom: 0px !important; } .mb-25 { margin-bottom: 25px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-75 { margin-bottom: 75px !important; } .m-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .m-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .m-75 { margin-top: 75px !important; margin-bottom: 75px !important; } .m-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .pt-0 { padding-top: 0px !important; } .pt-25 { padding-top: 25px !important; } .pt-50 { padding-top: 50px !important; } .pt-75 { padding-top: 75px !important; } .pb-0 { padding-bottom: 0px !important; } .pb-5 { padding-bottom: 5px !important; } .pb-25 { padding-bottom: 25px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-75 { padding-bottom: 75px !important; } .p-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .p-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .p-75 { padding-top: 75px !important; padding-bottom: 75px !important; } .embed-container, .embed-youtube { display: block; height: 0; overflow: hidden; padding: 0 0 56.25%; position: relative; } .embed-container iframe, .embed-container object, .embed-container embed, .embed-youtube iframe, .embed-youtube object, .embed-youtube embed { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; top: 0; } .section__bg { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } header { height: auto; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } header .header--wrapper { width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; } header .header__logo--wrapper { display: flex; flex-direction: row; align-items: center; height: 100%; padding: 10px 0; } header .header__logo--wrapper a { display: flex; align-items: center; } @media only screen and (max-width: 1024px) { header .header__logo--wrapper { justify-content: space-between; width: 90%; } } header .header__logo { height: 100px; width: auto; } header .header__navLogo { height: 75px; width: auto; opacity: 0; transition: opacity .5s ease-in; transition: opacity .25s ease-out; } header .header__nav--wrapper { display: flex; justify-content: center; align-items: center; height: 70px; width: 100%; background: #202020; } @media only screen and (max-width: 834px) { header .header__nav--wrapper { display: none; } } header .header__navLogo--wrapper { display: none; } header .header__btn--wrapper { display: flex; align-items: center; justify-content: flex-end; } .header__hamburger--wrapper { display: none; background: #000; height: 50px; height: 50px; width: 50px; width: 50px; position: relative; cursor: pointer; transform: rotate(0deg); transition: all .3s cubic-bezier(.4, .01, .165, .99); } @media only screen and (max-width: 1024px) { .header__hamburger--wrapper { display: inline-block; } } .header__hamburger--wrapper #hamburger { width: 22px; height: 8px; position: relative; display: block; margin: -3px auto 0; top: 50%; } .header__hamburger--wrapper .bar { width: 100%; height: 2px; display: block; position: relative; background: #fff; transition: all .3s cubic-bezier(.4, .01, .165, .99); transition-delay: .2s; } .header__hamburger--wrapper .bar--top { transform: translateY(-6px) rotate(0deg); } .header__hamburger--wrapper .bar--middle { transform: translateY(0px) rotate(0deg); } .header__hamburger--wrapper .bar--bottom { transform: translateY(6px) rotate(0deg); } .header__hamburger--wrapper.active { transition: all .3s ease-in, background .5s ease-in; transform: rotate(90deg); } .header__hamburger--wrapper.active .bar--top { transform: translateY(1px) rotate(45deg); } .header__hamburger--wrapper.active .bar--middle { width: 0; } .header__hamburger--wrapper.active .bar--bottom { transform: translateY(-3px) rotate(-45deg); } .notificationBar--wrapper { display: flex; justify-content: center; align-items: center; background: #2569c4; color: #fff; padding: 17px; } .notificationBar--wrapper p { font-size: 16px; font-weight: 600; letter-spacing: -.38px; } .notificationBar--wrapper p a { text-decoration: underline; transition: all .3s ease; } .notificationBar--wrapper p a:hover { text-decoration: none; } @media only screen and (min-width: 834px) { .header-fixed { position: fixed !important; z-index: 999; top: 0; } .header-fixed .header__nav--wrapper { height: auto; } .header-fixed .header__navLogo { opacity: 1; } .header-fixed .header__logo--wrapper { display: none; } .header-fixed .header__navLogo--wrapper { display: block; } .header-fixed .header__navLogo--wrapper { display: block !important; } } @media only screen and (min-width: 834px) { .body-fixed main { margin-top: 275px; } .body-fixed .notificationBar--wrapper { position: fixed; margin-top: 75px; width: 100%; z-index: 9; } } .desktop-menu-container { width: auto; display: flex; justify-content: center; align-items: center; height: 100%; } @media only screen and (max-width: 1024px) { .desktop-menu-container { display: none; } } .desktop-menu-container ul { display: flex; align-items: center; height: 100%; width: 100%; justify-content: space-evenly; padding: 0 40px; } @media only screen and (max-width: 1280px) { .desktop-menu-container ul { padding: 0 30px; } } .desktop-menu-container li { font-size: 19px; font-weight: 500; height: 100%; margin: 0 5px; padding: 20px; text-align: center; } .desktop-menu-container li.menu-item { cursor: pointer; position: relative; display: flex; align-items: center; } .desktop-menu-container li.menu-item:hover a { transition: all .5s ease; } .desktop-menu-container li.menu-item a { width: 100%; padding: 5px; cursor: pointer; color: #fff; height: 100%; display: flex; align-items: center; } .desktop-menu-container li.menu-item-has-children { position: relative; } .desktop-menu-container li.menu-item-has-children .sub-menu { background: #202020; position: absolute; top: 70px; display: flex; flex-direction: column; align-items: flex-start; height: auto; padding: 0px; width: 300px; visibility: hidden; opacity: 0; z-index: 10; border-radius: 0 0 8px 8px; } .desktop-menu-container li.menu-item-has-children .sub-menu li { font-size: 18px; margin: 0; padding: 0; width: 100%; } .desktop-menu-container li.menu-item-has-children .sub-menu li:hover { transition: all .3s ease; } .desktop-menu-container li.menu-item-has-children .sub-menu li a { padding: 20px; color: #fff; transition: all .3s ease; width: 100%; } .desktop-menu-container li.menu-item-has-children .sub-menu li a:hover { transition: all .3s ease; color: #717171; } .desktop-menu-container li.menu-item-has-children .sub-menu li:last-of-type { border-radius: 0 0 8px 8px; } .desktop-menu-container li.menu-item-has-children:hover .sub-menu { transition: all .3s ease; visibility: visible; opacity: 1; } .mobileNav--wrapper { background: #202020; position: fixed; top: 120px; width: 100%; height: 0; overflow: hidden; transition: all .5s ease-out, background 1s ease-out; transition-delay: .2s; z-index: 999; } .mobileNav--wrapper .mobile-menu-container { position: relative; padding: 30px 0 0; } .mobileNav--wrapper ul { position: relative; display: block; padding: 30px 30px 0 30px; list-style: none; } .mobileNav--wrapper ul li.menu-item { transform: translateY(-30px); opacity: 0; transition: transform .5s cubic-bezier(.4, .01, .165, .99), opacity .6s cubic-bezier(.4, .01, .165, .99); } .mobileNav--wrapper ul li.menu-item:not(:last-of-type) { margin-bottom: 20px; } .mobileNav--wrapper ul li.menu-item { display: flex; justify-content: space-between; align-items: left; position: relative; color: #fff; font-weight: 400; font-size: 24px; line-height: 33px; width: 100%; } .mobileNav--wrapper ul li.menu-item-has-children { display: flex; flex-direction: column; position: relative; } .mobileNav--wrapper ul li.menu-item-has-children::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-regular); content: ""; font-size: 18; color: #fff; transform: scale3d(1, 1, 1); position: absolute; right: 0px; transition: all .3s ease; } .mobileNav--wrapper ul li.menu-item-has-children .sub-menu { display: none; margin: 15px 0 0 0; padding: 30px 0 0 0; } .mobileNav--wrapper ul li.menu-item-has-children .sub-menu li.menu-item { font-size: 18px; font-weight: 400; } .mobileNav--wrapper ul li.menu-item-has-children .sub-menu li.menu-item:last-of-type { margin-bottom: 20px; } .mobileNav--wrapper.open-menu { height: 100vh; overflow: scroll !important; } .mobileNav--wrapper.open-menu ul#menu-main-menu li.menu-item { transition: transform .5s cubic-bezier(.4, .01, .165, .99), opacity .6s cubic-bezier(.4, .01, .165, .99); opacity: 1; } .mobileNav--wrapper.open-menu ul#menu-main-menu li.menu-item:nth-child(1) { transition-delay: .27s; } .mobileNav--wrapper.open-menu ul#menu-main-menu li.menu-item:nth-child(2) { transition-delay: .34s; } .mobileNav--wrapper.open-menu ul#menu-main-menu li.menu-item:nth-child(3) { transition-delay: .41s; } .mobileNav--wrapper.open-menu ul#menu-main-menu li.menu-item:nth-child(4) { transition-delay: .48s; } .mobileNav--wrapper.open-menu ul#menu-main-menu li.menu-item:nth-child(5) { transition-delay: .55s; } .mobileNav--wrapper.open-menu ul#menu-main-menu li.menu-item:nth-child(6) { transition-delay: .62s; } .mobileNav--wrapper.open-menu ul#menu-main-menu li.menu-item:nth-child(7) { transition-delay: .69s; } .open-sub-menu::before { transform: scale3d(1, -1, 1) !important; } .no-scroll { overflow-y: hidden !important; height: 100% !important; } .section { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 0; background: black; } .section .section__heading--wrapper { margin-bottom: 50px; } .section .section__heading--wrapper .section__heading { font-size: 40px; font-weight: 600; color: #fff; } .section .section__image { width: 100%; height: auto; } .section__pageBanner { background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } .footer { background: #000; width: 100%; padding: 100px 0 0 0; color: #fff; } .footer .footer__upper--wrapper { display: flex; justify-content: center; align-items: center; width: 100%; } .footer .footer__upper--wrapper .footer__logo { height: 100px; width: auto; } .productBanner { position: relative; margin-bottom: 50px; } .productBanner .productBanner__overlay--wrapper { position: relative; top: 0px; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; row-gap: 15px; } .productBanner .productBanner__overlay--wrapper h1, .productBanner .productBanner__overlay--wrapper .banner__heading { font-size: 49px; font-weight: 600; line-height: 1; } @media only screen and (max-width: 834px) { .productBanner .productBanner__overlay--wrapper h1, .productBanner .productBanner__overlay--wrapper .banner__heading { font-size: 44px; } } .productBanner .productBanner__overlay--wrapper h2 { font-size: 30px; font-weight: 500; line-height: 1; } @media only screen and (max-width: 834px) { .productBanner .productBanner__overlay--wrapper h2 { font-size: 25px; line-height: 1.4; } } .productBanner .productBanner__overlay--wrapper h3 { font-size: 27px; font-weight: 500; line-height: 1; letter-spacing: -.54px; } @media only screen and (max-width: 834px) { .productBanner .productBanner__overlay--wrapper h3 { font-size: 22px; line-height: 1.4; } } .productBanner .productBanner__overlay--wrapper h4 { font-size: 21px; font-weight: 400; } @media only screen and (max-width: 834px) { .productBanner .productBanner__overlay--wrapper h4 { font-size: 21px; line-height: 1.4; } } .productBanner .productBanner__overlay--wrapper p { color: #2569c4; font-size: 25px; font-weight: 400; line-height: 1; letter-spacing: -.54px; } .productBanner .productBanner__overlay--wrapper p strong { font-weight: 600; } @media only screen and (max-width: 834px) { .productBanner .productBanner__overlay--wrapper p { font-size: 21px; } } .productBanner .productBanner__image { width: 100%; height: auto; } .productBanner .productBanner--link { font-size: 20px; font-weight: 600; background: #2569c4; border-radius: 8px; margin-top: 30px; padding: 15px 30px; } .btn { font-size: 20px; font-weight: 600; background: #2569c4; color: #fff; border-radius: 8px; margin-top: 30px; padding: 15px 30px; } .btn, .btn:link, .btn:visited { text-decoration: none; cursor: pointer; } .btn:active, .btn:focus { outline: none; } .card { position: relative; padding: 0px; display: flex; flex: 1; cursor: pointer; } .card .card__image { display: block; max-width: 100%; margin: 0; } .card a { text-decoration: none; } .card span { display: block; } .card__reviews { margin: 20px 0; border: 1px solid #fff; border-radius: 8px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; } .card__reviews p { font-size: 16px; font-weight: 400; color: #fff; } .card__reviews .card__image--wrapper { margin-top: 50px; } .card__reviews .card__image { height: 30px; width: auto; } .card__testimonial { display: flex; flex-direction: column; align-items: center; justify-content: center; } .card__testimonial .testimonial__image--wrapper { display: flex; justify-content: center; } .card__testimonial .testimonial__image { height: 350px; width: auto; } .card__testimonial .testimonial__content--wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .card__testimonial .testimonial__content--wrapper .testimonial__quote--wrapper { margin-top: 15px; display: flex; justify-content: center; } .card__testimonial .testimonial__content--wrapper .testimonial__quote { font-size: 27px; font-weight: 700; color: #fff; } @media only screen and (max-width: 834px) { .card__testimonial .testimonial__content--wrapper .testimonial__quote { font-size: 21px; } } .card__testimonial .testimonial__content--wrapper .testimonial__person { font-size: 27px; font-weight: 700; color: #2569c4; } @media only screen and (max-width: 834px) { .card__testimonial .testimonial__content--wrapper .testimonial__person { font-size: 21px; } } .card__productReviews { display: flex; flex-direction: column; justify-content: space-between; padding: 50px 25px; border-top: 2px solid #2569c4; } .card__productReviews .card__heading--wrapper { margin-bottom: 25px; } .card__productReviews .card__heading--wrapper p { font-size: 24px; font-weight: 300; letter-spacing: -.46px; } .card__productReviews .card__footer--wrapper { display: grid; grid-template-columns: 25% 75%; -moz-column-gap: 25px; column-gap: 25px; row-gap: 25px; } .card__productReviews .card__footer--wrapper .card__image--wrapper .card__image { width: 100px; height: 100px; border: 2px solid #2569c4; border-radius: 50%; } @media only screen and (max-width: 834px) { .card__productReviews .card__footer--wrapper .card__image--wrapper .card__image { width: 75px; height: 75px; } } .card__productReviews .card__footer--wrapper .card__description--wrapper p { display: block; font-size: 18px; font-weight: 500; color: #717171; letter-spacing: -.36px; } .card__productReviews .card__footer--wrapper .card__description--wrapper p strong { display: block; color: #2569c4; font-weight: 700; } .card__whatsNew { display: flex; flex-direction: column; justify-content: space-between; background: #202020; border-top: 4px solid #2569c4; height: 100%; } .card__whatsNew .card__content--wrapper { padding: 30px; } .card__whatsNew .card__heading--wrapper { margin-bottom: 15px; } .card__whatsNew .card__heading--wrapper h3 { font-size: 35px; font-weight: 600; color: white; } @media only screen and (max-width: 834px) { .card__whatsNew .card__heading--wrapper h3 { font-size: 27px; line-height: 1.4; } } .card__whatsNew .card__image--wrapper { display: flex; justify-content: flex-end; } .card__whatsNew .card__image--wrapper .card__image { width: 80%; border-radius: 8px 0 0 0; } .card__whatsNew .card__description--wrapper { margin-bottom: 30px; font-size: 18px; font-weight: 400; } .card__whatsNew .card__description--wrapper p, .card__whatsNew .card__description--wrapper li { color: #717171; } .card__whatsNew .card__description--wrapper p:not(:last-of-type), .card__whatsNew .card__description--wrapper li:not(:last-of-type) { margin-bottom: 20px; } .card__whatsNew .card__description--wrapper ul { list-style-type: disc; padding-left: 20px; } .card__support { display: flex; flex-direction: column; justify-content: space-between; background: #202020; border-top: 2px solid #2569c4; height: 100%; cursor: unset; } .card__support .card__content--wrapper { padding: 30px; } .card__support .card__heading--wrapper { margin-bottom: 15px; } .card__support .card__heading--wrapper h3 { font-size: 35px; font-weight: 600; color: white; } @media only screen and (max-width: 834px) { .card__support .card__heading--wrapper h3 { font-size: 27px; line-height: 1.4; } } .card__support .card__image--wrapper { display: flex; justify-content: flex-end; } .card__support .card__image--wrapper .card__image { width: 80%; } .card__support .card__description--wrapper { margin-bottom: 30px; font-size: 18px; font-weight: 400; } .card__support .card__description--wrapper p, .card__support .card__description--wrapper li { color: #717171; } .card__support .card__description--wrapper p:not(:last-of-type), .card__support .card__description--wrapper li:not(:last-of-type) { margin-bottom: 20px; } .card__support .card__description--wrapper ul { list-style-type: disc; padding-left: 20px; } .card__support .card__button--wrapper { display: flex; justify-content: center; align-items: center; padding-bottom: 30px; } .card__support .card__button--wrapper a { display: inline-block; } .slick__videos .videoThumbnails { background: #222121; padding: 20px 0; margin-top: 15px; overflow: hidden; } .slick__videos .videoThumbnails .slick-list { margin: 0 -10px; } .slick__videos .videoThumbnails .slick-track { display: flex !important; } .slick__videos .videoThumbnails .slick-slide { margin: 0 10px; display: flex; height: inherit !important; } .slick__videos .videoThumbnails .slick-slide img { width: 100%; height: auto; border-radius: 8px; } .slick__videos .videoThumbnails .slick-active { opacity: .5; } .slick__videos .videoThumbnails .slick-current { opacity: 1; } .slick__videos .videosNav--wrapper { position: relative; } .slick__videos .videos__prev, .slick__videos .videos__next { font-size: 0; height: 50px; width: 50px; background: #2569c4; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; } .slick__videos .videos__prev::after, .slick__videos .videos__next::after { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-regular); font-weight: 400; font-size: 25px; color: #fff; transition: all .3s ease; cursor: pointer; padding: 7px 17px; line-height: 1; } .slick__videos .videos__prev { left: -25px; } @media only screen and (max-width: 576px) { .slick__videos .videos__prev { left: 0px; } } .slick__videos .videos__prev::after { content: ""; } .slick__videos .videos__next { right: -25px; } @media only screen and (max-width: 576px) { .slick__videos .videos__next { right: 0px; } } .slick__videos .videos__next::after { content: ""; } .slick__videosVertical { display: grid; grid-template-columns: 75% 1fr; grid-column-gap: 15px; grid-row-gap: 15px; } @media only screen and (max-width: 576px) { .slick__videosVertical { grid-template-columns: 100%; grid-row-gap: 0; } } .slick__videosVertical .videosVertical--wrapper { padding-top: 10px; } @media only screen and (max-width: 576px) { .slick__videosVertical .videosVertical--wrapper { padding: 0; } } .slick__videosVertical .videosVertical--wrapper .slick-slide { margin-bottom: 0; } .slick__videosVertical .videosVerticalThumbnails { background: #222121; padding-top: 20px; overflow: hidden; } @media only screen and (max-width: 576px) { .slick__videosVertical .videosVerticalThumbnails { padding: 10px 0; margin-top: 15px; border-left: unset; } } .slick__videosVertical .videosVerticalThumbnails .slick-list { margin: 0 -10px; } .slick__videosVertical .videosVerticalThumbnails .slick-slide { margin-bottom: 20px; padding: 0 22px; } @media only screen and (max-width: 576px) { .slick__videosVertical .videosVerticalThumbnails .slick-slide { margin-bottom: 0; padding: 0 10px; } } .slick__videosVertical .videosVerticalThumbnails .slick-slide img { width: 100%; border-radius: 8px; } .slick__videosVertical .videosVerticalThumbnails .slick-active { opacity: .5; } .slick__videosVertical .videosVerticalThumbnails .slick-current { opacity: 1; } .slick__videosVertical .videosNav--wrapper { position: relative; height: 100%; } .slick__videosVertical .videosVertical__prev, .slick__videosVertical .videosVertical__next { font-size: 0; height: 50px; width: 50px; background: #2569c4; border-radius: 50%; position: absolute; z-index: 1; cursor: pointer; } .slick__videosVertical .videosVertical__prev::after, .slick__videosVertical .videosVertical__next::after { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-regular); font-weight: 400; font-size: 25px; color: #fff; transition: all .3s ease; cursor: pointer; padding: 14px; padding: 0 13px; line-height: 1; } @media only screen and (max-width: 576px) { .slick__videosVertical .videosVertical__prev::after, .slick__videosVertical .videosVertical__next::after { padding: 7px 17px; } } .videosVertical__prev { top: -25px; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 576px) { .videosVertical__prev { left: -25px; bottom: uset; top: 50%; transform: translateY(-50%); } } .videosVertical__prev::after { content: ""; } @media only screen and (max-width: 576px) { .videosVertical__prev::after { content: ""; } } .videosVertical__next { bottom: -25px; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 576px) { .videosVertical__next { right: -25px; top: 50%; left: unset; bottom: unset; transform: translateY(-50%); } } .videosVertical__next::after { content: ""; } @media only screen and (max-width: 576px) { .videosVertical__next::after { content: ""; } } .slick__highlights { overflow: hidden; } .slick__highlights .highlights { position: relative; } .slick__highlights .highlights--wrapper { padding: 20px 0; } .slick__highlights .highlights--wrapper .slick-list { overflow: visible; } .slick__highlights .highlights--wrapper .slick-viewport { overflow-x: hidden !important; } .slick__highlights .highlights--wrapper .slick-track { display: flex !important; } .slick__highlights .highlights--wrapper .slick-slide { background: #222121; margin: 0 20px; display: flex; justify-content: center; border-radius: 8px; height: inherit !important; padding: 50px; } @media only screen and (max-width: 834px) { .slick__highlights .highlights--wrapper .slick-slide img { width: 100%; height: auto; } } .slick__highlights .highlights__prev, .slick__highlights .highlights__next { position: absolute; font-size: 0; height: 50px; width: 50px; background: #2569c4; border-radius: 50%; cursor: pointer; top: 50%; transform: translateY(-50%); z-index: 1; } .slick__highlights .highlights__prev::after, .slick__highlights .highlights__next::after { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-regular); font-weight: 400; font-size: 25px; color: #fff; transition: all .3s ease; cursor: pointer; padding: 7px 17px; line-height: 1; } .slick__highlights .highlights__prev { left: -5px; } @media only screen and (max-width: 576px) { .slick__highlights .highlights__prev { left: 0px; } } .slick__highlights .highlights__prev::after { content: ""; } .slick__highlights .highlights__next { right: -5px; } @media only screen and (max-width: 576px) { .slick__highlights .highlights__next { right: 0px; } } .slick__highlights .highlights__next::after { content: ""; } .slick__highlights .quicklinks { position: relative; } .slick__highlights .quicklinks .quicklinks--wrapper { width: 90%; margin: 0 auto; } .slick__highlights .quicklinks .quicklinks--wrapper .slick-track { margin: auto; display: flex !important; } .slick__highlights .quicklinks .quicklinks--wrapper .slick-active { text-align: center; cursor: pointer; } .slick__highlights .quicklinks .quicklinks--wrapper .slick-active h3 { font-size: 23px; font-weight: 600; letter-spacing: -.53px; } .slick__highlights .quicklinks .quicklinks--wrapper .slick-current { border-bottom: 2px solid #2569c4 !important; } .slick__highlights .quicklinks .quicklinks--wrapper .slick-current h3 { color: #2569c4; } .slick__highlights .quicklinks .quicklinks--wrapper .slick-slide { display: flex; flex-direction: column; height: inherit !important; padding-bottom: 10px; border-bottom: 2px solid #505050; transition: all .3s ease; } .slick__highlights .quicklinks .quicklinks__prev, .slick__highlights .quicklinks .quicklinks__next { position: absolute; font-size: 0; height: 35px; width: 35px; border-radius: 50%; top: 50%; transform: translateY(-50%); z-index: 1; } .slick__highlights .quicklinks .quicklinks__prev::after, .slick__highlights .quicklinks .quicklinks__next::after { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-regular); font-weight: 400; font-size: 18px; color: #fff; transition: all .3s ease; cursor: pointer; padding: 7px 17px; line-height: 1; } .slick__highlights .quicklinks .quicklinks__prev { left: 0px; } .slick__highlights .quicklinks .quicklinks__prev::after { content: ""; } .slick__highlights .quicklinks .quicklinks__next { right: 0px; } .slick__highlights .quicklinks .quicklinks__next::after { content: ""; } .slick__highlights .descriptions { padding: 30px 150px; text-align: center; } .slick__highlights .descriptions p { font-size: 23px; font-weight: 400; } @media only screen and (max-width: 576px) { .slick__highlights .descriptions p { font-size: 21px; } } @media only screen and (max-width: 834px) { .slick__highlights .descriptions { padding: 30px 75px; } } @media only screen and (max-width: 576px) { .slick__highlights .descriptions { padding: 30px; } } .gform_wrapper .gfield_label { color: #fff; font-style: normal; font-weight: 500 !important; font-size: 21px !important; } .gform_wrapper .gfield_required { display: none !important; } .gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper select, .gform_wrapper textarea { border: 0; background: #fff; padding: 10px; width: 100%; font-size: 14px; color: #202020; border-bottom: 3px solid transparent; transition: all .3s ease; } .gform_wrapper input[type=text]:focus, .gform_wrapper input[type=email]:focus, .gform_wrapper input[type=tel]:focus, .gform_wrapper select:focus, .gform_wrapper textarea:focus { color: #202020; outline: none; box-shadow: 0 5px 10px rgba(54, 54, 53, .1) !important; border-bottom: 3px solid #2569c4; } .gform_wrapper input[type=text]::-moz-placeholder, .gform_wrapper input[type=email]::-moz-placeholder, .gform_wrapper input[type=tel]::-moz-placeholder, .gform_wrapper select::-moz-placeholder, .gform_wrapper textarea::-moz-placeholder { color: #000; } .gform_wrapper input[type=text]::placeholder, .gform_wrapper input[type=email]::placeholder, .gform_wrapper input[type=tel]::placeholder, .gform_wrapper select::placeholder, .gform_wrapper textarea::placeholder { color: #000; } .faq__accordion:not(:first-of-type) { margin-top: 30px; } .faq__accordion .accordion--wrapper { border-bottom: 1px solid #222121; padding: 20px 0; } .faq__accordion .accordion--wrapper--borderBottomNone { border-bottom: 0; } .faq__accordion .accordion--top { cursor: pointer; cursor: pointer; position: relative; } .faq__accordion .accordion--top::before { font-weight: 300; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-regular); content: ""; font-size: 24px; color: #2569c4; transform: scale3d(1, -1, 1); transition: all .3s ease; position: absolute; right: 0; top: 0; } .faq__accordion .accordion--top .accordion__heading { color: #fff; font-size: 21px; padding-right: 30px; } @media only screen and (max-width: 834px) { .faq__accordion .accordion--top .accordion__heading { padding-right: 20px; } } @media only screen and (max-width: 576px) { .faq__accordion .accordion--top .accordion__heading { padding-right: 40px; } } .faq__accordion .accordion--top .accordion__heading { color: #fff; } .faq__accordion .accordion--top .accordion__icon { display: block; } .faq__accordion .accordion--top .accordion__icon i { color: #2569c4; } .faq__accordion .accordion--bottom { padding-top: 15px; display: none; } .faq__accordion .accordion--bottom .wysiwyg { padding-top: 30px; } .faq__accordion .reveal-accordion { border-bottom: 0; } .faq__accordion .reveal-accordion::before { transform: scale3d(1, 1, 1); } .breadcrumbs { display: flex; align-items: center; margin-bottom: 20px; } @media only screen and (max-width: 576px) { .breadcrumbs { margin: 20px 0; } } .breadcrumbs span { font-weight: 500; font-size: 16px; line-height: 1; color: #fff; transition: all .3s ease; text-decoration: none; margin: 0 5px; } .breadcrumbs span .current-item { display: none; } .breadcrumbs span:hover { color: #2569c4; text-decoration: underline; } .breadcrumbs .breadcrumb--icon { font-weight: 400; font-size: 12px; line-height: 1; color: #fff; transition: all .3s ease; text-decoration: none; padding: 0 5px; } .breadcrumbs .breadcrumb--icon:last-of-type { display: none; } .wysiwyg .embed-youtube { margin: 30px 0; } .wysiwyg blockquote { margin-bottom: 40px; } .wysiwyg blockquote p { font-size: 24px; font-weight: 300; letter-spacing: -.46px; } .wysiwyg h2 { font-size: 30px; font-weight: 500; line-height: 1; margin-bottom: 15px; } .wysiwyg h3 { font-size: 27px; font-weight: 500; line-height: 1; letter-spacing: -.54px; margin-bottom: 15px; } .wysiwyg h4 { font-size: 21px; font-weight: 400; margin-bottom: 15px; } .wysiwyg p, .wysiwyg li { font-weight: 400; font-size: 18px; letter-spacing: -.36px; color: #fff; } @media only screen and (max-width: 576px) { .wysiwyg p, .wysiwyg li { font-size: 16px; } } .wysiwyg p:not(:last-of-type), .wysiwyg li:not(:last-of-type) { margin-bottom: 20px; } .wysiwyg p strong, .wysiwyg p b, .wysiwyg li strong, .wysiwyg li b { font-weight: 700; } .wysiwyg p a, .wysiwyg li a { color: #fff; font-weight: 500; word-break: break-word; transition: all .3s ease; text-decoration: underline; text-underline-offset: 1px; text-decoration-thickness: .1px; } .wysiwyg p a:hover, .wysiwyg li a:hover { transition: .2s all ease; color: #2569c4; text-decoration: none; } .wysiwyg p em, .wysiwyg li em { font-style: italic; } .wysiwyg ul { list-style-type: disc; margin: 20px 0 20px 20px; font-size: 18px; } .wysiwyg ul li:not(:last-of-type) { margin-bottom: 20px; } .wysiwyg ul li:last-of-type { margin-bottom: 40px; } .wysiwyg ul li strong { font-weight: 700; } @media only screen and (max-width: 576px) { .wysiwyg ul { font-size: 16px; } .wysiwyg ul:not(:last-of-type) { margin-bottom: 10px; } .wysiwyg ul:last-of-type { margin-bottom: 40px; } .wysiwyg ul strong { font-weight: 700; } } .wysiwyg ol { margin: 20px 0 20px 20px; list-style-type: decimal; } .wysiwyg ol li:not(:last-of-type) { margin-bottom: 20px; } .wysiwyg ol li:last-of-type { margin-bottom: 40px; } .wysiwyg ol li strong { font-weight: 700; } @media only screen and (max-width: 576px) { .wysiwyg ol { font-size: 16px; } .wysiwyg ol:not(:last-of-type) { margin-bottom: 10px; } .wysiwyg ol:last-of-type { margin-bottom: 40px; } .wysiwyg ol strong { font-weight: 700; } } .section__reviews .reviews--wrapper { position: relative; } .section__reviews .reviews__carousel--wrapper .slick-list { margin: 0 -10px; } .section__reviews .reviews__carousel--wrapper .slick-track { display: flex !important; } .section__reviews .reviews__carousel--wrapper .slick-slide { margin: 0 10px; display: flex; height: inherit !important; } .section__reviews .reviews__buttons--wrapper { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; display: flex; justify-content: space-between; } .section__reviews .reviews__buttons--wrapper .slick-arrow { font-size: 0; height: 35px; width: 35px; background: #2569c4; border-radius: 50%; position: relative; } .section__reviews .reviews__buttons--wrapper .slick-arrow::after { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-regular); font-weight: 400; font-size: 17px; color: #fff; transition: all .3s ease; cursor: pointer; padding: 7px 12px; line-height: 1; } .section__reviews .reviews__buttons--wrapper .slick-prev { left: -17px; } .section__reviews .reviews__buttons--wrapper .slick-prev::after { content: ""; } .section__reviews .reviews__buttons--wrapper .slick-next { right: -17px; } .section__reviews .reviews__buttons--wrapper .slick-next::after { content: ""; } .section__productBanner .productAwards--wrapper { display: flex; justify-content: center; -moz-column-gap: 25px; column-gap: 25px; row-gap: 25px; } .section__productBanner .productAwards--wrapper .award__image { width: 150px; height: 150px; -o-object-fit: contain; object-fit: contain; } @media only screen and (max-width: 576px) { .section__productBanner .productAwards--wrapper { display: grid; grid-template-columns: auto; } } .section__productReviews .productReviews__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 50px; column-gap: 50px; row-gap: 50px; } @media only screen and (max-width: 576px) { .section__productReviews .productReviews__wrapper { grid-template-columns: auto; } } .section__whatsNew .whatsNew--wrapper { display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 50px; column-gap: 50px; row-gap: 50px; } @media only screen and (max-width: 576px) { .section__whatsNew .whatsNew--wrapper { grid-template-columns: auto; } } hr.blue { background: #2569c4; height: 2px; margin: 75px 0; } .section__learnVideos .section__description--wrapper { margin-top: 100px; } .section__support .support--wrapper { display: grid; grid-template-columns: repeat(3, 1fr); -moz-column-gap: 15px; column-gap: 15px; row-gap: 15px; } @media only screen and (max-width: 834px) { .section__support .support--wrapper { grid-template-columns: auto; } } .section__support .section__image--wrapper { display: flex; justify-content: center; align-items: center; margin: 100px 0; } @media only screen and (max-width: 576px) { .section__support .section__image--wrapper { flex-direction: column; } } .section__support .section__image--wrapper h3 { font-size: 35px; font-weight: 400; margin-right: 30px; } .section__support .section__image--wrapper .youtube--wrapper a { display: flex; justify-content: center; align-items: center; } @media only screen and (max-width: 576px) { .section__support .section__image--wrapper .youtube--wrapper a { margin-top: 25px; } } .section__support .section__image--wrapper .youtube__logo { height: 75px; width: auto; margin-right: 10px; } @media only screen and (max-width: 576px) { .section__support .section__image--wrapper .youtube__logo { height: 50px; } } .section__support .section__image--wrapper .youtube__name { height: 75px; width: auto; } @media only screen and (max-width: 576px) { .section__support .section__image--wrapper .youtube__name { height: 50px; } } .section__contact .contactForm--wrapper { background: #222121; padding: 20px 30px; border-top: 2px solid #2569c4; } .section__faqs .section__heading--wrapper h2 { padding-bottom: 15px; } :root { --animate-delay: .5s; }