:root { --brand-typo_font-family--primary_semibold: "Publico", "Verdana", sans-serif, "ui-sans-serif", "system-ui", "-apple-system"; --brand-typo_font-family--secondary_regular: "Open Sans", "OpenSans-Regular"; --brand-typo_font-family--secondary_regular: "Open Sans Bold", "OpenSans-Bold"; /* Old Colors */ --marketing-black: #091e3f; --marketing-forest-green-800: #044a75; --marketing-forest-green-600: #0161e5; --marketing-cream-300: #ffd201; --marketing-charcoal-grey-600: #606469; --marketing-mint-green-300: #ffd9d4; --marketing-cream-100: #eeeceb; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } header.sib-header .sib-main-navigation .sib-partner-language-switcher { display: inline-block; } header.sib-header .sib-main-navigation .sib-partner-language-switcher a { padding: 0; outline: 0; } header.sib-header .sib-main-navigation .sib-partner-language-switcher a:hover { background: transparent; } header.sib-header .sib-main-navigation .sib-partner-language-switcher button, header.sib-header .sib-main-navigation .sib-partner-language-switcher button:not(.disabled):active { background: transparent; color: var(--marketing-black); font-weight: bold; font-size: 14px; border: 0; box-shadow: none; outline: 0; } header.sib-header .sib-main-navigation .sib-partner-language-switcher button:active, header.sib-header .sib-main-navigation .sib-partner-language-switcher button:not(.disabled):active:active { outline: 0; } header.sib-header .sib-main-navigation .sib-partner-language-switcher .dropdown-menu { border: none; text-align: left; padding-left: 25px; padding-bottom: 16px; min-width: auto; padding-right: 25px; box-shadow: 1px 1px 7px 0px #ccc; } header.sib-header .sib-main-navigation .sib-partner-language-switcher .dropdown-menu a { color: var(--marketing-black); margin-top: 4px; } header.sib-header .sib-main-navigation .sib-partner-language-switcher .dropdown-menu img { padding-right: 8px; } @media (max-width: 1200px) { header.sib-header .sib-main-navigation .sib-partner-language-switcher .dropdown-menu { margin: 0px; position: absolute; top: -200px; z-index: 99999; border: 1px solid #eaeaea; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); background-color: #fff !important; } } .show > .btn-primary.dropdown-toggle:focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .ebb { background: var(--marketing-cream-100); } .sib-peach { background: var(--marketing-mint-green-300); } .sib-regal-blue { background: var(--marketing-forest-green-800); } .sib-dark-blue { background: var(--marketing-black); } .sib-header-scroll { top: 0; right: 0; left: 0; z-index: 1030; background: var(--marketing-white); box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); transition: top 0.5s ease-in-out; } .sib-header-scroll.banner { top: 47px; } @media (max-width: 640px) { .sib-header-scroll.banner { top: 68px; } } header.sib-header { position: -webkit-sticky; position: sticky; font-family: var(--brand-typo_font-family--secondary_regular); width: 100%; height: 90px; display: flex; justify-content: center; transition: top 0.5s ease-in-out; z-index: 1000; } @media (max-width: 640px) { header.sib-header { height: 83px; justify-content: space-around; } } header.sib-header p { font-size: 18px; font-family: var(--brand-typo_font-family--secondary_regular); } @media (max-width: 1200px) { header.sib-header .sib-header__logo { padding: 0px 15px; } } header.sib-header .sib-header__logo img { max-width: 230px; width: 100%; } @media (min-width: 1201px) { header.sib-header .sib-header__logo { margin-right: 80px; } } @media (max-width: 1200px) { header.sib-header .navbar { background: var(--marketing-white); padding: 26px 0px; width: 100%; } } @media (min-width: 1201px) { header.sib-header .sib-main-navigation { width: 1200px; } } header.sib-header .sib-main-navigation .nav__menu { display: flex; margin-top: 12px; z-index: 999; } @media (max-width: 1200px) { header.sib-header .sib-main-navigation .nav__menu { background-color: white; display: block; padding: 24px 20px; } } @media screen and (max-width: 1200px) and (min-width: 991px) { header.sib-header .sib-main-navigation .nav__menu { display: none; } } header.sib-header .sib-main-navigation .nav__menu li { list-style: none; } header.sib-header .sib-main-navigation .nav__menu li a { text-decoration: none; } header.sib-header .sib-main-navigation .nav__menu .nav__menu-item { margin-right: 25px; font-size: 16px; line-height: 26px; } @media screen and (max-width: 640px) { header.sib-header .sib-main-navigation .nav__menu .nav__menu-item { margin-right: 0; } } header.sib-header .sib-main-navigation .nav__menu .nav__menu-item a { color: var(--marketing-charcoal-grey-600); text-decoration: none; } @media (max-width: 1200px) { header.sib-header .sib-main-navigation .nav__menu .nav__menu-item a { color: var(--marketing-black); font-size: 24px; line-height: 26px; } } header.sib-header .sib-main-navigation .nav__menu .nav__menu-item a:hover { color: var(--marketing-black); cursor: pointer; } header.sib-header .sib-main-navigation .nav__menu .nav__menu-item .not-clickable { color: var(--marketing-charcoal-grey-600); text-decoration: none; } @media (max-width: 1200px) { header.sib-header .sib-main-navigation .nav__menu .nav__menu-item .not-clickable { color: var(--marketing-black); font-size: 24px; line-height: 26px; } } @media (max-width: 1200px) { header.sib-header .sib-main-navigation .nav__menu .nav__menu-item { margin-top: 20px; text-align: left; font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; } } header.sib-header .sib-main-navigation .arrow-down { margin-left: 7px; } @media (max-width: 1200px) { header.sib-header .sib-main-navigation .arrow-down { display: none; } } header.sib-header .sib-main-navigation .arrow-down-big { margin-left: 15px; } @media screen and (min-width: 1200px) { header.sib-header .sib-main-navigation .arrow-down-big { display: none; } } header.sib-header .sib-main-navigation .sib-header__burger-menu { cursor: pointer; height: 16px; width: 25px; position: relative; border: none !important; } @media (max-width: 1200px) { header.sib-header .sib-main-navigation .sib-header__burger-menu { margin-right: 10px; } } header.sib-header .sib-main-navigation .sib-header__burger-menu:focus { outline: none; } header.sib-header .sib-main-navigation .sib-header__burger-menu .line { position: absolute; left: 0; height: 3.5px; width: 100%; border-radius: 5px; background-color: #000; transition: all 0.25s ease; } header.sib-header .sib-main-navigation .sib-header__burger-menu .line:nth-child(1) { top: -0.5px; } header.sib-header .sib-main-navigation .sib-header__burger-menu .line:nth-child(2) { bottom: 0px; } header.sib-header .sib-main-navigation .open .line:nth-child(1) { transform: translateY(6.5px) rotate(45deg); } header.sib-header .sib-main-navigation .open .line:nth-child(2) { transform: translateY(-6.5px) rotate(-45deg); } @media (min-width: 1200px) { header.sib-header .sib-main-navigation .nav__submenu { display: none; background: var(--marketing-white); padding: 20px; position: absolute; transform: translateX(-25%); border-radius: 0 0 8px 8px; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); } } @media (max-width: 1200px) { header.sib-header .sib-main-navigation .nav__submenu { display: block; padding-left: 0; margin-top: 10px; } } header.sib-header .sib-main-navigation .nav__submenu-items { display: flex; flex-flow: column; align-items: center; flex-wrap: wrap; } header.sib-header .sib-main-navigation .nav__submenu span { display: flex; color: var(--marketing-charcoal-grey-600); font-family: var(--brand-typo_font-family--secondary_regular); font-weight: bold; font-size: 18px; line-height: 24px; color: var(--marketing-black); margin-bottom: 10px; } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-first-subitem-container { display: flex; align-items: center; } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-first-subitem-container-2022:not(:first-child) { margin-top: 25px; } @media (min-width: 1200px) { header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-first-subitem-2022 { min-width: 240px; } } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-first-subitem { padding: 15px 0; } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-first-subitem img { width: 22px; height: 22px; } @media (max-width: 1200px) { header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-first-subitem img { display: none; width: 0; } } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-first-subitem span { flex: 1; font-size: 14px; line-height: 24px; color: var(--marketing-black); font-family: var(--brand-typo_font-family--secondary_regular); } @media (max-width: 1200px) { header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-first-subitem span { padding-left: 0px; font-size: 18px; line-height: 22px; } } @media (min-width: 1200px) { header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-first-subitem { border-right: 0.031rem solid var(--marketing-cream-300); padding: 10px 20px; min-width: 240px; width: 100%; } } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-first-subitem:last-child { border: none; } header.sib-header .sib-main-navigation .nav__submenu-title { display: flex; } @media (max-width: 1200px) { header.sib-header .sib-main-navigation .nav__submenu-title { margin-top: 10px; } } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-item { font-family: var(--brand-typo_font-family--secondary_regular); text-align: left; font-size: 14px; } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-item:not(:first-child) { margin-top: 12px; } @media (max-width: 1200px) { header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-item a { font-size: 16px; line-height: 26px; color: #606469; } } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-item--anchor { color: var(--marketing-charcoal-grey-600); font-size: 14px; line-height: 25px; display: flex; justify-content: space-between; } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-item--anchor svg { opacity: 0; fill: var(--marketing-black); width: 6px; transition: all 0.25s ease; } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-item--anchor:hover { text-decoration: none; } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-item--anchor:hover svg { opacity: 1; transition: all 0.25s ease; } header.sib-header .sib-main-navigation .nav__submenu .nav__submenu-item .sib-new-badge { background: var(--marketing-black); border-radius: 3px; padding: 2px 4px; color: var(--marketing-white); display: inline; font-family: var(--brand-typo_font-family--secondary_regular); font-size: 10px; } @media screen and (min-width: 1200px) { header.sib-header .sib-main-navigation .nav__menu-item:hover .nav__submenu { display: flex; flex-direction: row; } } header.sib-header .sib-black-link { color: var(--marketing-black); font-size: 14px; font-weight: bold; text-decoration: none; } header.sib-header .sib-black-link:hover { color: var(--marketing-cream-300) !important; } @media (max-width: 1200px) { header.sib-header .sib-black-link { padding-top: 20px; padding-bottom: 15px; text-align: center; } } header.sib-header .login-nav__signup { background: var(--marketing-black); color: var(--marketing-white); font-size: 14px; font-weight: bold; cursor: pointer; text-decoration: none; border-radius: 30px; display: inline-flex; flex-flow: row wrap; justify-content: center; transition: all 0.25s ease; padding: 17px 30px 17px 30px; margin: 0 0 0 12px; } header.sib-header .login-nav__signup:hover { background: var(--marketing-forest-green-600); color: var(--marketing-white); } header.sib-header .login-nav__signup-fr { padding: 17px; } header.sib-header .navbar-collapse .nav__links { padding: 0; display: flex; justify-content: flex-end; align-items: center; } @media (max-width: 1200px) { header.sib-header .navbar-collapse { overflow-x: hidden; overflow: scroll; height: 90vh; } header.sib-header .navbar-collapse .nav__links { background-color: white; padding: 15px; justify-content: center; } } @media screen and (max-width: 1200px) and (max-width: 1200px) { header.sib-header .navbar-collapse .nav__links { justify-content: end; } } @media screen and (max-width: 1200px) and (max-width: 768px) { header.sib-header .navbar-collapse .nav__links { margin-top: -20px; justify-content: center; } } header.sib-header.sib-dark-blue:not(.sib-header-scroll) .nav__menu > li > a, header.sib-header.sib-dark-blue:not(.sib-header-scroll) .dropdown button, header.sib-header.sib-dark-blue:not(.sib-header-scroll) .sib-black-link, header.sib-header.sib-regal-blue:not(.sib-header-scroll) .nav__menu > li > a, header.sib-header.sib-regal-blue:not(.sib-header-scroll) .dropdown button, header.sib-header.sib-regal-blue:not(.sib-header-scroll) .sib-black-link { color: var(--marketing-white); } @media (max-width: 1200px) { header.sib-header.sib-dark-blue:not(.sib-header-scroll) .nav__menu > li > a, header.sib-header.sib-dark-blue:not(.sib-header-scroll) .dropdown button, header.sib-header.sib-dark-blue:not(.sib-header-scroll) .sib-black-link, header.sib-header.sib-regal-blue:not(.sib-header-scroll) .nav__menu > li > a, header.sib-header.sib-regal-blue:not(.sib-header-scroll) .dropdown button, header.sib-header.sib-regal-blue:not(.sib-header-scroll) .sib-black-link { color: var(--marketing-black); } } header.sib-header.sib-dark-blue:not(.sib-header-scroll) .nav__submenu .nav__submenu-item a, header.sib-header.sib-regal-blue:not(.sib-header-scroll) .nav__submenu .nav__submenu-item a { color: var(--marketing-black); } .svg-icon svg { display: flex; min-width: 20px; margin-right: 20px; } @media (max-width: 1200px) { .svg-icon svg { min-width: 15px; margin-right: 15px; } } @media screen and (min-width: 1200px) { .horizontal-line-mobile { display: none; width: 100%; } } header.sib-dark-blue .sib-main-navigation .nav__menu .nav__menu-item .post_title:hover { color: white; } header.sib-regal-blue .sib-main-navigation .nav__menu .nav__menu-item .post_title:hover { color: white; } .headerLinks { place-items: end; } @media (max-width: 640px) { .headerLinks { display: none; } } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-top-banner { position: -webkit-sticky; position: sticky; top: 0; z-index: 1030; background: var(--marketing-forest-green-800); font-family: var(--brand-typo_font-family--secondary_regular); color: var(--marketing-white); font-size: 14px; padding: 13px 10px; font-size: 14px; text-align: center; width: 100%; } .sib-top-banner a { color: var(--marketing-white); cursor: pointer; text-decoration: underline; } .sib-top-banner a:hover { color: var(--marketing-white); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } button { -webkit-appearance: unset; -moz-appearance: unset; appearance: unset; border: none; background: none; } .sib-link { font-family: var(--brand-typo_font-family--secondary_regular); font-size: 16px; line-height: 26px; text-decoration: none; display: flex; align-items: center; cursor: pointer; margin: 10px; } .sib-link:hover { text-decoration: none; } .sib-link.azure-radiance { color: var(--marketing-black); fill: var(--marketing-black); } .sib-link.white { color: var(--marketing-white); fill: var(--marketing-white); } .sib-link.downriver { color: var(--marketing-black); fill: var(--marketing-black); } .sib-link.enterprise { color: #c2850a; fill: #c2850a; } .sib-link svg { width: 12px; height: 12px; transition: all 0.5s cubic-bezier(0.815, 0.22, 0.255, 0.825); } .sib-link span { line-height: 19px; margin-left: 8px; transition: all 0.5s cubic-bezier(0.815, 0.22, 0.255, 0.825); text-align: left; } .sib-link:hover svg { transform: translateX(-10px); } .sib-link:hover span { transform: translateX(10px); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-footer { margin-top: 80px; } @media (max-width: 640px) { .sib-footer .sib-logo-footer { text-align: center; } } .sib-footer .sib-logo-footer img { max-width: 250px; } .sib-footer .sib-social-media-footer { display: flex; text-align: right; } @media (max-width: 640px) { .sib-footer .sib-social-media-footer { margin-top: 15px; justify-content: center; } } .sib-footer .sib-social-media-footer img { width: 40px; height: 40px; margin-left: 10px; } .sib-footer .sib-footer-title { font-size: 1.25rem; line-height: 1.2; margin-bottom: 0.5rem; font-weight: bold; } .sib-footer .sib-footer-row { margin-top: 3rem; } @media (max-width: 640px) { .sib-footer .sib-footer-row { margin-top: 0px; } } .sib-footer .sib-footer-row .description { padding-right: 1rem; padding-left: 2rem; text-align: left; } @media (max-width: 640px) { .sib-footer .sib-footer-row .description { padding-left: 0; } } .sib-footer .sib-footer-row .description .why-sendinblue { margin-left: 0.01rem; font-size: 1rem; } .sib-footer .sib-footer-row .description description-text { font-size: 0.9rem; } .sib-footer .sib-footer-row-reserved div { color: var(--marketing-charcoal-grey-600); text-decoration: none; font-size: 0.8rem; } @media (max-width: 640px) { .sib-footer .sib-footer-row-reserved div { text-align: center; } } .sib-footer .sib-footer-row-reserved a { color: var(--marketing-charcoal-grey-600); text-decoration: none; } .sib-footer .sib-footer-row-reserved .reserved-right { display: flex; justify-content: flex-end; } @media (max-width: 640px) { .sib-footer .sib-img-footer { margin-top: 31px; } } @media (max-width: 640px) { .sib-footer .sib-footer-menu { margin: 20px; } } .sib-footer .sib-footer-menu li { margin-top: 0.5rem; } @media (max-width: 640px) { .sib-footer .footer-lang-drop-down { text-align: center; } .sib-footer .footer-lang-drop-down button { border: none !important; font-weight: bold; } } .sib-footer ul { display: contents; text-align: left; width: 100%; } .sib-footer ul li { line-height: 30px; list-style: none; text-align: left; width: 100%; } .sib-footer ul li a { color: var(--marketing-charcoal-grey-600); text-decoration: none; line-height: 26px; } .sib-footer ul li a:hover { color: var(--marketing-black); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .footerHeader { display: flex; align-items: center; justify-content: space-between; margin: 16px 0 40px 0; box-sizing: border-box; } @media (max-width: 640px) { .footerHeader { display: grid; grid-template-columns: 1fr; } .footerHeader .headerBox { display: flex; justify-content: center; margin-top: 16px; } } .footerHeader .socials { margin-left: 12px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } @media (max-width: 640px) { .image { display: flex; justify-content: center; margin-bottom: 30px; } } .description { padding: 0 30px 0 30px; } @media (max-width: 640px) { .description { text-align: left; padding: 0; margin-bottom: 24px; } } .description .text { color: #606469; font-size: 14px; line-height: 24px; } .description .why-sendinblue { font-size: 14px; line-height: 19px; margin-left: 0px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .links .title { display: flex; justify-content: flex-start; font-weight: bold; font-size: 18px; line-height: 22px; margin-bottom: 27px; } .links ul { list-style: none; box-sizing: border-box; padding: 0px; } .links ul li { margin-bottom: 7px; } .links ul li a { display: block; text-decoration: none; color: var(--marketing-charcoal-grey-600); font-size: 16px; line-height: 26px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .footerContainer { margin: 0 auto; padding: 16px 16px 0 16px; box-sizing: border-box; max-width: 1140px; } @media (max-width: 640px) { .footerContainer { max-width: 540px; } } .footerContainer .footerContent { box-sizing: border-box; display: grid; grid-template-columns: 103px 2fr 1fr 1fr 1fr; } @media (max-width: 640px) { .footerContainer .footerContent { grid-template-columns: 1fr; } } .footerContainer .copyright { margin-top: 35px; box-sizing: border-box; padding-top: 25px; padding-bottom: 8px; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--marketing-cream-300); } @media (max-width: 640px) { .footerContainer .copyright { display: grid; grid-template-columns: 1fr; } .footerContainer .copyright .box { display: flex; justify-content: center; margin-bottom: 16px; } } .footerContainer .copyright .box { color: var(--marketing-charcoal-grey-600); font-size: 14px; line-height: 24px; } .footerContainer .copyright .box p { margin: 0px; } .footerContainer .copyright a { text-decoration: none; color: var(--marketing-charcoal-grey-600); font-size: 14px; line-height: 24px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-button { font-size: 14px; font-weight: bold; cursor: pointer; text-decoration: none; border-radius: 30px; border: none; display: inline-flex; flex-flow: row wrap; justify-content: center; transition: all 0.25s ease; padding: 17px 30px; font-family: var(--brand-typo_font-family--secondary_regular); outline: none !important; } .sib-button.azure-radiance { background: var(--marketing-black); color: var(--marketing-white); } .sib-button.azure-radiance:focus, .sib-button.azure-radiance:active, .sib-button.azure-radiance:hover { background: var(--marketing-forest-green-800); border: 0; } .sib-button.enterprise-cta-button { background: #946405; color: var(--marketing-white); } .sib-button.enterprise-cta-button:focus, .sib-button.enterprise-cta-button:hover { background: #754e00; border: 0; } .sib-button.enterprise-cta-button:active { background: #472f00; } .sib-button.gold { background: var(--marketing-cream-300); color: var(--marketing-black); } .sib-button.gold:focus, .sib-button.gold:active, .sib-button.gold:hover { background: var(--marketing-black); color: var(--marketing-white); border: 0; } .sib-button.regal-blue { background: var(--marketing-forest-green-800); color: var(--marketing-white); } .sib-button.regal-blue:focus, .sib-button.regal-blue:active, .sib-button.regal-blue:hover { background: var(--marketing-black); color: var(--marketing-white); border: 0; } .sib-button.white { background: var(--marketing-white); border: 1px solid var(--marketing-black); color: var(--marketing-black); } .sib-button.white:focus, .sib-button.white:active, .sib-button.white:hover { background: var(--marketing-black); color: var(--marketing-white); border-color: var(--marketing-black); } .sib-button.enterprise-gold { background: var(--marketing-black); color: var(--marketing-white); } .sib-button.enterprise-white--gold { background: var(--marketing-white); color: var(--marketing-black); } .sib-button.square { border-radius: 3px; } .sib-button:focus { border: solid 1px var(--marketing-forest-green-600); } /** * Rangeslider */ .rangeslider { margin: 20px 0; position: relative; background: #e6e6e6; touch-action: none; } .rangeslider, .rangeslider .rangeslider__fill { display: block; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4); } .rangeslider .rangeslider__handle { background: #fff; border: 1px solid #ccc; cursor: pointer; display: inline-block; position: absolute; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 -1px 3px rgba(0, 0, 0, 0.4); } .rangeslider .rangeslider__handle .rangeslider__active { opacity: 1; } .rangeslider .rangeslider__handle-tooltip { width: 40px; height: 40px; text-align: center; position: absolute; background-color: rgba(0, 0, 0, 0.8); font-weight: normal; font-size: 14px; transition: all 100ms ease-in; border-radius: 4px; display: inline-block; color: white; left: 50%; transform: translate3d(-50%, 0, 0); } .rangeslider .rangeslider__handle-tooltip span { margin-top: 12px; display: inline-block; line-height: 100%; } .rangeslider .rangeslider__handle-tooltip:after { content: " "; position: absolute; width: 0; height: 0; } /** * Rangeslider - Horizontal slider */ .rangeslider-horizontal { height: 12px; border-radius: 10px; } .rangeslider-horizontal .rangeslider__fill { height: 100%; background-color: #7cb342; border-radius: 10px; top: 0; } .rangeslider-horizontal .rangeslider__handle { width: 30px; height: 30px; border-radius: 30px; top: 50%; transform: translate3d(-50%, -50%, 0); } .rangeslider-horizontal .rangeslider__handle:after { content: " "; position: absolute; width: 16px; height: 16px; top: 6px; left: 6px; border-radius: 50%; background-color: #dadada; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 -1px 3px rgba(0, 0, 0, 0.4) inset; } .rangeslider-horizontal .rangeslider__handle-tooltip { top: -55px; } .rangeslider-horizontal .rangeslider__handle-tooltip:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.8); left: 50%; bottom: -8px; transform: translate3d(-50%, 0, 0); } /** * Rangeslider - Vertical slider */ .rangeslider-vertical { margin: 20px auto; height: 150px; max-width: 10px; background-color: transparent; } .rangeslider-vertical .rangeslider__fill, .rangeslider-vertical .rangeslider__handle { position: absolute; } .rangeslider-vertical .rangeslider__fill { width: 100%; background-color: #7cb342; box-shadow: none; bottom: 0; } .rangeslider-vertical .rangeslider__handle { width: 30px; height: 10px; left: -10px; box-shadow: none; } .rangeslider-vertical .rangeslider__handle-tooltip { left: -100%; top: 50%; transform: translate3d(-50%, -50%, 0); } .rangeslider-vertical .rangeslider__handle-tooltip:after { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid rgba(0, 0, 0, 0.8); left: 100%; top: 12px; } /** * Rangeslider - Reverse */ .rangeslider-reverse.rangeslider-horizontal .rangeslider__fill { right: 0; } .rangeslider-reverse.rangeslider-vertical .rangeslider__fill { top: 0; bottom: inherit; } /** * Rangeslider - Labels */ .rangeslider__labels { position: relative; } .rangeslider-vertical .rangeslider__labels { position: relative; list-style-type: none; margin: 0 0 0 24px; padding: 0; text-align: left; width: 250px; height: 100%; left: 10px; } .rangeslider-vertical .rangeslider__labels .rangeslider__label-item { position: absolute; transform: translate3d(0, -50%, 0); } .rangeslider-vertical .rangeslider__labels .rangeslider__label-item::before { content: ""; width: 10px; height: 2px; background: black; position: absolute; left: -14px; top: 50%; transform: translateY(-50%); z-index: -1; } .rangeslider__labels .rangeslider__label-item { position: absolute; font-size: 14px; cursor: pointer; display: inline-block; top: 10px; transform: translate3d(-50%, 0, 0); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-pricing-slider.sib-pricing-calculator { font-family: var(--brand-typo_font-family--secondary_regular); } .sib-pricing-slider.sib-pricing-calculator .container { padding: 0; } .sib-pricing-slider.sib-pricing-calculator h3 { font-size: 32px; line-height: 38px; font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; color: #091e3f; text-align: center; margin-bottom: 40px; } .sib-pricing-slider.sib-pricing-calculator h4 { font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__left { padding-right: 30px; } @media (min-width: 1201px) { .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__left { padding-right: 134px; } } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__info-item { margin-bottom: 0; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__info-item h4 { margin-bottom: 2px; } @media screen and (min-width: 950px) { .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__info-item h4 { font-size: 24px; line-height: 29px; } } @media screen and (max-width: 950px) { .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__info-item h4 { font-size: 20px; line-height: 24px; } } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__info-item p { font-family: var(--brand-typo_font-family--secondary_regular); font-size: 16px; padding-top: 8px; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__slider-container { margin-top: 20px; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__volume-desc { text-align: center; color: #1f2d3d; font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 4px; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__volume-emails-monthly { color: var(--marketing-black); font-size: 14px; font-family: var(--brand-typo_font-family--secondary_regular); margin-top: 30px; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__volume-emails-count { font-size: 14px; font-family: var(--brand-typo_font-family--secondary_regular); color: var(--marketing-charcoal-grey-600); margin-top: 28px; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__additional-options-list { padding: 16px 0px 0px 0px; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__additional-options-list span { font-size: 16px; display: inline-block; padding: 0 4px 4px 4px; vertical-align: middle; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__additional-options-list label { cursor: pointer; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__additional-options-list li { list-style: none; margin-bottom: 24px; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__additional-options-list li ul { padding: 9px 0 0 24px; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__additional-options-list li ul li { font-size: 16px; padding-bottom: 8px; color: #1f2d3d; margin-bottom: 0px; list-style: disc; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__additional-options-list li ul li.__no-bullet { list-style: none; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__bold { font-weight: bold; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__price-breakdown { margin-bottom: 5px; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__price-breakdown ul { padding-top: 16px; padding-left: 0px; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__price-breakdown li { list-style: none; padding-bottom: 8px; font-size: 16px; font-family: var(--brand-typo_font-family--secondary_regular); } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__price-breakdown li.sib-pricing-calculator__bold { font-family: var(--brand-typo_font-family--secondary_regular); } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__price-breakdown span:nth-child(1) { float: none; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__price-breakdown span:nth-child(2) { float: right; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__price-breakdown .sib-pricing-calculator__total-price-display-slider { text-align: center; display: flex; justify-content: center; align-items: baseline; font-weight: bold; font-family: var(--brand-typo_font-family--primary_semibold); } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__price-breakdown .sib-pricing-calculator__total-price-display-slider span { margin-bottom: 4px; font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; font-size: 38px; text-align: center; line-height: 38px; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__price-breakdown .sib-pricing-calculator__total-price-display-slider p { padding-top: 0px; font-family: var(--brand-typo_font-family--secondary_regular); font-size: 14px; color: #687484; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__divider { border: 1px solid #c0ccda; border-style: dashed; margin: 20px 0; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__submit-button { background: var(--marketing-black); color: var(--marketing-white); width: 100%; display: block; border-radius: 30px; padding: 16px 30px; text-align: center; text-decoration: none; transition: all 0.25s ease; font-weight: bold; cursor: pointer; border: 0; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__submit-button:hover { background-color: var(--marketing-forest-green-800); } .sib-pricing-slider.sib-pricing-calculator .rangeslider-horizontal .rangeslider__fill { background-color: var(--marketing-black); box-shadow: none; } .sib-pricing-slider.sib-pricing-calculator .rangeslider-horizontal { background-color: #dee4ec; border-radius: 4px; box-shadow: none; height: 8px; } .sib-pricing-slider.sib-pricing-calculator .rangeslider-horizontal .rangeslider__handle { width: 25px; height: 25px; border-radius: 50%; } .sib-pricing-slider.sib-pricing-calculator .rangeslider .rangeslider__handle { background: var(--marketing-black); border: 1px solid rgba(0, 0, 0, 0); box-shadow: none; outline: 0px; outline: none; } .sib-pricing-slider.sib-pricing-calculator .rangeslider-horizontal .rangeslider__handle:after { content: " "; position: absolute; width: 15px; height: 15px; top: 4px; left: 4px; background-color: var(--marketing-white); box-shadow: none; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator__switch-to-premium { cursor: pointer; border-bottom: 1px solid var(--marketing-white); text-decoration: none; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box.sib-slider-tooltip { background: #091e3f; padding: 20px 20px 25px 20px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); color: var(--marketing-white); border-radius: 3px; position: absolute; bottom: 90px; left: calc(50% - 25px); width: 260px; z-index: 1; } @media (max-width: 1200px) { .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box.sib-slider-tooltip { bottom: 91px; right: -5px; left: auto; } } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box.display-none { display: none; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box p { height: 100%; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box * { margin-bottom: 0px; color: var(--marketing-white); } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box__title { font-size: 14px; font-weight: bold; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box__close { display: flex; justify-content: flex-end; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box__close button { border: none; background: none; } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box__close svg { width: 10px; height: 10px; margin-bottom: 10px; display: flex; fill: var(--marketing-white); } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box__close__promo-box-desc { font-size: 14px; padding-top: 10px; color: var(--marketing-white); } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box__close__promo-box-cta { color: var(--marketing-white); padding: 8px 40px; transition: all 0.25s ease; border-radius: 28px; margin-top: 16px; display: inline-block; text-decoration: none; background: var(--marketing-black); font-size: 14px; font-family: var(--brand-typo_font-family--secondary_regular); } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box__close__promo-box-cta:hover { background-color: var(--marketing-forest-green-600); } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box__tool-tip-point { width: 15px; height: 15px; background: #091e3f; position: absolute; bottom: -7px; left: calc(50% - 5px); transform: rotate(45deg); } @media (max-width: 1200px) { .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box__tool-tip-point { left: 90%; } } .sib-pricing-slider.sib-pricing-calculator .sib-pricing-calculator-promo-box .sib-pricing-slider__get-a-quote { color: var(--marketing-black); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-lib-pricing { position: relative; padding: 5px; } .sib-lib-pricing:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 55%; background-color: #044a75; } .sib-lib-pricing__wrapper { max-width: 1200px; width: 100%; position: relative; margin-right: auto; margin-left: auto; margin-bottom: 55px; } .sib-lib-pricing__boxes { margin-top: 78px; display: flex; flex-flow: row wrap; justify-content: space-between; } @media (max-width: 1200px) { .sib-lib-pricing__boxes { margin-top: 30px; padding: 36px 25px 50px; margin-left: -25px; overflow-x: hidden; flex-flow: initial; } } .sib-lib-pricing__box.premium { background-color: #fffdf2; } .sib-lib-pricing__box { position: relative; background-color: var(--marketing-white); box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1); border-radius: 8px; width: calc(25% - 30px); text-align: center; padding: 40px 25px 50px; transition: all 0.5s cubic-bezier(0.01, 0.985, 0.73, 0.995); } @media (max-width: 1200px) { .sib-lib-pricing__box { width: initial; min-width: calc(100% + 25px); margin-right: 8px; } } .sib-lib-pricing__box h3 { font-size: 32px; line-height: 38px; display: block; font-family: var(--brand-typo_font-family--primary_semibold); color: var(--marketing-black); font-weight: 400; font-style: normal; } .sib-lib-pricing__box p { height: 50px; font-family: var(--brand-typo_font-family--secondary_regular); color: var(--marketing-charcoal-grey-600); font-size: 14px; line-height: 24px; } .sib-lib-pricing__box .starting-at { font-family: var(--brand-typo_font-family--secondary_regular); color: var(--marketing-black); font-size: 14px !important; text-align: center; height: 24px; } .sib-lib-pricing__container--price { margin-top: 11px; margin-bottom: 20px; min-height: 183px; position: relative; } .sib-lib-pricing__container--price.enterprise div { font-size: 18px; line-height: 28px; font-family: var(--brand-typo_font-family--secondary_regular); margin-bottom: 20px; padding-top: 40px; height: 95px; } .sib-lib-pricing__container--price.hideSlider { min-height: 60px; } .sib-lib-pricing__container--price.hideSlider.enterprise div { padding-top: 0; height: 41px; margin-top: -25px; } .sib-lib-pricing__container--price-currency-free, .sib-lib-pricing__container--price-currency-enterprise { font-size: 38px; line-height: 52px; font-family: var(--brand-typo_font-family--primary_semibold); color: var(--marketing-black); display: inline-block; } .sib-lib-pricing__container--price-currency-free span, .sib-lib-pricing__container--price-currency-enterprise span { font-size: 16px; } .sib-lib-pricing__container--price-duration { font-family: var(--brand-typo_font-family--secondary_regular); line-height: 24px; color: var(--marketing-black); display: inline-block; font-size: 20px; font-weight: 700; } .sib-lib-pricing__btn { background-color: var(--marketing-white); border: 1px solid var(--marketing-black); transition: all 0.25s ease; width: 100%; margin-top: 20px; cursor: pointer; text-decoration: none; border-radius: 30px; display: inline-flex; flex-flow: row wrap; justify-content: center; padding: 17px 30px; color: var(--marketing-black); font-size: 14px; line-height: 19px; font-family: var(--brand-typo_font-family--secondary_regular); text-decoration: none; } .sib-lib-pricing__btn:hover { text-decoration: none; color: var(--marketing-black); } .sib-lib-pricing__plan-info { text-align: left; } .sib-lib-pricing__plan-info p { flex: 1; text-align: left; font-family: var(--brand-typo_font-family--secondary_regular); font-size: 14px; line-height: 24px; color: var(--marketing-black); padding: 26px 0 0; margin-bottom: 0px; height: 70px; display: flex; align-items: flex-end; } .sib-lib-pricing__plan-info ul { padding: 0; } .sib-lib-pricing__plan-info ul li { list-style: none; display: flex; align-items: baseline; } .sib-lib-pricing__plan-info ul span { font-family: var(--brand-typo_font-family--secondary_regular); font-size: 14px; line-height: 24px; } .sib-lib-pricing__plan-info.hideSliderInfo.enterprise { margin-top: 40px; } .sib-lib-pricing__plan-info.hideSliderInfo.free { margin-top: 45px; } .sib-lib-pricing__plan-info--icon { padding-top: 4px; margin-right: 12px; display: inline-block; } .sib-lib-pricing__plan-info--icon img { width: 14px; } .sib-lib-pricing__box-badge { background-color: var(--marketing-cream-300); color: var(--marketing-black); position: absolute; bottom: calc(100% + 5px); left: 0; width: 100%; padding: 8px 0; border-radius: 8px; font-size: 11px; line-height: 15px; font-family: var(--brand-typo_font-family--secondary_regular); } .sib-lib-currency-switcher { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin-bottom: 50px; } @media (max-width: 640px) { .sib-lib-currency-switcher { margin-top: 0; width: 100%; flex-direction: column; } } .sib-lib-currency-switcher__dropdown { display: inline-block; margin: 0 20px; } .sib-lib-currency-switcher__dropdown button { background-color: white !important; color: black !important; border: 1px solid #d2d5d9 !important; border-radius: 30px; height: 50px; font-family: var(--brand-typo_font-family--secondary_regular); text-align: left; padding-left: 22px; } .sib-lib-currency-switcher__dropdown button:after { float: right; margin-top: 10px; margin-right: 12px; } .sib-lib-currency-switcher__dropdown button:focus, .sib-lib-currency-switcher__dropdown button:hover, .sib-lib-currency-switcher__dropdown button:active { box-shadow: none !important; background: white; color: black; border: 1px solid #d2d5d9; border-color: #d2d5d9 !important; } .sib-lib-currency-switcher__dropdown .dropdown-menu.show { display: block; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); background-color: var(--marketing-white) !important; border-radius: 0 0 8px 8px; border: 0; overflow-y: scroll; height: 200px; } .sib-lib-currency-switcher__dropdown .dropdown-menu.show a { padding: 10px 20px; font-family: var(--brand-typo_font-family--secondary_regular); font-size: 14px; line-height: 24px; color: var(--marketing-black); } .sib-pricing-header { text-align: center; margin-top: 100px; padding-bottom: 59px; } .sib-pricing-header h2 { font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; font-size: 50px; color: var(--marketing-black); line-height: 72px; padding-bottom: 20px; } .sib-pricing-header p { margin-top: 10px; font-family: var(--brand-typo_font-family--secondary_regular); line-height: 30px; font-size: 18px; color: var(--marketing-charcoal-grey-600); max-width: 582px; margin: 0 auto; } .sib-pricing-inner-header { position: relative; margin-top: 50px; padding-bottom: 20px; } .sib-pricing-inner-header h2 { color: var(--marketing-white); } .sib-pricing-inner-header P { color: var(--marketing-white); opacity: 0.8; } .calculate-link { color: var(--marketing-black); font-family: var(--brand-typo_font-family--secondary_regular); position: absolute; bottom: 30px; top: auto; text-align: center; width: 100%; left: 0; cursor: pointer; font-size: 14px; transition: all 0.25s ease; font-weight: bold; } .calculate-link-old-pricing { color: var(--marketing-black); font-family: var(--brand-typo_font-family--secondary_regular); bottom: 30px; margin-top: 20px; text-align: center; width: 100%; cursor: pointer; font-size: 14px; transition: all 0.25s ease; font-weight: bold; } .container-select-plan { width: 100%; margin-top: 56px; } .container-select-plan .package-select-open button { display: flex; width: 100%; border: none; background: var(--marketing-white); font-size: 20px; outline: none; height: 56px; line-height: 56px; justify-content: center; text-align: center; font-family: var(--brand-typo_font-family--secondary_regular); border-bottom: solid 1px var(--marketing-cream-300); } .container-select-plan .package-select-open button:first-child { border-top-right-radius: 8px; border-top-left-radius: 8px; } .container-select-plan .package-select-open button:last-child { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .container-select-plan .package-select-open .active { background: var(--marketing-cream-300); font-weight: bold; } .container-select-plan .select-plan-sticky { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-weight: bold; position: fixed; font-size: 20px; top: 72px; left: 0; z-index: 997; height: 56px; min-height: 56px; padding-left: 10%; border: none; border-radius: 0px; background: var(--marketing-white); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), inset 0 1px 0 0 #eeeceb, inset 0 -1px 0 0 rgba(9, 30, 63, 0.08); } .container-select-plan .container-select-plan-arrow { width: 10px; height: 10px; z-index: 999; position: fixed; margin-top: 25px; top: 95px; right: 10%; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } body.hide-scroll { height: 100% !important; overflow: hidden; } body.hide-scroll *:not(.sib-modal)::-webkit-scrollbar { display: none !important; } body.hide-scroll *:not(.sib-modal) { -ms-overflow-style: none !important; /* IE and Edge */ scrollbar-width: none !important; /* Firefox */ } .sib-modal { position: fixed; top: 0; left: 0; background: white; width: 100%; height: 100%; z-index: 9999; overflow-y: auto; padding: 80px 10px; text-align: left; } @media (min-width: 1201px) { .sib-modal { padding: 140px 120px; } } .sib-modal .sib-close { text-align: right; padding: 22px; cursor: pointer; position: absolute; right: 0px; top: 0px; } .sib-modal .sib-close img { width: 35px; height: 35px; } @media (min-width: 1201px) { .sib-modal .sib-close { right: 100px; top: 20px; } } /** * Rangeslider */ .rangeslider { margin: 20px 0; position: relative; background: #e6e6e6; touch-action: none; } .rangeslider, .rangeslider .rangeslider__fill { display: block; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4); } .rangeslider .rangeslider__handle { background: #fff; border: 1px solid #ccc; cursor: pointer; display: inline-block; position: absolute; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 -1px 3px rgba(0, 0, 0, 0.4); } .rangeslider .rangeslider__handle .rangeslider__active { opacity: 1; } .rangeslider .rangeslider__handle-tooltip { width: 40px; height: 40px; text-align: center; position: absolute; background-color: rgba(0, 0, 0, 0.8); font-weight: normal; font-size: 14px; transition: all 100ms ease-in; border-radius: 4px; display: inline-block; color: white; left: 50%; transform: translate3d(-50%, 0, 0); } .rangeslider .rangeslider__handle-tooltip span { margin-top: 12px; display: inline-block; line-height: 100%; } .rangeslider .rangeslider__handle-tooltip:after { content: " "; position: absolute; width: 0; height: 0; } /** * Rangeslider - Horizontal slider */ .rangeslider-horizontal { height: 12px; border-radius: 10px; } .rangeslider-horizontal .rangeslider__fill { height: 100%; background-color: #7cb342; border-radius: 10px; top: 0; } .rangeslider-horizontal .rangeslider__handle { width: 30px; height: 30px; border-radius: 30px; top: 50%; transform: translate3d(-50%, -50%, 0); } .rangeslider-horizontal .rangeslider__handle:after { content: " "; position: absolute; width: 16px; height: 16px; top: 6px; left: 6px; border-radius: 50%; background-color: #dadada; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 -1px 3px rgba(0, 0, 0, 0.4) inset; } .rangeslider-horizontal .rangeslider__handle-tooltip { top: -55px; } .rangeslider-horizontal .rangeslider__handle-tooltip:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.8); left: 50%; bottom: -8px; transform: translate3d(-50%, 0, 0); } /** * Rangeslider - Vertical slider */ .rangeslider-vertical { margin: 20px auto; height: 150px; max-width: 10px; background-color: transparent; } .rangeslider-vertical .rangeslider__fill, .rangeslider-vertical .rangeslider__handle { position: absolute; } .rangeslider-vertical .rangeslider__fill { width: 100%; background-color: #7cb342; box-shadow: none; bottom: 0; } .rangeslider-vertical .rangeslider__handle { width: 30px; height: 10px; left: -10px; box-shadow: none; } .rangeslider-vertical .rangeslider__handle-tooltip { left: -100%; top: 50%; transform: translate3d(-50%, -50%, 0); } .rangeslider-vertical .rangeslider__handle-tooltip:after { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid rgba(0, 0, 0, 0.8); left: 100%; top: 12px; } /** * Rangeslider - Reverse */ .rangeslider-reverse.rangeslider-horizontal .rangeslider__fill { right: 0; } .rangeslider-reverse.rangeslider-vertical .rangeslider__fill { top: 0; bottom: inherit; } /** * Rangeslider - Labels */ .rangeslider__labels { position: relative; } .rangeslider-vertical .rangeslider__labels { position: relative; list-style-type: none; margin: 0 0 0 24px; padding: 0; text-align: left; width: 250px; height: 100%; left: 10px; } .rangeslider-vertical .rangeslider__labels .rangeslider__label-item { position: absolute; transform: translate3d(0, -50%, 0); } .rangeslider-vertical .rangeslider__labels .rangeslider__label-item::before { content: ""; width: 10px; height: 2px; background: black; position: absolute; left: -14px; top: 50%; transform: translateY(-50%); z-index: -1; } .rangeslider__labels .rangeslider__label-item { position: absolute; font-size: 14px; cursor: pointer; display: inline-block; top: 10px; transform: translate3d(-50%, 0, 0); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-pricing-calculator { font-family: var(--brand-typo_font-family--secondary_regular); } .sib-pricing-calculator h3 { font-size: 32px; line-height: 38px; font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; color: #091e3f; text-align: center; margin-bottom: 40px; } .sib-pricing-calculator h4 { font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; } .sib-pricing-calculator .sib-pricing-calculator__left { padding-right: 30px; } @media (min-width: 1201px) { .sib-pricing-calculator .sib-pricing-calculator__left { padding-right: 134px; } } .sib-pricing-calculator .sib-pricing-calculator__info-item { margin-bottom: 32px; } .sib-pricing-calculator .sib-pricing-calculator__info-item h4 { margin-bottom: 2px; } @media screen and (min-width: 950px) { .sib-pricing-calculator .sib-pricing-calculator__info-item h4 { font-size: 24px; line-height: 29px; } } @media screen and (max-width: 950px) { .sib-pricing-calculator .sib-pricing-calculator__info-item h4 { font-size: 20px; line-height: 24px; } } .sib-pricing-calculator .sib-pricing-calculator__info-item p { font-family: var(--brand-typo_font-family--secondary_regular); font-size: 16px; padding-top: 8px; } .sib-pricing-calculator .sib-pricing-calculator__slider-container { border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); margin-top: 21px; padding: 31px 28px; } .sib-pricing-calculator .sib-pricing-calculator__volume-desc { text-align: center; color: #1f2d3d; font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 4px; } .sib-pricing-calculator .sib-pricing-calculator__volume-emails-count { color: #1f2d3d; font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; font-size: 24px; font-weight: 700; line-height: 32px; text-align: center; } .sib-pricing-calculator .sib-pricing-calculator__additional-options-list { padding: 16px 0px 0px 0px; } .sib-pricing-calculator .sib-pricing-calculator__additional-options-list span { font-size: 16px; display: inline-block; padding: 0 4px 4px 4px; vertical-align: middle; } .sib-pricing-calculator .sib-pricing-calculator__additional-options-list label { cursor: pointer; } .sib-pricing-calculator .sib-pricing-calculator__additional-options-list li { list-style: none; margin-bottom: 24px; } .sib-pricing-calculator .sib-pricing-calculator__additional-options-list li ul { padding: 9px 0 0 24px; } .sib-pricing-calculator .sib-pricing-calculator__additional-options-list li ul li { font-size: 16px; padding-bottom: 8px; color: #1f2d3d; margin-bottom: 0px; list-style: disc; } .sib-pricing-calculator .sib-pricing-calculator__additional-options-list li ul li.__no-bullet { list-style: none; } .sib-pricing-calculator .sib-pricing-calculator__bold { font-weight: bold; } .sib-pricing-calculator .sib-pricing-calculator__price-breakdown { margin-bottom: 32px; } .sib-pricing-calculator .sib-pricing-calculator__price-breakdown ul { padding-top: 16px; padding-left: 0px; } .sib-pricing-calculator .sib-pricing-calculator__price-breakdown li { list-style: none; padding-bottom: 8px; font-size: 16px; font-family: var(--brand-typo_font-family--secondary_regular); } .sib-pricing-calculator .sib-pricing-calculator__price-breakdown li.sib-pricing-calculator__bold { font-family: var(--brand-typo_font-family--secondary_regular); } .sib-pricing-calculator .sib-pricing-calculator__price-breakdown span:nth-child(1) { float: none; } .sib-pricing-calculator .sib-pricing-calculator__price-breakdown span:nth-child(2) { float: right; } .sib-pricing-calculator .sib-pricing-calculator__price-breakdown .sib-pricing-calculator__total-price-display { text-align: right; } .sib-pricing-calculator .sib-pricing-calculator__price-breakdown .sib-pricing-calculator__total-price-display h3 { margin-bottom: 4px; font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; font-size: 38px; text-align: right; line-height: 38px; } .sib-pricing-calculator .sib-pricing-calculator__price-breakdown .sib-pricing-calculator__total-price-display p { padding-top: 0px; font-family: var(--brand-typo_font-family--secondary_regular); font-size: 14px; color: #687484; } .sib-pricing-calculator .sib-pricing-calculator__divider { border: 1px solid #c0ccda; border-style: dashed; margin: 20px 0; } .sib-pricing-calculator .sib-pricing-calculator__submit-button { background: #0092ff; color: #fff; width: 100%; display: block; border-radius: 30px; padding: 16px 30px; text-align: center; text-decoration: none; transition: all 0.25s ease; font-weight: bold; cursor: pointer; border: 0; } .sib-pricing-calculator .sib-pricing-calculator__submit-button:hover { background-color: #044a75; } .sib-pricing-calculator .rangeslider-horizontal .rangeslider__fill { background-color: #0092ff; box-shadow: none; } .sib-pricing-calculator .rangeslider-horizontal { background-color: #dee4ec; border-radius: 4px; box-shadow: none; height: 8px; } .sib-pricing-calculator .rangeslider-horizontal .rangeslider__handle { width: 25px; height: 25px; border-radius: 50%; } .sib-pricing-calculator .rangeslider .rangeslider__handle { background: #0092ff; border: 1px solid rgba(0, 0, 0, 0); box-shadow: none; outline: 0px; outline: none; } .sib-pricing-calculator .rangeslider-horizontal .rangeslider__handle:after { content: " "; position: absolute; width: 15px; height: 15px; top: 4px; left: 4px; background-color: #ffffff; box-shadow: none; } .sib-pricing-calculator .sib-pricing-calculator__switch-to-premium { cursor: pointer; border-bottom: 1px solid #fff; text-decoration: none; } .sib-pricing-calculator .sib-pricing-calculator__promo-box { background: #044a75; padding: 16px; margin-bottom: 20px; margin-top: -20px; color: #fff; } .sib-pricing-calculator .sib-pricing-calculator__promo-box * { margin-bottom: 0px; color: #fff; } .sib-pricing-calculator .sib-pricing-calculator__promo-box .sib-pricing-calculator__promo-box-title { font-size: 16px; font-weight: bold; } .sib-pricing-calculator .sib-pricing-calculator__promo-box .sib-pricing-calculator__promo-box-desc { font-size: 16px; padding-top: 10px; color: #fff; } .sib-pricing-calculator .sib-pricing-calculator__promo-box .sib-pricing-calculator__promo-box-cta { color: #fff; padding: 8px 40px; transition: all 0.25s ease; border-radius: 28px; margin-top: 16px; display: inline-block; text-decoration: none; background: #0092ff; font-size: 14px; font-family: var(--brand-typo_font-family--secondary_regular); } .sib-pricing-calculator .sib-pricing-calculator__promo-box .sib-pricing-calculator__promo-box-cta:hover { background-color: #0161e5; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-counter { font-size: 24px; color: #1f2d3d; display: flex; align-items: center; } .sib-counter__button { border: 1px solid #1f2d3d; border-radius: 100%; width: 32px; height: 32px; text-align: center; line-height: 1; cursor: pointer; transition: all 0.25s ease; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .sib-counter__button.disabled { color: #C0CCDA; border-color: #C0CCDA; cursor: default; } .sib-counter__value { margin-left: 10px; margin-right: 10px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-filter-button { display: flex; align-items: center; justify-content: space-between; width: 100px; height: 40px; padding: 10px 14.5px 12.6px 13px; border-radius: 10px; border: solid 1px var(--marketing-forest-green-600); background-color: #0161e515; font: var(--brand-typo_font-family--secondary_regular); font-size: 12px; font-weight: bold; line-height: 1.5; cursor: pointer; } .sib-filter-button-cross { width: 15px; height: 15px; margin-bottom: 2px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-tags { color: var(--marketing-black); line-height: 24px; font-size: 16px; font-family: var(--brand-typo_font-family--secondary_regular); letter-spacing: 0; font-weight: bold; margin: 0 10px 9px 0; padding: 10px 15px 10px 13px; border-radius: 4px; border: none; cursor: pointer; } @media (max-width: 640px) { .sib-tags { padding: 10px 20px; } } .sib-tags:focus { outline: none; } .sib-tags:nth-child(4n+1) { background: linear-gradient(to right, var(--marketing-cream-100) 50%, var(--marketing-mint-green-300) 50%); background-size: 200% 100%; background-position: right bottom; transition: all 0.5s ease-out; } .sib-tags:nth-child(4n+2) { background: linear-gradient(to right, var(--marketing-cream-100) 50%, var(--marketing-cream-300) 50%); background-size: 200% 100%; background-position: right bottom; transition: all 0.5s ease-out; } .sib-tags:nth-child(4n+3) { background: linear-gradient(to right, var(--marketing-cream-100) 50%, var(--marketing-black) 50%); color: var(--marketing-white); background-size: 200% 100%; background-position: right bottom; transition: all 0.5s ease-out; } .sib-tags:nth-child(4n+3):hover { color: var(--marketing-black); } .sib-tags:nth-child(4n+4) { background: linear-gradient(to right, var(--marketing-cream-100) 50%, var(--marketing-black) 50%); color: var(--marketing-white); background-size: 200% 100%; background-position: right bottom; transition: all 0.5s ease-out; } .sib-tags:nth-child(4n+4):hover { color: var(--marketing-black); } .sib-tags:hover { background-position: left bottom; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-heading { font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; text-align: center; } .sib-heading.white { color: var(--marketing-white); } .sib-heading.downriver { color: var(--marketing-black); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-heading.h1 { font-size: 72px; line-height: 72px; } @media (max-width: 640px) { .sib-heading.h1 { font-size: 42px; line-height: 50px; } } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-heading.h2 { font-size: 50px; line-height: 50px; } @media (max-width: 640px) { .sib-heading.h2 { font-size: 30px; line-height: 36px; } } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-heading.h3 { font-size: 32px; line-height: 38px; } @media (max-width: 640px) { .sib-heading.h3 { font-size: 24px; line-height: 24px; } } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-heading.h4 { font-size: 24px; line-height: 29px; } @media (max-width: 640px) { .sib-heading.h4 { font-size: 20px; line-height: 24px; } } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-heading.h5 { font-size: 18px; line-height: 22px; } @media (max-width: 640px) { .sib-heading.h5 { font-size: 18px; line-height: 22px; } } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-heading.h6 { font-size: 16px; line-height: 18px; } @media (max-width: 640px) { .sib-heading.h6 { font-size: 16px; line-height: 19px; } } .sib-img { width: 100%; height: 100%; -o-object-fit: none; object-fit: none; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-dropdown { font-family: var(--brand-typo_font-family--secondary_regular); color: var(--marketing-charcoal-grey-600); } .sib-dropdown svg { width: 10px; height: 10px; } .sib-dropdown span { background-color: var(--marketing-white); } .sib-dropdown__single-value { color: var(--marketing-charcoal-grey-600); display: contents; } .sib-dropdown__value-container { align-content: center; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-cta-two-buttons { background: var(--marketing-mint-green-300); color: var(--marketing-black); font-size: 14px; padding: 53px 4px; text-align: center; width: 100%; } @media (min-width: 1201px) { .sib-cta-two-buttons { padding: 53px 10px; } } .sib-cta-two-buttons h2 { font-size: 48px; font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; margin-bottom: 20px; } .sib-cta-two-buttons p { line-height: 24px; font-size: 16px; font-family: var(--brand-typo_font-family--secondary_regular); letter-spacing: 0; max-width: 660px; margin: 0 auto; padding: 2px 0 12px; color: var(--marketing-charcoal-grey-600); font-size: 16px; } .sib-cta-two-buttons__wrapper { display: flex; flex-direction: row; align-items: baseline; justify-content: center; margin-top: 29px; } .sib-cta-two-buttons__wrapper a { margin-right: 21px; } .sib-cta-two-buttons.peach-schnapps { background: var(--marketing-mint-green-300); color: var(--marketing-black); } .sib-cta-two-buttons.gold { background: var(--marketing-cream-300); color: var(--marketing-black); } .sib-cta-two-buttons.gold p { color: var(--marketing-black); } .sib-cta-two-buttons.gold h2 { color: var(--marketing-black); } .sib-cta-two-buttons.regal-blue { background: var(--marketing-forest-green-800); color: var(--marketing-white); } .sib-cta-two-buttons.regal-blue p { color: var(--marketing-white); } .sib-cta-two-buttons.regal-blue h2 { color: var(--marketing-white); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-cta-large { background: var(--marketing-mint-green-300); color: var(--marketing-black); font-size: 14px; padding: 50px 90px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; } .sib-cta-large h2 { font-size: 48px; font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; margin-bottom: 20px; } .sib-cta-large p { line-height: 24px; font-size: 16px; font-family: var(--brand-typo_font-family--secondary_regular); letter-spacing: 0; max-width: 660px; margin: 0 auto; padding: 2px 0 12px; color: var(--marketing-charcoal-grey-600); font-size: 16px; } .sib-cta-large .sib-container-content { position: relative; width: 50%; } .sib-cta-large .sib-container-content a { text-decoration: none; } .sib-cta-large .sib-container-content .title { color: var(--marketing-black); } .sib-cta-large .sib-container-content .text { color: var(--marketing-charcoal-grey-600); font-family: var(--brand-typo_font-family--secondary_regular); font-size: 16px; line-height: 26px; padding-bottom: 10px; margin-bottom: 16px; } @media (max-width: 640px) { .sib-cta-large .sib-container-content .text { text-align: center; } } @media (max-width: 1200px) { .sib-cta-large .sib-container-content { width: 100%; text-align: center; margin-top: 20px; } .sib-cta-large .sib-container-content h2 { font-size: 30px; line-height: 36px; } } .sib-cta-large .sib-container-image { position: relative; width: 38%; } .sib-cta-large .sib-container-image .sib-img { -o-object-fit: initial; object-fit: initial; } @media (max-width: 1200px) { .sib-cta-large .sib-container-image { width: 100%; text-align: center; } .sib-cta-large .sib-container-image img { width: 290px; } } @media (max-width: 1200px) { .sib-cta-large { padding-top: 50px; padding-bottom: 60px; } } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-input-tags { font-family: var(--brand-typo_font-family--secondary_regular); color: var(--marketing-charcoal-grey-600); } .sib-input-tags svg { width: 10px; height: 10px; } .sib-input-tags .sib-input-tags__indicator-separator { display: none; } .sib-input-tags .sib-input-tags__clear-indicator svg { width: 18px; height: 18px; } .sib-input-tags .sib-input-tags__multi-value__remove svg { width: 18px; height: 18px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-paragraph { line-height: 24px; font-size: 16px; font-family: var(--brand-typo_font-family--secondary_regular); letter-spacing: 0; } .sib-paragraph.schuttle-gray { color: var(--marketing-charcoal-grey-600); } .sib-paragraph.downriver { color: var(--marketing-black); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-cover1 { background: var(--marketing-cream-100); padding: 30px; width: 100%; } .sib-cover1 p, .sib-cover1 a { margin-top: 55px; } .sib-cover1 h1 { text-align: left; } .sib-cover1__image { width: 100%; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-list-item { font-family: var(--brand-typo_font-family--secondary_regular); font-size: 20px; font-weight: bold; text-decoration: none; display: flex; opacity: 0.8; cursor: pointer; margin: 10px; color: var(--marketing-black); } .sib-list-item:hover { text-decoration: none; color: var(--marketing-black); } .sib-list-item svg { width: 30px; height: 28px; } .sib-list-item span { line-height: 1.6; margin-left: 5px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-rating-banner { background: var(--marketing-cream-100); color: var(--marketing-black); font-size: 14px; padding: 53px 4px; text-align: letft; width: 100%; } @media (min-width: 1201px) { .sib-rating-banner { padding: 53px 10px; } } .sib-rating-banner h2 { font-size: 48px; font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; margin-bottom: 20px; } .sib-rating-banner p { line-height: 24px; font-size: 16px; font-family: var(--brand-typo_font-family--secondary_regular); letter-spacing: 0; max-width: 660px; margin: 0; padding: 0; color: var(--marketing-charcoal-grey-600); font-size: 16px; } .sib-rating-banner__left--wrapper { max-width: 470px; } .sib-rating-banner__left--ratings-wrapper { margin-top: 17px; } .sib-rating-banner__left--rating-item { display: flex; align-items: center; margin-top: 2px; } @media (max-width: 640px) { .sib-rating-banner__left--rating-item { flex-direction: column; align-items: flex-start; margin-bottom: 5px; } } .sib-rating-banner__left--rating-item .star-ratings { min-width: 138px; } .sib-rating-banner__left--rating-item svg { stroke: #ffd201; stroke-width: 3px; } .sib-rating-banner__left--rating-item span.info { padding: 0 5px; } .sib-rating-banner__left--rating-item span.info a { color: var(--marketing-black); } .sib-rating-banner__left--rating-item span.info.bold { font-weight: bold; } .sib-rating-banner__left--rating-item span.info.light { color: var(--marketing-charcoal-grey-600); } .sib-rating-banner__right { display: flex; justify-content: center; } .sib-rating-banner__right img { width: 400px; height: 100%; -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 1024px) { .sib-rating-banner__right img { margin-top: 20px; width: 350px; } } @media screen and (max-width: 640px) { .sib-rating-banner__right img { width: 100%; } } .sib-rating-banner.enterprise { background: white; color: var(--marketing-black); } .sib-rating-banner.enterprise .sib-rating-banner__left--rating-item svg { stroke: #b99363; stroke-width: 3px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .parent { background: var(--marketing-forest-green-800); color: var(--marketing-white); padding: 16px; border-radius: 8px; display: grid; grid-gap: 8px; width: 100%; } .title { font-family: var(--brand-typo_font-family--secondary_regular); font-size: 16px; } .subtitle { font-family: var(--brand-typo_font-family--secondary_regular); color: var(--marketing-white); font-size: 16px; text-decoration: none; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sliderLabel { font-size: 21px; line-height: 32px; font-family: var(--brand-typo_font-family--secondary_regular); color: var(--marketing-charcoal-grey-600); } @media (max-width: 640px) { .sliderLabel { line-height: 24px; } } .slider { width: 100%; padding-bottom: 36px; } @media (max-width: 640px) { .slider { padding-bottom: 24px; } } .sliderDesktop { display: block; } @media (max-width: 640px) { .sliderDesktop { display: none; } } .sliderMobile { display: none; } @media (max-width: 640px) { .sliderMobile { display: block; } } .mobileValues { display: none; font-size: 14px; color: #868e96; } @media (max-width: 640px) { .mobileValues { display: flex; flex-direction: row; justify-content: space-between; } } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .counterParent { display: grid; place-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; grid-gap: 16px; } .counterContainer { display: flex; grid-template-columns: repeat(3, 1fr); gap: 8px; min-width: 30px; } .button { text-align: center; padding: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--marketing-white); border: 1px solid var(--marketing-black); } .button:disabled { border-color: var(--marketing-cream-300); color: var(--marketing-cream-300); } .counter { font-family: var(--brand-typo_font-family--secondary_regular); font-size: 21px; line-height: 32px; min-width: 15px; } .plusSymbol { transform: translate(1px, -2px); font-size: 22px; } .subtext { font-size: 14px; line-height: 16px; font-family: var(--brand-typo_font-family--secondary_regular); color: var(--marketing-charcoal-grey-600); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-pricing-most-popular { background: var(--marketing-cream-300); height: 30px; position: absolute; border-radius: 8px; margin-top: -80px; margin-left: -16px; max-width: 276px; width: 100%; font-family: var(--brand-typo_font-family--secondary_regular); font-size: 14px; text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; } .sib-pricing-white-box { margin: 0 20px; padding: 32px 16px; background-color: var(--marketing-white); box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.1); border-radius: 8px; width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; } .sib-pricing-white-box.platform_marketing, .sib-pricing-white-box.platform_chat { max-width: 276px; } .sib-pricing-white-box.platform_crm, .sib-pricing-white-box.platform_transactional { max-width: 778px; } .sib-pricing-white-box__headline { font-family: var(--brand-typo_font-family--secondary_regular); color: var(--marketing-charcoal-grey-700); font-size: 16px; text-align: center; height: 72px; } .sib-pricing-white-box__starting-from { font-family: var(--brand-typo_font-family--secondary_regular); color: var(--marketing-black); font-weight: 700; font-size: 14px; line-height: 24px; text-align: center; margin-bottom: 0; height: 20px; } .sib-pricing-white-box__custom-price { font-family: "sans-serif"; color: var(--marketing-black); font-weight: 700; font-size: 31px; text-align: center; margin-bottom: 0.5rem; height: 5.5rem; display: flex; align-items: center; justify-content: center; } .sib-pricing-white-box__enterprise { font-family: var(--brand-typo_font-family--secondary_regular); font-weight: 700; font-size: 14px; line-height: 24px; text-align: center; margin-bottom: 0; height: 135px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .sib-pricing-white-box__price { font-family: var(--brand-typo_font-family--primary_semibold); display: flex; flex-direction: row; justify-content: center; height: 75px; color: var(--marketing-black); } .sib-pricing-white-box__price.chat { margin-top: 20px; } .sib-pricing-white-box__price--margin { margin-top: 20px; } .sib-pricing-white-box__price--title { font-size: 50px; display: flex; justify-content: center; padding: 0; } .sib-pricing-white-box__price--number { font-size: 50px; display: flex; justify-content: flex-end; padding: 0; } .sib-pricing-white-box__price--currency { font-size: 21px; display: flex; justify-content: flex-start; align-items: flex-end; padding: 0 0 12px 0; } .sib-pricing-white-box__price--month { font-size: 21px; padding: 0 0 12px 0; align-self: flex-end; } .sib-pricing-white-box__price-chat { margin: auto; } .sib-pricing-white-box__price-chat-credit-card { font-family: var(--brand-typo_font-family--secondary_regular); font-style: italic; font-size: 14px; color: var(--marketing-charcoal-grey-600); text-align: center; margin-top: 5px; } .sib-pricing-white-box__price-txt { font-size: 14px; line-height: 24px; color: var(--marketing-black); font-family: var(--brand-typo_font-family--secondary_regular); text-align: center; } .sib-pricing-white-box__price-txt-chat-sub-text { font-size: 1rem; line-height: 24px; color: var(--marketing-black); font-family: var(--brand-typo_font-family--secondary_regular); text-align: center; } .sib-pricing-white-box__price-txt-chat { font-size: 14px; line-height: 16px; color: var(--marketing-charcoal-grey-600); font-family: var(--brand-typo_font-family--secondary_regular); text-align: center; } .sib-pricing-white-box__price-txt-grey { font-size: 14px; line-height: 32px; color: var(--marketing-charcoal-grey-600); font-family: var(--brand-typo_font-family--secondary_regular); font-style: italic; align-self: center; } .sib-pricing-white-box__btn { align-self: center; width: 244px; height: 110px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; } .sib-pricing-white-box__btn a { padding: 10px; height: 40px; } .sib-pricing-white-box__btn.chat { height: 75px; margin-bottom: 5px; } .sib-pricing-white-box__description { font-size: 0.875rem; font-family: var(--brand-typo_font-family--secondary_regular); font-style: italic; color: var(--marketing-charcoal-grey-600); text-align: center; margin-top: 8px; } .sib-pricing-white-box__usp-one-column { font-size: 14px; line-height: 24px; font-family: var(--brand-typo_font-family--secondary_regular); margin-bottom: 30px; margin-top: 15px; } .sib-pricing-white-box__usp-one-column p { color: var(--marketing-charcoal-grey-600); } .sib-pricing-white-box__usp-one-column--item { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; padding-bottom: 3px; } .sib-pricing-white-box__usp-one-column--item svg { margin-top: 7px; } .sib-pricing-white-box__usp-one-column--item span { color: var(--marketing-black); margin-left: 10px; } .sib-pricing-white-box__usp-three-columns { font-size: 14px; line-height: 24px; margin-bottom: 30px; } .sib-pricing-white-box__usp-three-columns--title { font-size: 16px; } .sib-pricing-white-box__usp-three-columns p { color: var(--marketing-black); font-family: var(--brand-typo_font-family--secondary_regular); text-align: center; } .sib-pricing-white-box__usp-three-columns--item { margin-top: 16px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; font-family: var(--brand-typo_font-family--secondary_regular); } .sib-pricing-white-box__usp-three-columns--item svg { align-self: flex-start; margin-top: 5px; } .sib-pricing-white-box__usp-three-columns--item div { display: flex; } .sib-pricing-white-box__usp-three-columns--item p { color: var(--marketing-black); margin: 0 0 0 10px; align-self: flex-start; font-family: var(--brand-typo_font-family--secondary_regular); text-align: initial; } .sib-pricing-white-box__usp-three-columns--item span { color: var(--marketing-charcoal-grey-600); margin-left: 22px; } .sib-pricing-white-box__features-link { font-size: 14px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-currency-selector { border: none; height: 24px; font-family: var(--brand-typo_font-family--secondary_regular); font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; background: none; text-align: end; } .sib-currency-selector:focus { box-shadow: none; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-pricing-block.bg-regal { background: linear-gradient(180deg, var(--marketing-forest-green-800) 70%, var(--marketing-white) 30%); } .sib-pricing-block.bg-peach { background: linear-gradient(180deg, var(--marketing-mint-green-300) 70%, var(--marketing-white) 30%); } .sib-pricing-block.bg-gold { background: linear-gradient(180deg, var(--marketing-cream-300) 70%, var(--marketing-white) 30%); } .sib-pricing-block.bg-azure { background: linear-gradient(180deg, var(--marketing-black) 70%, var(--marketing-white) 30%); } .sib-pricing-block__white-box { padding: 100px 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } .sib-pricing-block__currency { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-left: auto; position: absolute; margin-top: -40px; } .sib-pricing-block__currency.platform_marketing { width: 1240px; } .sib-pricing-block__currency.platform_marketing button, .sib-pricing-block__currency.platform_marketing:hover { color: var(--marketing-white); } .sib-pricing-block__currency.platform_chat { width: 600px; } .sib-pricing-block__currency.platform_chat button, .sib-pricing-block__currency.platform_chat:hover { color: var(--marketing-black); } .sib-pricing-block__currency.platform_crm { width: 790px; } .sib-pricing-block__currency.platform_crm button, .sib-pricing-block__currency.platform_crm:hover { color: var(--marketing-black); } .sib-pricing-block__currency.platform_transactional { width: 790px; } .sib-pricing-block__currency.platform_transactional button, .sib-pricing-block__currency.platform_transactional:hover { color: var(--marketing-white); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-pricing-tabs-desktop { padding: 0 40px; } .sib-pricing-tabs-desktop .nav-item { background: #eff2f7; } .sib-pricing-tabs-desktop .nav-item:first-child { border-radius: 8px 0px 0px 0px; } .sib-pricing-tabs-desktop .nav-item:last-child { border-radius: 0px 8px 0px 0px; } .sib-pricing-tabs-desktop .nav-item:not(:last-child) { border-right: 1px solid #c0ccda; } .sib-pricing-tabs-desktop .nav-item .nav-link { height: 80px; display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; flex-direction: row; font-family: var(--brand-typo_font-family--secondary_regular); font-size: 18px; line-height: 26px; color: var(--marketing-charcoal-grey-700); transition: none; cursor: pointer; } .sib-pricing-tabs-desktop .nav-item .nav-link.active { border: none; } .sib-pricing-tabs-desktop .nav-item .nav-link.active.bg-peach { background: var(--marketing-mint-green-300); color: var(--marketing-black); border-radius: 0; } .sib-pricing-tabs-desktop .nav-item .nav-link.active.bg-regal { background: var(--marketing-forest-green-800); color: var(--marketing-white); border-radius: 8px 0px 0px 0px; } .sib-pricing-tabs-desktop .nav-item .nav-link.active.bg-gold { background: var(--marketing-cream-300); color: var(--marketing-black); border-radius: 0; } .sib-pricing-tabs-desktop .nav-item .nav-link.active.bg-azure { background: var(--marketing-black); color: var(--marketing-white); border-radius: 0px 8px 0px 0px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .bannerList-container { background: #F9F8F7; padding: 22px 0; } .bannerList-inner { max-width: 788px; } @media (min-width: 1201px) { .bannerList-inner { display: flex; align-items: center; justify-content: space-between; } } @media (min-width: 1201px) { .bannerList-image { margin-right: 28px; } } .bannerList-heading { text-align: left; } .bannerList-list { padding: 0; -moz-column-count: 2; column-count: 2; } .bannerList-list svg { margin-top: 0; } .bannerList-list li { margin-bottom: 8px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-pricing__tabs-mobile { font-family: var(--brand-typo_font-family--secondary_regular); } .sib-pricing__tabs-mobile_block.bg-peach { background: var(--marketing-mint-green-300); color: var(--marketing-black); } .sib-pricing__tabs-mobile_block.bg-peach .line { background-color: var(--marketing-black); } .sib-pricing__tabs-mobile_block.bg-regal { background: var(--marketing-forest-green-800); color: var(--marketing-white); } .sib-pricing__tabs-mobile_block.bg-regal .line { background-color: var(--marketing-white); } .sib-pricing__tabs-mobile_block.bg-gold { background: var(--marketing-cream-300); color: var(--marketing-black); } .sib-pricing__tabs-mobile_block.bg-gold .line { background-color: var(--marketing-black); } .sib-pricing__tabs-mobile_block.bg-azure { background: var(--marketing-black); color: var(--marketing-white); } .sib-pricing__tabs-mobile_block.bg-azure .line { background-color: var(--marketing-white); } .sib-pricing__tabs-mobile_block.open .sib-pricing__tabs-mobile_block-head-icon { transform: rotate(180deg); } .sib-pricing__tabs-mobile_block.open .sib-pricing__tabs-mobile_block-head .line:nth-child(1), .sib-pricing__tabs-mobile_block.open .sib-pricing__tabs-mobile_block-head .line:nth-child(2) { transform: translate(-50%, -50%); } .sib-pricing__tabs-mobile_block.open .sib-pricing__tabs-mobile_block-body { height: auto; } .sib-pricing__tabs-mobile_block-head { cursor: pointer; padding: 32px 24px 32px 24px; font-size: 12px; } .sib-pricing__tabs-mobile_block-head-row { width: 100%; display: flex; } .sib-pricing__tabs-mobile_block-head-icon { width: 20px; height: 20px; transition: all 500ms cubic-bezier(0, 0.98, 0.77, 0.97); transform: rotate(-90deg); } .sib-pricing__tabs-mobile_block-head-text { width: 90%; } .sib-pricing__tabs-mobile_block-head h5 { flex: 1; font-family: var(--brand-typo_font-family--primary_semibold); padding-right: 30px; } .sib-pricing__tabs-mobile_block-head .line { position: absolute; left: 50%; top: 50%; width: 100%; height: 1px; transition: all 500ms cubic-bezier(0, 0.98, 0.77, 0.97); } .sib-pricing__tabs-mobile_block-head .line:nth-child(1) { transform: translate(-50%, -50%) rotate(90deg); } .sib-pricing__tabs-mobile_block-head .line:nth-child(2) { transform: translate(-50%, -50%) rotate(0deg); } .sib-pricing__tabs-mobile_block-body { overflow: hidden; height: 0; } .sib-pricing__tabs-mobile__currency-selector { color: white; padding: 40px 0 16px 0; text-align: center; } .sib-pricing__tabs-mobile__currency-selector.platform_marketing button, .sib-pricing__tabs-mobile__currency-selector.platform_marketing:hover, .sib-pricing__tabs-mobile__currency-selector.platform_transactional button, .sib-pricing__tabs-mobile__currency-selector.platform_transactional:hover { color: var(--marketing-white); } .sib-pricing__tabs-mobile__currency-selector.platform_chat button, .sib-pricing__tabs-mobile__currency-selector.platform_chat:hover, .sib-pricing__tabs-mobile__currency-selector.platform_crm button, .sib-pricing__tabs-mobile__currency-selector.platform_crm:hover { color: var(--marketing-black); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-pricing__plan-selector-mobile { width: 272px; margin: 56px auto 0 auto; } .sib-pricing__plan-selector-mobile button { display: flex; width: 100%; border: none; background: var(--marketing-white); font-size: 20px; outline: none; height: 56px; line-height: 56px; justify-content: center; text-align: center; font-family: var(--brand-typo_font-family--secondary_regular); border-bottom: solid 1px var(--marketing-cream-300); } .sib-pricing__plan-selector-mobile button:first-of-type { border-top-right-radius: 8px; border-top-left-radius: 8px; } .sib-pricing__plan-selector-mobile button:last-child { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .sib-pricing__plan-selector-mobile .active { background: var(--marketing-cream-300); font-weight: bold; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-pricing__pane { display: flex; overflow-x: hidden; flex-flow: initial; } .sib-pricing__pane-box-wrapper { background: -webkit-linear-gradient(top, transparent 350px, var(--marketing-white) 0); display: flex; justify-content: center; padding-bottom: 50px; transition: all 0.5s cubic-bezier(0.01, 0.985, 0.73, 0.995); min-width: 100%; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .saf-plan-mobile { padding: 10px 24px; } .saf-plan-mobile__name { font-family: var(--brand-typo_font-family--secondary_regular); } .saf-plan-mobile__price { font-size: 14px; color: var(--marketing-charcoal-grey-600); font-family: var(--brand-typo_font-family--secondary_regular); } .saf-plan-mobile-btn { margin: 1rem 0; padding: 9px 30px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-feature__list-mobile { list-style: none; padding: 0; margin: 0; } .sib-feature__list-mobile__item { padding: 1.5rem; display: flex; align-items: center; -moz-column-gap: 1rem; column-gap: 1rem; } .sib-feature__list-mobile__item:nth-child(2n) { background: #f9f8f7; } .sib-feature__list-mobile__button { display: flex; align-items: center; justify-content: center; padding: 1.5rem; } .sib-feature__list-mobile .title { font-size: 1rem; font-family: var(--brand-typo_font-family--secondary_regular); border-bottom: 1px dashed var(--marketing-black); } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-feature__tabs-mobile { font-family: var(--brand-typo_font-family--secondary_regular); } .sib-feature__tabs-mobile_block:not(:last-child) { border-bottom: 1px solid var(--marketing-cream-300); } .sib-feature__tabs-mobile_block.open .sib-feature__tabs-mobile_block-head-icon { transform: rotate(180deg); } .sib-feature__tabs-mobile_block.open .sib-feature__tabs-mobile_block-head .line:nth-child(1), .sib-feature__tabs-mobile_block.open .sib-feature__tabs-mobile_block-head .line:nth-child(2) { transform: translate(-50%, -50%); } .sib-feature__tabs-mobile_block.open .sib-feature__tabs-mobile_block-body { height: auto; } .sib-feature__tabs-mobile_block-head { cursor: pointer; padding: 24px; font-size: 12px; } .sib-feature__tabs-mobile_block-head h4 { margin: 0; text-align: initial; flex: 1; } .sib-feature__tabs-mobile_block-head-row { width: 100%; display: flex; } .sib-feature__tabs-mobile_block-head-icon { width: 20px; height: 20px; transition: all 500ms cubic-bezier(0, 0.98, 0.77, 0.97); transform: rotate(-90deg); } .sib-feature__tabs-mobile_block-head-text { width: 90%; } .sib-feature__tabs-mobile_block-head .line { position: absolute; left: 50%; top: 50%; width: 100%; height: 1px; transition: all 500ms cubic-bezier(0, 0.98, 0.77, 0.97); background-color: var(--marketing-black); } .sib-feature__tabs-mobile_block-head .line:nth-child(1) { transform: translate(-50%, -50%) rotate(90deg); } .sib-feature__tabs-mobile_block-head .line:nth-child(2) { transform: translate(-50%, -50%) rotate(0deg); } .sib-feature__tabs-mobile_block-body { overflow: hidden; height: 0; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .sib-features-table { display: flex; padding: 20px 50px; } .sib-features-table h4 { text-align: start; } .sib-features-table__crm, .sib-features-table__transactional { padding-left: 19%; padding-right: 19%; } .sib-features-table__title { text-align: start; } .sib-features-table__table { margin-top: 28px; font-family: var(--brand-typo_font-family--secondary_regular); color: var(--marketing-charcoal-grey-600); font-size: 14px; } .sib-features-table__table tr { height: 70px; vertical-align: middle; } .sib-features-table__table tr td:first-child { border-radius: 8px 0px 0px 8px; } .sib-features-table__table tr td:last-child { border-radius: 0px 8px 8px 0px; } .sib-features-table__table tr td.mkt-column-width { width: 20%; } .sib-features-table__table tr td.chat-column-width { width: 50%; } .sib-features-table__table tr:nth-child(even) { background-color: #f9f8f7; } .sib-features-table__table tr td:first-child { width: 300px; max-width: 300px; min-width: 300px; } .sib-features-table__table tr td:not(:first-child) { border-left: solid 1px var(--marketing-cream-300); text-align: center; max-width: 450px; } .sib-features-table__table .title { font-size: 1rem; font-family: var(--brand-typo_font-family--secondary_regular); border-bottom: 1px dashed var(--marketing-black); } .sib-tooltip { max-width: 400px; } /* DISBALE ZOOM INPUT IOS */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select, textarea, input { font-size: 16px; } } .grid-container { display: flex; flex-direction: row; place-items: center; padding: 50px 75px; gap: 55px; } @media (max-width: 640px) { .grid-container { flex-direction: column; padding: 50px 25px; gap: 10px; } } .banner-container { display: grid; place-items: start; max-width: 570px; width: 100%; margin: 0; padding: 0; } @media (max-width: 640px) { .banner-container { place-items: center; } } .title { font-size: 32px; font-family: var(--brand-typo_font-family--primary_semibold); font-weight: bold; } @media (max-width: 640px) { .title { text-align: center; } } .description { color: var(--marketing-charcoal-grey-600); font-family: var(--brand-typo_font-family--secondary_regular); font-size: 16px; line-height: 26px; padding-bottom: 10px; } @media (max-width: 640px) { .description { text-align: center; } }