@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);

.bls, .bls-install {
    font-size: 18px;
    line-height: 26px;
    color: #333
}

.bls .container, .bls-install .container {
    max-width: 1266px;
    margin: 0 auto;
    padding: 0
}

.bls *, .bls-install * {
    font-family: "Open Sans", sans-serif
}

.bls .white-color, .bls-install .white-color {
    color: #fff
}

.bls a, .bls-install a {
    font-size: 14px;
    line-height: 20px;
    color: #EE4F4F;
    text-decoration: none
}

.bls a:hover, .bls-install a:hover {
    text-decoration: underline
}

.bls h1, .bls h2, .bls h3, .bls-install h1, .bls-install h2, .bls-install h3 {
    color: #333
}

.bls h1, .bls-install h1 {
    font-weight: 800;
    font-size: 64px;
    line-height: 76px
}

.bls h2, .bls-install h2 {
    font-weight: 800;
    font-size: 50px;
    line-height: 68px
}

.bls h3, .bls-install h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px
}

.bls p, .bls-install p {
    color: #848484
}

.bls button.primary-btn, .bls-install button.primary-btn {
    background: #EE4F4F;
    box-shadow: 0px 4px 14px rgba(254, 106, 86, 0.25);
    border-radius: 10px;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    padding: 14px 24px;
    min-width: 240px;
    min-height: 54px
}

.bls button.primary-btn:hover, .bls-install button.primary-btn:hover {
    background: #FF4930;
    cursor: pointer
}

.bls button.primary-btn.small, .bls-install button.primary-btn.small {
    font-size: 18px;
    line-height: 26px;
    min-height: 42px;
    padding: 8px 24px
}

.bls button.primary-btn[disabled], .bls-install button.primary-btn[disabled] {
    opacity: 0.5;
    pointer-events: none
}

.bls .heading-title, .bls-install .heading-title {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #EE4F4F
}

a, b, body, h1, h2, h3, h4, h5, h6, header, html, img, li, p, span, ul {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

a {
    text-decoration: none
}

.container {
    width: 100%;
    padding: 0 50px;
    position: relative;
    margin: 0 auto;
    max-width: 1100px;
    min-width: 928px
}

* {
    box-sizing: border-box
}

* {
    box-sizing: border-box
}

html, body {
    padding: 0;
    margin: 0
}

body.lock-scroll {
    overflow: hidden
}

.uva .container {
    max-width: 977px !important
}

.head-section__text {
    width: unset !important;
    height: unset !important
}

.uppercase {
    text-transform: uppercase
}

.no-wrap {
    white-space: nowrap
}

.edge-show, .edge-show-block, .edge-show-flex, .edge-show-inline-flex, .firefox-show, .firefox-show-block, .firefox-show-flex, .firefox-show-inline-flex, .chrome-show, .chrome-show-block, .chrome-show-flex, .chrome-show-inline-flex, .opera-show, .opera-show-block, .opera-show-flex, .opera-show-inline-flex, .safari-show, .safari-show-block, .safari-show-flex, .safari-show-inline-flex {
    display: none !important
}

.edge .edge-show, .firefox .firefox-show, .chrome .chrome-show, .opera .opera-show, .safari .safari-show {
    display: inline !important
}

.edge .edge-show-flex, .firefox .firefox-show-flex, .chrome .chrome-show-flex, .opera .opera-show-flex, .safari .safari-show-flex {
    display: flex !important
}

.edge .edge-show-inline-flex, .firefox .firefox-show-inline-flex, .chrome .chrome-show-inline-flex, .opera .opera-show-inline-flex, .safari .safari-show-inline-flex {
    display: inline-flex !important
}

.edge .edge-show-block, .firefox .firefox-show-block, .chrome .chrome-show-block, .opera .opera-show-block, .safari .safari-show-block {
    display: block !important
}

body.afv {
    font-family: Poppins, sans-serif
}

body.mab, body.pop {
    font-family: "Open Sans", sans-serif
}

body.zero-opacity {
    opacity: 0 !important;
    background: #fff !important
}

body.no-bg {
    background-color: unset !important
}

.hidden {
    display: none
}

.w-100 {
    width: 100%
}

.align-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex {
    display: flex
}

.flex-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.mt-10 {
    margin-top: 10px
}

.text-center {
    text-align: center
}

.iframe-no-cross .iframe-close-btn, .iframe-close-btn {
    display: none
}

.iframe-no-info-icon .info-button, .info-button {
    display: none
}

.iframe-visible-cross .iframe-close-btn {
    display: block
}

.iframe-visible-info-icon .info-button {
    display: flex
}

.info-button {
    position: fixed;
    bottom: 15px;
    left: 15px;
    border-radius: 50%;
    background-color: royalblue;
    width: 50px;
    height: 50px;
    display: none;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 15px #777;
    cursor: pointer;
    z-index: 11
}

.info-popup-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10
}

.info-popup-wrapper.hidden {
    display: none
}

.info-popup {
    background-color: #fff;
    max-width: 400px;
    padding: 40px 45px;
    position: relative;
    font-family: Roboto, sans-serif
}

.info-popup .popup-heading {
    font-size: 21px;
    line-height: 27px;
    border-bottom: 1px solid #bbb;
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    padding-bottom: 6px
}

.info-popup .close-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: #2196F3;
    font-size: 28px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.info-popup .popup-text {
    font-size: 14px;
    padding-bottom: 20px;
    border-bottom: 1px solid #bbb;
    margin-bottom: 9px
}

.iframe-close-btn {
    position: absolute;
    top: -50px;
    right: -50px;
    cursor: pointer;
    padding: 12px;
    width: 24px;
    height: 24px;
    box-sizing: initial !important
}

.iframe-close-btn img {
    width: 24px;
    height: 24px
}

.iframe-close-btn-top-lvl {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    padding: 12px;
    width: 24px;
    height: 24px;
    box-sizing: initial !important
}

.iframe-close-btn-top-lvl img {
    width: 24px;
    height: 24px
}

html {
    scroll-behavior: smooth
}

body.zero-opacity {
    opacity: 0 !important;
    background-color: #fff !important
}

.bls .banner {
    margin-bottom: 120px
}

.bls .banner__content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.bls .banner .logo {
    margin-top: 40px;
    margin-bottom: 15px
}

.bls .banner .logo > img {
    width:150px;
}

.bls .banner h1, .bls .banner p {
    text-align: center
}

.bls .banner h1 {
    margin-bottom: 16px
}

.bls .banner p {
    margin-bottom: 54px
}

.bls .what-we-can {
    background-color: #333;
    padding: 140px 0
}

.bls .what-we-can__content {
    display: flex;
    justify-content: space-between
}

.bls .what-we-can__heading, .bls .what-we-can__description {
    width: 50%
}

.bls .what-we-can__heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 515px
}

.bls .what-we-can__heading .heading-title {
    margin-bottom: 20px
}

.bls .what-we-can__description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 26px
}

.bls .what-we-can__description p {
    color: #D9D9D9
}

.bls .how-it-works {
    padding-top: 140px
}

.bls .how-it-works .heading-title, .bls .how-it-works h2 {
    text-align: center
}

.bls .how-it-works .heading-title {
    margin-bottom: 20px
}

.bls .how-it-works h2 {
    margin-bottom: 70px
}

.bls .how-it-works__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 21px;
    text-align: center;
}

.bls .how-it-works__item {
    flex-grow: 1;
    padding: 30px 30px 60px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 6px;
    position: relative;
    width: calc(33% - 10px)
}

.bls .how-it-works__item img {
    margin-bottom: 80px
}

.bls .how-it-works__item h3 {
    margin-bottom: 8px
}

.bls .how-it-works__item:before {
    content: url("data:image/svg+xml,%3Csvg width='129' height='129' viewBox='0 0 129 129' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0C4.4087 0 2.88258 0.632141 1.75736 1.75736C0.632141 2.88258 0 4.4087 0 6L0 129H2V6C2 4.93913 2.42143 3.92172 3.17157 3.17157C3.92172 2.42143 4.93913 2 6 2H129V0H6Z' fill='%23EE4F4F'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: -1px;
    top: -1px
}

.bls .how-it-works__item:after {
    content: url("data:image/svg+xml,%3Csvg width='129' height='129' viewBox='0 0 129 129' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0C4.4087 0 2.88258 0.632141 1.75736 1.75736C0.632141 2.88258 0 4.4087 0 6L0 129H2V6C2 4.93913 2.42143 3.92172 3.17157 3.17157C3.92172 2.42143 4.93913 2 6 2H129V0H6Z' fill='%23EE4F4F'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: -1px;
    bottom: -1px;
    transform:rotate(180deg);
}

.bls .enhance-experience {
    margin: 140px 0
}

.bls .enhance-experience__content {
    background: #333;
    border-radius: 20px;
    padding: 60px;
    display: flex;
    justify-content: space-between
}

.bls .enhance-experience__text-block {
    max-width: 468px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.bls .enhance-experience__text-block .heading-title {
    margin-bottom: 20px
}

.bls .enhance-experience__text-block h2 {
    margin-bottom: 45px
}

.bls .browser-extension__content {
    display: flex;
    padding: 58px 0px
}

.bls .browser-extension .popup-wrapper {
    display: flex;
    width: 50%;
    justify-content: center
}

.bls .browser-extension .popup {
    position: relative;
    transform: scale(1.28);
    transform-origin: center;
    width: 340px;
    background: #FFFFFF;
    box-shadow: 2px 4px 54px rgba(72, 72, 72, 0.25);
    border-radius: 6px;
    text-align: center
}

.bls .browser-extension .popup .domainController {
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    margin: 0 16px 16px;
    padding: 0 16px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px
}

.bls .browser-extension .popup .enumeratorsWrapper {
    padding: 0 16px;
    margin: 25px 16px 8px;
    border: 1px solid #D9D9D9;
    border-radius: 6px
}

.bls .browser-extension .popup .statBlock {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
    margin-bottom: 10px
}

.bls .browser-extension .popup .statBlock__first {
    margin-top: 12px;
    margin-bottom: 10px
}

.bls .browser-extension .popup .statBlock__second {
    margin-bottom: 12px
}

.bls .browser-extension .popup .enumerator {
    font-weight: 600
}

.bls .browser-extension .popup .divider {
    height: 1px;
    background: #D9D9D9
}

.bls .browser-extension .popup .topLabel {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    padding: 9px 0
}

.bls .browser-extension .popup .stateControllerWrapper {
    position: relative;
    background-repeat: no-repeat;
    background-position: top;
    height: 220px;
    padding-top: 30px;
    text-align: center
}

.bls .browser-extension .popup > span {
    content: url("data:image/svg+xml,%3Csvg width='129' height='129' viewBox='0 0 129 129' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0C4.4087 0 2.88258 0.632141 1.75736 1.75736C0.632141 2.88258 0 4.4087 0 6L0 129H2V6C2 4.93913 2.42143 3.92172 3.17157 3.17157C3.92172 2.42143 4.93913 2 6 2H129V0H6Z' fill='%23EE4F4F'/%3E%3C/svg%3E%0A");
    position: absolute;
}

.bls .browser-extension .popup > span.tl {
    top: -1px;
    left: -1px;
}

.bls .browser-extension .popup > span.tr {
    right: -1px;
    top: -1px;
    transform:rotate(90deg);
}

.bls .browser-extension .popup > span.br {
    right: -1px;
    bottom: -1px;
    transform:rotate(180deg);
}

.bls .browser-extension .popup > span.bl {
    left: -1px;
    bottom: -1px;
    transform:rotate(270deg);
}


.bls .browser-extension .popup .logotypeWrapper {
    margin-bottom: 15px
}

.bls .browser-extension .popup .logotypeWrapper > img {
   height: 50px;
}

.bls .browser-extension .popup .stateControllerButton {
    border: none;
    outline: none;
    width: 86px;
    height: 86px;
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    background: linear-gradient(180deg, #EE4F4F 0%, #DA2962 156.9%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    cursor: pointer
}

.bls .browser-extension .popup .stateControllerButton svg {
    fill:#FFFFFF;
}

.bls .browser-extension .popup .statusLabel {
    text-transform: uppercase;
    color: #071E55;
    font-size: 14px;
    line-height: 20px;
    margin: 12px 0 0
}

.bls .browser-extension .popup .disabled .stateControllerButton {
    background: #D9D9D9
}

.bls .browser-extension .popup .switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 24px
}

.bls .browser-extension .popup .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.bls .browser-extension .popup .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #D9D9D9;
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25)
}

.bls .browser-extension .popup .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(85, 85, 85, 0.25);
    background: #FFFFFF
}

.bls .browser-extension .popup input:checked + .slider {
    background: linear-gradient(180deg, #EE4F4F 0%, #DA2962 156.9%)
}

.bls .browser-extension .popup input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px)
}

.bls .browser-extension .popup .slider.round {
    border-radius: 20px
}

.bls .browser-extension .popup .slider.round:before {
    border-radius: 50%
}

.bls .browser-extension .benefits {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px
}

.bls .browser-extension .benefits__item {
    display: flex;
    align-items: center
}

.bls .browser-extension .benefits__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px
}

.bls .browser-extension .benefits__image-wrapper {
    min-width: 100px;
    height: 100px;
    background: linear-gradient(180deg, #EE4F4F 0%, #DA2962 156.9%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 21px;
    border-radius: 10px
}

.bls .browser-extension .benefits__image-wrapper > svg {
    fill:#FFFFFF;
    height: 60px;
}

.bls .footer {
    margin-top: 140px;
    background: #333333
}

.bls .footer .copyright {
    font-size: 14px
}

.bls .footer__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 68px
}

.bls .footer__reviews {
    display: flex;
    color: #EE4F4F;
    align-items: center
}

.bls .footer .stars {
    display: flex;
    gap: 2px;
    margin-left: 12px
}

.iconC {
    display: flex;
    align-items: center;
    justify-content: center;
}

.how-it-works__wrapper svg {
    height:70px;
    padding-bottom:15px;
    color:#EE4F4F;
    fill:#EE4F4F;
}

.enchance-experience__image-block {
    margin-right: 100px;
}

#goog-gt-tt {
    display:none !important;
}

.goog-text-highlight {
    background: inherit !important;
    box-shadow: none !important;
}

.goog-te-banner-frame {
    display:none !important;
}

body {
    top:0 !important;
}