@font-face { font-family: "Cal Sans"; font-style: normal; font-display: swap; font-weight: 600; src: url("../fonts/CalSans-SemiBold.woff2") format("woff2"), url("../fonts/CalSans-SemiBold.woff") format("woff"), url("../fonts/CalSans-SemiBold.ttf") format("truetype"); }

@font-face { font-family: 'CalSansText Light'; src: url('../fonts/CalSansText/CalSansText-Light.woff2') format('woff2'), url('../fonts/CalSansText/CalSansText-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'CalSansText Regular'; src: url('../fonts/CalSansText/CalSansText-Regular.woff2') format('woff2'), url('../fonts/CalSansText/CalSansText-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'CalSansText Medium'; src: url('../fonts/CalSansText/CalSansText-Medium.woff2') format('woff2'), url('../fonts/CalSansText/CalSansText-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'CalSansText SemiBold'; src: url('../fonts/CalSansText/CalSansText-SemiBold.woff2') format('woff2'), url('../fonts/CalSansText/CalSansText-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'CalSansText Bold'; src: url('../fonts/CalSansText/CalSansText-Bold.woff2') format('woff2'), url('../fonts/CalSansText/CalSansText-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }


.button.customButton { border-color: #D6D6D6; }

.customLink { color: #009CDF; margin-top: 20px; font-size: 18px; }

hr { border: none; height: 1px; margin: 50px 0 60px; }

hr.hr:after { background: #EAEAEA; }

.customLink { color: #fff; margin-top: 15px; }
.slides { font-family: var(--primary-font); font-weight: 600; }

.slides .customH2 { font-size: 44px; line-height: 1; letter-spacing: 0px; text-transform: none; }
p.hero, .p.hero { font-size: 84px; letter-spacing: 0px !important; opacity: 1; }
.box-15 { margin-top: 70px; }
.grid-81 { margin-top: 80px; }
.videoThumbnail-82 { margin-top: 25px; margin-bottom: 5px; }
.sidebar .close svg { width: 30px; height: 30px; fill: #989898; }
.sidebar a { display: inline-block; }
.sidebar .subMenu li { font-size: 20px; }

@media screen and (max-width:767px) {
    .grid.grid-15-49 > [class*='col-'] { margin-bottom: 50px; }
}

/* change panel top on scroll * white */
.page-loaded .slides:not(.firstSlide) .panel.top { background: #ffffff; border-bottom: 1px solid #ebebeb; color: #303030; padding-top: 14px; padding-bottom: 14px; box-shadow: 0px 0px 24px -12px #00000080; }
.page-loaded .slides:not(.firstSlide) .panel.top svg { }
.slides.whiteSlide .panel .actionButton svg { }
.page-loaded .slides:not(.firstSlide) .panel.top .button svg { }
.page-loaded .slides:not(.firstSlide) .panel.top img { }
.button.round { border-radius: 99px; padding-left: 52px; padding-right: 52px; }
.blue { background: #0177e1 !important; color: #fff !important; }
.tiny { font-size: 16px; font-weight: 600; letter-spacing: 0; }
.panel .sections .menu li { font-size: 16px; margin: 0px 12px; }
.slides { }
h1, .h1 { letter-spacing: -0.00em; font-size: 36px; }
h2, .h2 { }
h3, .h3 { font-size: 24px; }
h4, .h4 { }
.smallest { font-size: 14px; }
p.tiny, .p.tiny { font-size: 15px; letter-spacing: 0.7px; }
.stroke.button.blue { color: #04b6ff !important; border-color: #04b6ff !important; }
.fix-12-12 { max-width: 1920px !important; }
.button { font-size: 18px; }
.panel .sections .menu li a { padding: 8px 10px 5px; }
.button.actionButton { background: var(--primary); }
.slides.whiteSlide .stroke .navigation li:after { border-color: #30303073; background: transparent; }
.slides.whiteSlide .stroke .navigation li.selected:after { border-color: #fff; background: var(--primary); }
.slides.whiteSlide .stroke .navigation li:hover:after { background: var(--primary); }
.stroke .navigation li.selected:after { background: var(--primary); }
p, .p { font-size: 16px; line-height: 1.385; margin-bottom: 30px; opacity: 0.8; letter-spacing: 0.27px; }
p.small, .p.small { font-size: 18px; }
p.large, .p.large { font-size: 21px; line-height: 1.4; }
.slide .box-155 { min-height: 444px; }
.features-85 { margin: 35px 0 45px; line-height: 1.35; font-size: 15px; }
p.terms-42 { max-width: 350px; line-height: 1.29; margin: 13px auto; text-align: center; font-size: 13px; display: flex; align-items: flex-end; }
p.terms-42 .custom-type .checkmark { margin-right: 15px; }
.slide.whiteSlide .white { box-shadow: 0 0 0 1px rgba(41, 41, 41, 1.2) inset, inset 0 -100px 0 rgba(41, 41, 41, 0); }
.button.hollow { padding: 0 !important; border-radius: 36px !important; background-color: transparent !important; font-size: 0 !important; }
.shadow, .button.empty.shadow:hover { box-shadow: 0 32px 44px 0 rgb(0 0 0 / 18%); }

.container .wrap:not(.noSpaces),
.container .wrap.spaceWrap,
.container .wrap .spaceWrap { padding: calc(4.56% + 40px) calc(5.4% + 10px); }


.autoHeight .container .wrap:not(.noSpaces),
.autoHeight .container .wrap.spaceWrap,
.autoHeight .container .wrap .spaceWrap { padding-top: calc(4.56% + 50px); padding-bottom: calc(4.56% + 50px); }

.button { /*padding: 15px 22px 18px;*/ padding: 18px 22px 16px; line-height: 1.16; }
p.hero, .p.hero { line-height: 1.05; }
.subhe { font-size: 19px; margin-top: -7px; opacity: 1; }
.button.popup-button { background-size: 200% auto; background-image: var(--primary-gradient); transition: 0.5s !important; border: solid 0px var(--primary); color: #fff; }
.button.popup-button:hover { background-position: right center; opacity: 1.0 !important; }
.toCenter.bottom { position: absolute; bottom: 0; width: 90%; }
.pad { border-radius: 30px; }
.box-70a { display: block; background-repeat: no-repeat; background-position: right top; background-size: contain; border-radius: 20px; margin: 10px auto; max-width: 400px; }
.box-70a { box-shadow: 0px 0px 48px 4px #00000015; }
.box-70a:hover { opacity: 1; box-shadow: 0px 22px 23px 0px rgba(0, 0, 0, 0.4); }
.info-70a { padding: 10%; }
h3.big, .h3.big { font-size: 48px; font-weight: 900; color: #ffb9dd; margin-top: -10px; }
.scroll-downs { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 34px; height: 55px; margin-top: -90px; }
.mousey { width: 3px; padding: 10px 15px; height: 35px; border: 2px solid #848484; border-radius: 25px; opacity: 0.75; box-sizing: content-box; transform: scale(0.85); }

.scroller { width: 3px; height: 10px; border-radius: 25%; background-color: #cacaca; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite; }

@keyframes scroll {
    0% { opacity: 0; }
    10% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(15px); opacity: 0; }
}

@media (min-width: 1024px) {
    img.macbook-61 { margin: -10% -20% -10% -135% !important; width: 121%; max-width: none; border-radius: 30px; }
}

.form input[type="text"],
.form input[type="name"],
.form input[type="email"],
.form input[type="password"],
.form input[type="tel"],
.form textarea,
.form select { font-size: 14px; }

.form label,
.form .label { display: block; font-size: 14px; }
.listington { opacity: 1; font-size: 22px; padding-left: 38px; position: relative; }
.listcheck { position: absolute; left: -1px; top: 0px; width: 28px; filter: grayscale(1); opacity: 0.4; }
.pad { padding-bottom: 5%; padding-top: 5%; }
.button.actionButton:hover { background: var(--primary); }
.pad.shadow { box-shadow: 0 35px 54px rgba(0, 0, 0, 0.13), 0 5px 20px rgba(0, 0, 0, 0.07), 0 0px 1px rgba(0, 0, 0, 0.12); }

.boxgreenheader h2 { font-size: 28px; letter-spacing: -0.5px; line-height: 16px; margin: 0; padding: 0 0 32px 4px; color: #212121; }
.magic-accordion { max-width: 100%; margin-bottom: 60px !important; }

.magic-accordion .head { display: block; padding: 10px 0px 14px 14px; font-size: 19px; letter-spacing: 0px; cursor: pointer; background: #fff; margin: 0px; line-height: 44px; border: solid 0px #c6c6c4; border-bottom: dashed 1px #cecece; }
.magic-accordion .body { width: 100%; background: #fff; margin: 0px 0px 0px 0px; padding: 0px; border-left: 0px solid #ccc; border-right: 0px solid #cccc; border-bottom: 0px solid #ccc; }
.magic-accordion .campDesc { border: 0px solid #fff; background-color: #fff; padding: 20px 20px 60px 20px; }
.magic-accordion .body p { margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; }
.magic-accordion p { font-size: 16px; }
.magic-accordion .head i { float: right; padding-top: 14px; padding-right: 24px; color: #a1a1a1; }
.magic-accordion .head.active { border-bottom: 1px solid #ccc; background: var(--primary); color: #fff; }
.accrodion_flex h2.head.active { font-weight: 900; }
.magic-accordion h2.head.active i { color: #fff; }
.pink { background: var(--primary) !important; color: #000000 !important; }

.secondheading { letter-spacing: -0.00em; font-size: 98px; line-height: 0.93; }

.thirdheading { font-size: 82px; line-height: 0.92; }

.fourthheading { font-size: 70px; }
.fifthheading { font-size: 70px; }

.fifthpara { font-size: 21px; }

.thirdpara { font-size: 42px; }
.fourthpara { font-size: 20px; }
.ender { font-size: 38px; opacity: 1; }


/* Language Picker if needed */
.language-picker { display: inline-block; position: relative; border-radius: 99px; box-shadow: 0px 0px 6px 0px #ccc; padding: 14px; /*top: 3px;*/ background: #fff; }
.language-picker__form { display: none; }
.btn--subtle { background: var(--color-bg-lighter); color: var(--color-contrast-higher); box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0 0 0 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0 0.3px 0.4px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.025), 0 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2), 0 3.5px 6px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.12); border: 0; }
.btn { position: relative; display: inline-flex; justify-content: center; align-items: center; white-space: nowrap; text-decoration: none; background: var(--color-bg-dark); padding: var(--space-2xs) var(--space-sm); border-radius: var(--radius-md); font-size: 1em; font-weight: 500; color: var(--color-contrast-higher); text-decoration: none; line-height: 1.2; cursor: pointer; transition: 0.2s; will-change: transform; }
.language-picker__flag { display: flex; align-items: center; }
.language-picker--flags .language-picker__flag::before { display: inline-block; display: inline-flex; margin-right: 8px; margin-left: 4px; }
.language-picker__flag--english::before { background-image: url(../images/eng.svg) }
.language-picker__flag::before { display: none; flex-shrink: 0; content: ""; height: 16px; width: 16px; margin-right: var(--space-2xs); background-repeat: no-repeat; background-size: cover; background-position: center; }
.language-picker--flags .language-picker__button .icon:first-of-type { display: none; }
.language-picker__button .icon:first-of-type { margin-right: var(--space-3xs); }
.language-picker__button .icon { height: 16px; width: 16px; --size: 1em; font-size: var(--size); height: 1em; width: 1em; display: inline-block; color: inherit; fill: currentColor; line-height: 1; flex-shrink: 0; max-width: initial; }
.language-picker__button .icon:last-of-type { margin-left: var(--space-3xs); margin-left: 24px; }
.language-picker__dropdown { position: absolute; left: 0; top: 100%; width: 200px; background-color: var(--color-bg-light); box-shadow: var(--inner-glow), var(--shadow-md); padding: var(--space-3xs) 0; border-radius: var(--radius-md); z-index: var(--z-index-popover, 5); margin-top: var(--picker-vertical-gap); margin-bottom: var(--picker-vertical-gap); font-size: 1rem; visibility: hidden; opacity: 0; transition: visibility 0s 0.2s, opacity 0.2s; }
.sr-only, .sr-only-focusable:not(:focus):not(:focus-within) { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; padding: 0; border: 0; white-space: nowrap; }
.language-picker__item { display: flex; align-items: center; text-decoration: none; padding: var(--space-2xs) var(--space-sm); color: var(--color-contrast-high); transition: background 0.2s; }
.language-picker__item[aria-selected=true]::after { content: ""; height: 16px; width: 16px; background-color: currentColor; -webkit-mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E); mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E); margin-left: auto; }
.language-picker__item span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.language-picker__item[aria-selected=true] { position: relative; background-color: var(--color-primary); color: var(--color-white); }

@media (max-width: 1260px) {
    .slugClass- p.hero,
    .slugClass- .p.hero { font-size: 72px; letter-spacing: 0px !important; opacity: 1; }
}