/* * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .container, .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .submenu__holder, .faq__box-area .headline__block--areas .faq__areas { position: relative; margin-left: auto; margin-right: auto; padding-right: 20px; padding-left: 20px; } @media (min-width: 576px) { .container, .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .submenu__holder, .faq__box-area .headline__block--areas .faq__areas { padding-right: 20px; padding-left: 20px; } } @media (min-width: 768px) { .container, .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .submenu__holder, .faq__box-area .headline__block--areas .faq__areas { padding-right: 20px; padding-left: 20px; } } @media (min-width: 992px) { .container, .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .submenu__holder, .faq__box-area .headline__block--areas .faq__areas { padding-right: 20px; padding-left: 20px; } } @media (min-width: 1200px) { .container, .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .submenu__holder, .faq__box-area .headline__block--areas .faq__areas { padding-right: 20px; padding-left: 20px; } } @media (min-width: 576px) { .container, .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .submenu__holder, .faq__box-area .headline__block--areas .faq__areas { width: 100%; max-width: 100%; } } @media (min-width: 768px) { .container, .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .submenu__holder, .faq__box-area .headline__block--areas .faq__areas { width: 100%; max-width: 100%; } } @media (min-width: 992px) { .container, .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .submenu__holder, .faq__box-area .headline__block--areas .faq__areas { width: 100%; max-width: 100%; } } @media (min-width: 1200px) { .container, .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .submenu__holder, .faq__box-area .headline__block--areas .faq__areas { width: 1200px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 20px; padding-left: 20px; } @media (min-width: 576px) { .container-fluid { padding-right: 20px; padding-left: 20px; } } @media (min-width: 768px) { .container-fluid { padding-right: 20px; padding-left: 20px; } } @media (min-width: 992px) { .container-fluid { padding-right: 20px; padding-left: 20px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 20px; padding-left: 20px; } } .row, .fe__accordion .accordion__content .content__checkbox, .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail, .fe__employee-profile, .fe__backdown-process { display: -webkit-box; display: flex; flex-wrap: wrap; /*align-items: center;*/ /*ozan*/ margin-right: 0px; margin-left: 0px; justify-content: center; } @media (min-width: 576px) { .row, .fe__accordion .accordion__content .content__checkbox, .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail, .fe__employee-profile, .fe__backdown-process { display: -webkit-box; display: flex; margin-right: 0px; margin-left: 0px; } } @media (min-width: 768px) { .row, .fe__accordion .accordion__content .content__checkbox, .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail, .fe__employee-profile, .fe__backdown-process { display: -webkit-box; display: flex; margin-right: 0px; margin-left: 0px; } } @media (min-width: 992px) { .row, .fe__accordion .accordion__content .content__checkbox, .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail, .fe__employee-profile, .fe__backdown-process { display: -webkit-box; display: flex; margin-right: 0px; margin-left: 0px; } } @media (min-width: 1200px) { .row, .fe__accordion .accordion__content .content__checkbox, .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail, .fe__employee-profile, .fe__backdown-process { display: -webkit-box; display: flex; margin-right: 0px; margin-left: 0px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .kit__body .kit__holder, .kit__body .kit__holder .kit__section .ksection__holder.buttons, .kit__body .kit__holder .kit__section .ksection__holder.inputs, .fe__sideNav, .fe__content, .product__list .product-category, .product__grid-control, .fe__wide-content .product__grid-control, .fe__wide-content, .fe__config .fe__configContent__block-content .configContent__col-10, .fe__config .fe__configContent--wide .configContent__col-4, .fe__config .fe__configContent--wide .configContent__col-8, .fe__manager-box-container, .fe__manager-box-holder, .fe__news-box-container, .fe__news-box-holder, .form__col6, .form__col4, .form__col3, .unrecognized-form__left-side, .unrecognized-form__seperator, .unrecognized-form__right-side, .unrecognized-form__error-col, .c-content { position: relative; width: 100%; min-height: 1px; padding-right: 20px; padding-left: 20px; } @media (min-width: 576px) { .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .kit__body .kit__holder, .kit__body .kit__holder .kit__section .ksection__holder.buttons, .kit__body .kit__holder .kit__section .ksection__holder.inputs, .fe__sideNav, .fe__content, .product__list .product-category, .product__grid-control, .fe__wide-content .product__grid-control, .fe__wide-content, .fe__config .fe__configContent__block-content .configContent__col-10, .fe__config .fe__configContent--wide .configContent__col-4, .fe__config .fe__configContent--wide .configContent__col-8, .fe__manager-box-container, .fe__manager-box-holder, .fe__news-box-container, .fe__news-box-holder, .form__col6, .form__col4, .form__col3, .unrecognized-form__left-side, .unrecognized-form__seperator, .unrecognized-form__right-side, .unrecognized-form__error-col, .c-content { padding-right: 20px; padding-left: 20px; } } @media (min-width: 768px) { .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .kit__body .kit__holder, .kit__body .kit__holder .kit__section .ksection__holder.buttons, .kit__body .kit__holder .kit__section .ksection__holder.inputs, .fe__sideNav, .fe__content, .product__list .product-category, .product__grid-control, .fe__wide-content .product__grid-control, .fe__wide-content, .fe__config .fe__configContent__block-content .configContent__col-10, .fe__config .fe__configContent--wide .configContent__col-4, .fe__config .fe__configContent--wide .configContent__col-8, .fe__manager-box-container, .fe__manager-box-holder, .fe__news-box-container, .fe__news-box-holder, .form__col6, .form__col4, .form__col3, .unrecognized-form__left-side, .unrecognized-form__seperator, .unrecognized-form__right-side, .unrecognized-form__error-col, .c-content { padding-right: 20px; padding-left: 20px; } } @media (min-width: 992px) { .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .kit__body .kit__holder, .kit__body .kit__holder .kit__section .ksection__holder.buttons, .kit__body .kit__holder .kit__section .ksection__holder.inputs, .fe__sideNav, .fe__content, .product__list .product-category, .product__grid-control, .fe__wide-content .product__grid-control, .fe__wide-content, .fe__config .fe__configContent__block-content .configContent__col-10, .fe__config .fe__configContent--wide .configContent__col-4, .fe__config .fe__configContent--wide .configContent__col-8, .fe__manager-box-container, .fe__manager-box-holder, .fe__news-box-container, .fe__news-box-holder, .form__col6, .form__col4, .form__col3, .unrecognized-form__left-side, .unrecognized-form__seperator, .unrecognized-form__right-side, .unrecognized-form__error-col, .c-content { padding-right: 20px; padding-left: 20px; } } @media (min-width: 1200px) { .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .kit__body .kit__holder, .kit__body .kit__holder .kit__section .ksection__holder.buttons, .kit__body .kit__holder .kit__section .ksection__holder.inputs, .fe__sideNav, .fe__content, .product__list .product-category, .product__grid-control, .fe__wide-content .product__grid-control, .fe__wide-content, .fe__config .fe__configContent__block-content .configContent__col-10, .fe__config .fe__configContent--wide .configContent__col-4, .fe__config .fe__configContent--wide .configContent__col-8, .fe__manager-box-container, .fe__manager-box-holder, .fe__news-box-container, .fe__news-box-holder, .form__col6, .form__col4, .form__col3, .unrecognized-form__left-side, .unrecognized-form__seperator, .unrecognized-form__right-side, .unrecognized-form__error-col, .c-content { padding-right: 20px; padding-left: 20px; } } .col { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11, .c-content { -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12, .product__list .product-category, .product__grid-control, .fe__wide-content .product__grid-control, .fe__wide-content, .fe__manager-box-container, .fe__news-box-container, .unrecognized-form__left-side, .unrecognized-form__seperator, .unrecognized-form__right-side, .unrecognized-form__error-col { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.333333%; } .pull-2 { right: 16.666667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.333333%; } .pull-5 { right: 41.666667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.333333%; } .pull-8 { right: 66.666667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.333333%; } .pull-11 { right: 91.666667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.333333%; } .push-2 { left: 16.666667%; } .push-3 { left: 25%; } .push-4 { left: 33.333333%; } .push-5 { left: 41.666667%; } .push-6 { left: 50%; } .push-7 { left: 58.333333%; } .push-8 { left: 66.666667%; } .push-9 { left: 75%; } .push-10 { left: 83.333333%; } .push-11 { left: 91.666667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6, .kit__body .kit__holder .kit__section .ksection__holder.buttons, .kit__body .kit__holder .kit__section .ksection__holder.inputs, .product__grid-control, .fe__wide-content .product__grid-control { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12, .kit__body .kit__holder { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.333333%; } .pull-sm-2 { right: 16.666667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.333333%; } .pull-sm-5 { right: 41.666667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.333333%; } .pull-sm-8 { right: 66.666667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.333333%; } .pull-sm-11 { right: 91.666667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.333333%; } .push-sm-2 { left: 16.666667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.333333%; } .push-sm-5 { left: 41.666667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.333333%; } .push-sm-8 { left: 66.666667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.333333%; } .push-sm-11 { left: 91.666667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2, .unrecognized-form__seperator { -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3, .form__col3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-md-4, .product__list .product-category, .form__col4 { -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5, .unrecognized-form__left-side, .unrecognized-form__right-side { -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6, .fe__manager-box-holder, .fe__news-box-holder, .form__col6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-md-10, .fe__config .fe__configContent__block-content .configContent__col-10 { -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.333333%; } .pull-md-2 { right: 16.666667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.333333%; } .pull-md-5 { right: 41.666667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.333333%; } .pull-md-8 { right: 66.666667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.333333%; } .pull-md-11 { right: 91.666667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.333333%; } .push-md-2 { left: 16.666667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.333333%; } .push-md-5 { left: 41.666667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.333333%; } .push-md-8 { left: 66.666667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.333333%; } .push-md-11 { left: 91.666667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-lg-4, .fe__sideNav, .fe__wide-content .product__grid-control, .fe__config .fe__configContent--wide .configContent__col-4 { -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6, .product__grid-control, .fe__manager-box-holder, .fe__news-box-holder { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8, .fe__content, .fe__config .fe__configContent--wide .configContent__col-8 { -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.333333%; } .pull-lg-2 { right: 16.666667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.333333%; } .pull-lg-5 { right: 41.666667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.333333%; } .pull-lg-8 { right: 66.666667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.333333%; } .pull-lg-11 { right: 91.666667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.333333%; } .push-lg-2 { left: 16.666667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.333333%; } .push-lg-5 { left: 41.666667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.333333%; } .push-lg-8 { left: 66.666667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.333333%; } .push-lg-11 { left: 91.666667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3, .fe__sideNav { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8, .unrecognized-form__error-col { -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9, .fe__content { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.333333%; } .pull-xl-2 { right: 16.666667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.333333%; } .pull-xl-5 { right: 41.666667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.333333%; } .pull-xl-8 { right: 66.666667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.333333%; } .pull-xl-11 { right: 91.666667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.333333%; } .push-xl-2, .unrecognized-form__error-col { left: 16.666667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.333333%; } .push-xl-5 { left: 41.666667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.333333%; } .push-xl-8 { left: 66.666667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.333333%; } .push-xl-11 { left: 91.666667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; color: #dedede; color: #dedede; color: #dedede; color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; color: #c5c5c5; color: #c5c5c5; color: #c5c5c5; color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; color: #dedede; color: #dedede; color: #dedede; color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; color: #fff; background: #a2ddf6; color: #fff; background: #a2ddf6; color: #fff; background: #a2ddf6; color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; background: #8ad5f4; background: #8ad5f4; background: #8ad5f4; background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #ccc; background-color: rgba(92, 196, 239, 0.1); color: #ccc; background-color: rgba(92, 196, 239, 0.1); color: #ccc; background-color: rgba(92, 196, 239, 0.1); color: #ccc; background-color: rgba(92, 196, 239, 0.1); color: #ccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); background-color: rgba(92, 196, 239, 0.2); background-color: rgba(92, 196, 239, 0.2); background-color: rgba(92, 196, 239, 0.2); background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; background: none; border: none; background: none; border: none; background: none; border: none; background: none; border: none; } .datepicker--cells { display: -webkit-box; display: flex; flex-wrap: wrap; } .datepicker--cell { border-radius: 4px; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: flex; position: relative; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 32px; z-index: 1; } .datepicker--cell.-focus- { background: #f0f0f0; } .datepicker--cell.-current- { color: #4eb5e6; } .datepicker--cell.-current-.-focus- { color: #4a4a4a; } .datepicker--cell.-current-.-in-range- { color: #4eb5e6; } .datepicker--cell.-in-range- { background: rgba(92, 196, 239, 0.1); color: #4a4a4a; border-radius: 0; } .datepicker--cell.-in-range-.-focus- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell.-disabled- { cursor: default; color: #aeaeae; } .datepicker--cell.-disabled-.-focus- { color: #aeaeae; } .datepicker--cell.-disabled-.-in-range- { color: #a1a1a1; } .datepicker--cell.-disabled-.-current-.-focus- { color: #aeaeae; } .datepicker--cell.-range-from- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 4px 0 0 4px; } .datepicker--cell.-range-to- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 0 4px 4px 0; } .datepicker--cell.-range-from-.-range-to- { border-radius: 4px; } .datepicker--cell.-selected- { color: #fff; border: none; background: #5cc4ef; } .datepicker--cell.-selected-.-current- { color: #fff; background: #5cc4ef; } .datepicker--cell.-selected-.-focus- { background: #45bced; } .datepicker--cell:empty { cursor: default; } .datepicker--days-names { display: -webkit-box; display: flex; flex-wrap: wrap; margin: 8px 0 3px; } .datepicker--day-name { color: #ff9a19; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-flex: 1; flex: 1; text-align: center; text-transform: uppercase; font-size: 0.8em; } .datepicker--cell-day { width: 14.28571%; } .datepicker--cells-months { height: 170px; } .datepicker--cell-month { width: 33.33%; height: 25%; } .datepicker--years { height: 170px; } .datepicker--cells-years { height: 170px; } .datepicker--cell-year { width: 25%; height: 33.33%; } .datepickers-container { position: absolute; left: 0; top: 0; } @media print { .datepickers-container { display: none; } } .datepicker { background: #fff; border: 1px solid #dbdbdb; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: 4px; box-sizing: content-box; font-family: Tahoma, sans-serif; font-size: 14px; color: #4a4a4a; width: 250px; position: absolute; left: -100000px; opacity: 0; transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; -webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; z-index: 100; } .datepicker.-from-top- { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .datepicker.-from-right- { -webkit-transform: translateX(8px); transform: translateX(8px); } .datepicker.-from-bottom- { -webkit-transform: translateY(8px); transform: translateY(8px); } .datepicker.-from-left- { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .datepicker.active { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; } .datepicker-inline .datepicker { border-color: #d7d7d7; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; -webkit-transform: none; transform: none; } .datepicker-inline .datepicker--pointer { display: none; } .datepicker--content { box-sizing: content-box; padding: 4px; } .-only-timepicker- .datepicker--content { display: none; } .-only-timepicker- .datepicker--nav { display: none; } .-only-timepicker- .datepicker--time { border-top: none; } .datepicker--pointer { position: absolute; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; z-index: -1; } .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer { top: calc(100% - 4px); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer { right: calc(100% - 4px); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: calc(100% - 4px); -webkit-transform: rotate(315deg); transform: rotate(315deg); } .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer { left: calc(100% - 4px); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer { left: 10px; } .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer { right: 10px; } .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer { left: calc(50% - 10px / 2); } .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: 10px; } .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: 10px; } .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(50% - 10px / 2); } .datepicker--body { display: none; } .datepicker--body.active { display: block; } .datepicker--nav { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; border-bottom: 1px solid #efefef; min-height: 32px; padding: 4px; } .datepicker--nav-title, .datepicker--nav-action { display: -webkit-box; display: flex; cursor: pointer; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .datepicker--nav-action { width: 32px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker--nav-action:hover { background: #f0f0f0; } .datepicker--nav-action.-disabled- { visibility: hidden; } .datepicker--nav-action svg { width: 32px; height: 32px; } .datepicker--nav-action path { fill: none; stroke: #9c9c9c; stroke-width: 2px; } .datepicker--nav-title { border-radius: 4px; padding: 0 8px; } .datepicker--nav-title i { font-style: normal; color: #9c9c9c; margin-left: 5px; } .datepicker--nav-title:hover { background: #f0f0f0; } .datepicker--nav-title.-disabled- { cursor: default; background: none; } .datepicker--buttons { display: -webkit-box; display: flex; padding: 4px; border-top: 1px solid #efefef; } .datepicker--button { color: #4eb5e6; cursor: pointer; border-radius: 4px; -webkit-box-flex: 1; flex: 1; display: -webkit-inline-box; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 32px; } .datepicker--button:hover { color: #4a4a4a; background: #f0f0f0; } .datepicker--time { border-top: 1px solid #efefef; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 4px; position: relative; } .datepicker--time.-am-pm- .datepicker--time-sliders { -webkit-box-flex: 0; flex: 0 1 138px; max-width: 138px; } .datepicker--time-sliders { -webkit-box-flex: 0; flex: 0 1 153px; margin-right: 10px; max-width: 153px; } .datepicker--time-label { display: none; font-size: 12px; } .datepicker--time-current { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1; font-size: 14px; text-align: center; margin: 0 0 0 10px; } .datepicker--time-current-colon { margin: 0 2px 3px; line-height: 1; } .datepicker--time-current-hours, .datepicker--time-current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; position: relative; z-index: 1; } .datepicker--time-current-hours:after, .datepicker--time-current-minutes:after { content: ""; background: #f0f0f0; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0; } .datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after { opacity: 1; } .datepicker--time-current-ampm { text-transform: uppercase; -webkit-align-self: flex-end; align-self: flex-end; color: #9c9c9c; margin-left: 6px; font-size: 11px; margin-bottom: 1px; } .datepicker--time-row { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; font-size: 11px; height: 17px; background: -webkit-gradient( linear, left top, right top, from(#dedede), to(#dedede) ) left 50%/100% 1px no-repeat; background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; } .datepicker--time-row:first-child { margin-bottom: 4px; } .datepicker--time-row input[type="range"] { background: none; cursor: pointer; -webkit-box-flex: 1; flex: 1; height: 100%; padding: 0; margin: 0; -webkit-appearance: none; } .datepicker--time-row input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; margin-top: -6px; } .datepicker--time-row input[type="range"]::-ms-tooltip { display: none; } .datepicker--time-row input[type="range"]:hover::-webkit-slider-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type="range"]:hover::-moz-range-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type="range"]:hover::-ms-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type="range"]:focus { outline: 0; } .datepicker--time-row input[type="range"]:focus::-webkit-slider-thumb { background: #5cc4ef; border-color: #5cc4ef; } .datepicker--time-row input[type="range"]:focus::-moz-range-thumb { background: #5cc4ef; border-color: #5cc4ef; } .datepicker--time-row input[type="range"]:focus::-ms-thumb { background: #5cc4ef; border-color: #5cc4ef; } .datepicker--time-row input[type="range"]::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; } .datepicker--time-row input[type="range"]::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; } .datepicker--time-row input[type="range"]::-webkit-slider-runnable-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type="range"]::-moz-range-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type="range"]::-ms-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type="range"]::-ms-fill-lower { background: transparent; } .datepicker--time-row input[type="range"]::-ms-fill-upper { background: transparent; } .datepicker--time-row span { padding: 0 12px; } .datepicker--time-icon { color: #9c9c9c; border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0 5px -1px 0; width: 1em; height: 1em; } .datepicker--time-icon:after { height: 0.4em; width: 1px; left: calc(50% - 1px); top: calc(50% + 1px); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .datepicker--time-icon:before { width: 0.4em; height: 1px; top: calc(50% + 1px); left: calc(50% - 1px); } .datepicker--time-icon:after, .datepicker--time-icon:before { content: ""; background: currentColor; position: absolute; } .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: 0 !important; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity.lity-opened { opacity: 1; } .lity.lity-closed { opacity: 0; } .lity * { box-sizing: border-box; } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: 0 !important; } .lity-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity-loading .lity-loader { opacity: 1; } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: 0 !important; } .lity-content { z-index: 9993; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .lity-content:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-loading .lity-content, .lity-closed .lity-content { -webkit-transform: scale(0.8); transform: scale(0.8); } .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: 0; box-shadow: none; } .lity-close::-moz-focus-inner { border: 0; padding: 0; } .lity-close:active { top: 1px; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: 0; box-shadow: none; } .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; max-width: 964px; } .lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .lity-hide { display: none; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/assets/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .no-js .owl-carousel { display: block; } .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*="owl-"]:hover { background: #869791; color: #fff; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 30px; } .ss-main { position: relative; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #666; width: 100%; } .ss-main .ss-single-selected { display: -webkit-box; display: flex; cursor: pointer; width: 100%; height: 30px; padding: 6px; border: 1px solid #dcdee2; border-radius: 4px; background-color: #fff; outline: 0; box-sizing: border-box; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .ss-main .ss-single-selected.ss-disabled { background-color: #dcdee2; cursor: not-allowed; } .ss-main .ss-single-selected.ss-open-above { border-top-left-radius: 0; border-top-right-radius: 0; } .ss-main .ss-single-selected.ss-open-below { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ss-main .ss-single-selected .placeholder { display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1 1 100%; -webkit-box-align: center; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; width: calc(100% - 30px); line-height: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ss-main .ss-single-selected .placeholder * { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; } .ss-main .ss-single-selected .placeholder .ss-disabled { cursor: pointer; color: #dcdee2; } .ss-main .ss-single-selected .ss-deselect { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-flex: 0; flex: 0 1 auto; margin: 0 5px 0 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .ss-main .ss-single-selected .ss-deselect.ss-hide { display: none; } .ss-main .ss-single-selected .ss-arrow { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-flex: 0; flex: 0 1 auto; margin: 0 5px 0 5px; } .ss-main .ss-single-selected .ss-arrow span { border: solid #666; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transition: margin 0.2s, -webkit-transform 0.2s; transition: margin 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, margin 0.2s; transition: transform 0.2s, margin 0.2s, -webkit-transform 0.2s; } .ss-main .ss-single-selected .ss-arrow span.arrow-up { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin: 3px 0 0 0; } .ss-main .ss-single-selected .ss-arrow span.arrow-down { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: -3px 0 0 0; } .ss-main .ss-multi-selected { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; cursor: pointer; min-height: 30px; width: 100%; padding: 0 0 0 3px; border: 1px solid #dcdee2; border-radius: 4px; background-color: #fff; outline: 0; box-sizing: border-box; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .ss-main .ss-multi-selected.ss-disabled { background-color: #dcdee2; cursor: not-allowed; } .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled { color: #666; } .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete { cursor: not-allowed; } .ss-main .ss-multi-selected.ss-open-above { border-top-left-radius: 0; border-top-right-radius: 0; } .ss-main .ss-multi-selected.ss-open-below { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ss-main .ss-multi-selected .ss-values { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-flex: 1; flex: 1 1 100%; width: calc(100% - 30px); } .ss-main .ss-multi-selected .ss-values .ss-disabled { display: -webkit-box; display: flex; padding: 4px 5px; margin: 2px 0; line-height: 1em; -webkit-box-align: center; align-items: center; width: 100%; color: #dcdee2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ss-main .ss-multi-selected .ss-values .ss-value.ss-out { -webkit-animation-name: scaleOut; animation-name: scaleOut; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete { margin: 0 0 0 5px; cursor: pointer; } .ss-main .ss-multi-selected .ss-add { display: -webkit-box; display: flex; -webkit-box-flex: 0; flex: 0 1 3px; margin: 9px 12px 0 5px; } .ss-main .ss-multi-selected .ss-add .ss-plus { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background: #666; position: relative; height: 10px; width: 2px; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .ss-main .ss-multi-selected .ss-add .ss-plus:after { background: #666; content: ""; position: absolute; height: 2px; width: 10px; left: -4px; top: 4px; } .ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ss-main .ss-content { position: absolute; width: 100%; margin: -1px 0 0 0; box-sizing: border-box; border: solid 1px #dcdee2; z-index: 1010; background-color: #fff; -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } .ss-main .ss-content.ss-open { display: block; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .ss-main .ss-content .ss-search { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding: 8px 10px 8px 10px; } .ss-main .ss-content .ss-search.ss-hide { height: 0; opacity: 0; padding: 0 0 0 0; margin: 0 0 0 0; } .ss-main .ss-content .ss-search.ss-hide input { height: 0; opacity: 0; padding: 0 0 0 0; margin: 0 0 0 0; } .ss-main .ss-content .ss-search input { display: -webkit-inline-box; display: inline-flex; font-size: inherit; font-family: inherit; line-height: inherit; -webkit-box-flex: 1; flex: 1 1 auto; width: 100%; min-width: 0; height: 30px; padding: 5px 10px; margin: 0; border: 1px solid #dcdee2; border-radius: 4px; background-color: #fff; outline: 0; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: textfield; } .ss-main .ss-content .ss-search input::-webkit-input-placeholder { color: #b3b3b3; } .ss-main .ss-content .ss-search input::-moz-placeholder { color: #b3b3b3; } .ss-main .ss-content .ss-search input:-ms-input-placeholder { color: #b3b3b3; } .ss-main .ss-content .ss-search input::-ms-input-placeholder { color: #b3b3b3; } .ss-main .ss-content .ss-search input::placeholder { color: #b3b3b3; } .ss-main .ss-content .ss-search input:focus { box-shadow: 0 0 5px #5897fb; } .ss-main .ss-content .ss-search .ss-addable { display: -webkit-inline-box; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; cursor: pointer; font-size: 22px; font-weight: bold; -webkit-box-flex: 0; flex: 0 0 30px; height: 30px; margin: 0 0 0 8px; border: 1px solid #dcdee2; border-radius: 4px; box-sizing: border-box; } .ss-main .ss-content .ss-addable { padding-top: 0; } .ss-main .ss-content .ss-list { max-height: 200px; overflow-y: auto; text-align: left; } .ss-main .ss-content .ss-list .ss-optgroup .ss-optgroup-label { padding: 6px 10px 6px 10px; font-weight: bold; } .ss-main .ss-content .ss-list .ss-optgroup .ss-option { padding: 6px 6px 6px 25px; } .ss-main .ss-content .ss-list .ss-option { padding: 6px 10px 6px 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ss-main .ss-content .ss-list .ss-option * { display: inline-block; } .ss-main .ss-content .ss-list .ss-option.ss-disabled { cursor: default; color: #dcdee2; background-color: #fff; } .ss-main .ss-content .ss-list .ss-option.ss-hide { display: none; } .ss-main .ss-content .ss-list .ss-option .ss-search-highlight { background-color: rgba(255, 247, 0, 0.384); } .ss-main .ss-multi-selected .ss-values .ss-value { display: -webkit-box; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-align: center; align-items: center; font-size: 12px; padding: 3px 5px; margin: 3px 5px 3px 0; color: #fff; background-color: #5897fb; border-radius: 4px; -webkit-animation-name: scaleIn; animation-name: scaleIn; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ss-main .ss-content .ss-list .ss-option:hover, .ss-main .ss-content .ss-list .ss-option.ss-highlighted { color: #fff; background-color: #5897fb; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } * html .clearfix, :first-child + html .clearfix { zoom: 1; } * html .accordion__content, :first-child + html .accordion__content { zoom: 1; } ::-webkit-input-placeholder { opacity: 1; } ::-moz-placeholder { opacity: 1; } :-ms-input-placeholder { opacity: 1; } :-moz-placeholder { opacity: 1; } input:focus, select:focus, textarea:focus, button:focus { outline: 0; } input { font-family: "Rubik", sans-serif; } @media screen and (max-width: 768px) { input { -webkit-appearance: none; } } a { text-decoration: none; } a:hover, a:focus, a:active { text-decoration: none; } strong { font-weight: 500; } .overflow-hidden { overflow: hidden; } html.overflow-hidden { overflow: hidden; height: 100%; margin: 0; padding: 0; border: none; } body.overflow-hidden { overflow: hidden; position: relative; box-sizing: border-box; margin: 0; height: 100%; } ::-webkit-input-placeholder { opacity: 1; } ::-moz-placeholder { opacity: 1; } :-ms-input-placeholder { opacity: 1; } :-moz-placeholder { opacity: 1; } .right-align { float: right; } .left-align { float: left; } .clear-align { float: none; } @font-face { font-family: "Rubik"; src: url("/assets/fonts/subset-Rubik-Black.woff2") format("woff2"), url("/assets/fonts/subset-Rubik-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Rubik"; src: url("/assets/fonts/subset-Rubik-Regular.woff2") format("woff2"), url("/assets/fonts/subset-Rubik-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Rubik"; src: url("/assets/fonts/subset-Rubik-Medium.woff2") format("woff2"), url("/assets/fonts/subset-Rubik-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Rubik"; src: url("/assets/fonts/subset-Rubik-Light.woff2") format("woff2"), url("/assets/fonts/subset-Rubik-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Rubik"; src: url("/assets/fonts/subset-Rubik-Bold.woff2") format("woff2"), url("/assets/fonts/subset-Rubik-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Merriweather"; src: url("/assets/fonts/subset-Merriweather-Light.woff2") format("woff2"), url("/assets/fonts/subset-Merriweather-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Merriweather"; src: url("/assets/fonts/subset-Merriweather-Bold.woff2") format("woff2"), url("/assets/fonts/subset-Merriweather-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Merriweather"; src: url("/assets/fonts/subset-Merriweather-Regular.woff2") format("woff2"), url("/assets/fonts/subset-Merriweather-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Merriweather"; src: url("/assets/fonts/subset-Merriweather-Black.woff2") format("woff2"), url("/assets/fonts/subset-Merriweather-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } .links-header { background: #fff; padding: 40px 0; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #dfdfdf; } .links-header img { display: inline-block; } .links-container { width: 280px; margin: 0 auto; } .links-container h4 { font-weight: 500; margin-bottom: 25px; } .links-container a { display: block; width: 100%; padding: 10px 0; background: #fff; font-weight: 500; text-align: center; margin-bottom: 20px; font-size: 16px; } .hidden { display: none !important; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } html, body { height: 100%; -webkit-overflow-scrolling: touch; } .homepage-form { height: 100%; } body { padding-top: 120px; -webkit-text-size-adjust: none; } @media screen and (max-width: 1130px) { body { padding-top: 70px; } } @media screen and (max-width: 576px) { body { padding-top: 50px; } } a[href^="tel"] { color: inherit; text-decoration: none; } .float-right { float: right; } input:disabled { cursor: not-allowed; background-color: #eee; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .flash { -webkit-animation-name: flash; animation-name: flash; } .text-center { text-align: center; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-family: "Rubik", sans-serif; font-weight: 400; overflow-x: hidden; } img { display: block; } @font-face { font-family: "fibaicons"; src: url("/assets/fonts/fibaicons.eot?f2kani"); src: url("/assets/fonts/fibaicons.eot?f2kani#iefix") format("embedded-opentype"), url("/assets/fonts/fibaicons.ttf?f2kani") format("truetype"), url("/assets/fonts/fibaicons.woff?f2kani") format("woff"), url("/assets/fonts/fibaicons.svg?f2kani#fibaicons") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^="fibicon-"], [class*=" fibicon-"] { font-family: "fibaicons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fibicon-female-2:before { content: "\e93b"; } .fibicon-female-3:before { content: "\e93c"; } .fibicon-male-3:before { content: "\e93d"; } .fibicon-fb-close .path1:before { content: "\e917"; color: #8cc641; } .fibicon-fb-close .path2:before { content: "\e917"; margin-left: -1em; color: #262626; } .fibicon-arrow-down .path1:before { content: "\e900"; color: #121311; } .fibicon-arrow-down .path2:before { content: "\e901"; margin-left: -1em; color: #8cc641; } .fibicon-eye .path1:before { content: "\e902"; color: #8cc641; } .fibicon-eye .path2:before { content: "\e903"; margin-left: -1em; color: #262626; } .fibicon-filter .path1:before { content: "\e904"; color: #8cc641; } .fibicon-filter .path2:before { content: "\e905"; margin-left: -1em; color: #262626; } .fibicon-heart .path1:before { content: "\e906"; color: #121311; } .fibicon-heart .path2:before { content: "\e907"; margin-left: -1em; color: #8cc641; } .fibicon-message .path1:before { content: "\e908"; color: #000; } .fibicon-message .path2:before { content: "\e909"; margin-left: -1em; color: #000; } .fibicon-message .path3:before { content: "\e90a"; margin-left: -1em; color: #8cc641; } .fibicon-page .path1:before { content: "\e90b"; color: #000; } .fibicon-page .path2:before { content: "\e90c"; margin-left: -1em; color: #000; } .fibicon-page .path3:before { content: "\e90d"; margin-left: -1em; color: #8cc641; } .fibicon-search .path1:before { content: "\e90e"; color: #000; } .fibicon-search .path2:before { content: "\e90f"; margin-left: -1em; color: #8cc641; } .fibicon-trash .path1:before { content: "\e910"; color: #000; } .fibicon-trash .path2:before { content: "\e911"; margin-left: -1em; color: #8cc641; } .fibicon-trash .path3:before { content: "\e912"; margin-left: -1em; color: #8cc641; } .fibicon-chevron-down:before { content: "\e913"; } .fibicon-chevron-right:before { content: "\e914"; } .fibicon-chevron-up:before { content: "\e915"; } .fibicon-check:before { content: "\e916"; } .fibicon-close:before { content: "\e917"; } .fibicon-arrow-left:before { content: "\e918"; } .fibicon-location:before { content: "\e919"; } .fibicon-map:before { content: "\e91a"; } .fibicon-menu:before { content: "\e91b"; } .fibicon-message-2:before { content: "\e91c"; } .fibicon-phone:before { content: "\e91d"; } .fibicon-plus:before { content: "\e91e"; } .fibicon-quest:before { content: "\e91f"; } .fibicon-quote:before { content: "\e920"; } .fibicon-arrow-right:before { content: "\e921"; } .fibicon-search-2:before { content: "\e922"; } .fibicon-facebook:before { content: "\e923"; } .fibicon-instagram:before { content: "\e924"; } .fibicon-linkedin:before { content: "\e925"; } .fibicon-twitter:before { content: "\e926"; } .fibicon-female:before { content: "\e927"; } .fibicon-male-2:before { content: "\e928"; } .fibicon-male:before { content: "\e929"; } .fibicon-agents:before { content: "\e92a"; } .fibicon-announcement:before { content: "\e92b"; } .fibicon-apps:before { content: "\e92c"; } .fibicon-calculate:before { content: "\e92d"; } .fibicon-call:before { content: "\e92e"; } .fibicon-contact:before { content: "\e92f"; } .fibicon-education:before { content: "\e930"; } .fibicon-email:before { content: "\e931"; } .fibicon-financial:before { content: "\e932"; } .fibicon-form:before { content: "\e933"; } .fibicon-headquarters:before { content: "\e934"; } .fibicon-heart2:before { content: "\e935"; } .fibicon-ir:before { content: "\e936"; } .fibicon-retirement:before { content: "\e937"; } .fibicon-ribbon:before { content: "\e938"; } .fibicon-sms:before { content: "\e939"; } .fibicon-tape:before { content: "\e93a"; } .fiba__fbar { height: 70px; line-height: 70px; background-color: #f7f7f7; display: block; overflow: hidden; } .fiba__fbar .container { padding: 0 20px; } @media screen and (max-width: 768px) { .fiba__fbar .container { padding: 0; } } @media screen and (max-width: 1130px) { .fiba__fbar { height: auto; line-height: initial; } } .fiba__fbar .footer__block { display: inline-block; } @media screen and (max-width: 1130px) { .fiba__fbar .footer__block { width: 100%; text-align: center; } } .fiba__fbar .footer__block.fb--credits { float: left; width: auto; } @media screen and (max-width: 1130px) { .fiba__fbar .footer__block.fb--credits { width: 100%; } } .fiba__fbar .footer__block.fb--credits .footer__credit { display: inline-block; float: left; font-size: 12px; margin-right: 15px; color: #000; } .fiba__fbar .footer__block.fb--credits .footer__credit span { font-size: 10px; } @media screen and (max-width: 1130px) { .fiba__fbar .footer__block.fb--credits .footer__credit { display: block; font-size: 16px; width: 100%; max-width: 400px; padding: 18px 0 10px 0; } } @media screen and (max-width: 576px) { .fiba__fbar .footer__block.fb--credits .footer__credit { font-size: 12px; padding: 18px 0 10px 0; display: none; } } .fiba__fbar .footer__block.fb--credits ul { float: left; } @media screen and (max-width: 1130px) { .fiba__fbar .footer__block.fb--credits ul { margin: 0 auto; float: none; display: inline-block; } } @media screen and (max-width: 576px) { .fiba__fbar .footer__block.fb--credits ul { margin-top: 15px; margin-bottom: 10px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; } } .fiba__fbar .footer__block.fb--credits ul li { float: left; font-size: 11px; color: #4b4b4b; font-weight: 300; } @media screen and (max-width: 1130px) { .fiba__fbar .footer__block.fb--credits ul li { font-size: 12px; } } @media screen and (max-width: 576px) { .fiba__fbar .footer__block.fb--credits ul li { font-size: 10px; } } .fiba__fbar .footer__block.fb--credits ul li a { display: inline-block; padding: 0 10px; position: relative; color: #4b4b4b; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media screen and (max-width: 576px) { .fiba__fbar .footer__block.fb--credits ul li a { padding: 3px 6px; } } .fiba__fbar .footer__block.fb--credits ul li a:hover { color: #8cc641; } .fiba__fbar .footer__block.fb--credits ul li a:before { position: absolute; content: ""; width: 1px; height: 16px; background-color: #d0d0d0; left: 0; top: 27px; } @media screen and (max-width: 1130px) { .fiba__fbar .footer__block.fb--credits ul li a:before { top: 0; } } @media screen and (max-width: 1130px) { .fiba__fbar .footer__block.fb--credits ul li:first-child a:before { content: none; } } .fiba__fbar .footer__block.fb--logos { width: auto; } @media screen and (min-width: 1680px) { .fiba__fbar .footer__block.fb--logos { float: right; } } @media screen and (max-width: 1130px) { .fiba__fbar .footer__block.fb--logos { float: none; padding: 20px 0; width: 100%; } } @media screen and (max-width: 576px) { .fiba__fbar .footer__block.fb--logos { padding: 10px 0 20px 0; } } .fiba__fbar .footer__block.fb--logos .footer__credit { display: none; float: none; font-size: 12px; margin-right: 15px; color: #000; margin-top: 15px; font-size: 10px; text-align: center; } .fiba__fbar .footer__block.fb--logos .footer__credit span { float: none; } @media screen and (max-width: 576px) { .fiba__fbar .footer__block.fb--logos .footer__credit { display: block; } } .fiba__fbar .footer__block.fb--logos .fb__logo { display: inline-block; float: left; padding-top: 14px; } @media screen and (max-width: 1130px) { .fiba__fbar .footer__block.fb--logos .fb__logo { float: none; margin: 0 auto; } } .fiba__fbar .footer__block.fb--logos .fb__logo:first-child img { margin-right: 10px; } .fiba__fbar .footer__block.fb--logos .fb__logo img { display: inline-block; width: 120px; } .fiba__fbar .footer__block.fb--logos .fb__logo img:first-child { width: 120px; } @media screen and (min-width: 1680px) { .fiba__fbar .footer__block.fb--logos .fb__logo img:first-child { width: 150px; } } @media screen and (max-width: 576px) { .fiba__fbar .footer__block.fb--logos .fb__logo img:first-child { width: 110px; } } .fiba__fbar .footer__block.fb--logos .fb__logo img:last-child { width: 110px; } @media screen and (min-width: 1680px) { .fiba__fbar .footer__block.fb--logos .fb__logo img:last-child { width: 150px; } } footer { min-height: 70px; background-image: url("/assets/img/fe-footer-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; color: #fff; position: relative; } @media screen and (max-width: 768px) { footer { min-height: auto; } } footer .container { padding: 40px 20px 90px 20px; overflow: hidden; } @media screen and (max-width: 768px) { footer .container { padding: 20px; } } footer .footer__block { display: inline-block; width: 20%; float: left; } footer .footer__block .nav__title { font-weight: 500; font-size: 14px; margin-bottom: 20px; } @media screen and (min-width: 992px) { footer .footer__block .nav__title { font-size: 16px; } } @media screen and (min-width: 1200px) { footer .footer__block .nav__title { font-size: 18px; } } footer .footer__block .footer__nav .fn__item a { color: #fff; font-size: 12px; display: inline-block; padding: 5px 0; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media screen and (min-width: 992px) { footer .footer__block .footer__nav .fn__item a { font-size: 14px; } } @media screen and (min-width: 1200px) { footer .footer__block .footer__nav .fn__item a { font-size: 16px; } } footer .footer__block .footer__nav .fn__item a:hover { color: rgba(255, 255, 255, 0.6); } footer .footer__block.footer__block--1 { width: 22%; padding-right: 10px; } @media screen and (max-width: 768px) { footer .footer__block.footer__block--1 { display: none; } } footer .footer__block.footer__block--2 { width: 22%; padding-right: 10px; } @media screen and (max-width: 768px) { footer .footer__block.footer__block--2 { display: none; } } footer .footer__block.footer__block--3 { width: 18%; padding-right: 10px; } @media screen and (max-width: 768px) { footer .footer__block.footer__block--3 { display: none; } } footer .footer__block.footer__block--4 { width: 17.5%; padding-right: 10px; } @media screen and (min-width: 992px) { footer .footer__block.footer__block--4 { width: 23%; } } @media screen and (max-width: 768px) { footer .footer__block.footer__block--4 { display: none; } } footer .footer__block.footer__block--5 { width: 17.5%; padding-right: 10px; } @media screen and (min-width: 992px) { footer .footer__block.footer__block--5 { width: 15%; } } @media screen and (max-width: 768px) { footer .footer__block.footer__block--5 { display: none; } } footer .footer__block.footer__block--6 { position: absolute; bottom: 30px; left: 0; width: auto; } @media screen and (max-width: 768px) { footer .footer__block.footer__block--6 { position: relative; bottom: auto; left: auto; width: 100%; text-align: center; } } footer .footer__block.footer__block--6 h2 { position: relative; padding-left: 85px; font-size: 28px; font-weight: 600; display: inline-block; } @media screen and (min-width: 992px) { footer .footer__block.footer__block--6 h2 { padding-left: 105px; font-size: 38px; } } @media screen and (max-width: 768px) { footer .footer__block.footer__block--6 h2 { font-size: 20px; padding-left: 43px; } } footer .footer__block.footer__block--6 h2:before { content: ""; position: absolute; width: 44px; height: 44px; background-image: url("/assets/img/fe-phone.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; left: 0; top: -5px; } @media screen and (min-width: 768px) { footer .footer__block.footer__block--6 h2:before { left: 20px; } } @media screen and (min-width: 992px) { footer .footer__block.footer__block--6 h2:before { width: 64px; height: 64px; top: -10px; } } @media screen and (max-width: 768px) { footer .footer__block.footer__block--6 h2:before { width: 38px; height: 38px; top: -6px; background-size: 80%; } } footer .footer__block.footer__block--6 h2 .fe__phone-link { display: block; width: 64px; height: 64px; position: absolute; left: 0; top: -10px; color: #fff; } @media screen and (max-width: 768px) { footer .footer__block.footer__block--6 h2 .fe__phone-link { width: 40px; height: 40px; } } footer .footer__block.footer__block--6 h2 .fe__phone-link[href^="tel:"] { color: #fff; } footer .footer__block.footer__block--7 { position: absolute; bottom: 35px; right: 0; width: auto; } @media screen and (max-width: 768px) { footer .footer__block.footer__block--7 { position: relative; bottom: auto; left: auto; width: 100%; text-align: center; margin-top: 20px; } } footer .footer__block.footer__block--7 .fs__item { display: inline-block; float: left; } @media screen and (max-width: 768px) { footer .footer__block.footer__block--7 .fs__item { float: none; } } footer .footer__block.footer__block--7 .fs__item a { display: inline-block; padding: 0 17px; font-size: 20px; color: #fff; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } footer .footer__block.footer__block--7 .fs__item a:hover { color: rgba(255, 255, 255, 0.5); } footer .footer__block.footer__block--store { position: absolute; bottom: 80px; right: 67px; width: auto; } @media screen and (max-width: 768px) { footer .footer__block.footer__block--store { position: static; bottom: auto; left: auto; width: 100%; text-align: center; margin: 20px auto 0; } } @media screen and (max-width: 768px) { footer .footer__block.footer__block--store .store-links ul { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } } footer .footer__block.footer__block--store .store-links ul li a { display: inline-block; margin-bottom: 5px; } @media screen and (max-width: 768px) { footer .footer__block.footer__block--store .store-links ul li a { margin-bottom: 0; margin-right: 5px; } } footer .footer__block.footer__block--store .store-links ul li a img { -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } footer .footer__block.footer__block--store .store-links ul li a img:hover { opacity: 0.8; } footer .footer__block.footer__block--store .store-links ul li:last-child a { margin-bottom: 0; } @media screen and (max-width: 768px) { footer .footer__block.footer__block--store .store-links ul li:last-child a { margin-bottom: 0; margin-right: 0; } } .fiba__navigation--tool { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; background-image: -webkit-gradient( linear, right top, left top, from(#8cc641), color-stop(42%, #3f947f), to(#006cb6) ); background-image: linear-gradient(to left, #8cc641, #3f947f 42%, #006cb6); box-shadow: 2px 2px 10px 0 rgba(1, 1, 1, 0.4); height: 80px; } @media screen and (max-width: 768px) { .fiba__navigation--tool { height: 50px; } } @media screen and (max-width: 768px) { .fiba__navigation--tool .container { padding-left: 15px; padding-right: 15px; margin-left: inherit; margin-right: inherit; width: 100%; } } .fiba__navigation--tool .navigation__container { display: -webkit-box; display: flex; height: 100%; width: 100%; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .fiba__navigation--tool .navigation__container .navigation__left { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__brand { width: 120px; } } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__brand img { width: 120px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container { border-left: 1px solid rgba(255, 255, 255, 0.1); display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 80px; margin-left: 20px; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container { height: 50px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile { width: 270px; height: 80px; margin-top: 7px; margin-left: 6px; border-radius: 10px; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile { width: auto; height: 50px; margin-top: 0; margin-left: 0; margin-right: 8px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__header { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 15px; cursor: pointer; border-top-left-radius: 10px; border-top-right-radius: 10px; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__header { padding: 10px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__header .header__img { position: relative; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__header .header__img img { background: #fff; padding: 7px; border-radius: 100%; width: 38px; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__header .header__img img { padding: 4px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__header .header__img span { position: absolute; top: -8px; right: -8px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 22px; height: 22px; border-radius: 100%; border: 1px solid #fff; background: #ff5b5b; font-size: 14px; font-weight: bold; color: #fff; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__header p { color: #fff; font-size: 18px; line-height: 1.22; margin-left: 10px; position: relative; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__header p { font-size: 12px; line-height: 1.83; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__header p:after { font-family: "fibaicons"; content: "\e913"; position: absolute; right: -25px; top: 2px; width: 15px; height: 15px; font-size: 15px; color: #fff; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__header p:after { right: -20px; top: 0; width: 12px; height: 12px; font-size: 12px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content { background: #fff; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); visibility: hidden; opacity: 1; position: absolute; top: 7px; width: 270px; min-height: 360px; height: auto; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content.profile__content--is-vibile { visibility: visible; opacity: 1; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content:hover { visibility: visible; opacity: 1; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content { width: 220px; min-height: 260px; right: 10px; top: 10px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content .content__header { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 15px; cursor: pointer; border-top-left-radius: 10px; border-top-right-radius: 10px; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content .content__header img { background: #fff; padding: 7px; border-radius: 100%; width: 38px; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content .content__header p { color: #262626; font-size: 18px; line-height: 1.22; margin-left: 10px; position: relative; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content .content__header p { font-size: 14px; line-height: 1.57; margin-left: 8px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content .content__header p:after { font-family: "fibaicons"; content: "\e913"; position: absolute; right: -25px; top: 2px; width: 15px; height: 15px; font-size: 15px; color: #262626; transform: rotatex(-180deg) !important; -moz-transform: rotatex(-180deg); -webkit-transform: rotatex(-180deg); -o-transform: rotatex(-180deg); -khtml-transform: rotatex(-180deg); } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content .content__header p:after { right: -10px; top: 0; width: 12px; height: 12px; font-size: 12px; position: relative; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--empty .content__body { border-top: 1px solid rgba(0, 0, 0, 0.05); text-align: center; padding: 45px; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--empty .content__body { padding: 10px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--empty .content__body .content__icon { font-size: 70px; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--empty .content__body .content__text { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #6e747c; margin-top: 20px; margin-bottom: 26px; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--empty .content__body .content__text { font-size: 14px; line-height: 1.71; margin-top: 10px; margin-bottom: 21px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--empty .content__body .content__btn { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-left: auto; margin-right: auto; width: 180px; height: 44px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.01); border: solid 1px rgba(0, 0, 0, 0.1); font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #4b4b4b; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--empty .content__body .content__btn { font-size: 14px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--full .content__body { border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 0; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--full .content__body .body__item { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.025); } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--full .content__body .body__item.active .item__img span { color: #17ead9; background: -webkit-gradient( linear, left top, left bottom, from(#17ead9), to(#6078ea) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--full .content__body .body__item.active .item__checkbox { display: block; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--full .content__body .body__item .item__img span { font-size: 40px; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--full .content__body .body__item .item__img span { font-size: 40px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--full .content__body .body__item .item__text { margin-left: 7px; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--full .content__body .body__item .item__text h5 { font-size: 16px; font-weight: normal; font-style: normal; line-height: normal; letter-spacing: -0.3px; color: #262626; margin-bottom: 6px; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--full .content__body .body__item .item__text h5 { font-size: 14px; margin-bottom: 0; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--full .content__body .body__item .item__text p { font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #000; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--full .content__body .body__item .item__text p.red { color: #ff5b5b; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--full .content__body .body__item .item__checkbox { margin-left: auto; display: none; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--gradient .content__body { opacity: 0.95; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-image: linear-gradient(138deg, #17ead9, #6078ea); border-top: none; padding: 36px 0 21px; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--gradient .content__body { padding: 10px 8px 26px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--gradient .content__body p { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: normal; text-align: center; color: #fff; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--gradient .content__body p { font-size: 14px; line-height: 1.43; padding-top: 10px; } } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--gradient .content__body .btn__cancel { display: block; margin-left: auto; margin-right: auto; width: 180px; height: 42px; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #4b4b4b; background: #fff; border-radius: 10px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-top: 21px; margin-bottom: 21px; } .fiba__navigation--tool .navigation__container .navigation__left .navigation__profile-container .navigation__profile .profile__content--gradient .content__body .btn__approve { display: block; margin-left: auto; margin-right: auto; width: 180px; height: 42px; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #fff; border: 1px solid #fff; background: transparent; border-radius: 10px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .fiba__navigation--tool .navigation__container .navigation__right ul { height: 80px; display: -webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__right ul { height: 50px; } } .fiba__navigation--tool .navigation__container .navigation__right ul li { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .fiba__navigation--tool .navigation__container .navigation__right ul li:first-child { padding-right: 20px; margin-right: 20px; border-right: 1px solid rgba(255, 255, 255, 0.1); } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__right ul li:first-child { border-right: 0; padding-right: 0; margin-right: 10px; } } .fiba__navigation--tool .navigation__container .navigation__right ul li a { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #fff; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } @media screen and (max-width: 1200px) { .fiba__navigation--tool .navigation__container .navigation__right ul li a { font-size: 17px; } } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__right ul li a { font-size: 12px; } } .fiba__navigation--tool .navigation__container .navigation__right ul li a i { padding-right: 5px; } @media screen and (max-width: 768px) { .fiba__navigation--tool .navigation__container .navigation__right ul li a i { padding-right: 2px; } } @media screen and (max-width: 768px) { .fiba__navigation--tool-with-profile .navigation__container .navigation__left .navigation__profile-container { border-left: none; } } @media screen and (max-width: 768px) { .fiba__navigation--tool-with-profile .navigation__container .navigation__left { width: 100%; -webkit-box-pack: justify; justify-content: space-between; } } @media screen and (max-width: 768px) { .fiba__navigation--tool-with-profile .navigation__container .navigation__right { display: none; } } header { position: fixed; top: 0; right: 0; left: 0; z-index: 9990; } @media screen and (min-width: 992px) { .homepage__body footer { margin-left: -17px; } } .fiba__navigation { width: 100%; height: 80px; background: #006cb6; background: -webkit-gradient( linear, left top, right top, from(#006cb6), color-stop(50%, #3f947f), to(#8cc641) ); background: linear-gradient(to right, #006cb6 0%, #3f947f 50%, #8cc641 100%); box-shadow: 2px 2px 10px rgba(1, 1, 1, 0.4); position: relative; z-index: 9999; } @media screen and (max-width: 1200px) { .fiba__navigation .container { padding: 0 10px; } } @media screen and (max-width: 1130px) { .fiba__navigation { height: 70px; } } @media screen and (max-width: 576px) { .fiba__navigation { height: 50px; } } .fiba__navigation .header__block { display: inline-block; } .fiba__navigation .header__block.header--brand { height: 100%; float: left; line-height: 80px; } @media screen and (max-width: 1130px) { .fiba__navigation .header__block.header--brand { line-height: 70px; } } @media screen and (max-width: 576px) { .fiba__navigation .header__block.header--brand { line-height: 50px; } } .fiba__navigation .header__block.header--brand .header__logo, .fiba__navigation .header__block.header--brand h1 { width: 209px; height: 50px; background: url("/assets/img/fe-logo.svg") center left no-repeat; height: 80px; display: block; } @media screen and (max-width: 1130px) { .fiba__navigation .header__block.header--brand .header__logo, .fiba__navigation .header__block.header--brand h1 { height: 70px; } } @media screen and (max-width: 576px) { .fiba__navigation .header__block.header--brand .header__logo, .fiba__navigation .header__block.header--brand h1 { height: 50px; width: 150px; background-size: contain; } } @media screen and (max-width: 460px) { .fiba__navigation .header__block.header--brand .header__logo, .fiba__navigation .header__block.header--brand h1 { width: 140px; } } .fiba__navigation .header__block.header--brand .header__logo a, .fiba__navigation .header__block.header--brand h1 a { display: block; width: 100%; height: 100%; text-indent: -9999px; } .fiba__navigation .header__block.header--brand img { display: inline-block; width: 209px; } @media screen and (max-width: 768px) { .fiba__navigation .header__block.header--brand img { width: 190px; } } @media screen and (max-width: 576px) { .fiba__navigation .header__block.header--brand img { width: 160px; } } .fiba__navigation .header__block.header--menu { height: 100%; float: right; line-height: 80px; } @media screen and (max-width: 1130px) { .fiba__navigation .header__block.header--menu { display: none; } } .fiba__navigation .header__block.header--menu .header__nav li { float: left; font-size: 14.5px; } @media screen and (max-width: 1200px) { .fiba__navigation .header__block.header--menu .header__nav li { font-size: 13.5px; } } .fiba__navigation .header__block.header--menu .header__nav li a { padding: 0 15px; color: #fff; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media screen and (max-width: 1200px) { .fiba__navigation .header__block.header--menu .header__nav li a { padding: 0 10px; } } .fiba__navigation .header__block.header--menu .header__nav li a:hover { color: rgba(255, 255, 255, 0.6); } .fiba__navigation .header__block.header--menu .header__nav li a span { font-size: 12px; display: inline-block; margin-right: 6px; } .fiba__navigation .header__block.header--menu .header__nav li.item--featured { font-weight: 500; position: relative; } .fiba__navigation .header__block.header--menu .header__nav li.item--featured:before { content: ""; width: 30px; height: 14px; border-style: solid; border-width: 14px 15px 0 15px; border-color: #227f94 transparent transparent transparent; position: absolute; z-index: 99999; bottom: -14px; left: 65px; opacity: 0; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .fiba__navigation .header__block.header--menu .header__nav li.item--featured:hover:before { opacity: 1; } .fiba__navigation .header__block.header--menu .header__nav li.item--button { font-weight: 500; } .fiba__navigation .header__block.header--menu .header__nav li.item--button a { border-radius: 10px; border: solid 1px #fff; background-color: #fff; padding: 10.5px 18px; margin-left: 16px; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #8cc641; width: 165px; display: inline-block; } @media screen and (max-width: 1200px) { .fiba__navigation .header__block.header--menu .header__nav li.item--button a { padding: 10.5px 14px; margin-left: 10px; } } .fiba__navigation .header__block.header--menu .header__nav li.item--button a:hover { border-color: rgba(255, 255, 255, 0.6); } .fiba__navigation .header__block.header--menu .header__nav li.item--button:hover .fiba__login { visibility: visible; opacity: 1; } .fiba__navigation .header__block.header--menu .header__nav li .sub__menu { position: fixed; left: 0; right: 0; background-color: #fff; color: #000; padding: 20px 0 0 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); height: 120px; } .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .submenu__holder { text-align: center; } .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .hnav__sub-item { width: 180px; float: none; display: inline-block; } .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .hnav__sub-item a { display: inline-block; text-align: center; font-size: 14px; color: #6e747c; font-weight: 400; padding: 0; line-height: 70px; } .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .hnav__sub-item a span { display: block; font-size: 50px; color: #000; margin-bottom: -10px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; background: -webkit-gradient( linear, left top, left bottom, from(#000), to(#000) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .hnav__sub-item:hover a { color: #2b8fd4; } .fiba__navigation .header__block.header--menu .header__nav li .sub__menu .hnav__sub-item:hover span { background: -webkit-gradient( linear, left top, left bottom, from(#1bcedf), to(#2b8fd4) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .fiba__navigation .header__block.header--menu .header__nav li:hover .sub__menu { opacity: 1; visibility: visible; } .fiba__navigation .header__comp.header__comp--mnav-trigger { float: right; line-height: 50px; color: #fff; font-size: 17px; display: none; background-color: #8cc641; position: absolute; right: 0; padding: 0 16px; } .fiba__navigation .header__comp.header__comp--mnav-trigger a { color: #fff; } @media screen and (max-width: 576px) { .fiba__navigation .header__comp.header__comp--mnav-trigger a span { font-size: 15px; } } @media screen and (max-width: 1130px) { .fiba__navigation .header__comp.header__comp--mnav-trigger { display: inline-block; line-height: 70px; padding: 0 18px; } } @media screen and (max-width: 576px) { .fiba__navigation .header__comp.header__comp--mnav-trigger { line-height: 50px; } } @media screen and (max-width: 460px) { .fiba__navigation .header__comp.header__comp--mnav-trigger { padding: 0 15px; } } .fiba__navigation .header__comp.header__comp--mlogin-trigger { display: none; color: #fff; position: absolute; right: 71px; top: 10px; } .fiba__navigation .header__comp.header__comp--mlogin-trigger:hover .fiba__login { visibility: visible; opacity: 1; } .fiba__navigation .header__comp.header__comp--mlogin-trigger a { display: inline-block; float: right; border: 1px solid #fff; color: #fff; text-align: center; border-radius: 6px; } @media screen and (max-width: 1130px) { .fiba__navigation .header__comp.header__comp--mlogin-trigger a { font-size: 11px; line-height: 12px; height: 35px; width: 70px; padding: 5px 0; } } @media screen and (max-width: 576px) { .fiba__navigation .header__comp.header__comp--mlogin-trigger a { font-size: 10px; line-height: 11px; height: 30px; width: 60px; padding: 4px 0; } } @media screen and (max-width: 1130px) { .fiba__navigation .header__comp.header__comp--mlogin-trigger { display: inline-block; top: 17px; right: 75px; } } @media screen and (max-width: 576px) { .fiba__navigation .header__comp.header__comp--mlogin-trigger { top: 10px; } } @media screen and (max-width: 460px) { .fiba__navigation .header__comp.header__comp--mlogin-trigger { right: 57px; } } .fiba__navigation .header__comp.header__comp--mobile-menu { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 99999; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; opacity: 0; visibility: hidden; } .fiba__navigation .header__comp.header__comp--mobile-menu.is--toggled { opacity: 1; visibility: visible; } .fiba__navigation .header__comp.header__comp--mobile-menu.is--toggled .mm__box { transform: scale(1) !important; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -khtml-transform: scale(1); } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(38, 38, 38, 0.6); } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box { background-color: #fff; position: relative; z-index: 9999; margin: 5px 10px; border-radius: 10px; padding: 15px 26px; overflow: auto; height: calc(100% - 10px); -webkit-overflow-scrolling: touch; transform: scale(0.95) !important; -moz-transform: scale(0.95); -webkit-transform: scale(0.95); -o-transform: scale(0.95); -khtml-transform: scale(0.95); -webkit-transition: all 0.15s linear; transition: all 0.15s linear; } @media screen and (max-width: 576px) { .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box { overflow: auto; max-height: 100%; -webkit-overflow-scrolling: touch; } } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mm__search { margin: 15px 0 5px 0; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mm__search p { font-size: 11px; color: #6e747c; margin-bottom: 5px; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mm__search input { border: none; border-bottom: 1px solid #a7abb0; height: 40px; line-height: 40px; font-size: 20px; font-family: "Rubik", sans-serif; width: 100%; padding-left: 24px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-radius: 0; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mm__search input:focus { border-bottom: 1px solid #b4ec51; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mm__search .mobile__search { position: relative; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mm__search .mobile__search .fibicon-search { position: absolute; left: 0; top: 12px; font-size: 18px; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mm__search .mobile__search .fibicon-search .path2:before { margin-left: -18px; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mobile__nav .mnav__item { font-size: 16px; border-bottom: 1px solid rgba(38, 38, 38, 0.05); position: relative; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mobile__nav .mnav__item a { padding: 10px 0; display: inline-block; color: #262626; width: 100%; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mobile__nav .mnav__item a span { margin-right: 7px; font-size: 19px; display: inline-block; float: left; vertical-align: middle; margin-top: 1px; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mobile__nav .mnav__item.item--has-dropdown:before { font-family: "fibaicons"; content: "\e913"; position: absolute; right: 0; top: 7px; width: 19px; height: 19px; font-size: 19px; color: rgba(0, 0, 0, 0.4); } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mobile__nav .mnav__item.is--toggled > a { color: #2b8fd4; font-weight: 500; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mobile__nav .mnav__item.is--toggled:before { font-family: "fibaicons"; color: #2b8fd4; content: "\e915"; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mobile__nav .mnav__item.item--sm { font-size: 14px; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mobile__nav .mnav__item.item--sm a { color: #6e747c; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mm__close { position: absolute; top: 10px; right: 15px; font-size: 25px; } .fiba__navigation .header__comp.header__comp--mobile-menu .mm__box .mm__close a { color: #000; } .mobile-buy-button { display: block; margin: 15px auto 10px; background-color: #fff; color: #8cc641; font-size: 16px; font-weight: 500; } .kit__body { background-color: #f2f9fe; padding: 50px 0; } .kit__body .kit__holder .kit__heading { margin-bottom: 100px; } .kit__body .kit__holder .kit__heading h3 { font-weight: 600; font-size: 34px; } .kit__body .kit__holder .kit__heading h5 { font-weight: 500; color: rgba(0, 0, 0, 0.4); margin-bottom: 7px; font-size: 16px; } .kit__body .kit__holder .kit__heading h5 span { letter-spacing: -0.7px; margin-left: 5px; } .kit__body .kit__holder .kit__section { margin: 40px 0; margin-left: -15px; margin-right: -15px; display: block; overflow: hidden; } .kit__body .kit__holder .kit__section .ksection__heading { margin-bottom: 20px; } .kit__body .kit__holder .kit__section .ksection__heading h4 { border-bottom: 2px solid rgba(0, 0, 0, 0.05); padding-bottom: 10px; width: 85%; } .kit__body .kit__holder .kit__section .ksection__holder { float: left; display: inline-block; overflow: hidden; } .kit__body .kit__holder .kit__section .ksection__holder .sample__holder { display: block; } .kit__body .kit__holder .kit__section .ksection__holder .fe-button { display: inline-block; margin: 10px 0; } .fe-button { display: inline-block; position: relative; background-color: #232323; color: #fff; font-weight: 500; text-align: center; border-radius: 10px; overflow: hidden; padding: 12px 32px; font-size: 16px; } @media screen and (max-width: 768px) { .fe-button { padding: 9px 24px; font-size: 14px; } } .fe-button.fe-button--green { background-color: #8cc641; } .fe-button.fe-button--light { background-color: transparent; border: 2px solid #fff; line-height: 60px; } .fe-button.fe-button--icon { padding: 0; padding-right: 60px; width: 260px; height: 62px; line-height: 62px; font-size: 20px; } @media screen and (max-width: 576px) { .fe-button.fe-button--icon { padding: 0; padding-right: 60px; width: 100%; height: 50px; line-height: 50px; font-size: 15px; } } .fe-button.fe-button--icon:before { content: ""; position: absolute; width: 110px; height: 110px; background-color: rgba(255, 255, 255, 0.2); border-radius: 100px; right: -60px; top: 50%; margin-top: -55px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .fe-button.fe-button--icon i { position: absolute; font-size: 24px; right: 17px; top: 50%; transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); } @media screen and (max-width: 576px) { .fe-button.fe-button--icon i { right: 14px; } } .fe-button.fe-button--icon:hover:before { width: 150%; } .fe-button.fe-button--block { width: 100%; } .fe-button.fe-button--md { padding: 12px 40px; font-size: 16px; } .fe-button.fe-button--gradient { background: -webkit-gradient( linear, left top, right top, from(#17ead9), to(#6078ea) ) !important; background: linear-gradient(to right, #17ead9 0%, #6078ea 100%) !important; color: #fff !important; border-color: transparent !important; } .fe-button.fe-button--centered { display: block; margin: 0 auto 20px; } @media screen and (min-width: 768px) { .fe-button.fe-button--centered { margin: 0 auto 40px; } } .form__block { display: inline-block; position: relative; width: 100%; margin: 17px 0; } .form__block.input__error .input__block { background-color: #ff5b5b !important; } .form__block.input__error input.fe__input { color: #353535 !important; background-color: #fff !important; } .form__block.input__error .input__error-message { visibility: visible; } .form__block .form__group { display: block; font-size: 14px; font-family: "Rubik", sans-serif; position: relative; border-radius: 15px; } .form__block .form__group.form__group--lg label { font-size: 18px; } @media screen and (max-width: 768px) { .form__block .form__group.form__group--lg label { font-size: 16px; } } .form__block .form__group.form__group--lg input.fe__input { height: 60px; line-height: 60px; font-size: 18px; } @media screen and (max-width: 768px) { .form__block .form__group.form__group--lg input.fe__input { height: 44px; line-height: 44px; font-size: 14px; } } .form__block .form__group.form__group--transparent { color: #fff; } .form__block .form__group.form__group--transparent input.fe__input { background-color: transparent; border: 1px solid #fff; color: #fff; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .form__block .form__group.form__group--transparent input.fe__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6) !important; } .form__block .form__group.form__group--transparent input.fe__input::-moz-placeholder { color: rgba(255, 255, 255, 0.6) !important; } .form__block .form__group.form__group--transparent input.fe__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6) !important; } .form__block .form__group.form__group--transparent input.fe__input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.6) !important; } .form__block .form__group.form__group--transparent input.fe__input::placeholder { color: rgba(255, 255, 255, 0.6) !important; } .form__block .form__group.form__group--transparent input.fe__input:focus { background-color: rgba(255, 255, 255, 0.1); } .form__block .form__group.form__group--transparent .input__block.active { background: transparent !important; } .form__block .form__group label { display: block; margin-bottom: 7px; text-align: left; } .form__block .form__group.formcol__date span { float: left; width: 4%; text-align: center; line-height: 44px; } .form__block .form__group.formcol__date .input__block { width: 26%; display: inline-block; float: left; margin-right: 4%; } .form__block .form__group.formcol__date .input__block:first-child { width: 26%; } .form__block .form__group.formcol__date .input__block:last-child { width: 40%; margin-right: 0; } .form__block .form__group.formcol__date .input__block input { text-align: center; } .form__block .form__group.formcol__date .formcol__date-holder { display: -webkit-box; display: flex; } .form__block .form__group.formcol__date .formcol__date-holder .fiba-select.ss-main .ss-arrow:before { right: 10px; } .form__block.form__block--half .form__group { width: 50%; float: left; display: inline-block; } .form__block.form__block--half .form__group:first-child { padding-right: 10px; } .form__block.form__block--half .form__group:last-child { padding-left: 10px; } .form__block.form__block--third .form__group { width: 33.3%; float: left; display: inline-block; } .form__block.form__block--third .form__group:first-child { padding-right: 10px; } @media screen and (max-width: 992px) { .form__block.form__block--third .form__group:first-child { padding: 0; } } .form__block.form__block--third .form__group:nth-child(2) { padding: 0 10px; } @media screen and (max-width: 992px) { .form__block.form__block--third .form__group:nth-child(2) { padding: 0; } } .form__block.form__block--third .form__group:last-child { padding-left: 10px; } @media screen and (max-width: 992px) { .form__block.form__block--third .form__group:last-child { padding: 0; } } @media screen and (max-width: 992px) { .form__block.form__block--third .form__group { width: 100%; margin: 14px 0; } } .form__error-msg { position: absolute; width: 100%; left: 0; top: calc(100% - 9px); border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; background-color: #ff5b5b; height: 38px; padding: 16px 10px 0 17px; font-size: 12px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #fff; text-align: left; z-index: 0; display: none; } .fe__input, .fe__textarea, .input__block--fileInput label { height: 44px; line-height: inherit; padding: 0 15px; border-radius: 10px; border: 1px solid #ebecee; background-color: #fff; width: 100%; position: relative; z-index: 1; -webkit-appearance: none; font-family: "Rubik", sans-serif; resize: none; } /* .fe__input:focus, .fe__textarea:focus, .input__block--fileInput label:focus { border: 1px solid transparent; } */ .fe__input.select2-search__field, .fe__textarea.select2-search__field, .input__block--fileInput label.select2-search__field { height: 32px; line-height: 32px; border-radius: 6px; border: 1px solid #ebecee !important; padding: 0 15px; font-size: 14px; } .fe__textarea { height: 90px; line-height: inherit; padding: 10px 15px; } .input__block { position: relative; border-radius: 11px; padding: 1px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; display: -webkit-box; display: flex; height: 100%; } .input__block:before { content: none; } .input__block.active { background: #17ead9; background: -webkit-gradient( linear, left top, right top, color-stop(1%, #17ead9), to(#6078ea) ); background: linear-gradient(to right, #17ead9 1%, #6078ea 100%); } .input__block.input__block--textarea { height: 92px; } .input__block label.error { font-size: 14px; font-weight: 300; color: #fff; text-align: center; position: relative; top: 3px; } @media screen and (max-width: 768px) { .input__block label.error { font-size: 11px; text-align: left; } } .input__error-message { font-size: 13px !important; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #fff; padding: 15px 15px 3px; visibility: hidden; position: absolute; z-index: 0; left: 0; bottom: -26px; background-color: #ff5b5b; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 100%; } .input__error .form__error-msg { display: block; } .fe__cta { display: inline-block; line-height: 35px; color: #fff; } .fe__cta i, .fe__cta em { display: inline-block; font-size: 20px; width: 36px; height: 36px; border-radius: 100px; background-color: #000; border: 1px solid #000; text-align: center; line-height: 35px; } .fe__cta.fe__cta--transparent i, .fe__cta.fe__cta--transparent em { background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.4); } .fe__cta.fe__cta--absolute i, .fe__cta.fe__cta--absolute em { background-color: #fff; color: #8cc641; border: none; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); } .fe__cta span { display: inline-block; float: left; font-size: 18px; } .fiba-select.ss-main .ss-single-selected, #agent.ss-main .ss-single-selected { height: 44px; padding: 0 15px; border: 1px solid #dcdee2; border-radius: 10px; } .fiba-select.ss-main .ss-single-selected .ss-arrow span, #agent.ss-main .ss-single-selected .ss-arrow span { border: none; } .fiba-select.ss-main .ss-single-selected .ss-arrow:before, #agent.ss-main .ss-single-selected .ss-arrow:before { content: "\e913"; font-family: "fibaicons"; position: absolute; top: 50%; right: 20px; transform: translatey(-50%) !important; -moz-transform: translatey(-50%); -webkit-transform: translatey(-50%); -o-transform: translatey(-50%); -khtml-transform: translatey(-50%); font-size: 18px; color: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 768px) { .fiba-select.ss-main .ss-single-selected .ss-arrow:before, #agent.ss-main .ss-single-selected .ss-arrow:before { right: 10px; font-size: 12px; } } .fiba-select.ss-main .ss-content, #agent.ss-main .ss-content { top: 0 !important; border: none; border-radius: 10px; box-shadow: 0 0 23px rgba(60, 60, 60, 0.5); } .fiba-select.ss-main .ss-content .ss-list, #agent.ss-main .ss-content .ss-list { max-height: 250px; } .fiba-select.ss-main .ss-content .ss-list .ss-option, #agent.ss-main .ss-content .ss-list .ss-option { padding: 12px 16px; font-size: 14px; color: #262626; } .fiba-select.ss-main .ss-content .ss-list .ss-option:first-child, #agent.ss-main .ss-content .ss-list .ss-option:first-child { border-radius: 10px 10px 0 0; } .fiba-select.ss-main .ss-content .ss-list .ss-option:last-child, #agent.ss-main .ss-content .ss-list .ss-option:last-child { border-radius: 0 0 10px 10px; border-bottom: 0 !important; } .fiba-select.ss-main .ss-content .ss-list .ss-option.ss-disabled, #agent.ss-main .ss-content .ss-list .ss-option.ss-disabled, .fiba-select.ss-main .ss-content .ss-list .ss-option.ss-highlighted, #agent.ss-main .ss-content .ss-list .ss-option.ss-highlighted { background: #17ead9; background: -webkit-gradient( linear, left top, right top, from(#17ead9), to(#6078ea) ); background: linear-gradient(to right, #17ead9 0%, #6078ea 100%); color: #fff; border-bottom: 1px solid #fff; } .fiba-select.ss-main .ss-content .ss-list .ss-option.ss-disabled:hover, #agent.ss-main .ss-content .ss-list .ss-option.ss-disabled:hover, .fiba-select.ss-main .ss-content .ss-list .ss-option.ss-highlighted:hover, #agent.ss-main .ss-content .ss-list .ss-option.ss-highlighted:hover { background: #17ead9; background: -webkit-linear-gradient(left, #17ead9 0%, #6078ea 100%); background: l; color: #fff; } .fiba-select.ss-main .ss-content .ss-list .ss-option:hover, #agent.ss-main .ss-content .ss-list .ss-option:hover { color: #2b8fd4; background: #fff; } .fiba-select-pk.ss-main .ss-single-selected { height: 44px; padding: 0 15px; border: 1px solid #dcdee2; border-radius: 10px; } .fiba-select-pk.ss-main .ss-single-selected .ss-arrow span { border: none; } .fiba-select-pk.ss-main .ss-single-selected .ss-arrow:before { content: "\e913"; font-family: "fibaicons"; position: absolute; font-size: 18px; color: rgba(0, 0, 0, 0.5); } .fiba-select-pk.ss-main .ss-content { top: 100% !important; border: 1px solid #dcdee2; } .fiba-select-pk.ss-main .ss-content .ss-list { max-height: 250px; } .fiba-select-pk.ss-main .ss-content .ss-list .ss-option { padding: 6px 16px; font-size: 14px; color: #262626; } .fiba-select-pk.ss-main .ss-content .ss-list .ss-option.ss-disabled { color: rgba(0, 0, 0, 0.5); } .fiba-select-pk.ss-main .ss-content .ss-list .ss-option.ss-highlighted, .fiba-select-pk.ss-main .ss-content .ss-list .ss-option:hover { background: #17ead9; background: -webkit-gradient( linear, left top, right top, from(#17ead9), to(#6078ea) ); background: linear-gradient(to right, #17ead9 0%, #6078ea 100%); color: #fff; } .fiba-select-pk.ss-main .ss-content .ss-search { padding: 0; } .fiba-select-pk.ss-main .ss-content .ss-search input { border-radius: 0; border: none; border-bottom: 1px solid #dcdee2; padding: 0 16px; height: 40px; } .fiba-select-pk.ss-main .ss-content .ss-search input:focus, .fiba-select-pk.ss-main .ss-content .ss-search input:hover { outline: 0; box-shadow: none; } .fiba-select-multi .ss-content .ss-list .ss-option:hover { background: #17ead9; background: -webkit-gradient( linear, left top, right top, from(#17ead9), to(#6078ea) ); background: linear-gradient(to right, #17ead9 0%, #6078ea 100%); color: #fff; } .fiba-select-multi.ss-main .ss-multi-selected { height: 44px; padding: 0 7px; border: 1px solid #dcdee2; border-radius: 10px; overflow: hidden; } @media screen and (max-width: 576px) { .fiba-select-multi.ss-main .ss-multi-selected { overflow: inherit; } } .fiba-select-multi.ss-main .ss-multi-selected .ss-values { position: absolute; left: -195px; top: 55px; width: 215%; } @media screen and (max-width: 576px) { .fiba-select-multi.ss-main .ss-multi-selected .ss-values { position: relative; left: auto; top: auto; width: auto; margin-top: 50px; } } .fiba-select-multi.ss-main .ss-multi-selected .ss-values .ss-disabled { display: none; } .fiba-select-multi.ss-main .ss-multi-selected .ss-add { float: right; display: inline-block; position: absolute; right: 8px; top: 1px; } .fiba-select-multi.ss-main .ss-multi-selected .ss-add .ss-plus { background: #fff; } .fiba-select-multi.ss-main .ss-multi-selected .ss-add .ss-plus:before { content: "\e913"; position: absolute; right: -2px; font-family: fibaicons; top: 50%; font-size: 18px; } .fiba-select-multi.ss-main .ss-multi-selected .ss-add .ss-plus:after { content: none; } .fiba-select-multi.ss-main .ss-single-selected { height: 44px; padding: 0 15px; border: 1px solid #dcdee2; border-radius: 10px; } .fiba-select-multi.ss-main .ss-content { top: 0 !important; border: none; border-radius: 10px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } .fiba-select-multi.ss-main .ss-content .ss-list { max-height: 250px; } .fiba-select-multi.ss-main .ss-content .ss-list .ss-option { padding: 12px 16px; font-size: 14px; color: #262626; } .fiba-select-multi.ss-main .ss-content .ss-list .ss-option:first-child { border-radius: 10px 10px 0 0; } .fiba-select-multi.ss-main .ss-content .ss-list .ss-option:last-child { border-radius: 0 0 10px 10px; } .fiba-select-multi.ss-main .ss-content .ss-list .ss-option.ss-disabled { color: rgba(0, 0, 0, 0.5); } .fiba-select-multi.ss-main .ss-content .ss-search input { border: none; } .fiba-select-multi.ss-main .ss-content .ss-search input:focus { outline: 0; box-shadow: none; } .fiba-select--error.ss-main .ss-single-selected { border-color: #f55d5d; } .fe__modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; } .fe__modal .modal__overlay { background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .fe__modal .modal__holder { position: absolute; top: 50%; transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); left: 0; right: 0; width: 680px; margin: 0 auto; } .fe__modal .modal__holder .modal__heading { background: #17ead9; background: -webkit-gradient( linear, left top, right top, from(#17ead9), to(#6078ea) ); background: linear-gradient(to right, #17ead9 0%, #6078ea 100%); color: #fff; padding: 18px 30px; border-radius: 10px 10px 0 0; position: relative; } .fe__modal .modal__holder .modal__heading h4 { display: inline-block; font-size: 18px; } .fe__modal .modal__holder .modal__heading .modal__close { position: absolute; right: 20px; top: 50%; transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); font-size: 25px; color: #fff; } .fe__modal .modal__holder .modal__content { background-color: #fff; border-radius: 0 0 10px 10px; padding: 18px 30px; } .fe__modal .modal__holder .modal__content .modal__subheading { padding-bottom: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .fe__modal .modal__holder .modal__content .modal__subheading h5 { font-weight: 400; font-size: 18px; line-height: 26px; } .ss-main { display: inline-block !important; } .search-result__item { display: block; overflow: hidden; border-radius: 6px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 1px #e6e6e6; padding: 20px; margin: 0 0 25px 0; } .search-result__item h1 { font-size: 46px; font-weight: 300; margin-bottom: 15px; } @media screen and (max-width: 576px) { .search-result__item h1 { font-size: 28px; max-width: 100%; } } .search-result__item h1:last-child { margin-bottom: 0; } .search-result__item h2 { font-size: 36px; font-weight: 300; margin-bottom: 15px; } @media screen and (max-width: 576px) { .search-result__item h2 { font-size: 26px; max-width: 100%; } } .search-result__item h2:last-child { margin-bottom: 0; } .search-result__item h3 { font-size: 28px; font-weight: 300; margin-bottom: 15px; } @media screen and (max-width: 576px) { .search-result__item h3 { font-size: 28px; } } .search-result__item h3:last-child { margin-bottom: 0; } .search-result__item h4 { font-size: 24px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #2b8fd4; margin-bottom: 15px; clear: both; } @media screen and (max-width: 768px) { .search-result__item h4 { font-size: 18px; margin-bottom: 10px; } } .search-result__item h4:last-child { margin-bottom: 0; } .search-result__item h5 { font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #2b8fd4; margin-bottom: 15px; clear: both; } @media screen and (max-width: 768px) { .search-result__item h5 { font-size: 16px; margin-bottom: 10px; } } .search-result__item h5:last-child { margin-bottom: 0; } .search-result__item p { font-size: 18px; line-height: 38px; color: #262626; font-weight: 300; margin-bottom: 15px; clear: left; } @media screen and (max-width: 576px) { .search-result__item p { font-size: 16px; line-height: 32px; margin-bottom: 20px; } } .search-result__item p:last-child { margin-bottom: 0; } .search-result__item p strong { font-weight: 500; } .search-result__item p a { color: #2b8fd4; } .search__result-text { font-size: 18px; line-height: 38px; color: #262626; font-weight: 300; margin-bottom: 15px; text-align: center; } .search__result-text span { color: #2b8fd4; } .search-results h2 { font-weight: bold; text-align: center; font-size: 36px; font-weight: 500; margin-bottom: 15px; } @media screen and (max-width: 576px) { .search-results h2 { font-size: 26px; max-width: 100%; } } .search-results h2:last-child { margin-bottom: 0; } .fiba__slider { position: relative; height: calc(100% - 70px); overflow: hidden; display: block; width: 100%; } @media screen and (max-width: 768px) { .fiba__slider { height: 520px; } } .fiba__slider .slider__holder { height: 100%; } .fiba__slider .slider__holder .slider__item { height: 100%; background-size: cover; background-position: top; background-repeat: no-repeat; } .fiba__slider .slider__holder .slider__item .slider__content { position: absolute; width: 40%; top: 50%; transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); right: 5%; color: #fff; } @media screen and (max-width: 768px) { .fiba__slider .slider__holder .slider__item .slider__content { width: 100%; right: 0; padding: 0 10%; top: 10%; transform: translate(0, 0) !important; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -khtml-transform: translate(0, 0); } } @media screen and (max-width: 768px) { .fiba__slider .slider__holder .slider__item .slider__content { padding: 0 25px 0 50px; height: 320px; position: relative; } } .fiba__slider .slider__holder .slider__item .slider__content h2 { font-weight: 600; font-size: 30px; } @media screen and (min-width: 576px) { .fiba__slider .slider__holder .slider__item .slider__content h2 { font-size: 34px; } } @media screen and (min-width: 768px) { .fiba__slider .slider__holder .slider__item .slider__content h2 { font-size: 44px; } } @media screen and (min-width: 992px) { .fiba__slider .slider__holder .slider__item .slider__content h2 { font-size: 50px; } } @media screen and (min-width: 1200px) { .fiba__slider .slider__holder .slider__item .slider__content h2 { font-size: 60px; } } .fiba__slider .slider__holder .slider__item .slider__content p { font-size: 16px; line-height: 24px; font-weight: 400; margin: 15px 0 20px 0; } @media screen and (min-width: 576px) { .fiba__slider .slider__holder .slider__item .slider__content p { font-size: 18px; line-height: 28px; } } @media screen and (min-width: 992px) { .fiba__slider .slider__holder .slider__item .slider__content p { font-size: 22px; line-height: 32px; } } @media screen and (max-width: 768px) { .fiba__slider .slider__holder .slider__item .slider__content .fe-button { position: absolute; bottom: 0; left: 50%; margin-left: -110px; width: 220px; } } .fiba__slider .slider__contact { position: relative; z-index: 2; } .fiba__slider .slider__contact .sc__block { position: absolute; bottom: 40px; z-index: 99; } .fiba__slider .slider__contact .sc__block.block--phone { left: 15px; } @media screen and (max-width: 576px) { .fiba__slider .slider__contact .sc__block.block--phone { left: 0; right: 0; text-align: center; bottom: 80px; } } .fiba__slider .slider__contact .sc__block.block--phone .fe__phone { color: #fff; position: relative; padding-left: 76px; font-size: 38px; font-weight: 600; } @media screen and (max-width: 576px) { .fiba__slider .slider__contact .sc__block.block--phone .fe__phone { display: inline-block; font-size: 28px; padding-left: 50px; } } .fiba__slider .slider__contact .sc__block.block--phone .fe__phone:before { content: ""; position: absolute; width: 64px; height: 64px; background-image: url("/assets/img/fe-phone.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; left: 0; top: -4px; } @media screen and (max-width: 576px) { .fiba__slider .slider__contact .sc__block.block--phone .fe__phone:before { top: -3px; width: 40px; height: 40px; } } .fiba__slider .slider__contact .sc__block.block--phone .fe__phone .fe__phone-link { display: block; width: 64px; height: 64px; position: absolute; left: 0; top: -5px; } @media screen and (max-width: 576px) { .fiba__slider .slider__contact .sc__block.block--phone .fe__phone .fe__phone-link { width: 40px; height: 40px; } } .fiba__slider .slider__contact .sc__block.block--social { bottom: 42px; right: 10px; } @media screen and (max-width: 576px) { .fiba__slider .slider__contact .sc__block.block--social { bottom: 25px; right: 0; left: 0; text-align: center; } } .fiba__slider .slider__contact .sc__block.block--social .sc__item { display: inline-block; float: left; } @media screen and (max-width: 576px) { .fiba__slider .slider__contact .sc__block.block--social .sc__item { float: none; } } .fiba__slider .slider__contact .sc__block.block--social .sc__item a { display: inline-block; padding: 0 17px; font-size: 20px; color: #fff; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .fiba__slider .slider__contact .sc__block.block--social .sc__item a:hover { color: rgba(255, 255, 255, 0.5); } .slider__dot { width: 10px; height: 10px; background-color: #fff; border-radius: 100px; margin: 0 auto; } .owl-item, .owl-stage-outer, .owl-stage { height: 100% !important; } @media screen and (max-width: 768px) { .owl-dots { display: none !important; } } .svg-dot { pointer-events: none; transform: rotate(-90deg) !important; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); } .svg-dot--circle { fill: transparent; stroke-width: 4; stroke-dasharray: 150; } .svg-dot--animation { fill: transparent; stroke-width: none; stroke-dasharray: 150; stroke-width: 4; } .owl-dot.active .svg-dot[data-percent="100"] .svg-dot--animation { stroke-dashoffset: 0; } .owl-dot.active .svg-dot[data-percent="100"] .svg-dot--circle { stroke: rgba(255, 255, 255, 0.1); } .owl-dot.active .svg-dot[data-percent="100"] .svg-dot--animation { stroke: #fff; } .fiba__slider .owl-dots { position: absolute !important; width: auto !important; display: inline-block !important; left: 9% !important; top: 50% !important; right: auto !important; transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); counter-reset: slides-nums; top: 100%; left: 50%; margin-top: 15px; } @media screen and (max-width: 768px) { .fiba__slider .owl-dots { left: 13px !important; top: 40% !important; } } .fiba__slider .owl-dots .owl-dot { counter-increment: slides-num; display: block !important; margin-bottom: 25px !important; position: relative; } @media screen and (max-width: 768px) { .fiba__slider .owl-dots .owl-dot { margin-bottom: 15px !important; } } .fiba__slider .owl-dots .owl-dot svg { display: none; } @media screen and (max-width: 768px) { .fiba__slider .owl-dots .owl-dot svg { display: none !important; } } @media screen and (max-width: 768px) { .fiba__slider .owl-dots .owl-dot.active span { opacity: 0; } } .fiba__slider .owl-dots .owl-dot.active svg { display: block; } .fiba__slider .owl-dots .owl-dot.active .slider__dot { opacity: 0; } .fiba__slider .owl-dots .owl-dot.active:before { content: "0" counter(slides-num); display: inline-block; vertical-align: middle; font-size: 24px; position: absolute; font-weight: 300; left: 0; top: 27px; right: 3px; z-index: 9999; color: #fff; } @media screen and (max-width: 768px) { .fiba__slider .owl-dots .owl-dot.active:before { border: 3px solid #fff; border-radius: 25px; width: 25px; height: 25px; line-height: 21px; font-size: 10px; top: -8px; left: -7px; } } .fiba__slider .owl-item:before { content: none; } @-webkit-keyframes show100 { from { stroke-dashoffset: 150; } to { stroke-dashoffset: 0; } } @keyframes show100 { from { stroke-dashoffset: 150; } to { stroke-dashoffset: 0; } } .fe__accordion { display: inline-block; width: 100%; border: solid 1px #ebecee; border-radius: 10px; margin: 9px 0; position: relative; background-color: #fff; text-align: left; } .fe__accordion.active .notification__block.active { display: block; } .fe__accordion.accordion--blurred .accordion__content { -webkit-filter: blur(2px); filter: blur(2px); } .fe__accordion:before { content: ""; position: absolute; width: 28px; height: 28px; background-image: url("/assets/img/accordion-close.svg"); background-repeat: no-repeat; background-size: cover; right: 30px; top: 20px; } @media screen and (max-width: 768px) { .fe__accordion:before { width: 20px; height: 20px; right: 15px; top: 10px; } } .fe__accordion.active { background-color: #f8f8f9; } .fe__accordion.active:before { background-image: url("/assets/img/accordion-open.svg"); } @media screen and (max-width: 768px) { .fe__accordion.active:before { width: 20px; height: 20px; right: 15px; } } .fe__accordion.active h4.accordion__title { color: #2b8fd4; font-weight: normal; } .fe__accordion h4.accordion__title { font-size: 18px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; padding: 0 0; padding-right: 50px; -webkit-box-align: center; align-items: center; color: #6e747c; background-color: transparent; cursor: pointer; position: relative; padding: 20px 70px 20px 30px; } @media screen and (max-width: 768px) { .fe__accordion h4.accordion__title { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; padding: 10px 50px 10px 10px; } } .fe__accordion h4.accordion__title img { position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -khtml-transform: translateY(-50%); } @media screen and (max-width: 768px) { .fe__accordion h4.accordion__title img { width: 20px; right: 0; } } .fe__accordion .accordion__content { padding: 0 40px 20px; line-height: 32px; clear: both; } .fe__accordion .accordion__content:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } .fe__accordion .accordion__content .col-md-6 { padding: 0; } @media screen and (max-width: 768px) { .fe__accordion .accordion__content { padding: 10px 20px; } } .fe__accordion .accordion__content .content__checkbox { margin-bottom: 15px; } .fe__accordion .accordion__content .content__checkbox:last-child { margin-bottom: 0; } @media screen and (max-width: 768px) { .fe__accordion .accordion__content .content__checkbox { margin-bottom: 30px; padding: 0 20px; } } .fe__accordion .accordion__content .content__checkbox .checkbox__text { font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #262626; } .fe__accordion .accordion__content .content__checkbox .checkbox__text > a { color: #262626; font-weight: 500; } .fe__accordion .accordion__content .content__checkbox .checkbox__text strong { font-weight: 500; } @media screen and (max-width: 768px) { .fe__accordion .accordion__content .content__checkbox .checkbox__text { font-size: 13px; line-height: 1.67; } } .fe__accordion .accordion__content > h1, .fe__accordion .accordion__content form > h1 { font-size: 46px; font-weight: 300; margin-bottom: 15px; } @media screen and (max-width: 576px) { .fe__accordion .accordion__content > h1, .fe__accordion .accordion__content form > h1 { font-size: 32px; max-width: 100%; } } .fe__accordion .accordion__content > h2, .fe__accordion .accordion__content form > h2 { font-size: 40px; font-weight: 300; margin-bottom: 15px; } @media screen and (max-width: 576px) { .fe__accordion .accordion__content > h2, .fe__accordion .accordion__content form > h2 { font-size: 26px; max-width: 100%; } } .fe__accordion .accordion__content > h3, .fe__accordion .accordion__content form > h3 { font-size: 40px; font-weight: 300; margin-bottom: 15px; } @media screen and (max-width: 576px) { .fe__accordion .accordion__content > h3, .fe__accordion .accordion__content form > h3 { font-size: 28px; } } .fe__accordion .accordion__content > h4, .fe__accordion .accordion__content form > h4 { font-size: 24px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #2b8fd4; margin-bottom: 15px; clear: both; } @media screen and (max-width: 768px) { .fe__accordion .accordion__content > h4, .fe__accordion .accordion__content form > h4 { font-size: 18px; margin-bottom: 10px; } } .fe__accordion .accordion__content > h5, .fe__accordion .accordion__content form > h5 { font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #2b8fd4; margin-bottom: 15px; clear: both; } @media screen and (max-width: 768px) { .fe__accordion .accordion__content > h5, .fe__accordion .accordion__content form > h5 { font-size: 16px; margin-bottom: 10px; } } .fe__accordion .accordion__content > p, .fe__accordion .accordion__content form > p { font-size: 16px; line-height: 32px; color: #262626; font-weight: 300; margin-bottom: 15px; clear: left; } .fe__accordion .accordion__content > p:last-child, .fe__accordion .accordion__content form > p:last-child { margin-bottom: 0; } .fe__accordion .accordion__content > p a, .fe__accordion .accordion__content form > p a { color: #2b8fd4; } .fe__accordion .accordion__content > p strong, .fe__accordion .accordion__content form > p strong { font-weight: 500; } .fe__accordion .accordion__content > ul, .fe__accordion .accordion__content form > ul { position: relative; margin-top: 10px; margin-bottom: 20px; } @media screen and (max-width: 576px) { .fe__accordion .accordion__content > ul, .fe__accordion .accordion__content form > ul { margin-bottom: 20px; } } .fe__accordion .accordion__content > ul:last-child, .fe__accordion .accordion__content form > ul:last-child { margin-bottom: 0; } .fe__accordion .accordion__content > ul li, .fe__accordion .accordion__content form > ul li { padding: 0 50px 20px 50px; position: relative; font-weight: 300; font-size: 16px; line-height: 22px; } @media screen and (max-width: 768px) { .fe__accordion .accordion__content > ul li, .fe__accordion .accordion__content form > ul li { padding: 0 15px 15px 30px; } } @media screen and (max-width: 576px) { .fe__accordion .accordion__content > ul li, .fe__accordion .accordion__content form > ul li { font-size: 16px; } } .fe__accordion .accordion__content > ul li:last-child, .fe__accordion .accordion__content form > ul li:last-child { padding-bottom: 0; } .fe__accordion .accordion__content > ul li:last-child:after, .fe__accordion .accordion__content form > ul li:last-child:after { display: none; } .fe__accordion .accordion__content > ul li:before, .fe__accordion .accordion__content form > ul li:before { content: ""; position: absolute; width: 16px; height: 16px; background-color: #f8f8f9; background-image: url("/assets/img/fe-bullet.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; left: 3px; top: 6px; z-index: 2; } .fe__accordion .accordion__content > ul li:after, .fe__accordion .accordion__content form > ul li:after { content: ""; position: absolute; left: 10px; top: 7px; bottom: 5px; height: 100%; width: 2px; background-color: rgba(5, 200, 150, 0.2); } .fe__accordion .accordion__content > ul li a, .fe__accordion .accordion__content form > ul li a { color: #2b8fd4; } .fe__accordion .accordion__content .content__footer { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 40px; } .fe__accordion .accordion__content .content__footer button { float: right; margin-top: 31px; } @media screen and (max-width: 768px) { .fe__accordion .accordion__content .content__footer button { margin-top: 20px; float: none; } } @media screen and (max-width: 768px) { .fe__accordion .accordion__content--health p { font-size: 12px !important; font-weight: 300 !important; font-style: normal !important; font-stretch: normal !important; line-height: 2 !important; } } @media screen and (max-width: 768px) { .fe__accordion .accordion__content--health .fe__radio { margin-top: 20px; } } .fe__accordion--error { position: relative; } .fe__accordion--error .accordion--error__bg { position: absolute; left: 0; width: 100%; height: 100%; opacity: 0.6; border-radius: 10px; -webkit-filter: blur(2px); filter: blur(2px); background-color: #fff; z-index: 2; } .fe__accordion--error .accordion--error__content { position: absolute; width: 100%; top: 53px; left: 50%; transform: translate(-50%) !important; -moz-transform: translate(-50%); -webkit-transform: translate(-50%); -o-transform: translate(-50%); -khtml-transform: translate(-50%); padding: 0 100px; z-index: 3; } .fe__accordion--error .accordion--error__content p { font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: normal; text-align: center; color: #262626; } .fe__accordion--error .accordion--error__content button { width: 100%; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-image: linear-gradient(96deg, #17ead9, #6078ea); border: none; padding: 20px 50px; padding-left: 70px; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #fff; text-align: left; cursor: pointer; position: relative; margin-top: 47px; } .fe__accordion--error .accordion--error__content button:before { content: ""; position: absolute; background-image: url("/assets/img/fe-comment.svg"); background-size: cover; width: 18px; height: 18px; left: 41px; top: 21px; } .notification__block { position: relative; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; text-align: center; padding: 15% 10%; display: none; background: #fff; border-radius: 10px; } @media screen and (max-width: 1200px) { .notification__block { padding: 10% 5%; } } @media screen and (max-width: 768px) { .notification__block { top: -10px; } } .notification__block.notif--relative { position: relative; } .notification__block.notif--active { display: block; } .notification__block.active { background-color: rgba(253, 253, 253, 0.85); } .notification__block.notif--confirmed { background-color: #fff; } .notification__block img { margin: 0 auto; width: 152px; height: 152px; margin-bottom: 25px; } @media screen and (max-width: 1200px) { .notification__block img { width: 100px; height: 100px; margin-bottom: 15px; } } @media screen and (max-width: 768px) { .notification__block img { width: 75px; height: 75px; } } .notification__block h2 { font-size: 40px; font-weight: 300; margin-bottom: 15px; } @media screen and (max-width: 1200px) { .notification__block h2 { font-size: 32px; } } @media screen and (max-width: 768px) { .notification__block h2 { font-size: 25px; } } .notification__block h5 { font-weight: 400; margin-bottom: 10px; } .notification__block p { font-size: 16px; line-height: auto; margin-bottom: 25px; padding: 0 20px; } @media screen and (max-width: 1200px) { .notification__block p { font-size: 15px; } } @media screen and (max-width: 768px) { .notification__block p { font-size: 14px !important; padding: 0 10px; } } .notification__block .notif__button { background: #17ead9; background: -webkit-gradient( linear, left top, right top, from(#17ead9), to(#6078ea) ); background: linear-gradient(to right, #17ead9 0%, #6078ea 100%); padding: 9px 20px; font-size: 16px; color: #fff; border-radius: 10px; display: inline-block; text-align: center; margin: 15px auto; } .notification__block .notif__button span { font-size: 20px; vertical-align: middle; margin-right: 5px; } .notification__block .notif__button.button--full { display: block; width: 90%; text-align: left; margin: 35px auto; padding: 18px 30px; } .notification__block .fe-button.fe-button--icon { background: #17ead9; background: -webkit-gradient( linear, left top, right top, from(#17ead9), to(#6078ea) ); background: linear-gradient(to right, #17ead9 0%, #6078ea 100%); color: #fff; } .notification__block .fe__contractNo { margin-top: 95px; } @media screen and (max-width: 992px) { .notification__block .fe__contractNo { margin-top: 50px; } } @media screen and (max-width: 768px) { .notification__block .fe__contractNo { margin-top: 30px; } } .notification__block .fe__contractNo h4 { font-weight: 300; margin-bottom: 15px; font-size: 24px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.3px; text-align: center; color: #353535; } @media screen and (max-width: 992px) { .notification__block .fe__contractNo h4 { font-size: 20px; } } @media screen and (max-width: 768px) { .notification__block .fe__contractNo h4 { font-size: 18px; margin-bottom: 10px; } } @media screen and (max-width: 1200px) { .notification__block .fe__contractNo .fe-button--icon { width: 250px; font-size: 18px; height: 45px; line-height: 45px; } } @media screen and (max-width: 768px) { .notification__block .fe__contractNo .fe-button--icon { width: 220px; font-size: 16px; height: 40px; line-height: 40px; } } #buyPersonalInfo .accordion__title, #buyHealthClaim .accordion__title, #buyApproval .accordion__title, #buyCreditCard .accordion__title { cursor: default; } .fe-anchor { padding-top: 130px; margin-top: -130px; } @media screen and (max-width: 1130px) { .fe-anchor { padding-top: 80px; margin-top: -80px; } } @media screen and (max-width: 576px) { .fe-anchor { padding-top: 60px; margin-top: -60px; } } .fe-anchor__link { color: inherit; } .fiba__breadcrumb { display: block; background-color: #fff; min-height: 50px; line-height: 30px; padding-top: 15px; } @media screen and (max-width: 768px) { .fiba__breadcrumb { display: inline-block; background-color: #fff; height: auto; padding: 12px 0; line-height: 20px; } } .fiba__breadcrumb ol li { float: left; font-size: 16px; } @media screen and (max-width: 576px) { .fiba__breadcrumb ol li { font-size: 10px; } } .fiba__breadcrumb ol li a { color: #6e747c; padding-left: 40px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 360px; display: block; } @media screen and (max-width: 576px) { .fiba__breadcrumb ol li a { padding-left: 20px; max-width: 220px; } } .fiba__breadcrumb ol li a:before { font-family: "fibaicons"; content: "\e921"; position: absolute; left: 12px; } @media screen and (max-width: 576px) { .fiba__breadcrumb ol li a:before { left: 5px; } } .fiba__breadcrumb ol li:first-child a { padding-left: 0; } .fiba__breadcrumb ol li:first-child a:before { content: none; } .fiba__breadcrumb ol li.current--page a { color: #2b8fd4; } .fiba__breadcrumb ol li.current--page a:before { color: #2b8fd4; } .fiba__breadcrumb.fiba__breadcrumb--transparent { background-color: transparent; } .fiba__breadcrumb.fiba__breadcrumb--transparent ol li a { color: rgba(255, 255, 255, 0.85); } .fiba__breadcrumb.fiba__breadcrumb--transparent ol li a:before { color: rgba(255, 255, 255, 0.85); } .fiba__breadcrumb.fiba__breadcrumb--transparent ol li.current--page a { color: #fff; } .fiba__breadcrumb.fiba__breadcrumb--transparent ol li.current--page a:before { color: #fff; } .fe-button--grey-outline { width: auto; height: 44px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.01); border: solid 1px rgba(0, 0, 0, 0.1); font-family: Rubik; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #4b4b4b; cursor: pointer; padding: 0 40px; } .fe-button--grey-outline.fe-button--full { display: block; margin: 0 20px; } a.fe-button--grey-outline { display: inline-block; line-height: 44px; } .fe-button--active { width: auto; height: 44px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.01); border: none; font-size: 16px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; cursor: pointer; color: #fff; background-image: linear-gradient(103deg, #17ead9, #6078ea); padding: 0 40px; } .fe-button--active.fe-button--full { display: block; margin: 0 20px; } .fe-config-button { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 280px; height: 42px; font-family: Rubik; margin-left: auto; margin-right: auto; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #4b4b4b; border-radius: 10px; background-color: rgba(0, 0, 0, 0.01); border: solid 1px rgba(0, 0, 0, 0.1); cursor: pointer; } @media screen and (max-width: 768px) { .fe-config-button { width: 250px; height: 40px; font-size: 14px; } } .fe-config-button.fe-config-button--w100 { width: 100%; } .fe-config-button--active { color: #fff; background-image: linear-gradient(102deg, #17ead9, #6078ea); border: none; } .fe__config-nav { display: block; text-align: center; overflow: auto; } .fe__config-nav-holder { width: 780px; margin: 0 auto; display: inline-block; } @media screen and (max-width: 992px) { .fe__config-nav-holder { max-width: 100%; display: -webkit-box; display: flex; } } .fe__config-nav-item { display: inline-block; float: left; width: 25%; text-align: center; height: 57px; line-height: 57px; color: #a7abb0; border-bottom: 2px solid rgba(38, 38, 38, 0.2); font-size: 16px; } @media screen and (max-width: 992px) { .fe__config-nav-item { min-width: 140px; } } @media screen and (max-width: 768px) { .fe__config-nav-item { font-size: 14px; width: auto; min-width: 25%; } } @media screen and (max-width: 576px) { .fe__config-nav-item { min-width: 140px; } } .fe__config-nav-item.active { border-bottom: 3px solid #2b8fd4; font-size: 18px; color: #2b8fd4; } @media screen and (max-width: 768px) { .fe__config-nav-item.active { font-size: 16px; } } .config__plans { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; width: 100%; } @media screen and (max-width: 768px) { .config__plans { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin: 0 auto; } } .config__plans .config__plan { display: inline-block; float: left; padding: 0 10px; min-width: 220px; margin: 10px 0; cursor: pointer; } .config__plans .config__plan .cp__bg { padding: 1px; } @media screen and (max-width: 992px) { .config__plans .config__plan { width: 180px; } } .config__plans .config__plan .cp__holder { background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 15px 0; } .config__plans .config__plan .cp__holder i, .config__plans .config__plan .cp__holder em { font-size: 100px; color: #000; } @media screen and (max-width: 992px) { .config__plans .config__plan .cp__holder i, .config__plans .config__plan .cp__holder em { font-size: 90px; } } .config__plans .config__plan .cp__holder h4 { font-family: "Merriweather", sans-serif; font-size: 16px; margin: 10px 0 0 0; line-height: initial; color: #4a4a4a; padding: 0; } .config__plans .config__plan .cp__holder span { display: bloc; font-size: 10px; margin-top: 6px; color: rgba(0, 0, 0, 0.5); } .config__plans .config__plan.plan--selected .cp__bg { background: -webkit-gradient( linear, left top, left bottom, color-stop(1%, #17ead9), to(#6078ea) ); background: linear-gradient(to bottom, #17ead9 1%, #6078ea 100%); padding: 1px; border-radius: 11px; } .config__plans .config__plan.plan--selected .cp__holder i, .config__plans .config__plan.plan--selected .cp__holder em { color: #17ead9; background: -webkit-gradient( linear, left top, left bottom, from(#17ead9), to(#6078ea) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .fe-credit-cart__container { display: -webkit-box; display: flex; margin-top: 48px; margin-bottom: 35px; } .fe-credit-cart__container .fe-credit-cart:first-child { margin-right: 20px; } @media screen and (max-width: 1200px) { .fe-credit-cart__container { display: none; } } .fe-credit-cart { width: 280px; height: 173px; border-radius: 8px; } .fe-credit-cart .input__holder .fe-credit-card__no { max-width: 48px; font-size: 13px; letter-spacing: 5px; text-align: center; border: none; color: #fff; background: transparent; } .fe-credit-cart .input__holder .fe-credit-card__no::-webkit-input-placeholder { font-size: 15px; color: #fff; opacity: 0.5; letter-spacing: 5px; } .fe-credit-cart .fe-credit-card__front { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; padding: 15px 25px; } .fe-credit-cart .fe-credit-card__front .front__top { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .fe-credit-cart .fe-credit-card__front .front__top .dummy-border { width: 44px; height: 36px; border: 1px solid #fff; border-radius: 5px; opacity: 0.5; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: end; align-items: flex-end; } .fe-credit-cart .fe-credit-card__front .front__top .dummy-border span { height: 18px; width: 14px; border: 1px solid #fff; border-top: none; border-right: none; } .fe-credit-cart .fe-credit-card__front .front__top .dummy-border span:last-child { border-bottom: none; } .fe-credit-cart .fe-credit-card__front .front__top .dummy { width: 40px; height: 10px; opacity: 0.12; border-radius: 4px; background-color: #fff; } .fe-credit-cart .fe-credit-card__front .front__center { display: -webkit-box; display: flex; } .fe-credit-cart .fe-credit-card__front .front__center .input__holder { margin-right: 15px; } .fe-credit-cart .fe-credit-card__front .front__center .input__holder::after { right: 0; bottom: 0; } .fe-credit-cart .fe-credit-card__front .front__center .input__holder:last-child { margin-right: 0; } .fe-credit-cart .fe-credit-card__front .front__bottom { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .fe-credit-cart .fe-credit-card__front .front__bottom .dummy { width: 100px; height: 10px; opacity: 0.12; border-radius: 4px; background-color: #fff; } .fe-credit-cart .fe-credit-card__front .front__bottom .dummy--2 { width: 50px; margin-top: 8px; } .fe-credit-cart .fe-credit-card__front .front__bottom .dummy--3 { width: 60px; height: 36px; } .fe-credit-cart .fe-credit-card__back .back__top .dummy { width: calc(100% - 10px); height: 50px; opacity: 0.12; background-color: #fff; margin-bottom: 34px; position: relative; top: 15px; } .fe-credit-cart .fe-credit-card__back .back__center .input__holder .fe-credit-card__no { float: right; margin-right: 50px; } .fe-credit-cart .fe-credit-card__front, .fe-credit-cart .fe-credit-card__back { background-image: linear-gradient(122deg, #17ead9, #6078ea); box-shadow: 0 3px 6px 0 rgba(78, 193, 201, 0.25); } .fe-credit-cart .fe-credit-card__front .input__holder, .fe-credit-cart .fe-credit-card__back .input__holder { position: relative; } .fe-credit-cart .fe-credit-card__front .input__holder::after, .fe-credit-cart .fe-credit-card__back .input__holder::after { content: ""; position: absolute; right: 50px; bottom: -27px; height: 2px; width: 48px; background: #fff; opacity: 0.5; } .fe-credit-cart .fe-credit-card__front .input__holder.input__holder--focused::after, .fe-credit-cart .fe-credit-card__back .input__holder.input__holder--focused::after { opacity: 1; } .fe-credit-cart .fe-credit-card__front .input__holder.input__holder--required::after, .fe-credit-cart .fe-credit-card__back .input__holder.input__holder--required::after { opacity: 1; background: #ff5b5b; } .fe-credit-card__front, .fe-credit-card__back { width: 280px; height: 173px; border-radius: 8px; } .fiba-cta { background-image: linear-gradient(94deg, #36da88, #3bb2b8); display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); padding: 10px; position: relative; margin-bottom: 40px; -webkit-transition: all 0.2s; transition: all 0.2s; } @media screen and (min-width: 768px) { .fiba-cta { height: 60px; } } @media screen and (max-width: 768px) { .fiba-cta { margin-bottom: 20px; } } .fiba-cta:hover { transform: scale(1.02, 1.02) !important; -moz-transform: scale(1.02, 1.02); -webkit-transform: scale(1.02, 1.02); -o-transform: scale(1.02, 1.02); -khtml-transform: scale(1.02, 1.02); } .fiba-cta:before { font-family: "fibaicons" !important; content: "\e91c"; position: absolute; left: 20px; top: 50%; transform: translatey(-50%) !important; -moz-transform: translatey(-50%); -webkit-transform: translatey(-50%); -o-transform: translatey(-50%); -khtml-transform: translatey(-50%); color: #fff; font-size: 18px; margin-right: 10px; } @media screen and (max-width: 1200px) { .fiba-cta:before { left: 15px; } } @media screen and (max-width: 768px) { .fiba-cta:before { left: 10px; } } .fiba-cta:after { font-family: "fibaicons" !important; content: "\e921"; position: absolute; right: 10px; top: 50%; transform: translatey(-50%) !important; -moz-transform: translatey(-50%); -webkit-transform: translatey(-50%); -o-transform: translatey(-50%); -khtml-transform: translatey(-50%); font-size: 18px; padding: 7px; color: #fff; border-radius: 100%; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.4); } @media screen and (max-width: 768px) { .fiba-cta:after { padding: 6px; } } .fiba-cta__text { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #fff; padding-left: 35px; padding-right: 40px; } @media screen and (max-width: 1200px) { .fiba-cta__text { font-size: 15px; padding-left: 30px; } } @media screen and (max-width: 992px) { .fiba-cta__text { font-size: 14px; } } @media screen and (max-width: 768px) { .fiba-cta__text { font-size: 12px; line-height: 1.33; padding-left: 25px; } } .fiba-cta--no-arrow:after { display: none; } .fiba-cta__config-container { margin-top: 40px; } @media screen and (max-width: 768px) { .fiba-cta__config-container { margin-top: 20px; } } .fiba-datepicker { position: absolute; left: -25px; top: 0; z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media screen and (max-width: 576px) { .fiba-datepicker { left: -10px; right: -10px; } } .fiba-datepicker.active { opacity: 1; visibility: visible; } .fiba-datepicker .datepicker { width: 390px; box-shadow: 0 0 23px rgba(60, 60, 60, 0.5); border: none; border-radius: 10px; font-family: "Rubik", sans-serif; } @media screen and (max-width: 576px) { .fiba-datepicker .datepicker { width: 100%; } } .fiba-datepicker .datepicker .datepicker--content, .fiba-datepicker .datepicker .datepicker--nav { padding: 12px; } .fiba-datepicker .datepicker .datepicker--day-name { color: #7c86a2; font-size: 15px; font-weight: 300; } .fiba-datepicker .datepicker .datepicker--cell { font-size: 14px; font-weight: 300; color: #6e747c; margin: 2px 0; } .fiba-datepicker .datepicker .datepicker--nav-title { font-size: 17px; } .fiba-datepicker .datepicker .datepicker--cell.-selected- { background-color: transparent; color: #fff; } .fiba-datepicker .datepicker .datepicker--cell.-selected-:before { content: ""; width: 35px; height: 35px; background-color: #000; position: absolute; top: 0; left: 8px; z-index: -1; background-image: url("/assets/img/fe-datepicker.svg"); background-size: 35px 35px; background-position: center center; background-repeat: no-repeat; background-color: transparent; } .fiba-datepicker .datepicker .datepicker--cell.-selected-.-range-to- { background: #d5e9f7; background: -webkit-gradient( linear, left top, right top, color-stop(45%, #d5e9f7), color-stop(45%, #fff) ); background: linear-gradient(to right, #d5e9f7 45%, #fff 45%); } .fiba-datepicker .datepicker .datepicker--cell.-selected-.-range-from- { background: #fff; background: -webkit-gradient( linear, left top, right top, color-stop(55%, #fff), color-stop(55%, #d5e9f7) ); background: linear-gradient(to right, #fff 55%, #d5e9f7 55%); } .fiba-datepicker .datepicker .datepicker--cell { height: 35px; } .fiba-datepicker .datepicker .datepicker--cell.-in-range- { background: rgba(43, 143, 212, 0.2); } .fiba-datepicker .datepicker .datepicker--nav-action { font-size: 19px; } .datepicker--cell.-disabled- { color: #ddd !important; cursor: not-allowed; } .fiba-datepicker-close-button { width: 90%; height: 44px; margin-left: auto; margin-right: auto; border-radius: 10px; background-color: rgba(0, 0, 0, 0.01); border: solid 1px rgba(0, 0, 0, 0.1); font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #4b4b4b; cursor: pointer; } @media screen and (max-width: 768px) { .fiba-datepicker-close-button { height: 40px; font-size: 14px; } } .page-error { padding: 0; background-image: -webkit-gradient( linear, left top, left bottom, from(#fff), to(#f2f9fe) ); background-image: linear-gradient(to bottom, #fff, #f2f9fe); } .error__container { width: 100%; height: 100%; background: url("/assets/img/main-bg.png") right top repeat-y; background-size: 100%; padding-top: 70px; } .error__container p { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: normal; text-align: center; color: #4a4a4a; } @media screen and (min-width: 768px) { .error__container p { font-size: 18px; } } .error__container br { display: none; } @media screen and (min-width: 992px) { .error__container br { display: block; } } .error__container .fiba-cta { margin: 30px 0 30px 0; } @media screen and (min-width: 768px) { .error__container .fiba-cta { margin: 60px 0 120px 0; } } .error__container .fe-button { display: block; margin: 0 auto; } .error__image { width: 80%; margin: 0 auto; display: block; margin-bottom: 30px; } @media screen and (min-width: 768px) { .error__image { width: 500px; margin-bottom: 70px; } } .form__block .form__group.form__group--credit-cart-no .input__block { width: 22%; display: inline-block; float: left; } .form__block .form__group.form__group--credit-cart-no .input__block:last-child { width: 22% !important; } .form__block span { float: left; width: 4%; text-align: center; line-height: 44px; } .form__block .form__group .input__block--multiple { width: calc(50% - 21px); float: left; } .form__block .form__group .input__block--multiple:first-of-type { margin-right: 21px; } .lity { background: rgba(38, 38, 38, 0.9); } .lity-funds .lity-close { display: none; } .lity-container { padding: 0 10px; } .lity-youtube .lity-close { display: block; } .fund-details__modal { background: #fff; width: 680px; max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; } @media screen and (max-width: 768px) { .fund-details__modal { height: 500px; overflow-y: scroll; } } .fund-details__modal .modal__header { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0 30px; height: 60px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: linear-gradient(95deg, #17ead9, #6078ea); } @media screen and (max-width: 768px) { .fund-details__modal .modal__header { padding: 0 10px; } } .fund-details__modal .modal__header h4 { font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #fff; width: 85%; } @media screen and (max-width: 768px) { .fund-details__modal .modal__header h4 { font-size: 14px; font-weight: 500; } } .fund-details__modal .modal__header .fibicon-close { color: #fff; font-size: 25px; cursor: pointer; } @media screen and (max-width: 768px) { .fund-details__modal .modal__header .fibicon-close { font-size: 20px; } } .fund-details__modal .modal__content .content__title { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: normal; color: #262626; padding: 15px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media screen and (max-width: 768px) { .fund-details__modal .modal__content .content__title { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.38; padding: 5px 10px; } } .fund-details__modal .modal__content .content__holder { display: -webkit-box; display: flex; flex-wrap: wrap; padding: 25px 30px; } @media screen and (max-width: 768px) { .fund-details__modal .modal__content .content__holder { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 15px 10px; } } .fund-details__modal .modal__content .content__holder .content__details { width: 50%; } @media screen and (max-width: 768px) { .fund-details__modal .modal__content .content__holder .content__details { width: 100%; } } .fund-details__modal .modal__content .content__holder .content__details .details__block { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .fund-details__modal .modal__content .content__holder .content__details .details__block:last-child { border-bottom: none; margin-top: 15px; } .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 25px; } .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item:last-child { margin-bottom: 15px; } .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item .item__name { font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #6e747c; } @media screen and (max-width: 768px) { .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item .item__name { font-size: 12px; font-weight: 300; } } .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item .item__value { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #262626; } @media screen and (max-width: 768px) { .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item .item__value { font-size: 14px; } } .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item--colorful { margin-bottom: 20px; } .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item--colorful .item__name { position: relative; padding-left: 19px; } .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item--colorful .item__name:before { content: ""; position: absolute; left: 0; top: 1px; width: 12px; height: 12px; height: 12px; border-radius: 3px; background-image: linear-gradient(rgba(68, 68, 68, 0), rgba(68, 68, 68, 0)), linear-gradient(135deg, #fce38a, #f38181); } .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item--colorful .item__value { font-weight: 500; } .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item--colorful.red .item__name:before { background-image: -webkit-gradient( linear, left bottom, left top, from(#da50ca), to(#fe6666) ); background-image: linear-gradient(to top, #da50ca, #fe6666); } .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item--colorful.green .item__name:before { background-image: linear-gradient( rgba(136, 136, 136, 0), rgba(136, 136, 136, 0) ), linear-gradient(135deg, #43e695, #3bb2b8); } .fund-details__modal .modal__content .content__holder .content__details .details__block .block__item--colorful.blue .item__name:before { background-image: linear-gradient(225deg, #17ead9, #6078ea); } .fund-details__modal .modal__content .content__holder .content__chart { width: 50%; } @media screen and (max-width: 768px) { .fund-details__modal .modal__content .content__holder .content__chart { width: 100%; margin-top: 5px; } } .fund-details__modal .modal__content .content__holder .content__chart .chart__holder .chart__text { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.83; letter-spacing: normal; color: #363636; text-align: center; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .fund-details__modal .modal__content .content__holder .content__chart .chart__holder .chart__text span { width: 10px; height: 10px; border-radius: 100%; background: #8cc641; position: relative; top: -1px; margin-right: 5px; } .fund-details__modal .modal__content .content__holder .content__chart .chart__holder .chart__value { font-size: 36px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.4px; color: #8cc641; text-align: center; } .fund-details__modal .modal__content .content__holder .content__chart .chart__holder .fund__chart { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } .fe__map-container { position: relative; } .fe__map-container .fe__map-box-btn { position: absolute; top: 20px; left: 20px; width: 50px; height: 50px; z-index: 2; cursor: pointer; background: url("/assets/img/map-icon-close.png") center center no-repeat; } .fe__map-container .fe__map-box-btn.on { background: url("/assets/img/map-icon-open.png") 1px 1px no-repeat; } .fe__map-container .fe__map-box-btn img { width: 50px; } .fe__map-container .fe__map-box-btn i, .fe__map-container .fe__map-box-btn em { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); color: #fff; font-size: 20px; display: -webkit-box; display: flex; } @media screen and (max-width: 768px) { .fe__map-container .fe__map-box-btn { top: 5px; left: 5px; } } .fe__map-container .fe__map-box { width: 330px; height: auto; border-radius: 10px; background-image: linear-gradient(137deg, #17ead9, #6078ea); position: absolute; top: 60px; left: 60px; z-index: 2; } @media screen and (max-width: 768px) { .fe__map-container .fe__map-box { width: 220px; top: 40px; left: 40px; } } .fe__map-container .fe__map-box.fe__map-box--hidden { display: none; } .fe__map-container .fe__map-box .fe__map-box-holder { background-color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin: 1px; } .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content { padding: 14px 14px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content h5 { font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; color: #4d5152; margin-bottom: 10px; } .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .map-box__logo { max-width: 100%; margin-bottom: 10px; height: 30px; } @media screen and (max-width: 768px) { .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .map-box__logo { display: none; } } .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block { margin-bottom: 10px; } .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block:last-child { margin-bottom: 0; } .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__title { font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: normal; color: #8cc641; } @media screen and (max-width: 768px) { .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__title { font-size: 11px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.82; } } .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__text, .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__text a { font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: #4d5152; } @media screen and (max-width: 768px) { .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__text, .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__text a { font-size: 11px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.45; letter-spacing: normal; } } .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__text .desktop, .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__text a .desktop { display: none; } @media screen and (min-width: 992px) { .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__text .desktop, .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__text a .desktop { display: block; } } .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__text .mobile, .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__text a .mobile { display: block; } @media screen and (min-width: 992px) { .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__text .mobile, .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block .block__text a .mobile { display: none; } } .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block--multiple { display: -webkit-box; display: flex; } .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block--multiple .block__item { margin-right: 20px; } .fe__map-container .fe__map-box .fe__map-box-holder .map-box__content .content__block--multiple .block__item:last-child { margin-right: 0; } .fe__map-container .fe__map-box .map-box__footer { height: 50px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media screen and (max-width: 768px) { .fe__map-container .fe__map-box .map-box__footer { height: 40px; } } .fe__map-container .fe__map-box .map-box__footer p { font-size: 16px; color: #fff; margin-bottom: 0; } .fe__map-container .fe__map-box .map-box__footer img { width: 30px; } .fe__map-container .fe__map-box--small { width: 230px; } .fe__map-container #fe__map { padding: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); border-radius: 10px; height: 480px; } @media screen and (max-width: 768px) { .fe__map-container #fe__map { padding: 5px; height: 360px; } } .f-modal { position: fixed; top: 0; bottom: 0; right: 0; left: 0; color: #fff; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 9999; } .f-modal.active { opacity: 1; visibility: visible; } .f-modal__overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(38, 38, 38, 0.9); z-index: 999; } .f-modal__holder { max-width: 900px; margin-top: 5%; margin-left: auto; margin-right: auto; background-color: #000; padding: 30px 100px; border-radius: 10px; background: #fff; position: relative; z-index: 999999; } @media screen and (max-width: 992px) { .f-modal__holder { margin-top: 15px; margin-left: 10px; margin-right: 10px; } } @media screen and (max-width: 768px) { .f-modal__holder { padding: 20px 15px 20px 15px; } } @media screen and (max-width: 576px) { .f-modal__holder { overflow: auto; max-height: 500px; } } .f-modal__close { position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 99999; } @media screen and (max-width: 768px) { .f-modal__close { top: 10px; right: 10px; } } .f-modal__close i { font-size: 26px; color: #353535; } @media screen and (max-width: 768px) { .f-modal__close i { font-size: 24px; } } .f-modal__heading { overflow: hidden; } .f-modal__heading i { font-size: 40px; padding: 15px; border-radius: 100%; background: #fff; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100px; height: 100px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } @media screen and (max-width: 1200px) { .f-modal__heading i { width: 80px; height: 80px; font-size: 32px; margin-bottom: 15px; } } @media screen and (max-width: 768px) { .f-modal__heading i { width: 50px; height: 50px; font-size: 25px; margin-bottom: 10px; } } .f-modal__heading h3, .f-modal__heading .fiba-modal__heading--title { font-size: 48px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; margin-bottom: 10px; } @media screen and (max-width: 1200px) { .f-modal__heading h3, .f-modal__heading .fiba-modal__heading--title { font-size: 32px; } } @media screen and (max-width: 768px) { .f-modal__heading h3, .f-modal__heading .fiba-modal__heading--title { font-size: 20px; } } .f-modal__content .notification__block { display: block !important; color: #353535; padding: 20px !important; } .plan-package { max-width: 380px; height: auto; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-image: linear-gradient(111deg, #17ead9, #6078ea); margin-bottom: 30px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 768px) { .plan-package { max-width: 100%; } } .plan-package .package__heading { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 20px; } @media screen and (max-width: 768px) { .plan-package .package__heading { padding: 20px 20px; } } .plan-package .package__heading .heading__left { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: 100%; } @media screen and (max-width: 768px) { .plan-package .package__heading .heading__left { -webkit-box-pack: center; justify-content: center; } } .plan-package .package__heading .heading__left .package__icon { font-size: 60px; color: #fff; margin-right: 10px; } @media screen and (max-width: 768px) { .plan-package .package__heading .heading__left .package__icon { font-size: 50px; margin-right: 5px; } } .plan-package .package__heading .heading__left h5 { font-size: 26px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #fff; } @media screen and (max-width: 768px) { .plan-package .package__heading .heading__left h5 { font-size: 20px; } } .plan-package .package__heading .heading__left p { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.22; letter-spacing: normal; color: #fff; } @media screen and (max-width: 768px) { .plan-package .package__heading .heading__left p { font-size: 14px; line-height: 1.57; } } .plan-package .package__content { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; } .plan-package .package__content .package__block { width: 100%; padding: 22px 36px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .plan-package .package__content .package__block:last-child { border-bottom: none; } @media screen and (max-width: 768px) { .plan-package .package__content .package__block { padding: 17px 20px; } } .plan-package .package__content .package__block--minimum-contribution { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 22px 24px; } @media screen and (max-width: 768px) { .plan-package .package__content .package__block--minimum-contribution { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 17px 20px; } } .plan-package .package__content .package__block--minimum-contribution h5 { font-size: 30px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; text-align: left; letter-spacing: -1.6px; color: #fff; } @media screen and (max-width: 768px) { .plan-package .package__content .package__block--minimum-contribution h5 { text-align: center; font-size: 35px; } } .plan-package .package__content .package__block--minimum-contribution p { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; color: #fff; width: 180px; padding-left: 5px; } @media screen and (max-width: 768px) { .plan-package .package__content .package__block--minimum-contribution p { text-align: center; font-size: 12px; } } .plan-package .package__content .package__block--total-saving p { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; text-align: center; color: #fff; } @media screen and (max-width: 768px) { .plan-package .package__content .package__block--total-saving p { font-size: 12px; line-height: 1.42; } } .plan-package .package__content .package__block--total-saving h5 { font-size: 48px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.5px; text-align: center; color: #fff; } @media screen and (max-width: 768px) { .plan-package .package__content .package__block--total-saving h5 { font-size: 32px; letter-spacing: -0.3px; } } .plan-package .package__content .package__block--buttons a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 42px; border-radius: 10px; border: 1px solid #fff; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #fff; } .plan-package .package__content .package__block--buttons a:first-child { margin-bottom: 10px; } .plan-package .package__content .package__block--buttons a:hover { background: #fff; color: #4b4b4b; } @media screen and (max-width: 768px) { .plan-package .package__content .package__block--buttons a { font-size: 14px; height: 40px; } } .plan-package .package__content ul p { color: #fff; } .plan-package .package__content ul li { position: relative; padding: 8px 28px; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; text-align: left; color: #fff; } @media screen and (max-width: 768px) { .plan-package .package__content ul li { font-size: 12px; font-weight: normal; line-height: 1.83; } } .plan-package .package__content ul li:before { content: ""; position: absolute; background-image: url("/assets/img/fe-check-white.svg"); background-size: cover; width: 14px; height: 10px; left: 0; top: 11px; } .plan-package .package__toggle-details { display: none; } @media screen and (max-width: 768px) { .plan-package .package__toggle-details { display: none; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 10px 0; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; position: relative; } .plan-package .package__toggle-details:after { font-family: "fibaicons"; content: "\e913"; position: absolute; left: 50%; margin-left: 60px; top: 9px; font-size: 15px; color: #fff; } } .plan-package--white { max-width: 330px; background: #fff; background-image: none; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 1px rgba(255, 255, 255, 0.05); } @media screen and (max-width: 768px) { .plan-package--white { max-width: 100%; } } .plan-package--white .package__heading .heading__left .package__icon { color: #363636; font-size: 50px; } .plan-package--white .package__heading .heading__left h5 { color: #2b8fd4; font-size: 20px; font-weight: bold; } .plan-package--white .package__heading .heading__left p { color: #363636; font-size: 14px; } .plan-package--white .package__content .package__block { padding: 15px 15px; } .plan-package--white .package__content .package__block:last-child { border-bottom: none; } .plan-package--white .package__content .package__block--minimum-contribution h5 { color: #353535; font-size: 30px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.5px; } .plan-package--white .package__content .package__block--minimum-contribution p { color: #4b4b4b; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; } @media screen and (max-width: 768px) { .plan-package--white .package__content .package__block--minimum-contribution p { font-size: 12px; } } .plan-package--white .package__content ul li { color: #4a4a4a; font-size: 14px; } .plan-package--white .package__content ul li:before { content: ""; position: absolute; background-image: url("/assets/img/fe-check.svg"); } @media screen and (max-width: 768px) { .plan-package--white .package__content ul li { font-size: 12px; font-weight: normal; line-height: 1.83; } } .plan-package--white .package__content .package__block--total-saving p { color: #323247; font-size: 14px; line-height: 1.57; } @media screen and (max-width: 768px) { .plan-package--white .package__content .package__block--total-saving p { font-size: 12px; } } .plan-package--white .package__content .package__block--total-saving h5 { color: #323247; font-size: 36px; letter-spacing: -0.4px; } @media screen and (max-width: 768px) { .plan-package--white .package__content .package__block--total-saving h5 { font-size: 32px; } } .plan-package--white .package__content .package__block--buttons a { border: 1px solid rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.01); color: #4b4b4b; } .plan-package--white .package__content .package__block--buttons a:hover { background: none; } @media screen and (max-width: 768px) { .plan-package--white .package__toggle-details { color: #4a4a4a; } .plan-package--white .package__toggle-details:after { color: #4a4a4a; } } .plan-package--pk { width: calc(50% - 20px); background: #fff; background-image: none; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 1px rgba(255, 255, 255, 0.05); float: left; margin: 0 0 10px 10px; } @media screen and (min-width: 768px) { .plan-package--pk:hover { background: -webkit-gradient( linear, left top, left bottom, from(#17ead9), to(#6078ea) ); background: linear-gradient(to bottom, #17ead9 0%, #6078ea 100%); } .plan-package--pk:hover .package__heading .heading__left .package__icon, .plan-package--pk:hover .package__heading .heading__left h5, .plan-package--pk:hover .package__heading .heading__left p { color: #fff; opacity: 1; } .plan-package--pk:hover .package__content .package__block--minimum-contribution h5, .plan-package--pk:hover .package__content .package__block--minimum-contribution p { color: #fff; opacity: 1; } .plan-package--pk:hover .package__content .package__block--list ul li { color: #fff; opacity: 1; } .plan-package--pk:hover .package__content .package__block--list ul li:before { background-image: url("/assets/img/fe-check-white.svg"); } .plan-package--pk:hover .package__content .package__block--total-saving p, .plan-package--pk:hover .package__content .package__block--total-saving h5 { color: #fff; opacity: 1; } .plan-package--pk:hover .package__content .package__block--buttons a { color: #2b8fd4; background: #fff; } .plan-package--pk:hover .package__content .package__block--buttons a:hover { color: #2b8fd4; background: #fff; } } @media screen and (max-width: 768px) { .plan-package--pk { width: 90%; margin-left: auto; margin-right: auto; float: none; } } @media screen and (max-width: 576px) { .plan-package--pk { width: 240px; margin-left: auto; margin-right: auto; float: none; } } @media screen and (max-width: 768px) { .plan-package--pk .package__heading { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } } .plan-package--pk .package__heading .heading__left .package__icon { color: #363636; font-size: 50px; } .plan-package--pk .package__heading .heading__left h5 { color: #2b8fd4; font-size: 20px; font-weight: bold; } .plan-package--pk .package__heading .heading__left p { color: #363636; opacity: 0.5; font-size: 14px; } .plan-package--pk .package__content .package__block { padding: 15px 35px; } @media screen and (max-width: 768px) { .plan-package--pk .package__content .package__block { padding: 15px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } } .plan-package--pk .package__content .package__block:last-child { border-bottom: none; } @media screen and (max-width: 768px) { .plan-package--pk .package__content .package__block--minimum-contribution { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } } .plan-package--pk .package__content .package__block--minimum-contribution h5 { color: #353535; font-size: 36px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.5px; width: 50%; } @media screen and (max-width: 768px) { .plan-package--pk .package__content .package__block--minimum-contribution h5 { font-size: 30px; } } .plan-package--pk .package__content .package__block--minimum-contribution h5 span { font-size: 20px; } @media screen and (max-width: 768px) { .plan-package--pk .package__content .package__block--minimum-contribution h5 span { font-size: 14px; } } .plan-package--pk .package__content .package__block--minimum-contribution p { color: #4b4b4b; opacity: 0.5; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; text-align: left; width: 50%; } @media screen and (max-width: 768px) { .plan-package--pk .package__content .package__block--minimum-contribution p { font-size: 12px; } } @media screen and (max-width: 768px) { .plan-package--pk .package__content .package__block--list { display: none; } } .plan-package--pk .package__content .package__block--list ul li { color: #4b4b4b; font-size: 14px; opacity: 0.5; } .plan-package--pk .package__content .package__block--list ul li:before { content: ""; position: absolute; background-image: url("/assets/img/fe-check.svg"); } @media screen and (max-width: 768px) { .plan-package--pk .package__content .package__block--list ul li { font-size: 12px; font-weight: normal; line-height: 1.83; } } .plan-package--pk .package__content .package__block--total-saving p { color: #323247; font-size: 14px; line-height: 1.57; } @media screen and (max-width: 768px) { .plan-package--pk .package__content .package__block--total-saving p { font-size: 12px; } } .plan-package--pk .package__content .package__block--total-saving h5 { color: #323247; font-size: 36px; letter-spacing: -0.4px; } @media screen and (max-width: 768px) { .plan-package--pk .package__content .package__block--total-saving h5 { font-size: 32px; } } .plan-package--pk .package__content .package__block--buttons a { background-image: linear-gradient(98deg, #17ead9, #6078ea); color: #fff; margin-bottom: 0 !important; } .plan-package--pk .package__content .package__block--buttons a:hover { background: none; } @media screen and (max-width: 576px) { .fe__tab-content .owl-item { opacity: 0.5; } .fe__tab-content .owl-item.active { opacity: 1; } } .fe__radio { margin-bottom: 20px; } .fe__radio label { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: 26px; position: relative; padding-left: 35px; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; color: #6e747c; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } @media screen and (max-width: 768px) { .fe__radio label { height: auto; padding-left: 30px; font-size: 13px; line-height: 1.62; text-align: left; -webkit-box-align: start; align-items: flex-start; } } .fe__radio label a.label__text { color: #6e747c; } .fe__radio.fe-radio--center { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .fe__radio input { position: absolute; opacity: 0; cursor: pointer; } .fe__radio input:checked .checkmark { background-color: #fff; } .fe__radio input:checked .checkmark::after { display: block; } .fe__radio .checkmark { position: absolute; top: 0; left: 0; height: 26px; width: 26px; background-color: #fff; border-radius: 50%; background-color: rgba(0, 0, 0, 0.01); border: solid 1px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 768px) { .fe__radio .checkmark { width: 24px; height: 24px; } } .fe__radio .checkmark:after { display: none; content: ""; position: absolute; top: 4px; left: 50%; transform: translate(-50%) !important; -moz-transform: translate(-50%); -webkit-transform: translate(-50%); -o-transform: translate(-50%); -khtml-transform: translate(-50%); width: 16px; height: 16px; border-radius: 100%; background-image: linear-gradient(135deg, #17ead9, #6078ea); } @media screen and (max-width: 768px) { .fe__radio .checkmark:after { width: 14px; height: 14px; } } .fe__radio label input:checked ~ .checkmark:after { display: block; } .fe__radio--with-info-text label { -webkit-box-align: start; align-items: flex-start; height: auto; } .fe__radio--with-info-text label .label__text { margin-top: -5px; } .fe__radio--with-info-text label .label__text strong { font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363636; } .fe__radio--with-info-text label .label__text p { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; color: #363636; opacity: 0.5; } .fe__radio--disabled { cursor: not-allowed; opacity: 0.7; } .fe__radio--disabled > label { cursor: not-allowed; } .saving__calculation { border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 1px rgba(255, 255, 255, 0.05); } .saving__calculation .calculation__header { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; height: 59px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0 20px; } @media screen and (max-width: 768px) { .saving__calculation .calculation__header { flex-wrap: wrap; } } .saving__calculation .calculation__header h5 { font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363636; } @media screen and (max-width: 768px) { .saving__calculation .calculation__header h5 { font-size: 14px; line-height: 1.43; } } .saving__calculation .calculation__header .header__switch { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } @media screen and (max-width: 768px) { .saving__calculation .calculation__header .header__switch { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; width: 100%; -webkit-box-pack: center; justify-content: center; } } .saving__calculation .calculation__header .header__switch .switch__text { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #6e747c; margin-right: 14px; } @media screen and (max-width: 768px) { .saving__calculation .calculation__header .header__switch .switch__text { font-size: 12px; line-height: 1.67; letter-spacing: normal; color: #6e747c; margin-right: 0; margin-left: 14px; } } .saving__calculation .calculation__content { padding-bottom: 15px; } .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail { padding: 0 20px; width: 100%; margin-top: 25px; margin-left: auto; margin-right: auto; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail .chart__detail { margin-bottom: 15px; width: 100%; } .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail .chart__detail:last-child { margin-bottom: 0; } } .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail .chart__detail .detail__title { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; color: #363636; } @media screen and (max-width: 768px) { .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail .chart__detail .detail__title { font-size: 12px; font-stretch: normal; line-height: 1.67; } } .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail .chart__detail .detail__text { font-size: 40px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.5px; color: #353535; } @media screen and (max-width: 768px) { .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail .chart__detail .detail__text { font-size: 28px; font-weight: 300; letter-spacing: -0.4px; } } .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail .chart__detail.chart__detail--active .detail__title { position: relative; } .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail .chart__detail.chart__detail--active .detail__title:after { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); margin-left: 10px; width: 10px; height: 10px; border-radius: 100%; background: #8cc641; } .saving__calculation .calculation__content .calculation__chart-holder .calculation__chart-detail .chart__detail.chart__detail--active .detail__text { color: #8cc641; } .annual-descending { width: 100%; max-width: 640px; margin: 0 auto; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); background-color: #fff; margin-top: 30px; } .annual-descending__description { font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363636; padding: 15px; } @media screen and (min-width: 768px) { .annual-descending__description { padding: 20px 30px; font-size: 18px; } } .annual_descending__title-container { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 15px; } @media screen and (min-width: 768px) { .annual_descending__title-container { padding: 20px 30px; } } .annual_descending__title { -webkit-box-flex: 1; flex: 1; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; color: #363636; opacity: 0.5; text-align: left; } .annual_descending__title:last-child { text-align: right; } @media screen and (min-width: 768px) { .annual_descending__title { font-size: 14px; } } .annual_descending__data-container { padding: 5px 0; } @media screen and (min-width: 768px) { .annual_descending__data-container { padding: 10px 0; } } .annual_descending__data-list { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .annual_descending__list-item { -webkit-box-flex: 1; flex: 1; text-align: left; padding: 5px 15px; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.3px; color: #353535; } .annual_descending__list-item:last-child { text-align: right; font-weight: normal; color: #8cc641; } @media screen and (min-width: 768px) { .annual_descending__list-item { padding: 10px 30px; font-size: 24px; } } .collaterals { width: 100%; max-width: 980px; margin: 0 auto; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); background-color: #fff; margin-top: 30px; overflow: hidden; } .collaterals__title { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 15px; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363636; } @media screen and (min-width: 576px) { .collaterals__title { padding: 30px; } } .collaterals__list { display: -webkit-box; display: flex; flex-wrap: wrap; position: relative; margin-left: -1px; } .collaterals__list-item { padding: 25px 40px; border-left: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); max-width: 100%; -webkit-box-flex: 100%; flex: 100%; padding: 15px; } @media screen and (min-width: 576px) { .collaterals__list-item { max-width: 50%; -webkit-box-flex: 50%; flex: 50%; padding: 25px; } } @media screen and (min-width: 992px) { .collaterals__list-item { max-width: 33.33333333333333%; -webkit-box-flex: 33.33333333333333%; flex: 33.33333333333333%; padding: 25px 40px; } } .collaterals__item-title { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; color: #363636; opacity: 0.5; margin-bottom: 5px; } @media screen and (max-width: 576px) { .collaterals__item-title { font-size: 12px; } } .collaterals__item-price { font-size: 36px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #353535; } @media screen and (max-width: 992px) { .collaterals__item-price { font-size: 30px; } } @media screen and (max-width: 768px) { .collaterals__item-price { font-size: 28px; } } @media screen and (max-width: 576px) { .collaterals__item-price { font-size: 24px; } } .collaterals__result { width: 100%; max-width: 980px; margin: 0 auto; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); background-color: #fff; margin-top: 30px; overflow: hidden; padding: 10px 0; } @media screen and (min-width: 992px) { .collaterals__result { display: -webkit-box; display: flex; } } .collaterals__result-title { -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding-left: 25px; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363636; padding-right: 0; } @media screen and (max-width: 992px) { .collaterals__result-title { padding: 20px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: 20px; } } @media screen and (max-width: 768px) { .collaterals__result-title { padding: 20px; } } .collaterals__result-price { width: 327px; padding-left: 30px; } @media screen and (max-width: 992px) { .collaterals__result-price { float: left; width: 50%; } } @media screen and (max-width: 768px) { .collaterals__result-price { width: 100%; float: none; padding-left: 20px; margin-bottom: 20px; } } .collaterals__result-price:last-child { border-left: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: 0; } .collaterals__result-item-title { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.22; letter-spacing: normal; color: #363636; opacity: 0.5; } .collaterals__result-item-text { font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #353535; } .collaterals__result-item-text.text-center { text-align: center; } @media screen and (min-width: 768px) { .collaterals__result-item-text { font-size: 50px; } } .item-text--yearly { color: #8cc641; } .fe__sideBox { position: relative; display: inline-block; width: 100%; border-radius: 11px; background-color: #fff; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); margin-top: 40px; } @media screen and (max-width: 992px) { .fe__sideBox { display: none; } } .fe__sideBox .box__block.box__block--content { position: relative; height: 300px; overflow: hidden; } .fe__sideBox .box__block.box__block--content img { width: 100%; border-top-left-radius: 11px; border-top-right-radius: 11px; } .fe__sideBox .box__block.box__block--content .box__content { position: absolute; bottom: 40px; left: 15px; right: 15px; color: #fff; } .fe__sideBox .box__block.box__block--content .box__content h4 { font-weight: 300; font-size: 40px; margin-bottom: 12px; } .fe__sideBox .box__block.box__block--content .box__content p { font-size: 15px; line-height: 24px; } .fe__sideBox .box__block.box__block--cta { padding: 14px 15px; font-size: 20px; color: #363636; position: relative; } .fe__sideBox .box__block.box__block--cta .fe__cta { position: absolute; right: 30px; top: -25px; line-height: 50px; transform: scale(1, 1) !important; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -khtml-transform: scale(1, 1); -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } .fe__sideBox .box__block.box__block--cta .fe__cta i, .fe__sideBox .box__block.box__block--cta .fe__cta em { width: 50px; height: 50px; line-height: 50px; font-size: 24px; } .fe__sideBox .box__block.box__block--cta .fe__cta:hover { transform: scale(1.1, 1.1) !important; -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -khtml-transform: scale(1.1, 1.1); } @media screen and (max-width: 992px) { .fe__sideBox--hayat { display: none; } } .fe__sideBox--hayat .box__block.box__block--content { position: relative; } .fe__sideBox--hayat .box__block.box__block--content:after { content: ""; transform: rotate(-45deg) !important; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); opacity: 0.7; border-radius: 20px; background-image: linear-gradient(326deg, #1bcedf, #5b247a); width: 310px; height: 310px; position: absolute; top: 0; right: -85px; z-index: 2; } @media screen and (max-width: 1200px) { .fe__sideBox--hayat .box__block.box__block--content:after { transform: none !important; -moz-transform: none; -webkit-transform: none; -o-transform: none; -khtml-transform: none; width: 100%; height: 100%; border-radius: 0; right: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; } } .fe__sideBox--hayat .box__block.box__block--content p { font-size: 28px !important; font-weight: 300 !important; letter-spacing: -0.3px !important; line-height: normal !important; text-align: right !important; color: #fff !important; } @media screen and (max-width: 1200px) { .fe__sideBox--hayat .box__block.box__block--content p { text-align: center !important; } } .fe__sideBox--hayat .box__content { bottom: inherit !important; top: 50%; transform: translateY(-50%) !important; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -khtml-transform: translateY(-50%); width: 238px !important; left: 40px !important; z-index: 3 !important; } @media screen and (max-width: 1200px) { .fe__sideBox--hayat .box__content { left: 50% !important; transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); } } .fe__sideBox--hayat .box__block.box__block--cta .fe__cta { z-index: 4; } .fe__sideNav { display: inline-block; padding-left: 0; padding-right: 10px; float: left; } @media screen and (max-width: 992px) { .fe__sideNav { padding-left: 0; padding-right: 0; margin-bottom: 30px; } } .fe__sideNavigation .fe__sideMenu { background-color: #fff; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.05); } .fe__sideNavigation .fe__sideMenu .fesm__item { font-size: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media screen and (max-width: 992px) { .fe__sideNavigation .fe__sideMenu .fesm__item { font-size: 14px; line-height: 1.57; } } .fe__sideNavigation .fe__sideMenu .fesm__item a { color: #262626; display: inline-block; padding: 20px 15px; position: relative; width: 100%; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media screen and (max-width: 992px) { .fe__sideNavigation .fe__sideMenu .fesm__item a { padding: 15px 15px; } } .fe__sideNavigation .fe__sideMenu .fesm__item:hover a { color: #2b8fd4; } .fe__sideNavigation .fe__sideMenu .fesm__item:hover a:before { color: #2b8fd4; } .fe__sideNavigation .fe__sideMenu .fesm__item:last-child { border-bottom: none; } .fe__sideNavigation .fe__sideMenu .fesm__item.item--has-dropdown a:before { font-family: "fibaicons"; content: "\e913"; position: absolute; right: 15px; top: 17px; width: 19px; height: 19px; font-size: 19px; color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } @media screen and (max-width: 992px) { .fe__sideNavigation .fe__sideMenu .fesm__item.item--has-dropdown a:before { top: 12px; } } .fe__sideNavigation .fe__sideMenu .fesm__item.item--has-dropdown a.item--current-page:before { transform: rotate(-90deg) !important; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); right: 19px; top: 21px; color: #2b8fd4; } .fe__sideNavigation .fe__sideMenu .fesm__item.item--has-dropdown:hover a { color: #2b8fd4; } .fe__sideNavigation .fe__sideMenu .fesm__item.item--has-dropdown:hover a:before { color: #2b8fd4; } .fe__sideNavigation .fe__sideMenu .fesm__item.item--current-page a { color: #2b8fd4; } .fe__sideNavigation .fe__sideMenu .fesm__item.item--current-page:hover a { color: #2b8fd4; } .fe__sideNavigation .fe__sideMenu .fesm__item.item--current-page:hover a:before { transform: rotate(-90deg) !important; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); right: 19px; top: 21px; color: #2b8fd4; } .fe__sideNavigation .fe__sideMenu .fesm__item .fesm__sub { background-color: #fafafa; border-top: 1px solid rgba(0, 0, 0, 0.1); } .fe__sideNavigation .fe__sideMenu .fesm__item .fesm__sub .sub__item { font-size: 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .fe__sideNavigation .fe__sideMenu .fesm__item .fesm__sub .sub__item a { padding: 15px; color: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .fe__sideNavigation .fe__sideMenu .fesm__item .fesm__sub .sub__item a:before { content: none; } .fe__sideNavigation .fe__sideMenu .fesm__item .fesm__sub .sub__item.item--current-page a { color: #006cb6; } .fe__sideNavigation .fe__sideMenu .fesm__item .fesm__sub .sub__item.item--current-page:hover a { color: #2b8fd4; } .fe__sideNavigation .fe__sideMenu .fesm__item .fesm__sub .sub__item:last-child { border-bottom: none; } .fe__sideNavigation .fe__sideMenu .fesm__item .fesm__sub .sub__item:hover a { color: #006cb6; } .fe__leftMenu > ul { border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.05); } .fe__leftMenu > ul > li { position: relative; } .fe__leftMenu > ul > li > a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; width: 100%; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: normal; color: #262626; padding: 18px 50px 18px 15px; } .fe__leftMenu > ul > li > a:hover { color: #2b8fd4; } .fe__leftMenu > ul > li:last-child > a { border-bottom: 0; } .fe__leftMenu > ul > li > .sub-item__accordion-click { display: none; width: 50px; height: 60px; line-height: 60px; position: absolute; right: 0; top: 0; z-index: 1; text-align: center; } .fe__leftMenu > ul > li > .sub-item__accordion-click:before { font-family: "fibaicons"; content: "\e913"; width: 50px; height: 60px; line-height: 60px; font-size: 18px; font-size: 19px; color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; cursor: pointer; } .fe__leftMenu > ul > li.has--sub-item > .sub-item__accordion-click { display: block; } .fe__leftMenu > ul > li.item--selected > a { color: #2b8fd4; } .fe__leftMenu > ul > li.item--selected > ul { display: block; } .fe__leftMenu > ul > li.item--selected > .sub-item__accordion-click:before { content: "\e915"; color: #2b8fd4; } .fe__leftMenu > ul > li > ul { display: none; } .fe__leftMenu > ul > li > ul > li { position: relative; } .fe__leftMenu > ul > li > ul > li > a { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: #262626; background-color: #fafafa; padding: 15px 50px 15px 25px; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .fe__leftMenu > ul > li > ul > li > a:hover { color: #006cb6; } .fe__leftMenu > ul > li > ul > li > .sub-item__accordion-click { display: none; width: 50px; height: 50px; line-height: 50px; position: absolute; right: 0; top: 0; z-index: 1; text-align: center; } .fe__leftMenu > ul > li > ul > li > .sub-item__accordion-click:before { font-family: "fibaicons"; content: "\e913"; width: 50px; height: 50px; line-height: 50px; font-size: 18px; font-size: 19px; color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; cursor: pointer; } .fe__leftMenu > ul > li > ul > li.has--sub-item > .sub-item__accordion-click { display: block; } .fe__leftMenu > ul > li > ul > li.item--selected > a { color: #006cb6; } .fe__leftMenu > ul > li > ul > li.item--selected > ul { display: block; } .fe__leftMenu > ul > li > ul > li.item--selected > .sub-item__accordion-click:before { content: "\e915"; color: #2b8fd4; } .fe__leftMenu > ul > li > ul > li > ul { display: none; } .fe__leftMenu > ul > li > ul > li > ul > li { position: relative; } .fe__leftMenu > ul > li > ul > li > ul > li > ul { display: none; } .fe__leftMenu > ul > li > ul > li > ul > li > ul > li > a { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: #262626; opacity: 0.8; background-color: #fff; padding: 12px 35px 12px 50px; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .fe__leftMenu > ul > li > ul > li > ul > li > ul > li.item--selected > a { color: #006cb6; } .fe__leftMenu > ul > li > ul > li > ul > li > a { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: #262626; background-color: #fff; padding: 12px 35px; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .fe__leftMenu > ul > li > ul > li > ul > li > a:hover { color: #006cb6; } .fe__leftMenu > ul > li > ul > li > ul > li.item--selected > a { color: #006cb6; } .fe__leftMenu > ul > li > ul > li > ul > li.has--sub-item > .sub-item__accordion-click { display: block; width: 50px; height: 50px; line-height: 50px; position: absolute; right: 0; top: 0; z-index: 1; text-align: center; } .fe__leftMenu > ul > li > ul > li > ul > li.has--sub-item > .sub-item__accordion-click:before { font-family: "fibaicons"; content: "\e913"; width: 50px; height: 50px; line-height: 50px; font-size: 18px; font-size: 19px; color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; cursor: pointer; } .fe__leftMenu > ul > li > ul > li > ul > li.has--sub-item.item--selected > .sub-item__accordion-click:before { content: "\e915"; color: #2b8fd4; } .fe__leftMenu li.item--selected > ul { display: block; } .form__group--checkbox { display: -webkit-box !important; display: flex !important; } .form__group--checkbox label { margin-bottom: 0 !important; } .form__group--checkbox .checkbox__text { margin-left: 14px; } .fe-switch { width: 48px; height: 24px; display: inline-block; position: relative; margin-top: -3px; } .fe-switch .switch__label { position: relative; display: inline-block; width: 50px; height: 30px; } .fe-switch .switch__label input { display: none; } .fe-switch .switch__label .switch__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: 0.3s; transition: 0.3s; border: 2px solid #ebebeb; border-radius: 34px; } .fe-switch .switch__label .switch__slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 2px; bottom: 2px; background-color: #bbc0d4; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 100%; } .fe-switch .switch__label .switch__slider .switch__status { font-size: 8px; font-weight: bold; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #fcfcfc; display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; height: 24px; margin-left: 5px; } .error-checkbox .fe-switch .switch__label .switch__slider { border: 2px solid #ff5b5b; } .error-checkbox .fe-switch .switch__label .switch__slider:before { background-color: #ff5b5b; } input:checked + .switch__slider { background-color: #2b8fd4 !important; border: 2px solid transparent !important; } input:checked + .switch__slider:before { background-color: #fff !important; } input:checked + .switch__slider:before { transform: translateX(22px) !important; -moz-transform: translateX(22px); -webkit-transform: translateX(22px); -o-transform: translateX(22px); -khtml-transform: translateX(22px); } .fe-switch--disabled { cursor: not-allowed; opacity: 0.7; } .fe-switch--disabled .switch__slider { cursor: not-allowed !important; } .fe__tab { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 30px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .fe__tab { display: none; } } .fe__tab .fe__tab-title { width: 100%; font-size: 24px; font-weight: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #a7abb0; border-bottom: 2px solid #a7abb0; padding-bottom: 10px; cursor: pointer; } .fe__tab .fe__tab-title.active { color: #2b8fd4; border-bottom: 2px solid #2b8fd4; } .fe__tab-title--mobile.ss-main { display: none; } @media screen and (max-width: 768px) { .fe__tab-title--mobile.ss-main { display: block; width: 100%; margin-top: 10px; margin-bottom: 10px; } } .fe__tab-content .owl-next, .bes__pricingHolder .owl-next { position: absolute; top: 50%; right: 0; transform: translateY(-50%) !important; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -khtml-transform: translateY(-50%); background: transparent; } .fe__tab-content .owl-next:hover, .bes__pricingHolder .owl-next:hover { background: none !important; } .fe__tab-content .owl-next img, .bes__pricingHolder .owl-next img { width: 40px; height: 40px; } .fe__tab-content .owl-prev, .bes__pricingHolder .owl-prev { position: absolute; top: 50%; left: 0; transform: translateY(-50%) !important; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -khtml-transform: translateY(-50%); background: transparent; } .fe__tab-content .owl-prev:hover, .bes__pricingHolder .owl-prev:hover { background: none !important; } .fe__tab-content .owl-prev img, .bes__pricingHolder .owl-prev img { width: 40px; height: 40px; } .tippy-tooltip.fiba-theme { font-size: 13px !important; font-weight: 300 !important; font-style: normal !important; font-stretch: normal !important; line-height: 1.54 !important; letter-spacing: normal !important; text-align: center !important; color: #262626 !important; border-radius: 10px !important; box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.05) !important; background-color: #fff; border: 1px solid #bbc0d4 !important; max-width: 230px; padding: 10px; } .tippy-tooltip.fiba-theme .tippy-arrow { border-top-color: #bbc0d4; border-bottom-color: #bbc0d4; } header .fiba__login { position: absolute; right: 0; top: 35px; width: 170px; text-align: center; background-color: #fff; padding: 10px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.05); visibility: hidden; opacity: 0; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } @media screen and (min-width: 576px) { header .fiba__login { top: 43px; right: 0; } } @media screen and (min-width: 768px) { header .fiba__login { top: 43px; right: 0; } } @media screen and (min-width: 992px) { header .fiba__login { top: 43px; right: 0; } } @media screen and (min-width: 1130px) { header .fiba__login { top: 65px; right: 10px; } } @media screen and (min-width: 1200px) { header .fiba__login { right: 15px; top: 65px; } } @media screen and (min-width: 1300px) { header .fiba__login { right: 15px; top: 18px; } } header .fiba__login h3 { font-size: 34px; letter-spacing: -0.4px; font-weight: 300; margin-bottom: 25px; } @media screen and (max-width: 1130px) { header .fiba__login h3 { margin-bottom: 15px; font-size: 30px; } } header .fiba__login .fe-button { margin: 0; font-size: 12px !important; padding: 12px 32px !important; margin-left: 0 !important; line-height: normal !important; display: block !important; border: 0 !important; width: auto !important; float: none !important; clear: both; height: auto !important; } header .fiba__login .fe-button:first-child { margin-bottom: 10px; } header .fiba__login .fe-button.fe-button--individual { background-color: #8dc63f; } header .fiba__login .fe-button.fe-button--corporate { background: #006cb6; background: linear-gradient(135deg, #006cb6 0%, #6d83ec 100%); } header .fiba-modal { position: fixed; top: 0; bottom: 0; right: 0; left: 0; color: #fff; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 9999; } header .fiba-modal.active { opacity: 1; visibility: visible; } header .fiba-modal__overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(38, 38, 38, 0.9); z-index: 999; } header .fiba-modal__holder { max-width: 1080px; margin-top: 5%; margin-left: auto; margin-right: auto; background-color: #000; padding: 30px 100px; border-radius: 10px; background-image: url("/assets/img/fe-modal-bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 999999; } @media screen and (max-width: 992px) { header .fiba-modal__holder { margin-top: 15px; margin-left: 10px; margin-right: 10px; } } @media screen and (max-width: 768px) { header .fiba-modal__holder { padding: 20px 15px 20px 15px; } } @media screen and (max-width: 576px) { header .fiba-modal__holder { overflow: auto; max-height: 500px; } } header .fiba-modal__close { position: absolute; top: 20px; right: 20px; cursor: pointer; } @media screen and (max-width: 768px) { header .fiba-modal__close { top: 10px; right: 10px; } } header .fiba-modal__close i { font-size: 26px; color: #fff; } @media screen and (max-width: 768px) { header .fiba-modal__close i { font-size: 24px; } } header .fiba-modal__heading { overflow: hidden; } header .fiba-modal__heading i { font-size: 40px; padding: 15px; border-radius: 100%; background: #fff; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100px; height: 100px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } @media screen and (max-width: 1200px) { header .fiba-modal__heading i { width: 80px; height: 80px; font-size: 32px; margin-bottom: 15px; } } @media screen and (max-width: 768px) { header .fiba-modal__heading i { width: 50px; height: 50px; font-size: 25px; margin-bottom: 10px; } } header .fiba-modal__heading h3, header .fiba-modal__heading .fiba-modal__heading--title { font-size: 48px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; margin-bottom: 10px; } @media screen and (max-width: 1200px) { header .fiba-modal__heading h3, header .fiba-modal__heading .fiba-modal__heading--title { font-size: 32px; } } @media screen and (max-width: 768px) { header .fiba-modal__heading h3, header .fiba-modal__heading .fiba-modal__heading--title { font-size: 20px; } } header .fiba-modal__content .form__block-container { display: -webkit-box; display: flex; } @media screen and (max-width: 992px) { header .fiba-modal__content .form__block-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } header .fiba-modal__content .form__block-container .form__block { margin-right: 10px; } @media screen and (max-width: 992px) { header .fiba-modal__content .form__block-container .form__block { margin-right: 0; margin-bottom: 25px; } } header .fiba-modal__content .form__block-container .form__block:last-child { margin-right: 0; } @media screen and (max-width: 992px) { header .fiba-modal__content .form__block-container .form__block:last-child { margin-bottom: 0; } } header .fiba-modal__content p { max-width: 500px; margin-left: auto; margin-right: auto; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: normal; text-align: center; color: #fff; margin-bottom: 40px; } @media screen and (max-width: 1200px) { header .fiba-modal__content p { margin-bottom: 30px; } } @media screen and (max-width: 768px) { header .fiba-modal__content p { max-width: 100%; font-size: 12px; font-weight: 300; line-height: 1.5; margin-bottom: 10px; } } header .fiba-modal__content .form__submit { margin: 0 auto; margin-top: 40px; display: inline-block; } @media screen and (max-width: 768px) { header .fiba-modal__content .form__submit { width: 200px; } } header .fiba-modal__content .form__submit button { cursor: pointer; } header .fiba-modal__content .form__block { margin-bottom: 0; } @media screen and (max-width: 768px) { header .fiba-modal__content .form__block { margin-top: 0; } } header .fiba__search { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 99999; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } header .fiba__search:before { content: none; } header .fiba__search.active { opacity: 1; visibility: visible; } @media screen and (max-width: 1130px) { header .fiba__search { display: none; } } header .fiba__search .search__overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(38, 38, 38, 0.6); } header .fiba__search .search__block { background-color: #fff; border-radius: 12px; padding: 27px 50px; } header .fiba__search .search__block.search--input { border-radius: 0 0 12px 12px; margin-bottom: 10px; } header .fiba__search .search__block.search--input p { font-size: 14px; line-height: 22px; margin-bottom: 5px; } header .fiba__search .search__block.search--input .header__form { position: relative; height: 58px; margin-bottom: 5px; margin-top: 15px; } header .fiba__search .search__block.search--input .header__form .header__search { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); height: 55px; line-height: 55px; font-size: 46px; font-family: "Rubik", sans-serif; width: 100%; padding-left: 45px; font-weight: 300; letter-spacing: -0.5px; padding-bottom: 2px; } header .fiba__search .search__block.search--input .header__form .header__search:focus { border-bottom: 1px solid #b4ec51; } header .fiba__search .search__block.search--input .header__form .fibicon-search { position: absolute; left: 0; bottom: 10px; font-size: 32px; } header .fiba__search .search__block.search--input .search__close { position: absolute; right: 50px; top: 8px; font-size: 30px; color: #bbc0d4; line-height: unset; } header .fiba__search .search__block.search--input .search__close .fibicon-fb-close span.path2:before { color: #bbc0d4; } header .fiba__search .search__block.search--suggestion { padding: 30px 0; display: block; overflow: hidden; } header .fiba__search .search__block.search--suggestion .query__text { padding-left: 50px; font-size: 20px; width: 100%; display: block; line-height: initial; margin-bottom: 15px; font-weight: 500; } header .fiba__search .search__block.search--suggestion .query__text b { margin: 0 5px 0 0; } header .fiba__search .search__block.search--suggestion .query__text span { font-size: 24px; display: inline-block; vertical-align: middle; margin-right: 2px; } header .fiba__search .search__block.search--suggestion .query__text span.fibicon-arrow-down, header .fiba__search .search__block.search--suggestion .query__text span.fibicon-heart { margin-top: -3px; margin-right: 2px; } header .fiba__search .search__block.search--suggestion .query__suggestion { width: 40%; float: left; display: inline-block; } header .fiba__search .search__block.search--suggestion .query__suggestion ul li { width: 78%; padding: 16px 0 15px 50px; font-size: 16px; font-weight: 300; line-height: initial; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-radius: 0 6px 6px 0; } header .fiba__search .search__block.search--suggestion .query__suggestion ul li a { color: #353535; } header .fiba__search .search__block.search--suggestion .query__suggestion ul li:hover { background-color: #ebecee; } header .fiba__search .search__block.search--suggestion .query__content { width: 60%; float: left; display: inline-block; line-height: initial; padding-right: 50px; } header .fiba__search .search__block.search--suggestion .query__content .query__text { padding-left: 0; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__static { position: relative; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__static .qc__block { display: inline-block; position: relative; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__static .qc__block.qc__block--content { width: 55%; z-index: 999; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__static .qc__block.qc__block--content h3 { font-size: 36px; font-weight: 300; margin-bottom: 10px; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__static .qc__block.qc__block--content p { font-size: 16px; color: #6e747c; line-height: 26px; margin-bottom: 15px; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__static .qc__block.qc__block--image { position: absolute; right: -25px; bottom: 0; z-index: 0; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__static .qc__block.qc__block--image img { width: 360px; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__banner { background-image: url("/assets/img/qc-banner-bg.jpg"); background-repeat: no-repeat; background-size: cover; height: 290px; width: 100%; position: relative; border-radius: 12px; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__banner .qc__block { position: absolute; color: #fff; top: 50px; left: 48px; width: 50%; z-index: 999; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__banner .qc__block h3 { line-height: 40px; font-size: 30px; font-weight: 600; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__banner .qc__block h3 span { font-weight: 300; display: block; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__banner .qc__block .fe__cta { margin-top: 20px; } header .fiba__search .search__block.search--suggestion .query__content .qcontent__banner .qc__block .fe__cta i { float: left; margin-right: 10px; } header .fiba__search .search__block.search--suggestion .query__cta { display: inline-block; padding: 15px 50px 0 50px; overflow: hidden; margin-top: 15px; width: 100%; float: left; } header .fiba__search .search__block.search--suggestion .query__cta .fiba-cta { margin-bottom: 0; } .fiba__toolbar { height: 40px; line-height: 40px; background-color: #fff; } @media screen and (max-width: 1130px) { .fiba__toolbar { display: none; } } .fiba__toolbar .toolbar__block { display: inline-block; } .fiba__toolbar .toolbar__block.toolbar--menu { float: left; font-size: 14px; } .fiba__toolbar .toolbar__block.toolbar--menu .toolbar__nav { padding: 0; } .fiba__toolbar .toolbar__block.toolbar--menu .toolbar__nav .tbnav__item { float: left; } .fiba__toolbar .toolbar__block.toolbar--menu .toolbar__nav .tbnav__item a { display: inline-block; padding-right: 30px; position: relative; color: #4b4b4b; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .fiba__toolbar .toolbar__block.toolbar--menu .toolbar__nav .tbnav__item a:before { content: ""; background-color: #eaeaea; position: absolute; right: 14px; top: 12px; width: 2px; height: 16px; z-index: 9999; } .fiba__toolbar .toolbar__block.toolbar--menu .toolbar__nav .tbnav__item a:hover { color: #8cc641; } .fiba__toolbar .toolbar__block.toolbar--menu .toolbar__nav .tbnav__item:last-child a:before { content: none; } .fiba__toolbar .toolbar__block.toolbar--search { float: right; font-size: 16.5px; } .fiba__toolbar .toolbar__block.toolbar--search .search__block, .fiba__toolbar .toolbar__block.toolbar--search .lang__block { display: inline-block; float: left; } .fiba__toolbar .toolbar__block.toolbar--search .search__block { padding: 0 10px; } .fiba__toolbar .toolbar__block.toolbar--search .search__block a { color: #424242; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .fiba__toolbar .toolbar__block.toolbar--search .search__block a:hover { color: #8cc641; } .fiba__toolbar .toolbar__block.toolbar--search .search__block a span { margin-right: 2px; margin-top: 4px; float: left; font-size: 22px; } .fiba__toolbar .toolbar__block.toolbar--search .lang__block { padding-left: 40px; position: relative; } .fiba__toolbar .toolbar__block.toolbar--search .lang__block:before { content: ""; background-color: #eaeaea; position: absolute; left: 14px; top: 12px; width: 2px; height: 16px; z-index: 9999; } .fiba__toolbar .toolbar__block.toolbar--search .lang__block a { color: #424242; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .fiba__toolbar .toolbar__block.toolbar--search .lang__block a:hover { color: #8cc641; } .fiba__toolbar .toolbar__block.toolbar--online-applications { float: right; padding-left: 10px; height: 40px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .fiba__toolbar .toolbar__block.toolbar--online-applications > a { display: block; font-size: 16.5px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #424242; padding-left: 20px; border-left: 1px solid rgba(54, 54, 54, 0.1); background-size: 13px; } .fiba__toolbar .toolbar__block.toolbar--online-applications:hover .fiba__login { visibility: visible; opacity: 1; } .fiba__toolbar .toolbar__block.toolbar--online-applications .fiba__login { position: absolute; right: 0; top: 35px; width: 170px; text-align: center; background-color: #fff; padding: 10px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.05); visibility: hidden; opacity: 0; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; z-index: 99999; } @media screen and (min-width: 576px) { .fiba__toolbar .toolbar__block.toolbar--online-applications .fiba__login { top: 6px; right: 0; } } @media screen and (min-width: 768px) { .fiba__toolbar .toolbar__block.toolbar--online-applications .fiba__login { right: 0; } } @media screen and (min-width: 992px) { .fiba__toolbar .toolbar__block.toolbar--online-applications .fiba__login { right: 0; } } @media screen and (min-width: 1130px) { .fiba__toolbar .toolbar__block.toolbar--online-applications .fiba__login { right: 10px; } } @media screen and (min-width: 1200px) { .fiba__toolbar .toolbar__block.toolbar--online-applications .fiba__login { right: 15px; } } .fiba__toolbar .toolbar__block.toolbar--online-applications .fiba__login h3 { font-size: 34px; letter-spacing: -0.4px; font-weight: 300; margin-bottom: 25px; } @media screen and (max-width: 1130px) { .fiba__toolbar .toolbar__block.toolbar--online-applications .fiba__login h3 { margin-bottom: 15px; font-size: 30px; } } .fiba__toolbar .toolbar__block.toolbar--online-applications .fiba__login .fe-button { margin: 0; font-size: 12px !important; padding: 12px 32px !important; margin-left: 0 !important; line-height: normal !important; display: block !important; border: 0 !important; width: auto !important; float: none !important; clear: both; height: auto !important; } .fiba__toolbar .toolbar__block.toolbar--online-applications .fiba__login .fe-button:first-child { margin-bottom: 10px; } .fiba__toolbar .toolbar__block.toolbar--online-applications .fiba__login .fe-button.fe-button--individual { background-color: #8dc63f; } .fiba__toolbar .toolbar__block.toolbar--online-applications .fiba__login .fe-button.fe-button--corporate { background: #006cb6; background: linear-gradient(135deg, #006cb6 0%, #6d83ec 100%); } .fe__headline { min-height: 440px; background-size: cover; background-position: top; background-repeat: no-repeat; } .fe__headline .headline__container { width: 100%; overflow-x: auto; overflow-y: hidden; margin-bottom: -100px; text-align: center; } .fe__headline .headline__block { margin: 40px 0 0 0; display: inline-block; width: 100%; } @media screen and (max-width: 768px) { .fe__headline .headline__block { margin: 20px 0 0 0; } } @media screen and (max-width: 576px) { .fe__headline .headline__block { margin: 10px 0 0 0; } } .fe__headline .headline__block.headline__block--title { text-align: center; padding: 0 10%; } @media screen and (max-width: 768px) { .fe__headline .headline__block.headline__block--title { padding: 0 2%; } } .fe__headline .headline__block.headline__block--title h1 { font-size: 50.5px; color: #fff; font-weight: 500; margin-bottom: 15px; } @media screen and (max-width: 768px) { .fe__headline .headline__block.headline__block--title h1 { font-size: 32px; margin-bottom: 10px; } } @media screen and (max-width: 576px) { .fe__headline .headline__block.headline__block--title h1 { font-size: 24px; } } .fe__headline .headline__block.headline__block--title p { font-size: 22px; line-height: 35px; color: #fff; font-weight: 400; } @media screen and (max-width: 768px) { .fe__headline .headline__block.headline__block--title p { font-size: 18px; line-height: 28px; } } @media screen and (max-width: 576px) { .fe__headline .headline__block.headline__block--title p { font-size: 14px; line-height: 22px; } } .fe__headline .headline__block.headline__block--features { display: -webkit-box; display: flex; margin: 40px auto 0 auto; } .fe__headline .headline__block.headline__block--features + media-max-md { overflow-x: scroll; } @media screen and (min-width: 992px) { .fe__headline .headline__block.headline__block--features { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } } .fe__headline .headline__block.headline__block--features .feature__block { width: 33%; min-width: 300px; display: inline-block; float: left; padding: 0 25px; } @media screen and (max-width: 768px) { .fe__headline .headline__block.headline__block--features .feature__block { padding: 0 20px; min-width: 300px; } } @media screen and (max-width: 576px) { .fe__headline .headline__block.headline__block--features .feature__block { padding: 0 7px; min-width: 200px; } } .fe__headline .headline__block.headline__block--features .feature__block .feature__box { background-color: #fff; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.01); position: relative; overflow: hidden; text-align: left; } .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; color: #fff; background-color: rgba(0, 0, 0, 0.7); border-radius: 10px; padding: 30px 30px; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media screen and (max-width: 992px) { .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay { padding: 20px 20px; } } @media screen and (max-width: 576px) { .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay { display: none; } } .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay.overlay__gradient--1 { background: linear-gradient( 135deg, rgba(98, 39, 116, 0.95) 0%, rgba(197, 51, 100, 0.9) 100% ); } .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay h3 { font-size: 46px; font-weight: 400; line-height: 40px; margin-bottom: 10px; } @media screen and (max-width: 992px) { .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay h3 { font-size: 42px; } } .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay h3 span { font-size: 32px; font-weight: 300; display: block; } @media screen and (max-width: 992px) { .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay h3 span { font-size: 30px; } } .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay p { font-weight: 300; font-size: 19px; line-height: 24px; } @media screen and (max-width: 992px) { .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay p { font-size: 16px; } } .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay .fe__cta { margin-top: 20px; } .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay-image { opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; position: absolute; bottom: 0; left: 0; right: 0; top: 0; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 576px) { .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__overlay-image { display: none; } } .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__image img { width: 100%; } .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__content { text-align: center; } .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__content h5 { font-size: 20px; font-weight: 400; padding: 16px 0; } @media screen and (max-width: 576px) { .fe__headline .headline__block.headline__block--features .feature__block .feature__box .feature__content h5 { font-size: 14px; } } .fe__headline .headline__block.headline__block--features .feature__block .feature__box:hover .feature__overlay, .fe__headline .headline__block.headline__block--features .feature__block .feature__box:hover .feature__overlay-image { opacity: 1; visibility: visible; } .cover_saglik-sigortasi { background-image: url("/images/default-source/categories/saglik-sigortasi.jpg") !important; } .cover_bireysel-emeklilik { background-image: url("/images/default-source/categories/bireysel-emeklilik-sistemi.jpg") !important; } .cover_hayat-sigortasi { background-image: url("/images/default-source/categories/hayat-sigortasi.jpg") !important; } .cover_bes-otomatik-katilim { background-image: url("/images/default-source/categories/otomatik-katilim.jpg") !important; } .cover_hakkimizda { background-image: url("/images/default-source/categories/hakkimizda.jpg") !important; } .fe__mainContent { padding: 25px 10px 25px 10px; min-height: 500px; width: 100%; background: url("/assets/img/main-bg.png") #fff right top repeat-y; background-size: 100%; } .fe__mainContent:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } @media screen and (max-width: 768px) { .fe__mainContent { padding: 0 0 25px 0; } } .fe__mainContent.fe__main--wheadline { padding: 120px 10px 50px 10px; background-color: #fafafa; } @media screen and (max-width: 768px) { .fe__mainContent.fe__main--wheadline { padding: 120px 0 50px 0; } } @media screen and (max-width: 576px) { .fe__mainContent .container { padding: 0 10px; } } * html .fe__mainContent, :first-child + html .fe__mainContent { zoom: 1; } .fe__content { display: inline-block; float: left; padding-right: 0; } @media screen and (max-width: 992px) { .fe__content { padding-left: 0; } } @media screen and (min-width: 992px) { .fe__content .fe__content-holder { min-height: 600px; } } .fe__content .fe__content-holder, .fe__content .fe__backdown { background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.05); padding: 50px; } .fe__content .fe__content-holder.pad--1, .fe__content .fe__backdown.pad--1 { padding: 10px 50px 40px 50px; } @media screen and (max-width: 992px) { .fe__content .fe__content-holder, .fe__content .fe__backdown { padding: 25px 25px; } } @media screen and (max-width: 576px) { .fe__content .fe__content-holder, .fe__content .fe__backdown { padding: 10px 10px; } } .fe__content .fe__content-holder .notification__block p, .fe__content .fe__backdown .notification__block p { font-size: 16px; line-height: 26px; margin-bottom: 20px; } .fe__content .fe__content-holder .fe__pageHeading, .fe__content .fe__backdown .fe__pageHeading { display: inline-block; width: 100%; margin-bottom: 10px; } .fe__content .fe__content-holder .fe__pageHeading .heading__content, .fe__content .fe__backdown .fe__pageHeading .heading__content { display: inline-block; width: 68%; float: left; } .fe__content .fe__content-holder .fe__pageHeading .heading__content.heading__content--full, .fe__content .fe__backdown .fe__pageHeading .heading__content.heading__content--full { width: 100%; } .fe__content .fe__content-holder .fe__pageHeading .heading__image, .fe__content .fe__backdown .fe__pageHeading .heading__image { display: inline-block; width: 32%; float: left; margin-top: -22px; margin-right: -10px; } .fe__content .fe__content-holder .fe__pageHeading .heading__image img, .fe__content .fe__backdown .fe__pageHeading .heading__image img { width: 110%; display: inline-block; float: left; } .fe__content .fe__content-holder .bes__cblock, .fe__content .fe__backdown .bes__cblock { display: inline-block; width: 100%; margin-top: 40px; } .fe__content .fe__content-holder > h1, .fe__content .fe__backdown > h1 { font-size: 46px; font-weight: 300; margin-bottom: 15px; } @media screen and (max-width: 576px) { .fe__content .fe__content-holder > h1, .fe__content .fe__backdown > h1 { font-size: 30px; max-width: 100%; } } .fe__content .fe__content-holder > h1:last-child, .fe__content .fe__backdown > h1:last-child { margin-bottom: 0; } .fe__content .fe__content-holder > h2, .fe__content .fe__backdown > h2 { font-size: 36px; font-weight: 300; margin-bottom: 15px; } @media screen and (max-width: 576px) { .fe__content .fe__content-holder > h2, .fe__content .fe__backdown > h2 { font-size: 26px; max-width: 100%; } } .fe__content .fe__content-holder > h2:last-child, .fe__content .fe__backdown > h2:last-child { margin-bottom: 0; } .fe__content .fe__content-holder > h3, .fe__content .fe__backdown > h3 { font-size: 28px; font-weight: 300; margin-bottom: 20px; } @media screen and (max-width: 576px) { .fe__content .fe__content-holder > h3, .fe__content .fe__backdown > h3 { font-size: 28px; } } .fe__content .fe__content-holder > h3:last-child, .fe__content .fe__backdown > h3:last-child { margin-bottom: 0; } .fe__content .fe__content-holder > h4, .fe__content .fe__backdown > h4 { font-size: 24px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #2b8fd4; margin-bottom: 20px; clear: both; } @media screen and (max-width: 768px) { .fe__content .fe__content-holder > h4, .fe__content .fe__backdown > h4 { font-size: 18px; margin-bottom: 10px; } } .fe__content .fe__content-holder > h4:last-child, .fe__content .fe__backdown > h4:last-child { margin-bottom: 0; } .fe__content .fe__content-holder > h5, .fe__content .fe__backdown > h5 { font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #2b8fd4; margin-bottom: 20px; clear: both; } @media screen and (max-width: 768px) { .fe__content .fe__content-holder > h5, .fe__content .fe__backdown > h5 { font-size: 16px; margin-bottom: 10px; } } .fe__content .fe__content-holder > h5:last-child, .fe__content .fe__backdown > h5:last-child { margin-bottom: 0; } .fe__content .fe__content-holder > p, .fe__content .fe__backdown > p { font-size: 18px; line-height: 38px; color: #262626; font-weight: 300; margin-bottom: 30px; clear: left; } @media screen and (max-width: 576px) { .fe__content .fe__content-holder > p, .fe__content .fe__backdown > p { font-size: 16px; line-height: 32px; margin-bottom: 20px; } } .fe__content .fe__content-holder > p:last-child, .fe__content .fe__backdown > p:last-child { margin-bottom: 0; } .fe__content .fe__content-holder > p strong, .fe__content .fe__backdown > p strong { font-weight: 500; } .fe__content .fe__content-holder > p a, .fe__content .fe__backdown > p a { color: #2b8fd4; } .fe__content .fe__content-holder > ul, .fe__content .fe__backdown > ul { position: relative; margin-top: 0; margin-bottom: 30px; } @media screen and (max-width: 576px) { .fe__content .fe__content-holder > ul, .fe__content .fe__backdown > ul { margin-bottom: 20px; } } .fe__content .fe__content-holder > ul:last-child, .fe__content .fe__backdown > ul:last-child { margin-bottom: 0; } .fe__content .fe__content-holder > ul li, .fe__content .fe__backdown > ul li { padding: 0 50px 20px 50px; position: relative; font-weight: 300; font-size: 18px; line-height: 38px; } .fe__content .fe__content-holder > ul li a, .fe__content .fe__backdown > ul li a { color: #2b8fd4; } @media screen and (max-width: 768px) { .fe__content .fe__content-holder > ul li, .fe__content .fe__backdown > ul li { padding: 0 15px 15px 30px; } } @media screen and (max-width: 576px) { .fe__content .fe__content-holder > ul li, .fe__content .fe__backdown > ul li { font-size: 16px; } } .fe__content .fe__content-holder > ul li:last-child, .fe__content .fe__backdown > ul li:last-child { padding-bottom: 0; } .fe__content .fe__content-holder > ul li:last-child:after, .fe__content .fe__backdown > ul li:last-child:after { display: none; } .fe__content .fe__content-holder > ul li:before, .fe__content .fe__backdown > ul li:before { content: ""; position: absolute; width: 16px; height: 16px; background-color: #fff; background-image: url("/assets/img/fe-bullet.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; left: 3px; top: 11px; z-index: 2; } .fe__content .fe__content-holder > ul li:after, .fe__content .fe__backdown > ul li:after { content: ""; position: absolute; left: 10px; top: 13px; bottom: 5px; height: 100%; width: 2px; background-color: rgba(5, 200, 150, 0.2); } .fe__content .fe__content-holder .bes__share, .fe__content .fe__backdown .bes__share { padding: 40px 0 0 0; margin: 20px 0 10px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); text-align: center; } @media screen and (max-width: 768px) { .fe__content .fe__content-holder .bes__share, .fe__content .fe__backdown .bes__share { padding: 20px 0 0 0; } } .fe__content .fe__content-holder .bes__share .share__button, .fe__content .fe__backdown .bes__share .share__button { display: inline-block; margin: 0 auto; margin: 0 5px; padding: 8px 28px; border: 2px solid #ebebeb; border-radius: 100px; color: #363636; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media screen and (max-width: 576px) { .fe__content .fe__content-holder .bes__share .share__button, .fe__content .fe__backdown .bes__share .share__button { margin: 6px 4px; padding: 6px 14px; font-size: 14px; } } .fe__content .fe__content-holder .bes__share .share__button span, .fe__content .fe__backdown .bes__share .share__button span { vertical-align: middle; display: inline-block; float: left; margin-top: 3px; margin-right: 7px; font-size: 17px; color: rgba(0, 0, 0, 0.3); } @media screen and (max-width: 576px) { .fe__content .fe__content-holder .bes__share .share__button span, .fe__content .fe__backdown .bes__share .share__button span { font-size: 15px; } } .fe__content .fe__content-holder .bes__share .share__button.share__button--twitter, .fe__content .fe__backdown .bes__share .share__button.share__button--twitter { background-color: #1da1f2; color: #fff; border: 2px solid #1da1f2; } .fe__content .fe__content-holder .bes__share .share__button.share__button--twitter span, .fe__content .fe__backdown .bes__share .share__button.share__button--twitter span { color: #fff; } .fe__content .fe__content-holder .bes__share .share__button.share__button--facebook, .fe__content .fe__backdown .bes__share .share__button.share__button--facebook { background-color: #3b5998; color: #fff; border: 2px solid #3b5998; } .fe__content .fe__content-holder .bes__share .share__button.share__button--facebook span, .fe__content .fe__backdown .bes__share .share__button.share__button--facebook span { color: #fff; } .fe__content .fe__content-holder .bes__share .share__button:hover, .fe__content .fe__backdown .bes__share .share__button:hover { transform: scale(1.08, 1.08) !important; -moz-transform: scale(1.08, 1.08); -webkit-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); -khtml-transform: scale(1.08, 1.08); } .bes__cta { line-height: initial; display: inline-block; padding: 0; margin-top: 0; margin-bottom: 40px; width: 100%; } @media screen and (max-width: 768px) { .bes__cta { margin-bottom: 20px; } } .bes__cta .bes__cta-holder { background: #36da88; background: -webkit-gradient( linear, left top, right top, from(#36da88), to(#3bb2b8) ); background: linear-gradient(to right, #36da88 0%, #3bb2b8 100%); border-radius: 10px; color: #fff; height: 60px; line-height: 60px; display: block; padding: 0 30px; position: relative; cursor: pointer; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media screen and (max-width: 768px) { .bes__cta .bes__cta-holder { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } } @media screen and (max-width: 1200px) { .bes__cta .bes__cta-holder { height: auto; line-height: 22px; padding: 15px 25px; } } @media screen and (max-width: 768px) { .bes__cta .bes__cta-holder { padding: 10px 40px 10px 0; } } .bes__cta .bes__cta-holder:hover { transform: scale(1.03, 1.03) !important; -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); -khtml-transform: scale(1.03, 1.03); } .bes__cta .bes__cta-holder p { display: inline-block; font-size: 15px; color: #fff; font-weight: 400; margin-bottom: 0; } @media screen and (max-width: 1200px) { .bes__cta .bes__cta-holder p { width: 85%; line-height: 1.33; font-size: 12px; } } .bes__cta .bes__cta-holder span.fibicon-message-2 { display: inline-block; font-size: 24px; vertical-align: middle; margin-right: 6px; } .bes__cta .bes__cta-holder .fe__cta { position: absolute; right: 20px; top: 50%; transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); } .product__list { clear: both; width: 100%; margin: 0; } .product__list > div { padding: 0; } .product__list .fiba-cta { margin-bottom: 0; width: 100%; } .product__list .product-category { padding: 0; margin-bottom: 20px; padding-left: 0; } .product__list .product-category:first-child p { left: 0; } @media screen and (min-width: 576px) { .product__list .product-category { margin-bottom: 70px; padding-left: 10px; } } @media screen and (min-width: 576px) { .product__list .product-category:first-child { padding-right: 10px; padding-left: 0; } } .product__list .product-category img { width: 100%; display: block; } .product__list .product-category > a { display: block; } .product__list .product-category p { font-size: 18px; line-height: 38px; color: #262626; font-weight: 300; margin-top: 10px; } @media screen and (min-width: 576px) { .product__list .product-category p { position: absolute; left: 10px; bottom: -45px; } } .product__list .product-category p a { color: #2b8fd4; } .pricing-table { width: 100%; text-align: center; padding: 10px; margin: 0; height: 100%; } @media screen and (max-width: 576px) { .pricing-table { padding: 10px 0; margin: 20px auto; } } .pricing-table.table--featured .pt__holder, .pricing-table:hover .pt__holder { color: #fff; background: #17ead9; background: -webkit-gradient( linear, left top, left bottom, from(#17ead9), to(#6078ea) ); background: linear-gradient(to bottom, #17ead9 0%, #6078ea 100%); } .pricing-table.table--featured .pt__holder .pt__heading h5, .pricing-table:hover .pt__holder .pt__heading h5, .pricing-table.table--featured .pt__holder .pt__heading p, .pricing-table:hover .pt__holder .pt__heading p { color: #fff; } .pricing-table.table--featured .pt__holder .pt__price p, .pricing-table:hover .pt__holder .pt__price p, .pricing-table.table--featured .pt__holder .pt__price--new p, .pricing-table:hover .pt__holder .pt__price--new p { color: #fff; } .pricing-table.table--featured .pt__holder .pt__content .pt__block p, .pricing-table:hover .pt__holder .pt__content .pt__block p { color: #fff; } .pricing-table.table--featured .pt__holder .pt__content .pt__block ul li, .pricing-table:hover .pt__holder .pt__content .pt__block ul li { color: #fff; } .pricing-table.table--featured .pt__holder .pt__content .pt__block ul li:before, .pricing-table:hover .pt__holder .pt__content .pt__block ul li:before { background-image: url("/assets/img/fe-check-white.svg"); } .pricing-table.table--featured .pt__holder .pt__button, .pricing-table:hover .pt__holder .pt__button { background: transparent; border: 1px solid #fff; color: #fff; } .pricing-table.table--featured .pt__holder .pt__button.pt__button--gradient, .pricing-table:hover .pt__holder .pt__button.pt__button--gradient { background: #fff; color: #2b8fd4; } .pricing-table .pt__holder { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.01); border-radius: 10px; background-color: #fff; height: 100%; } .pricing-table .pt__holder .pt__heading { display: block; padding: 25px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .pricing-table .pt__holder .pt__heading .pt__block { display: inline-block; text-align: left; } .pricing-table .pt__holder .pt__heading h5 { font-size: 20px; color: #2b8fd4; font-weight: 600; margin-bottom: 5px; } @media screen and (max-width: 1200px) { .pricing-table .pt__holder .pt__heading h5 { font-size: 19px; } } .pricing-table .pt__holder .pt__heading p { line-height: initial; font-size: 14px; color: rgba(0, 0, 0, 0.5); } .pricing-table .pt__holder .pt__heading .pt__icon { font-size: 50px; margin-right: 5px; display: inline-block; vertical-align: bottom; } @media screen and (max-width: 1200px) { .pricing-table .pt__holder .pt__heading .pt__icon { font-size: 47px; margin-right: 4px; } } .pricing-table .pt__holder .pt__price { display: block; padding: 25px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .pricing-table .pt__holder .pt__price .pt__block { display: inline-block; text-align: left; } .pricing-table .pt__holder .pt__price .pt__block:first-child { padding-right: 10px; } .pricing-table .pt__holder .pt__price .pt__block:last-child { width: 45%; } @media screen and (max-width: 576px) { .pricing-table .pt__holder .pt__price .price__tag { display: table; } } .pricing-table .pt__holder .pt__price p { font-size: 14px; color: rgba(0, 0, 0, 0.5); line-height: 22px; } @media screen and (max-width: 768px) { .pricing-table .pt__holder .pt__price p { font-size: 12px; line-height: 1.67; } } @media screen and (max-width: 576px) { .pricing-table .pt__holder .pt__price p { font-size: 11px; } } .pricing-table .pt__holder .pt__price .price { font-size: 36px; letter-spacing: -0.5px; font-weight: 300; margin-right: 5px; } @media screen and (max-width: 576px) { .pricing-table .pt__holder .pt__price .price { font-size: 30px; } } .pricing-table .pt__holder .pt__price .currency { font-size: 24px; font-weight: 300; } .pricing-table .pt__holder .pt__price--new { display: block; padding: 25px 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .pricing-table .pt__holder .pt__price--new .pt__block { display: block; text-align: center; padding: 0 10px; } .pricing-table .pt__holder .pt__price--new .price__tag { margin-bottom: 10px; } .pricing-table .pt__holder .pt__price--new p { font-size: 14px; color: rgba(0, 0, 0, 0.5); line-height: 22px; } @media screen and (max-width: 768px) { .pricing-table .pt__holder .pt__price--new p { font-size: 12px; line-height: 1.67; } } @media screen and (max-width: 576px) { .pricing-table .pt__holder .pt__price--new p { font-size: 11px; } } .pricing-table .pt__holder .pt__price--new .price { font-size: 20px; letter-spacing: -0.5px; font-weight: 300; margin-right: 0; } @media screen and (max-width: 1200px) { .pricing-table .pt__holder .pt__price--new .price { font-size: 19px; } } @media screen and (max-width: 768px) { .pricing-table .pt__holder .pt__price--new .price { font-weight: 500; font-size: 14px; } } .pricing-table .pt__holder .pt__price--new .currency { font-size: 24px; font-weight: 300; } .pricing-table .pt__holder .pt__buttons { position: absolute; bottom: 20px; left: 0; padding: 0 40px; width: 100%; } @media screen and (max-width: 768px) { .pricing-table .pt__holder .pt__buttons { padding: 0 30px; } } @media screen and (max-width: 576px) { .pricing-table .pt__holder .pt__buttons { padding: 0 10px; bottom: 0; } } .pricing-table .pt__holder .pt__content { text-align: center; padding: 0 35px 130px 35px; } @media screen and (max-width: 768px) { .pricing-table .pt__holder .pt__content { padding: 0 10px 130px; } } @media screen and (max-width: 576px) { .pricing-table .pt__holder .pt__content { padding: 0 10px 100px; } } .pricing-table .pt__holder .pt__content .pt__block p { font-size: 14px; color: rgba(0, 0, 0, 0.5); padding: 18px 0 0 0; text-align: left; } @media screen and (max-width: 768px) { .pricing-table .pt__holder .pt__content .pt__block p { display: none; } } .pricing-table .pt__holder .pt__content .pt__block ul { display: inline-block; margin: 10px auto; margin-bottom: 0; text-align: left; } @media screen and (max-width: 768px) { .pricing-table .pt__holder .pt__content .pt__block ul { display: none; } } .pricing-table .pt__holder .pt__content .pt__block ul li { font-size: 14px; color: rgba(0, 0, 0, 0.5); padding: 8px 28px; position: relative; } .pricing-table .pt__holder .pt__content .pt__block ul li:before { content: ""; position: absolute; background-image: url("/assets/img/fe-check.svg"); background-size: cover; width: 14px; height: 10px; left: 0; top: 11px; } .pricing-table .pt__holder .pt__content .pt__total-saving { padding: 10px 35px; margin: 0 -35px 0 -35px; } .pricing-table .pt__holder .pt__button { display: block; height: 42px; line-height: 42px; text-align: center; margin: 10px 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; color: #4b4b4b; font-size: 16px; font-weight: 500; } @media screen and (max-width: 576px) { .pricing-table .pt__holder .pt__button { margin: 12px 12px; font-size: 14px; } } .pricing-table .pt__holder .pt__button.pt__button--gradient { border: none; color: #fff; background: #17ead9; background: linear-gradient(135deg, #17ead9 0%, #6078ea 100%); } .fe__wide-content .product__grid-control { padding: 0; } .bes__range-select { margin-top: 15px; } .bes__range-select .form__block span { width: auto; float: none; line-height: inherit; } .bes__range-select .form__block.fon__base.active { padding-bottom: 50px; } .bes__range-select .form__block .form__title { display: inline-block; width: 25%; float: left; font-size: 18px; margin-top: 8px; } @media screen and (max-width: 1200px) { .bes__range-select .form__block .form__title { width: 35%; } } @media screen and (max-width: 992px) { .bes__range-select .form__block .form__title { margin-bottom: 10px; } } @media screen and (max-width: 768px) { .bes__range-select .form__block .form__title { width: 100%; } } .bes__range-select .form__block .form__group { display: inline-block; width: 75%; float: left; position: relative; } @media screen and (max-width: 1200px) { .bes__range-select .form__block .form__group { width: 65%; } } @media screen and (max-width: 992px) { .bes__range-select .form__block .form__group { width: 100%; } } @media screen and (max-width: 768px) { .bes__range-select .form__block .form__group { width: 100%; } } .bes__range-select .form__block .form__group select { font-size: 14px; } @media screen and (max-width: 768px) { .bes__range-select .form__block .form__group select { width: 100% !important; } } @media screen and (max-width: 1200px) { .bes__range-select .form__block .form__group .fiba-select.ss-main { width: 80% !important; } } @media screen and (max-width: 992px) { .bes__range-select .form__block .form__group .fiba-select.ss-main { width: 100% !important; } } @media screen and (max-width: 1200px) { .bes__range-select .form__block .form__group .fiba-select-multi.ss-main { width: 80% !important; } } @media screen and (max-width: 992px) { .bes__range-select .form__block .form__group .fiba-select-multi.ss-main { width: 100% !important; } } @media screen and (max-width: 1200px) { .bes__range-select .form__block .form__group .fiba-select-multi.ss-main .ss-multi-selected .ss-values { display: none; } } .bes__range-select .form__block .form__group .fiba-select-multi.ss-main .ss-multi-selected .ss-values .ss-value { background: #43e695; background: -webkit-gradient( linear, left top, right top, from(#43e695), to(#3bb2b8) ); background: linear-gradient(to right, #43e695 0%, #3bb2b8 100%); border-radius: 100px; padding: 9px 12px 9px 23px; font-size: 14px; margin: 5px 6px 5px 0; } .bes__range-select .form__block .form__group .fiba-select-multi.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete { margin: 0 0 0 8px; cursor: pointer; background-color: #fff; width: 24px; height: 24px; border-radius: 1000px; color: #000; text-align: center; line-height: 23px; font-size: 15px; } .bes__range-select .form__selectedDates { background: #43e695; background: -webkit-gradient( linear, left top, right top, from(#43e695), to(#3bb2b8) ); background: linear-gradient(to right, #43e695 0%, #3bb2b8 100%); padding: 10px 8px 10px 20px; font-size: 14px; display: inline-block; color: #fff; border-radius: 100px; margin-top: 15px; opacity: 1; display: inline-block !important; } @media screen and (max-width: 576px) { .bes__range-select .form__selectedDates { padding: 10px 5px 10px 12px; font-size: 11px; } } .bes__range-select .form__selectedDates .selectedDates span { margin-right: 8px; } @media screen and (max-width: 576px) { .bes__range-select .form__selectedDates .selectedDates span { margin-right: 4px; } } .bes__range-select .form__selectedDates.active { opacity: 1; visibility: visible; display: inline-block; } .bes__range-select .form__selectedDates .clearDate { display: inline-block; width: 24px; height: 24px; text-align: center; background-color: #fff; border-radius: 100px; color: #000; font-size: 16px; line-height: 23px; margin-left: 9px; } @media screen and (max-width: 576px) { .bes__range-select .form__selectedDates .clearDate { width: 21px; height: 21px; line-height: 19px; } } .bes__range-select .form__selectedFons { position: absolute; top: 11px; left: 20px; font-size: 14px; } .bes__range-select .form__selectedFons span { margin-left: 3px; } .bes__fon-metric { display: inline-block; margin: 25px 0; width: 100%; } .bes__fon-metric .metric__title { font-size: 24px; color: #2b8fd4; font-weight: 300; margin-bottom: 15px; } .bes__fon-metric .metric__title h4 { font-weight: 300; } .bes__fon-metric .metric__holder { background-color: #fff; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); border-radius: 10px; } @media screen and (max-width: 576px) { .bes__fon-metric .metric__holder { margin-left: -10px; margin-right: -10px; } } .bes__fon-metric .metric__holder .metric__heading { background-color: #006cb6; color: #fff; border-radius: 10px 10px 0 0; height: 46px; line-height: 46px; padding: 0 0 0 15px; overflow: hidden; display: block; } .bes__fon-metric .metric__holder .metric__heading .metric__block { display: inline-block; float: left; position: relative; } .bes__fon-metric .metric__holder .metric__heading .metric__block.metric__block--name { width: 43%; text-align: left; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; } @media screen and (max-width: 768px) { .bes__fon-metric .metric__holder .metric__heading .metric__block.metric__block--name { width: 74%; font-size: 11px; font-weight: 500; } } .bes__fon-metric .metric__holder .metric__heading .metric__block.metric__block--average { width: 43%; text-align: center; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; } @media screen and (max-width: 768px) { .bes__fon-metric .metric__holder .metric__heading .metric__block.metric__block--average { display: none; } } .bes__fon-metric .metric__holder .metric__heading .metric__block.metric__block--average .metric__percent { position: absolute; top: 0; } .bes__fon-metric .metric__holder .metric__heading .metric__block.metric__block--average .metric__percent.metric__percent--negative { left: -15px; } .bes__fon-metric .metric__holder .metric__heading .metric__block.metric__block--average .metric__percent.metric__percent--positive { right: 15px; } .bes__fon-metric .metric__holder .metric__heading .metric__block.metric__block--revenue { width: 14%; text-align: center; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; border-left: 1px solid rgba(255, 255, 255, 0.3); } @media screen and (max-width: 768px) { .bes__fon-metric .metric__holder .metric__heading .metric__block.metric__block--revenue { width: 26%; font-size: 11px; font-weight: 500; } } .bes__fon-metric .metric__holder .metric__content { padding: 0 0 0 15px; overflow: hidden; display: -webkit-box; display: flex; height: auto; line-height: inherit; border-top: 1px solid #e9e9e9; } @media screen and (max-width: 768px) { .bes__fon-metric .metric__holder .metric__content { padding: 0 0 0 0; min-height: 60px; } } .bes__fon-metric .metric__holder .metric__content .metric__block { display: inline-block; float: left; position: relative; } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--name { width: 43%; text-align: left; border-right: 1px solid #e9e9e9; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } @media screen and (max-width: 768px) { .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--name { border-right: 0; width: 76.5%; } } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--name .name__code { color: #8cc641; width: 10%; display: inline-block; float: left; font-size: 14px; font-weight: 500; margin-right: 10px; } @media screen and (max-width: 768px) { .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--name .name__code { width: auto; padding-left: 5px; font-size: 12px; font-weight: 500; margin-right: 20px; } } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--name .name__full { display: inline-block; float: left; padding-left: 5px; font-weight: 300; color: #33434d; line-height: inherit; font-size: 14px; } @media screen and (max-width: 768px) { .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--name .name__full { padding-left: 0; margin-left: -8px; width: auto; font-size: 11px; font-weight: 300; line-height: 20px; } } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--percent { width: 65px; text-align: center; min-height: 50px; } @media screen and (max-width: 768px) { .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--percent { display: none; } } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--percent:before { content: ""; width: 1px; height: 100%; background-color: #e9e9e9; left: 35px; top: -10px; bottom: 0; position: absolute; } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--average { width: 43%; height: 60px; text-align: center; } @media screen and (max-width: 768px) { .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--average { display: none; } } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--average .metric__bar--negative, .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--average .metric__bar--positive { display: inline-block; width: 50%; float: left; height: 100%; position: relative; } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--average .metric__bar--negative .metric__inducator { width: 0; float: right; height: 4px; background-color: #000; position: absolute; top: 50%; right: 0; transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); background: #ff7676; background: -webkit-gradient( linear, left top, right top, from(#ff7676), to(#f54ea2) ); background: linear-gradient(to right, #ff7676 0%, #f54ea2 100%); } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--average .metric__bar--negative .metric__inducator:before { content: ""; background-image: url("/assets/img/fe-polygon-negative.svg"); width: 18px; height: 18px; position: absolute; z-index: 999999; background-size: cover; background-repeat: no-repeat; background-position: center; left: -10px; top: -7px; } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--average .metric__bar--negative .metric__inducator.inducator--passive:before { content: none; } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--average .metric__bar--positive { z-index: 1; border-left: 1px dotted #000; } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--average .metric__bar--positive .metric__inducator { width: 0; float: left; height: 4px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); background: #3bb2b8; background: -webkit-gradient( linear, left top, right top, from(#3bb2b8), to(#43e695) ); background: linear-gradient(to right, #3bb2b8 0%, #43e695 100%); } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--average .metric__bar--positive .metric__inducator:before { content: ""; background-image: url("/assets/img/fe-polygon-positive.svg"); width: 18px; height: 18px; position: absolute; z-index: 999999; background-size: cover; background-repeat: no-repeat; background-position: center; right: -10px; top: -7px; } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--average .metric__bar--positive .metric__inducator.inducator--passive:before { content: none; } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--revenue { width: 14%; text-align: center; border-left: 1px solid #e9e9e9; font-weight: 500; align-self: stretch; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media screen and (max-width: 768px) { .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--revenue { width: 26%; font-size: 14px; } } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--revenue i { display: inline; margin-left: 2px; font-size: 11px; } @media screen and (min-width: 768px) { .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--revenue i { display: none; } } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--revenue i.fibicon-chevron-down { color: #ff5b5b; } .bes__fon-metric .metric__holder .metric__content .metric__block.metric__block--revenue i.fibicon-chevron-up { color: #8cc641; } .bes__fon-metric .metric__holder .metric__more a, .bes__fon-metric .metric__holder .metric__less a { display: inline-block; border-top: 1px solid #e9e9e9; height: 60px; line-height: 60px; width: 100%; text-align: center; color: #33434d; font-size: 14px; font-weight: normal; } @media screen and (max-width: 768px) { .bes__fon-metric .metric__holder .metric__more a, .bes__fon-metric .metric__holder .metric__less a { font-size: 12px; height: 30px; line-height: 30px; } } .bes__fon-metric .metric__holder .metric__more a span, .bes__fon-metric .metric__holder .metric__less a span { margin-left: 7px; } .bes__fon-metric .metric__holder .metric__less { display: none; } .bes__fon-metric .metric__holder .metric__less a { color: #2b8fd4; } .fon__box { display: inline-block; width: 100%; margin: 40px 0; } @media screen and (max-width: 992px) { .fon__box { display: none; } } .fon__box h3 { font-size: 24px; font-weight: 300; color: #2b8fd4; margin-bottom: 15px; } .fon__box .fonbox__holder { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); border-radius: 10px; } .fon__box .fonbox__holder .fonbox__block { display: block; overflow: hidden; } .fon__box .fonbox__holder .fonbox__block.fonbox__block--heading { width: 100%; background-color: #006cb6; color: #fff; border-radius: 10px 10px 0 0; height: 46px; line-height: 46px; padding: 0 15px; } .fon__box .fonbox__holder .fonbox__block.fonbox__block--heading .fon__name, .fon__box .fonbox__holder .fonbox__block.fonbox__block--heading .fon__revenue { display: inline-block; float: left; font-weight: 500; } .fon__box .fonbox__holder .fonbox__block.fonbox__block--heading .fon__name { width: 62%; } .fon__box .fonbox__holder .fonbox__block.fonbox__block--heading .fon__revenue { width: 38%; text-align: right; border-left: 1px solid #fff; } .fon__box .fonbox__holder .fonbox__block.fonbox__block--content .fon__block { display: block; overflow: hidden; height: 58px; line-height: 58px; padding: 0 15px; border-top: 1px solid #e9e9e9; } .fon__box .fonbox__holder .fonbox__block.fonbox__block--content .fon__block .fon__name, .fon__box .fonbox__holder .fonbox__block.fonbox__block--content .fon__block .fon__revenue { display: inline-block; float: left; } .fon__box .fonbox__holder .fonbox__block.fonbox__block--content .fon__block .fon__name { width: 62%; color: #33434d; font-weight: 300; } .fon__box .fonbox__holder .fonbox__block.fonbox__block--content .fon__block .fon__revenue { width: 38%; text-align: right; border-left: 1px solid #e9e9e9; font-size: 16px; font-weight: 500; } .fon__box .fonbox__holder .fonbox__block.fonbox__block--content .fon__block .fon__revenue span { margin-left: 6px; } .fon__box .fonbox__holder .fonbox__block.fonbox__block--content .fon__block .fon__revenue span.fibicon-chevron-down { color: #ff5b5b; } .fon__box .fonbox__holder .fonbox__block.fonbox__block--content .fon__block .fon__revenue span.fibicon-chevron-up { color: #8cc641; } .bes__calculate { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 30px; margin-top: 90px; } .bes__calculate form { text-align: center; padding-bottom: 60px; } .bes__calculate form .calc__block { display: inline-block; width: 100%; margin: 15px 0; font-size: 18px; text-align: left; } .bes__calculate form .calc__block label { display: inline-block; width: 50%; float: left; } @media screen and (max-width: 768px) { .bes__calculate form .calc__block label { width: 100%; text-align: center; } } .bes__calculate form .calc__block .input__block { display: inline-block; width: 50%; float: left; } @media screen and (max-width: 768px) { .bes__calculate form .calc__block .input__block { width: 100%; } } .bes__calculate form .calc__block input { width: 100%; height: 44px; line-height: 44px; border: 1px solid rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.01); border-radius: 10px; text-align: center; padding: 0 10px; } .bes__calculate form .calc__block input:focus { background-color: #fff; border: none; } .bes__calculate form .calc__submit { margin-top: 25px; } .bes__calculate form .calc__submit button { font-family: "Rubik", sans-serif; padding: 0 35px; height: 42px; line-height: 38px; border: 1px solid rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.01); border-radius: 10px; text-align: center; font-size: 16px; font-weight: 500; color: #4b4b4b; cursor: pointer; } @media screen and (min-width: 768px) { .bes__calculate form .calc__submit button { min-width: 220px; } } @media screen and (max-width: 768px) { .bes__calculate form .calc__submit button { width: 100%; } } .bes__portfolio { display: block; overflow: hidden; width: 100%; clear: both; } .bes__portfolio .pt__section-title h4 { color: #2b8fd4; font-size: 24px; font-weight: 300; margin-top: 30px; margin-bottom: 15px; } .bes__portfolio .portfolio__detail-block { border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 1px rgba(255, 255, 255, 0.05); } .bes__portfolio .portfolio__detail-block .ptd__block { display: inline-block; width: 100%; padding: 0 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .bes__portfolio .portfolio__detail-block .ptd__block span { display: inline-block; padding: 18px 0; font-size: 14px; padding-right: 10px; } @media screen and (min-width: 576px) { .bes__portfolio .portfolio__detail-block .ptd__block span { font-size: 16px; } } .bes__portfolio .portfolio__detail-block .ptd__block span:first-child { width: 70%; } .bes__portfolio .portfolio__detail-block .ptd__block span:last-child { width: 30%; text-align: center; border-left: 1px solid rgba(0, 0, 0, 0.08); font-size: 16px; font-weight: 600; } .bes__portfolio .portfolio__detail-block .ptd__block .pdf-icon { display: block; width: 32px; height: 32px; background: url("/assets/img/pdf-icon.png") 35px center no-repeat; } .bes__portfolio .portfolio__detail-block .ptd__block:last-child { border-bottom: 0; } .bes__portfolio .with--pdf .ptd__block { display: block; } .bes__portfolio .with--pdf .ptd__block span { display: block; float: left; width: calc(100% - 85px) !important; border-right: solid 1px #e9e9e9; } .bes__portfolio .with--pdf .ptd__block .pdf-icon { display: block; float: left; width: 85px; height: 68px; } .bes__portfolio .portfolio__box { display: block; overflow: hidden; border-radius: 6px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 1px #e6e6e6; padding: 0 20px; margin: 25px 0; } @media screen and (min-width: 768px) { .bes__portfolio .portfolio__box { padding: 0 50px; } } .bes__portfolio .portfolio__box .portfolio__title { padding: 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; } .bes__portfolio .portfolio__box .portfolio__title .pt__code { color: #8cc641; font-weight: 600; font-size: 14px; padding-right: 15px; margin-right: 15px; border-right: 1px solid rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 22px; display: block; } @media screen and (min-width: 768px) { .bes__portfolio .portfolio__box .portfolio__title .pt__code { font-size: 18px; } } .bes__portfolio .portfolio__box .portfolio__title .pt__title { color: #000; font-size: 16px; padding-left: 60px; display: block; } @media screen and (min-width: 768px) { .bes__portfolio .portfolio__box .portfolio__title .pt__title { font-size: 20px; padding-left: 70px; } } .bes__portfolio .portfolio__box .portfolio__desc p { font-size: 14px; line-height: 24px; margin: 15px 0 0 0; color: #262626; } @media screen and (min-width: 768px) { .bes__portfolio .portfolio__box .portfolio__desc p { font-size: 18px; line-height: 38px; } } .bes__portfolio .portfolio__box .portfolio__detail .portfolio__detail-btn { display: inline-block; width: 100%; padding: 13px 0; margin: 20px 0 20px 0; text-align: center; color: #2b8fd4; font-size: 16px; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05); -webkit-transition: All; transition: All; } .bes__portfolio .portfolio__box .portfolio__detail .portfolio__detail-btn:hover { background-image: linear-gradient(94deg, #17ead9, #6078ea); color: #fff; border: none; } .pdf--module { margin-bottom: 20px; } .pdf--module:last-child { margin-bottom: 0; } .pdf--module .with--pdf { border: 1px solid rgba(0, 0, 0, 0.08); } .pdf--module .with--pdf .ptd__block { display: -webkit-box; display: flex; } .pdf--module .with--pdf .ptd__block span { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .fe__content-image { display: block; float: right; width: 120px; margin-right: -10px; padding: 10px; margin-bottom: 35px; } @media screen and (min-width: 576px) { .fe__content-image { width: 170px; margin-right: 0px; } } @media screen and (min-width: 768px) { .fe__content-image { width: 300px; } } @media screen and (min-width: 992px) { .fe__content-image { width: 200px; margin-right: -30px; } } @media screen and (min-width: 1200px) { .fe__content-image { width: 250px; } } @media screen and (min-width: 1300px) { .fe__content-image { width: 300px; } } .fe__content-image img { width: 100%; display: block; } .responsive-table { border: 0 none; border-collapse: collapse; margin: 0; padding: 0; max-width: 100%; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 1px rgba(255, 255, 255, 0.05); table-layout: fixed; margin-bottom: 20px; overflow: hidden; width: 100%; } .responsive-table tr { border: 0; } .responsive-table th { letter-spacing: 0.1em; text-transform: uppercase; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; text-align: left; color: #fff; background: #006cb6; } .responsive-table th:first-child { border-top-left-radius: 10px; } .responsive-table th:last-child { border-top-right-radius: 10px; } .responsive-table td { font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: normal; color: #33434d; border: 1px solid #e9e9e9; } @media screen and (max-width: 768px) { .responsive-table td { border-bottom: 0; } } .responsive-table th, .responsive-table td { text-align: center; padding: 10px; } @media screen and (max-width: 768px) { .responsive-table { border: 0; } .responsive-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .responsive-table tr { display: block; margin-bottom: 20px; border-bottom: 1px solid #e9e9e9; } .responsive-table td { display: block; text-align: right; } .responsive-table td::before { content: attr(data-label); float: left; font-weight: 500; } .responsive-table td:last-child { border-bottom: 0; } } .no-responsive__table-holder { margin-bottom: 30px; width: 100%; } @media screen and (max-width: 576px) { .no-responsive__table-holder { overflow: hidden; overflow-x: auto; } } .no-responsive__table-holder .no-responsive__table { width: 100%; padding: 0; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; overflow: hidden; } @media screen and (max-width: 576px) { .no-responsive__table-holder .no-responsive__table { width: 600px; } } .no-responsive__table-holder .no-responsive__table th { padding: 10px; font-size: 14px; font-weight: 500; text-align: center; text-transform: uppercase; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; } .no-responsive__table-holder .no-responsive__table td { font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: normal; color: #33434d; text-align: center; padding: 10px; border: 1px solid #e9e9e9; } .no-responsive__table-holder .no-responsive__table th { background: #006cb6; color: #fff; } .fe__wide-content { background-color: #fff; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.05); padding: 20px; } @media screen and (min-width: 768px) { .fe__wide-content { padding: 50px; } } .fe__wide-content .pagination { margin-bottom: 0; } .fe__wide-content > h1 { font-size: 46px; font-weight: 300; margin-bottom: 15px; } @media screen and (max-width: 576px) { .fe__wide-content > h1 { font-size: 32px; max-width: 100%; } } .fe__wide-content > h2 { font-size: 40px; font-weight: 300; margin-bottom: 15px; } @media screen and (max-width: 576px) { .fe__wide-content > h2 { font-size: 26px; max-width: 100%; } } .fe__wide-content > h3 { font-size: 40px; font-weight: 300; margin-bottom: 15px; } @media screen and (max-width: 576px) { .fe__wide-content > h3 { font-size: 28px; } } .fe__wide-content > h4 { font-size: 24px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #2b8fd4; margin-bottom: 15px; clear: both; } @media screen and (max-width: 768px) { .fe__wide-content > h4 { font-size: 18px; margin-bottom: 10px; } } .fe__wide-content > h5 { font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #2b8fd4; margin-bottom: 15px; clear: both; } @media screen and (max-width: 768px) { .fe__wide-content > h5 { font-size: 16px; margin-bottom: 10px; } } .fe__wide-content > p { font-size: 18px; line-height: 38px; color: #262626; font-weight: 300; margin-bottom: 40px; clear: left; } @media screen and (max-width: 576px) { .fe__wide-content > p { font-size: 16px; line-height: 32px; margin-bottom: 20px; } } .fe__wide-content > ul { position: relative; margin-top: 10px; margin-bottom: 40px; } @media screen and (max-width: 576px) { .fe__wide-content > ul { margin-bottom: 20px; } } .fe__wide-content > ul li { padding: 0 50px 20px 50px; position: relative; font-weight: 300; font-size: 18px; line-height: 26px; } @media screen and (max-width: 768px) { .fe__wide-content > ul li { padding: 0 15px 15px 30px; } } @media screen and (max-width: 576px) { .fe__wide-content > ul li { font-size: 16px; } } .fe__wide-content > ul li:last-child:after { display: none; } .fe__wide-content > ul li:before { content: ""; position: absolute; width: 16px; height: 16px; background-color: #fff; background-image: url("/assets/img/fe-bullet.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; left: 3px; top: 6px; z-index: 2; } .fe__wide-content > ul li:after { content: ""; position: absolute; left: 10px; top: 7px; bottom: 5px; height: 100%; width: 2px; background-color: rgba(5, 200, 150, 0.2); } .headline__cbox-container { width: 100%; margin-bottom: -90px; padding-top: 20px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } @media screen and (min-width: 576px) { .headline__cbox-container { padding-top: 40px; } } @media screen and (min-width: 992px) { .headline__cbox-container { padding-top: 70px; } } @media screen and (max-width: 992px) { .headline__cbox-container { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-box-pack: start; justify-content: flex-start; padding-bottom: 5px; } } .headline__cbox { width: 250px; height: 265px; overflow: hidden; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; margin: 0 10px; min-width: 250px; } @media screen and (min-width: 576px) { .headline__cbox { margin: 0 35px; width: 280px; height: 290px; min-width: 280px; } } .headline__cbox:first-child { margin-left: 0; } .headline__cbox:last-child { margin-right: 0; } .headline__cbox a { display: block; width: 100%; height: 100%; position: relative; } .headline__cbox:hover .headline__cbox-overlay { opacity: 1; visibility: visible; } .headline__cbox-image { width: 100%; display: block; } .headline__cbox-label { width: 100%; background: #fff; height: 60px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #363636; } .headline__cbox-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; visibility: hidden; opacity: 0; } .headline__cbox-o-mask { width: 100%; height: 100%; background: linear-gradient( 135deg, rgba(98, 39, 116, 0.95) 0%, rgba(197, 51, 100, 0.9) 100% ); padding: 20px 30px; position: relative; white-space: initial; } @media screen and (max-width: 992px) { .headline__cbox-o-mask { padding: 20px 25px; } } .headline__cbox-o-label { font-size: 34px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.18; letter-spacing: normal; color: #fff; margin-bottom: 5px; } @media screen and (max-width: 992px) { .headline__cbox-o-label { font-size: 32px; } } .headline__cbox-o-summary { font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.3; letter-spacing: normal; color: #fff; } .headline__cbox-ghost-btn { position: absolute; left: 30px; bottom: 25px; } @media screen and (max-width: 992px) { .headline__cbox-ghost-btn { left: 25px; bottom: 20px; } } .funds__tooltip-text-mobile { display: none !important; } @media screen and (max-width: 992px) { .funds__tooltip-text-mobile { display: -webkit-box !important; display: flex !important; } } .fe__tab-select { display: block; } @media screen and (min-width: 768px) { .fe__tab-select { display: none; } } .funds__custom-selector { position: relative; width: 100%; max-width: 340px; cursor: pointer; } .funds__close-dropdown { display: block; position: absolute; right: 10px; top: 10px; } @media screen and (min-width: 768px) { .funds__close-dropdown { display: none; } } .funds__close-dropdown em { font-size: 18px; color: #666; } .funds--dropdown-active .funds__custom-dropdown { visibility: visible; opacity: 1; } .funds__selected-holder { height: 44px; line-height: 44px; padding: 0 15px; border: 1px solid #dcdee2; border-radius: 10px; width: 100%; position: relative; } .funds__selected-holder:hover .funds__custom-dropdown { visibility: visible; opacity: 1; } .funds__icon { position: absolute; font-size: 18px; right: 20px; top: 13px; color: #666; } .funds__selected-item { color: #666; } .funds__custom-dropdown { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; width: 100%; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); border: 1px solid #dcdee2; background-color: #fff; padding: 20px 10px; z-index: 3; } .funds__custom-dropdown .label_check { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #262626; margin-bottom: 10px; height: 28px; line-height: 28px; } @media screen and (min-width: 768px) { .funds__custom-dropdown .label_check { font-size: 14px; } } .has-js .label_check, .has-js .label_radio { padding-left: 38px; } .has-js .label_radio { background: url("/assets/img/check-off.png") left top no-repeat; } .has-js .label_check { background: url("/assets/img/check-off.png") left top no-repeat; } .has-js label.c_on { background: url("/assets/img/check-on.png") left top no-repeat; } .has-js label.r_on { background: url("/assets/img/check-on.png") left top no-repeat; } .has-js .label_check input, .has-js .label_radio input { position: absolute; left: -9999px; } .fiba-custom-select__selected-holder { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: 44px; padding: 0 15px; color: #666; border: 1px solid #dcdee2; border-radius: 10px; width: 100%; position: relative; } .fiba-custom-select__selected-item { padding-right: 40px; } .fiba-custom-select__icon { position: absolute; font-size: 18px; right: 20px; top: 10px; color: #666; } .fiba-custom-select__select-items { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all; transition: all; width: 100%; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); border: 1px solid #dcdee2; background-color: #fff; padding: 0 0; z-index: 6; } .fiba-custom-select__select-items li { padding: 15px 16px; font-size: 14px; } .fiba-custom-select__select-items li.selected { background: #17ead9; background: -webkit-gradient( linear, left top, right top, from(#17ead9), to(#6078ea) ); background: linear-gradient(to right, #17ead9 0%, #6078ea 100%); color: #fff !important; } .fiba-custom-select__select-items li:hover { color: #2b8fd4; } .fiba-custom-select__select-items li:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; } .fiba-custom-select__select-items li:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .fiba-custom-select__select-items.show { opacity: 1; visibility: visible; } .table__mobile-image > img { display: none; width: 100%; margin-bottom: 20px; } @media screen and (max-width: 768px) { .table__mobile-image .no-responsive__table-holder { display: none; } .table__mobile-image .responsive-table { display: none; } .table__mobile-image > img { display: block; } } .fe__config { width: 100%; background: url("/assets/img/main-bg.png") #fff right top repeat-y; background-size: 100%; margin-top: -40px; height: 100vh; } @media screen and (max-width: 1200px) { .fe__config { margin-top: 10px; } } @media screen and (max-width: 992px) { .fe__config { margin-top: 20px; } } @media screen and (max-width: 768px) { .fe__config { margin-top: 0; } } .fe__config .fe__configContent { text-align: center; padding: 50px 0; width: 780px; margin: 0 auto; } @media screen and (max-width: 992px) { .fe__config .fe__configContent { width: 100%; padding: 20px 0; } } .fe__config .fe__configContent#config-welcome { padding: 100px 0; } .fe__config .fe__configContent#config-form { padding: 40px 0; } .fe__config .fe__configContent#select-category { width: 100%; } .fe__config .fe__configContent#select-category img { margin: 30px auto 0 auto; width: 120px; } .fe__config .fe__configContent i { font-size: 100px; width: 100px; height: 100px; display: block; margin-bottom: 20px; margin-left: auto; margin-right: auto; } .fe__config .fe__configContent .fe-button i { font-size: 24px !important; width: auto !important; height: auto !important; } .fe__config .fe__configContent h1 { font-family: "Merriweather", sans-serif; font-weight: 300; } @media screen and (max-width: 768px) { .fe__config .fe__configContent h1 { font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #353535; } } @media screen and (max-width: 576px) { .fe__config .fe__configContent h1 { font-size: 18px; } } .fe__config .fe__configContent h4 { font-size: 21px; line-height: 34px; color: #6e747c; font-weight: 400; margin: 15px 0 40px 0; padding: 0 30px; } @media screen and (max-width: 768px) { .fe__config .fe__configContent h4 { font-size: 14px; margin: 15px 0 20px 0; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #6e747c; } } @media screen and (max-width: 576px) { .fe__config .fe__configContent h4 { font-size: 13px; } } .fe__config .fe__configContent h4 br { display: none; } @media screen and (min-width: 992px) { .fe__config .fe__configContent h4 br { display: block; } } .fe__config .fe__configContent .fe-button { margin-top: 40px; color: #4b4b4b; background-color: rgba(0, 0, 0, 0.01); border: none; } @media screen and (max-width: 768px) { .fe__config .fe__configContent .fe-button { font-size: 14px; height: 40px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 250px; margin-left: auto; margin-right: auto; padding: 2px 2px; } } .fe__config .fe__configContent .fe__radio-holder .fe__radio { display: inline-block; margin: 15px 15px; } @media screen and (max-width: 576px) { .fe__config .fe__configContent .fe__radio-holder .fe__radio { margin: 20px 15px; display: block; padding: 0 15px; } } .fe__config .fe__configContent .fe__configForm { display: inline-block; width: 680px; background-color: #fff; border-radius: 10px; padding: 20px 50px 10px 50px; margin: 0 auto; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.01); } @media screen and (max-width: 768px) { .fe__config .fe__configContent .fe__configForm { width: 100%; } } @media screen and (max-width: 576px) { .fe__config .fe__configContent .fe__configForm { padding: 20px 20px 10px 20px; } } .fe__config .fe__configContent .fe__configForm .form__col12 { padding: 0 20px; width: 100%; margin-top: 20px; } .fe__config .fe__configContent .fe__configForm .fe__radio { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 20px; } .fe__config .fe__configContent .fe__configForm .fe__radio a { margin-left: 7px; color: #2b8fd4; font-size: 15px; } .fe__config .fe__configContent .fe__configForm .form__submit { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; display: block; text-align: center; } .fe__config .fe__configContent .fe__configForm .form__submit .fe-button { margin: 0 auto; } .fe__config .fe__configContent #progressBar { width: 130px; height: 130px; position: relative; margin: 0 auto; font-family: "Merriweather", sans-serif; font-size: 35px; text-align: center; } @media screen and (max-width: 768px) { .fe__config .fe__configContent #progressBar { width: 230px; height: 230px; } } .fe__config .fe__configContent #progressBar i { font-size: 20px; display: inline; } .fe__config .fe__configContent #progressBar strong { position: absolute; top: 37px; right: 0; left: 0; text-align: center; } .fe__config .fe__configContent__block-content { border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 1px rgba(0, 0, 0, 0.01); margin-bottom: 50px; } .fe__config .fe__configContent__block-content .configContent__col-10 { margin-left: auto; margin-right: auto; } .fe__config .fe__configContent__block-content .bes__cblock { height: 60px; margin-top: 40px; margin-bottom: 58px; } @media screen and (max-width: 768px) { .fe__config .fe__configContent__block-content .bes__cblock { height: auto; margin-top: 0; margin-bottom: 0; position: relative; top: 20px; } } .fe__config .bes__calculate { border-top: none; border-radius: 10px; box-shadow: none; background-color: #fff; border: none; margin-top: 0; width: 780px; margin: 0 auto; } @media screen and (max-width: 992px) { .fe__config .bes__calculate { width: 80%; } } @media screen and (max-width: 768px) { .fe__config .bes__calculate { width: 100%; } } .fe__config .bes__calculate .calc__block { position: relative; } .fe__config .bes__calculate .calc__block .input__block.ip--pad { position: absolute; top: 50%; transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); } @media screen and (max-width: 768px) { .fe__config .bes__calculate .calc__block .input__block.ip--pad { position: relative; transform: none !important; -moz-transform: none; -webkit-transform: none; -o-transform: none; -khtml-transform: none; } } @media screen and (max-width: 768px) { .fe__config .bes__calculate .calc__block { display: block; padding: 0 27px; } .fe__config .bes__calculate .calc__block .input__block { display: block; width: 100%; margin: 20px 0; } .fe__config .bes__calculate .calc__block .input__block input { width: 100%; font-size: 14px; } } @media screen and (max-width: 576px) { .fe__config .bes__calculate .calc__block { padding: 0 0; } .fe__config .bes__calculate .calc__block span { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #6e747c; } } @media screen and (max-width: 768px) { .fe__config .bes__calculate .calc__block.calc__block--birthday label { float: none; clear: both; } } .fe__config .bes__calculate .calc__block.calc__block--birthday .input__block { display: -webkit-box; display: flex; } @media screen and (max-width: 768px) { .fe__config .bes__calculate .calc__block.calc__block--birthday .input__block { float: none; clear: both; } } .fe__config .bes__calculate .calc__block.calc__block--birthday .fiba-select.ss-main { margin-right: 10px; } .fe__config .bes__calculate .calc__block.calc__block--birthday .fiba-select.ss-main:last-child { margin-right: 0; } .fe__config .fe__configContent--wide { width: 100%; text-align: left; padding: 50px 0 20px 0; } @media screen and (max-width: 768px) { .fe__config .fe__configContent--wide { padding: 20px 0; } } .fe__config .fe__configContent--wide .fe__configContent { padding: 0 0; } .fe__config .fe__configContent--wide .fe__accordion .accordion__title { margin: 0 0 0 0; } .fe__config .fe__configContent--wide .fe__accordion .accordion__content--sms p { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: normal; color: #262626; } @media screen and (max-width: 768px) { .fe__config .fe__configContent--wide .fe__accordion .accordion__content--sms p { font-size: 14px; line-height: 1.86; } } .fe__config .fe__configContent--wide .fe__accordion .accordion__content--sms .sms__approve-code { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-top: 20px; } @media screen and (max-width: 768px) { .fe__config .fe__configContent--wide .fe__accordion .accordion__content--sms .sms__approve-code { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; } } .fe__config .fe__configContent--wide .fe__accordion .accordion__content--sms .sms__approve-code .input__block { width: 130px; margin-left: 10px; margin-right: 20px; } @media screen and (max-width: 768px) { .fe__config .fe__configContent--wide .fe__accordion .accordion__content--sms .sms__approve-code .input__block { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 30px; } } @media screen and (max-width: 768px) { .fe__config .fe__configContent--wide .fe__accordion .accordion__content--sms .sms__approve-code button { display: block; margin: 0 auto; font-size: 14px; } } .fe__config .fe__configContent--wide .fe__accordion .fe-button--grey-outline.fe-button--full, .fe__config .fe__configContent--wide .fe__accordion .fe-button--active.fe-button--full { margin: 20px 0 0 0; } .config__login { width: 1100px; margin: 0 auto; } @media screen and (max-width: 1200px) { .config__login { width: 100%; padding: 0 1%; } } .config__login .bes__cta { padding: 40px 0; } @media screen and (max-width: 992px) { .config__login .bes__cta { padding: 30px 0; margin-bottom: 15px; padding: 10px 10px; } } @media screen and (max-width: 992px) { .config__login .bes__cta .bes__cta-holder { height: auto; line-height: 24px; padding: 15px 25px; } } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution { padding: 30px 0; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution h4 { font-size: 20px; font-weight: 300; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution p { font-size: 12px; line-height: 1.83; margin-top: 10px; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution p a { text-decoration: underline; color: #000; font-style: normal; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select { display: inline-block; width: 100%; margin-top: 25px; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .fe__radio { margin-bottom: 30px; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .fe__radio:last-child { margin-bottom: 0; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .fe__radio label { font-size: 16px; height: auto; line-height: 1.8; } @media screen and (max-width: 768px) { .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .fe__radio label { font-size: 14px; line-height: 1.57; } } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .fe__radio label .label__text { color: #6e747c; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .dist__selection .fe__tab-title { font-size: 20px; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .dist__selection p { margin: 7px 0 20px 0; display: inline-block; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .dist__selection p.ftext__cropped { padding-right: 25%; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .dist__selection .dist__suggestion { width: 100%; display: -webkit-box; display: flex; } @media screen and (max-width: 768px) { .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .dist__selection .dist__suggestion .dist__table-total { display: none; } } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .insurance-package__titles { margin-top: 50px; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .insurance-package__titles .insurance-package__title { font-size: 20px; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .insurance-package__content .dist__table { margin-bottom: 0; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .insurance-package__content p { font-size: 16px; line-height: 34px; color: #6e747c; margin-top: 0; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .dist__select .insurance-package__content p b { color: #8cc641; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col { display: inline-block; float: left; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--badge { width: 35%; } @media screen and (max-width: 768px) { .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--badge { width: 100%; } } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--badge img { width: 180px; } @media screen and (max-width: 768px) { .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--badge img { margin-left: auto; margin-right: auto; } } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--content { width: 65%; text-align: center; font-weight: 400; } @media screen and (max-width: 768px) { .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--content { width: 100%; } } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--content h2 { font-size: 24px; line-height: 1.67; font-weight: 300; margin-top: 25px; } @media screen and (max-width: 768px) { .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--content h2 { font-size: 17px; text-align: center; line-height: 1.29; margin-top: 10px; } } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--content h2 b { color: #ff5b5b; font-weight: 500; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--quote { width: 100%; } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--quote quote { font-size: 14px; line-height: 2.14; font-weight: 300; background-color: rgba(124, 134, 162, 0.1); padding: 20px 45px; border-radius: 10px; margin: 15px 0; display: inline-block; position: relative; } @media screen and (max-width: 768px) { .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--quote quote { padding: 20px 25px; font-size: 12px; font-weight: 300; line-height: 1.67; } } .fe__config .fe__accordion .accordion__content .content__footer .fon__distribution .risk__result .risk__col.risk__col--quote quote:before { content: ""; position: absolute; right: 30px; top: 40px; width: 80px; height: 80px; background-image: url("/assets/img/quote.png"); background-size: cover; background-repeat: no-repeat; opacity: 0.1; } .fe__config .fe__accordion .accordion__content .content__startTest { display: block; overflow: hidden; margin-top: 20px; padding: 30px 0 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); text-align: center; } .fe__config .fe__accordion .accordion__content .content__startTest p { font-size: 16px; line-height: 26px; color: #262626; margin-bottom: 40px; } .fe__config .fe__accordion .accordion__content .content__startTest .fe__button { background-color: #fff; font-size: 16px; padding: 7px 30px; font-weight: 600; border-radius: 10px; display: inline-block; min-width: 230px; margin: 0 10px; } .fe__config .fe__accordion .accordion__content .content__startTest .fe__button.fe__button--takeTest { background-color: #2b8fd4; color: #fff; border: 1px solid transparent; } .fe__config .fe__accordion .accordion__content .content__startTest .fe__button.fe__button--declineTest { border: 1px solid rgba(0, 0, 0, 0.1); color: #4b4b4b; } .fe__config .fe__accordion .accordion__content .content__test { display: inline-block; width: 100%; } .fe__config .fe__accordion .accordion__content .content__test p { font-size: 12px; line-height: 22px; margin-bottom: 20px; } .fe__config .fe__accordion .accordion__content .content__test .test__block { margin-bottom: 30px; } .fe__config .fe__accordion .accordion__content .content__test .test__block:last-child { margin-bottom: 0; } .fe__config .fe__accordion .accordion__content .content__test .test__question { font-size: 16px; color: #2b8fd4; line-height: 2.13; margin-bottom: 10px; } @media screen and (max-width: 768px) { .fe__config .fe__accordion .accordion__content .content__test .test__question { font-size: 15px; line-height: 1.47; } } .fe__config .fe__accordion .accordion__content .content__test .fe__radio { margin-bottom: 20px; width: 100%; } .fe__config .fe__accordion .accordion__content .content__test .fe__radio label { font-size: 16px; color: #6e747c; -webkit-box-align: start; align-items: flex-start; height: auto; } @media screen and (max-width: 768px) { .fe__config .fe__accordion .accordion__content .content__test .fe__radio label { font-size: 14px; line-height: 1.47; } } .fe__config .fe__accordion .accordion__content .content__test .fe__radio label b { font-weight: 500; } .fe__config .fe__accordion .accordion__content .content__test .fe-config-button { width: 100%; margin-top: 40px; } .fe__config .dist__table-total { background: url("/assets/img/dist-table-tooltip.svg"); width: 290px; background-size: cover; background-repeat: no-repeat; height: 90px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; justify-content: space-around; padding: 9px 3px; } @media screen and (max-width: 1200px) { .fe__config .dist__table-total { height: 78px; } } @media screen and (max-width: 992px) { .fe__config .dist__table-total { display: none; } } .fe__config .dist__table-total p { font-size: 12px; font-weight: normal; line-height: 1.83; letter-spacing: normal; text-align: center; color: #262626; margin: 0 !important; } @media screen and (max-width: 1200px) { .fe__config .dist__table-total p { font-size: 11px; } } .fe__config .dist__table-total span { font-size: 36px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.5px; text-align: center; color: #2b8fd4; } @media screen and (max-width: 1200px) { .fe__config .dist__table-total span { font-size: 30px; } } .fe__config .dist__table { color: #fff; display: inline-block; width: 100%; margin-bottom: 20px; position: relative; } @media screen and (max-width: 768px) { .fe__config .dist__table { display: none; } } .fe__config .dist__table .dfon__total { position: absolute; right: 0; top: -90px; width: 140px; text-align: center; border: 1px solid #ddd; border-radius: 10px; padding: 10px 0 0 0; } .fe__config .dist__table .dfon__total h5 { font-size: 12px; color: #000; font-weight: 400; margin-bottom: 5px; } .fe__config .dist__table .dfon__total span { font-size: 36px; letter-spacing: -0.5px; color: #2b8fd4; font-weight: 600; } .fe__config .dist__table .dfon__total span i { font-size: 24px; font-style: normal; font-weight: 400; } .fe__config .dist__table .dtable__heading { display: block; overflow: hidden; background-color: #262626; border-radius: 10px 10px 0 0; } .fe__config .dist__table .dtable__heading .heading__col { width: 20%; display: inline-block; float: left; text-align: center; height: 50px; line-height: 50px; font-size: 14px; border-left: 1px solid #e9e9e9; font-weight: 500; } .fe__config .dist__table .dtable__heading .heading__col span i { display: block; font-size: 11px; font-style: normal; } .fe__config .dist__table .dtable__heading .heading__col.hcol--fon { width: 44%; text-align: left; padding-left: 20px; border-left: none; } .fe__config .dist__table .dtable__heading .heading__col.hcol--percentage { width: 13%; line-height: 14px; padding: 11px 0; } .fe__config .dist__table .dtable__heading .heading__col.hcol--yearly { width: 13%; } .fe__config .dist__table .dtable__heading .heading__col.hcol--daily { width: 13%; line-height: 14px; padding: 11px 0; } .fe__config .dist__table .dtable__heading .heading__col.hcol--rate { width: 17%; } .fe__config .dist__table .dtable__fons .fon__block { border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; display: -webkit-box; display: flex; overflow: hidden; } .fe__config .dist__table .dtable__fons .fon__col { width: 20%; display: inline-block; float: left; text-align: center; line-height: 67px; font-size: 14px; border-left: 1px solid #e9e9e9; font-weight: 500; color: #33434d; } .fe__config .dist__table .dtable__fons .fon__col.fcol--fon { width: 44%; text-align: left; padding-left: 20px; border-left: none; line-height: 67px; } .fe__config .dist__table .dtable__fons .fon__col.fcol--fon .fon__code { color: #8cc641; text-transform: uppercase; font-weight: 500; display: inline-block; width: 17%; float: left; line-height: 67px; } .fe__config .dist__table .dtable__fons .fon__col.fcol--fon .fon__name { display: inline-block; width: 80%; font-weight: 300; float: left; line-height: 24px; padding: 10px 0; } .fe__config .dist__table .dtable__fons .fon__col.fcol--percentage { width: 13%; } .fe__config .dist__table .dtable__fons .fon__col.fcol--yearly { width: 13%; } .fe__config .dist__table .dtable__fons .fon__col.fcol--daily { width: 13%; } .fe__config .dist__table .dtable__fons .fon__col.fcol--rate { width: 17%; } .fe__config .dist__table .dtable__fons .fon__col.fcol--rate .input__block { width: 80px; height: 47px; display: inline-block; vertical-align: middle; } .fe__config .dist__table .dtable__fons .fon__col.fcol--rate .input__block input { height: 45px; width: 78px; border-radius: 10px; border: none; padding: 0 10px; text-align: center; vertical-align: middle; margin-top: -23px; border: 1px solid #ddd; } .fe__config .dist__table .dtable__fons .fon__col.fcol--rate .input__block input:focus { border: none; } .fe__config .dist__table-mobile { border-radius: 6px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); border: solid 1px #e6e6e6; background-color: #fff; padding: 15px; margin-bottom: 20px; display: none; } @media screen and (max-width: 768px) { .fe__config .dist__table-mobile { display: block; } } .fe__config .dist__table-mobile p { font-size: 11px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #33434d; margin: 0; } .fe__config .dist__table-mobile h4 { font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #8cc641; margin-bottom: 6px; } .fe__config .dist__table-mobile .dist__table-mobile-items { width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 12px 0; } .fe__config .dist__table-mobile .dist__table-mobile-item { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .fe__config .dist__table-mobile .dist__table-mobile-item p { font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #33434d; margin-bottom: 5px; } .fe__config .dist__table-mobile .dist__table-mobile-item span { font-size: 11px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #33434d; } .fe__config .dist__solve-test { width: 100%; } .fe__config .dist__solve-test p { display: block !important; font-size: 16px !important; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: normal; text-align: center; color: #262626; } .fe__config .dist__solve-test .dist__solve-test-buttons { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; width: 100%; } @media screen and (max-width: 768px) { .fe__config .dist__solve-test .dist__solve-test-buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .fe__config .dist__solve-test .dist__solve-test-buttons button { margin-top: 0; } .fe__config .dist__solve-test .dist__solve-test-buttons button:first-child { margin-right: 20px; } @media screen and (max-width: 768px) { .fe__config .dist__solve-test .dist__solve-test-buttons button:first-child { margin-right: 0; margin-bottom: 10px; } } @media screen and (max-width: 768px) { .fe__config .dist__solve-test .dist__solve-test-buttons button { font-size: 14px; } } .fe__config .fe__hayatProgress { text-align: left; width: 65%; margin: 0 auto; } @media screen and (max-width: 768px) { .fe__config .fe__hayatProgress { width: 85%; } } .fe__config .fe__hayatProgress.progress--center { text-align: center; } .fe__config .fe__hayatProgress .fe__progressRadio .fe__radio { display: inline-block; margin-bottom: 35px; margin: 10px 15px 35px 15px; } @media screen and (max-width: 768px) { .fe__config .fe__hayatProgress .fe__progressRadio .fe__radio { margin: 10px 0 15px 0; display: inline-block; } } .fe__config .fe__hayatProgress .fe__progressRadio .fe__radio label { padding-left: 20px; } .fe__config .fe__hayatProgress .fe__progressRadio .fe__radio .label__text { line-height: 19px; padding-left: 15px; text-align: left; } .fe__config .fe__hayatProgress .fe__progressRadio.pr--full .fe__radio { display: block; margin: 10px 15px 30px 15px; } .fe__config .fe__hayatProgress .fe__progressRadio.pr--full .fe__radio:last-child { margin-bottom: 50px; } .fe__config .fe__hayatProgress .fe__submit { text-align: center; margin-top: 20px; } .fe__config .fe__hayatCalculate { text-align: center; padding: 50px 0; } .fe__config .fe__hayatCalculate .form__col12 { display: block; width: 100%; text-align: center; margin: 10px 0; } .fe__config .fe__hayatCalculate .form__col12 .form__group { width: auto; display: inline-block; } .fe__config .fe__hayatCalculate .form__col12 .form__group .fe__input { text-align: center; font-size: 20px; max-width: 182px; } .fe__config .fe__hayatCalculate .fe__submit .fe-button { width: 280px; margin-top: 40px; font-weight: 600; } .single__product .configContent__col-4 { display: inline-block; margin: 0 auto; } .fe__paymentPlan { text-align: center; } .fe__paymentPlan table { margin: 40px auto 0 auto; min-width: 500px; } @media screen and (max-width: 576px) { .fe__paymentPlan table { min-width: auto; } } .fe__paymentPlan table thead th { background-color: #000; color: #fff; padding: 12px 15px; text-align: center; font-size: 14px; font-weight: 500; } .fe__paymentPlan table thead th:first-child { border-radius: 10px 0 0 0; } .fe__paymentPlan table thead th:last-child { border-radius: 0 10px 0 0; } .fe__paymentPlan table tbody { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .fe__paymentPlan table tbody tr td { text-align: center; padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); } .fe__paymentPlan table tbody tr td:first-child { text-align: center; } .fe__paymentPlan table tbody tr td:last-child { border-right: 0; } .fe__paymentPlan table tbody tr td .input__block { width: 80%; margin: 0 auto; } .fe__paymentPlan table tbody tr td .input__block input { text-align: center; } .fe__paymentPlan .payment__pagination { padding: 13px 0; display: inline-block; border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 500px; margin: 0 auto; display: block; border-radius: 0 0 10px 10px; text-align: left; padding-left: 40px; } @media screen and (max-width: 576px) { .fe__paymentPlan .payment__pagination { width: 100%; padding-left: 10px; } } .fe__paymentPlan .payment__pagination .pagination__item { display: inline-block; border-radius: 10px; text-align: center; border: 1px solid #ddd; margin: 0 3px; color: #232323; font-size: 13px; width: 42px; height: 35px; line-height: 35px; } @media screen and (max-width: 576px) { .fe__paymentPlan .payment__pagination .pagination__item { margin: 5px 3px; } } .fe__paymentPlan .payment__pagination .pagination__item.item--active { background-color: #006cb6; border: 1px solid transparent; color: #fff; font-weight: 500; } .fe__paymentPlan .fe-button--active { margin: 40px 0 60px; min-width: 240px; } .form__space { display: inline-block; width: 100%; margin: 10px 0; } .calc__extras { width: 350px; margin: 35px auto 0 35px; border-top: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; padding-top: 15px; } @media screen and (max-width: 992px) { .calc__extras { width: 60%; } } @media screen and (max-width: 768px) { .calc__extras { width: 80%; } } @media screen and (max-width: 576px) { .calc__extras { width: 100%; margin: 0; } } .calc__extras .form__group { margin: 22px 0; } @media screen and (max-width: 576px) { .calc__extras .form__group.form__group--checkbox .checkbox__text { font-size: 13px; } } .profile__icon { margin: 0 auto; width: 120px; } #priceToBePaid .collaterals__result { width: auto; margin: 0 20px 20px; margin-bottom: 20px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); } #priceToBePaid .collaterals__result-title { font-size: 17px; } @media screen and (min-width: 992px) { #priceToBePaid .collaterals__result-price { padding-left: 10%; } } #priceToBePaid .collaterals__result-item-title { font-size: 17px; } #priceToBePaid .collaterals__result-item-text { font-size: 28px; } .content--subtitle--blue { font-size: 24px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #2b8fd4; margin-bottom: 15px; clear: both; } @media screen and (max-width: 768px) { .content--subtitle--blue { font-size: 18px; margin-bottom: 10px; } } .heading__content--manager { float: none !important; display: -webkit-box !important; display: flex !important; width: 100% !important; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-bottom: 20px; } @media screen and (max-width: 768px) { .heading__content--manager { flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; -webkit-box-align: start; align-items: flex-start; } } .heading__content--manager .manager__title-container .manager__title { font-size: 46px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #2b8fd4; margin-bottom: 5px; } @media screen and (max-width: 1200px) { .heading__content--manager .manager__title-container .manager__title { font-size: 38px; } } @media screen and (max-width: 992px) { .heading__content--manager .manager__title-container .manager__title { font-size: 32px; } } @media screen and (max-width: 768px) { .heading__content--manager .manager__title-container .manager__title { font-size: 22px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #2b8fd4; } } .heading__content--manager .manager__title-container p { font-size: 22px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #6e747c; } @media screen and (max-width: 992px) { .heading__content--manager .manager__title-container p { font-size: 20px; } } @media screen and (max-width: 768px) { .heading__content--manager .manager__title-container p { font-size: 18px; line-height: 1.33; } } @media screen and (max-width: 768px) { .heading__content--manager .manager__image-container { margin-bottom: 15px; } } .heading__content--manager .manager__image-container img { width: 240px; overflow: hidden; display: block; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 2px rgba(0, 0, 0, 0.01); } @media screen and (max-width: 768px) { .heading__content--manager .manager__image-container img { width: 100%; } } .fe__content blockquote { border-radius: 10px; background: rgba(124, 134, 162, 0.1) url("/assets/img/hakkimizda/alinti.svg"); background-repeat: no-repeat; background-position: calc(100% - 10px) 10px; background-size: 70px 70px; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.11; letter-spacing: normal; color: #262626; padding: 20px 20px; padding-left: 20px; padding-right: 84px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: relative; margin-bottom: 30px; } @media screen and (max-width: 768px) { .fe__content blockquote { background-size: 60px 60px; font-size: 14px; font-weight: 300; line-height: 1.57; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 75px; margin-bottom: 15px; } } .fe__blockquote--mb-0 { margin-bottom: 0; } .fe__custom-table { border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); background-color: #fff; } .fe__custom-table .table__row { display: -webkit-box; display: flex; border-bottom: 1px solid #e9e9e9; } .fe__custom-table .table__row .table__title { width: 98px; padding: 16px 15px; border-right: 1px solid #e9e9e9; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: normal; color: #33434d; } .fe__custom-table .table__row .table__text { width: calc(100% - 98px); padding: 16px 15px; font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: #33434d; } @media screen and (max-width: 768px) { .fe__custom-table .table__row .table__text { line-height: 1.29; } } .fe__manager-box-holder { display: -webkit-box; display: flex; } .fe__manager-box { width: 100%; position: relative; display: block; border-radius: 13px; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 2px rgba(0, 0, 0, 0.01); padding: 0; margin-bottom: 40px; overflow: hidden; } .fe__manager-box:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); border: 2px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(139deg, #17ead9, #6078ea); background-origin: border-box; background-clip: content-box, border-box; } .fe__manager-box:hover .box__block.box__block--cta .fe__cta i, .fe__manager-box:hover .box__block.box__block--cta .fe__cta em { background: linear-gradient(139deg, #17ead9, #6078ea); color: #fff; } .fe__manager-box .box__block.box__block--content { position: relative; height: 270px; overflow: hidden; } @media screen and (max-width: 1200px) { .fe__manager-box .box__block.box__block--content { height: auto; } } .fe__manager-box .box__block.box__block--content img { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; } .fe__manager-box .box__block.box__block--content img.manager-icon { height: 200px; } .fe__manager-box .box__block.box__block--content .manager__icon { font-size: 200px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; padding-top: 40px; padding-bottom: 30px; } .fe__manager-box .box__block.box__block--cta { padding: 20px 15px 29px; font-size: 20px; color: #363636; position: relative; } .fe__manager-box .box__block.box__block--cta h4 { font-size: 22px; font-weight: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2b8fd4; } .fe__manager-box .box__block.box__block--cta p { font-size: 18px; font-weight: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #6e747c; margin-top: 2px; margin-bottom: 0; } .fe__manager-box .box__block.box__block--cta .fe__cta { position: absolute; right: 30px; top: -25px; } @media screen and (max-width: 1200px) { .fe__manager-box .box__block.box__block--cta .fe__cta { top: -33px; } } .fe__manager-box .box__block.box__block--cta .fe__cta i, .fe__manager-box .box__block.box__block--cta .fe__cta em { width: 50px; height: 50px; line-height: 50px; font-size: 30px; color: #2b8fd4; } .fe__manager-box--hide-links .box__block .fe__cta--absolute { display: none !important; } .fe__news-box-container { display: -webkit-box; display: flex; padding-left: 0; padding-right: 0; } @media screen and (max-width: 768px) { .fe__news-box-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .fe__news-box-container .fe__news-box { margin-right: 70px; } @media screen and (max-width: 768px) { .fe__news-box-container .fe__news-box { margin-right: 0; } } .fe__news-box-container .fe__news-box:last-child { margin-right: 0; } .fe__news-box-holder { display: -webkit-box; display: flex; } .fe__news-box { width: 100%; position: relative; display: block; border-radius: 13px; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 2px rgba(0, 0, 0, 0.01); padding: 0; margin-bottom: 40px; max-width: 340px; } .fe__news-box:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); border: 2px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(139deg, #17ead9, #6078ea); background-origin: border-box; background-clip: content-box, border-box; } .fe__news-box:hover .box__block.box__block--cta .fe__cta i, .fe__news-box:hover .box__block.box__block--cta .fe__cta em { background: linear-gradient(139deg, #17ead9, #6078ea); color: #fff; } .fe__news-box:hover .box__block.box__block--cta h4 { color: #2b8fd4; } .fe__news-box .box__block.box__block--content { position: relative; height: 260px; overflow: hidden; } @media screen and (max-width: 1200px) { .fe__news-box .box__block.box__block--content { height: auto; } } .fe__news-box .box__block.box__block--content img { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; } .fe__news-box .box__block.box__block--content img.manager-icon { height: 200px; } .fe__news-box .box__block.box__block--cta { padding: 8px 15px; font-size: 20px; color: #363636; position: relative; } .fe__news-box .box__block.box__block--cta time { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.85; letter-spacing: normal; color: #6e747c; } .fe__news-box .box__block.box__block--cta h4 { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; color: #6e747c; } .fe__news-box .box__block.box__block--cta .fe__cta { position: absolute; right: 30px; top: -25px; line-height: 50px; } .fe__news-box .box__block.box__block--cta .fe__cta i, .fe__news-box .box__block.box__block--cta .fe__cta em { width: 50px; height: 50px; line-height: 50px; font-size: 30px; color: #2b8fd4; } .fe__news-more-btn-container { margin-top: 15px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } .fe__news-detail-img-container { border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 1px rgba(0, 0, 0, 0.01); padding: 7px; margin-bottom: 15px; } .fe__news-detail-img-container img { max-width: 100%; height: auto; border-radius: 10px; } .fe__news-detail-time { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.11; letter-spacing: normal; color: #262626; clear: right; } @media screen and (max-width: 768px) { .fe__news-detail-time { font-size: 14px; line-height: 2.71; } } .fe__employee-profile { width: 100%; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; padding-left: 20px; padding-right: 20px; margin-bottom: 120px; margin-right: 0; margin-left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .fe__employee-profile:hover .employee-profile__icon .employee-profile__box .box__content { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05); border: 1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(137deg, #17ead9, #6078ea); background-origin: border-box; background-clip: content-box, border-box; padding: 0; } .fe__employee-profile:hover .employee-profile__icon .employee-profile__box .box__content p { color: #2b8fd4; } .fe__employee-profile:hover .employee-profile__icon .employee-profile__box .box__content i, .fe__employee-profile:hover .employee-profile__icon .employee-profile__box .box__content em { color: #2b8fd4; } @media screen and (max-width: 1200px) { .fe__employee-profile { margin-bottom: 60px; } } .fe__employee-profile:first-child { margin-top: 54px; } @media screen and (max-width: 1200px) { .fe__employee-profile:first-child { margin-top: 40px; } } .fe__employee-profile .employee-profile__icon { width: 230px; margin-right: 20px; } @media screen and (max-width: 1200px) { .fe__employee-profile .employee-profile__icon { width: 100%; margin-right: 0; } } .fe__employee-profile .employee-profile__icon .employee-profile__box .box__content { width: 230px; height: 229px; opacity: 0.7; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 1px rgba(0, 0, 0, 0.01); display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .fe__employee-profile .employee-profile__icon .employee-profile__box .box__content:hover { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05); border: 1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(137deg, #17ead9, #6078ea); background-origin: border-box; background-clip: content-box, border-box; padding: 0; } .fe__employee-profile .employee-profile__icon .employee-profile__box .box__content:hover p { color: #2b8fd4; } .fe__employee-profile .employee-profile__icon .employee-profile__box .box__content:hover i, .fe__employee-profile .employee-profile__icon .employee-profile__box .box__content:hover em { color: #2b8fd4; } .fe__employee-profile .employee-profile__icon .employee-profile__box .box__content img { width: 124px; height: 124px; } .fe__employee-profile .employee-profile__icon .employee-profile__box .box__content i, .fe__employee-profile .employee-profile__icon .employee-profile__box .box__content em { font-size: 124px; } .fe__employee-profile .employee-profile__icon .employee-profile__box .box__content p { font-size: 40px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 0.8; letter-spacing: normal; text-align: center; color: #4a4a4a; margin-top: 5px; } .fe__employee-profile .employee-profile__icon .employee-profile__box .box__content p span { display: block; font-size: 24px; font-weight: 300; line-height: 1.33; color: #4a4a4a; } @media screen and (max-width: 1200px) { .fe__employee-profile .employee-profile__icon .employee-profile__box { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 15px; } } .fe__employee-profile .employee-profile__text { width: calc(100% - 250px); } @media screen and (max-width: 1200px) { .fe__employee-profile .employee-profile__text { width: 100%; } } .fe__employee-profile .employee-profile__text p { font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.64; letter-spacing: normal; text-align: center; color: #262626; } .fe__employee-profile .employee-profile__text p strong { font-weight: 500; } @media screen and (max-width: 1200px) { .fe__employee-profile .employee-profile__text p { font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #262626; } } .fe__employee-profile--reverse .employee-profile__icon { margin-right: 0; margin-left: 20px; } @media screen and (max-width: 1200px) { .fe__employee-profile--reverse .employee-profile__icon { width: 100%; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 1200px) { .fe__employee-profile--reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } } .fe__employee-profile[data-emergence="hidden"] { opacity: 0; } .fe__employee-profile[data-emergence="visible"] { opacity: 1; } .bes__pricing-table--insurance .pt__warrant { padding: 25px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media screen and (max-width: 768px) { .bes__pricing-table--insurance .pt__warrant { padding: 15px 0; border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } } .bes__pricing-table--insurance .pt__warrant p { font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; text-align: center; color: #323247; } @media screen and (max-width: 768px) { .bes__pricing-table--insurance .pt__warrant p { font-size: 12px; line-height: 1.83; } } .bes__pricing-table--insurance .pt__warrant h5 { font-size: 36px; font-weight: normal; font-style: normal; line-height: normal; letter-spacing: -0.4px; text-align: center; color: #323247; } @media screen and (max-width: 768px) { .bes__pricing-table--insurance .pt__warrant h5 { font-size: 30px; letter-spacing: -0.3px; } } .bes__pricing-table--insurance:hover .pt__warrant p, .bes__pricing-table--insurance:hover .pt__warrant h5 { color: #fff; } .bes__pricing-table--insurance .pt__buy { padding: 20px 37px; } .insurance-package--buy-package { max-width: 100%; height: 302px; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-image: linear-gradient(111deg, #17ead9, #6078ea); margin-bottom: 30px; } @media screen and (max-width: 768px) { .insurance-package--buy-package { height: auto; margin-bottom: 15px; } } .insurance-package--buy-package .package__heading { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 20px 50px; } @media screen and (max-width: 1200px) { .insurance-package--buy-package .package__heading { padding: 20px 30px; } } @media screen and (max-width: 576px) { .insurance-package--buy-package .package__heading { padding: 20px 10px; } } .insurance-package--buy-package .package__heading .heading__left { display: -webkit-box; display: flex; } @media screen and (max-width: 768px) { .insurance-package--buy-package .package__heading .heading__left { -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; } } .insurance-package--buy-package .package__heading .heading__left .package__icon { font-size: 50px; color: #fff; } .insurance-package--buy-package .package__heading .heading__left h5 { font-size: 20px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #fff; } .insurance-package--buy-package .package__heading .heading__left p { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; color: #fff; } .insurance-package--buy-package .package__heading .heading__right .package__button { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 230px; height: 44px; border-radius: 10px; border: solid 1px #fff; color: #fff; font-size: 16px; font-weight: 500; text-align: center; } @media screen and (max-width: 768px) { .insurance-package--buy-package .package__heading .heading__right .package__button { display: none; } } .insurance-package--buy-package .package__content { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; padding: 20px 50px; } @media screen and (max-width: 1200px) { .insurance-package--buy-package .package__content { padding: 20px 30px; display: -webkit-box; display: flex; } } @media screen and (max-width: 768px) { .insurance-package--buy-package .package__content { padding: 5px 0; } } @media screen and (max-width: 768px) { .insurance-package--buy-package .package__content .package__block { width: 100%; } } @media screen and (max-width: 768px) { .insurance-package--buy-package .package__content ul { padding: 0 20px; } } .insurance-package--buy-package .package__content ul li { position: relative; padding: 8px 28px; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; color: #fff; } @media screen and (max-width: 1200px) { .insurance-package--buy-package .package__content ul li { padding: 8px 24px; } } @media screen and (max-width: 768px) { .insurance-package--buy-package .package__content ul li { font-size: 12px; font-weight: normal; line-height: 1.83; } } .insurance-package--buy-package .package__content ul li:before { content: ""; position: absolute; background-image: url("/assets/img/fe-check-white.svg"); background-size: cover; width: 14px; height: 10px; left: 0; top: 11px; } .insurance-package--buy-package .package__content .package__block--button { display: none; } @media screen and (max-width: 768px) { .insurance-package--buy-package .package__content .package__block--button { display: block; width: 100%; padding: 20px 35px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } .insurance-package--buy-package .package__content .package__block--button .package__button { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; height: 44px; border-radius: 10px; border: solid 1px #fff; color: #fff; font-size: 16px; font-weight: 500; text-align: center; } .insurance-package--buy-package .package__content .package__warrant { padding: 10px 50px; } @media screen and (max-width: 1200px) { .insurance-package--buy-package .package__content .package__warrant { padding: 10px 30px; } } @media screen and (max-width: 768px) { .insurance-package--buy-package .package__content .package__warrant { padding: 10px 35px; margin: 10px 35px; } } .insurance-package--buy-package .package__content .package__warrant p { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; text-align: center; color: #fff; } .insurance-package--buy-package .package__content .package__warrant h5 { font-size: 36px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.4px; text-align: center; color: #fff; } @media screen and (max-width: 576px) { .insurance-package--buy-package .package__content .package__warrant h5 { font-size: 26px; } } .insurance-package--buy-package .package__content .package__warrant--with-border { border: 1px dashed #fff; border-radius: 10px; } .insurance-package--buy-package .package__toggle-details { display: none; } @media screen and (max-width: 768px) { .insurance-package--buy-package .package__toggle-details { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 10px 0; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; position: relative; } .insurance-package--buy-package .package__toggle-details:after { font-family: "fibaicons"; content: "\e913"; position: absolute; left: 50%; margin-left: 60px; top: 9px; font-size: 15px; color: #fff; } .insurance-package--buy-package .package__toggle-details.is-open:after { transform: rotate(180deg) !important; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -khtml-transform: rotate(180deg); } } .last__process { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 23px; margin-top: 8px; } .last__process .fe-button { float: right; margin-top: 10px; } .last__process img { max-width: 300px; } @media screen and (max-width: 576px) { .last__process img { max-width: auto; width: 100%; } } .last__process .col-md-6 { padding: 0; } @media screen and (min-width: 768px) { .unrecognized-form__left-side { padding-right: 0; } } .unrecognized-form__seperator { margin: 20px 0 10px 0; } @media screen and (min-width: 768px) { .unrecognized-form__seperator { margin: 0; } } @media screen and (min-width: 768px) { .unrecognized-form__right-side { padding-left: 0; } } .unrecognized-seperator { border: 1px dotted rgba(38, 38, 38, 0.5); width: 100%; height: 2px; margin: 0 auto; position: relative; border-left: 1px solid #fff; border-right: 1px solid #fff; } @media screen and (min-width: 768px) { .unrecognized-seperator { border: dotted 1px rgba(38, 38, 38, 0.5); width: 2px; height: 100%; margin: 0 auto; position: relative; border-top: 1px solid #fff; border-bottom: 0; } } .unrecognized-seperator span { background: #fff; display: inline-block; opacity: 1; font-family: Rubik; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: rgba(38, 38, 38, 0.5); width: 50px; text-align: center; height: 20px; left: 50%; top: -8px; margin-top: 0; margin-left: -25px; position: absolute; } @media screen and (min-width: 768px) { .unrecognized-seperator span { transform: rotate(-90deg) !important; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); left: 0; top: 50%; margin-top: -10px; } } .unrecognized-form__right-side blockquote { font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; color: #262626; margin-top: 30px; } @media screen and (max-width: 576px) { .unrecognized-form__right-side blockquote { margin-bottom: 0; } } .unrecognized__birhday-boxes { float: left; width: calc(30% - 10px); margin-right: 10px; } .unrecognized__birhday-boxes:last-child { width: 40%; margin-right: 0; } .unrecognized__birhday-holder .form__block { margin: 0; } @media screen and (min-width: 768px) { .unrecognized-form__bottom { margin-top: 30px; } } .unrecognized-form__bottom .fe-button { margin: 0 auto; } @media screen and (min-width: 768px) { .unrecognized-form__bottom .fe-button { float: right; margin-top: 20px; } } @media screen and (min-width: 1200px) { .unrecognized-form__bottom .fe-button { min-width: 230px; } } .unrecognized-form__error { display: none; } .unrecognized-form__error > .row { margin: 0; } .unrecognized-form__error-col { background: url("/assets/img/icon-error.png") 3px top no-repeat; padding-left: 65px; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.47; letter-spacing: normal; color: #353535; background-size: 50px; min-height: 50px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } @media screen and (min-width: 576px) { .unrecognized-form__error-col { background: url("/assets/img/icon-error.png") left top no-repeat; font-size: 23px; background-size: 70px; min-height: 70px; padding-left: 85px; } } @media screen and (min-width: 1200px) { .unrecognized-form__error-col { font-size: 26px; } } .try-again { display: block; width: 230px; margin: 50px auto 50px; } #hemenBasvur .fe__pageHeading .heading__content h5 { font-size: 24px; color: #2b8fd4; font-weight: 300; margin-top: 20px; } .contact__types .contact__block { width: 33%; float: left; display: inline-block; position: relative; padding: 0 37px; } .contact__types .contact__block .contact__holder { background-color: #fff; margin: 1px; position: relative; border-radius: 10px; text-align: center; padding: 25px 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.01); } .contact__types .contact__block .contact__holder span { font-size: 90px; } .contact__types .contact__block .contact__holder p { font-size: 16px; line-height: 20px; padding: 0 40px; margin-top: 10px; } .contact__types .contact__block:hover .contact__bg { background: #17ead9; background: -webkit-gradient( linear, left top, left bottom, color-stop(1%, #17ead9), to(#6078ea) ); background: linear-gradient(to bottom, #17ead9 1%, #6078ea 100%); position: absolute; left: 37px; right: 37px; bottom: 0; top: 0; border-radius: 11px; } .contact__types .contact__block:hover .contact__holder span { background: -webkit-gradient( linear, left top, left bottom, from(#1bcedf), to(#6078ea) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #banka-kanallari .fe__pageHeading .heading__content, #acentelerimiz .fe__pageHeading .heading__content { padding: 0; width: 100%; } .bank__types { display: -webkit-box; display: flex; overflow-y: hidden; overflow-x: auto; width: 100%; margin-top: -20px; margin-bottom: 20px; } .bank__types .bank__block { width: 186px; height: 187px; float: left; display: inline-block; position: relative; padding: 0 10px; margin: 10px 0; cursor: pointer; } @media screen and (max-width: 576px) { .bank__types .bank__block { min-width: 120px; height: auto; padding: 16px 2px; margin: 0 5px; } } .bank__types .bank__block .bank__holder { background-color: #fff; margin: 1px; position: relative; border-radius: 10px; text-align: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.01); min-height: 185px; height: 185px; width: 173px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } @media screen and (max-width: 576px) { .bank__types .bank__block .bank__holder { width: 100%; min-height: 124px; height: 124px; margin: 0 auto; } } .bank__types .bank__block .bank__holder span { font-size: 90px; } .bank__types .bank__block .bank__holder p { font-size: 16px; line-height: 20px; padding: 0 20px; margin-bottom: 0; margin-top: 45px; } @media screen and (max-width: 576px) { .bank__types .bank__block .bank__holder p { font-size: 14px; font-weight: 300; padding: 0 5px; margin-top: 23px; } } .bank__types .bank__block .bank__holder img { width: 115px; margin: 0 auto; } @media screen and (max-width: 576px) { .bank__types .bank__block .bank__holder img { width: 85px; } } .bank__types .bank__block .bank__holder .contact__holder span { background: -webkit-gradient( linear, left top, left bottom, from(#1bcedf), to(#6078ea) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .bank__types .bank__block--selected .bank__bg { background: #17ead9; background: -webkit-gradient( linear, left top, left bottom, color-stop(1%, #17ead9), to(#6078ea) ); background: linear-gradient(to bottom, #17ead9 1%, #6078ea 100%); position: absolute; left: 10px; right: 1px; bottom: 0; top: 0; border-radius: 11px; } @media screen and (max-width: 576px) { .bank__types .bank__block--selected .bank__bg { width: 100%; margin: 0 auto; left: 0; right: 0; bottom: 14px; top: 14px; border-radius: 11px; } } .bank__types .bank__block--selected .contact__holder span { background: -webkit-gradient( linear, left top, left bottom, from(#1bcedf), to(#6078ea) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .acentelerimiz .agent__search { margin-top: -10px; } .acentelerimiz .agent__search h4 { font-weight: 300; color: #2b8fd4; font-size: 24px; margin-bottom: 12px; } .acentelerimiz .agent__search .form__col4 { float: left; padding-left: 0; } .acentelerimiz .agent__search .agent__list { display: inline-block; width: 100%; margin-top: 15px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); border-radius: 10px; } .acentelerimiz .agent__search .agent__list thead { background-color: #232323; border-radius: 10px 10px 0 0; color: #fff; display: inline-block; width: 100%; height: 46px; line-height: 46px; } .acentelerimiz .agent__search .agent__list thead tr { width: 100%; display: block; } .acentelerimiz .agent__search .agent__list thead tr th { display: inline-block; width: 25%; text-align: left; padding: 0 15px; float: left; border-right: 1px solid #e9e9e9; font-weight: 500; } @media screen and (max-width: 576px) { .acentelerimiz .agent__search .agent__list thead tr th { width: 36%; font-size: 10px; } } .acentelerimiz .agent__search .agent__list thead tr th:last-child { border-right: none; } .acentelerimiz .agent__search .agent__list thead tr th.agent { width: 31%; } @media screen and (max-width: 576px) { .acentelerimiz .agent__search .agent__list thead tr th.agent { width: 36%; text-align: center; } } .acentelerimiz .agent__search .agent__list thead tr th.address { width: 27%; } @media screen and (max-width: 576px) { .acentelerimiz .agent__search .agent__list thead tr th.address { width: 36%; text-align: center; } } .acentelerimiz .agent__search .agent__list thead tr th.phone { width: 22%; text-align: center; } @media screen and (max-width: 576px) { .acentelerimiz .agent__search .agent__list thead tr th.phone { width: 28%; } } .acentelerimiz .agent__search .agent__list thead tr th.map { width: 20%; text-align: center; } @media screen and (max-width: 576px) { .acentelerimiz .agent__search .agent__list thead tr th.map { display: none; } } .acentelerimiz .agent__search .agent__list thead tr th.title { width: 80%; text-align: left; } .acentelerimiz .agent__search .agent__list thead tr th.city { width: 20%; text-align: center; } @media screen and (max-width: 576px) { .acentelerimiz .agent__search .agent__list thead tr th.city { display: none; } } .acentelerimiz .agent__search .agent__list tbody { background-color: #fff; border-radius: 0 0 10px 10px; display: inline-block; width: 100%; } .acentelerimiz .agent__search .agent__list tbody tr { border-bottom: 1px solid #e9e9e9; } .acentelerimiz .agent__search .agent__list tbody tr td { display: inline-block; width: 25%; text-align: left; padding: 12px 15px; float: left; border-right: 1px solid #e9e9e9; font-size: 14px; line-height: 24px; font-weight: 300; } @media screen and (max-width: 576px) { .acentelerimiz .agent__search .agent__list tbody tr td { width: 36%; font-size: 10px; padding: 10px 10px; line-height: 18px; min-height: 95px; } } .acentelerimiz .agent__search .agent__list tbody tr td.agent { font-weight: 400; width: 31%; } @media screen and (max-width: 576px) { .acentelerimiz .agent__search .agent__list tbody tr td.agent { width: 36%; } } .acentelerimiz .agent__search .agent__list tbody tr td.address { width: 27%; } @media screen and (max-width: 576px) { .acentelerimiz .agent__search .agent__list tbody tr td.address { width: 36%; } } .acentelerimiz .agent__search .agent__list tbody tr td.phone { width: 22%; padding: 24px 10px; text-align: center; } @media screen and (max-width: 576px) { .acentelerimiz .agent__search .agent__list tbody tr td.phone { width: 28%; } } .acentelerimiz .agent__search .agent__list tbody tr td.map { width: 20%; text-align: center; padding: 20px 10px; font-size: 24px; border-right: none; } @media screen and (max-width: 576px) { .acentelerimiz .agent__search .agent__list tbody tr td.map { display: none; } } .acentelerimiz .agent__search .agent__list tbody tr td.map a { color: rgba(38, 38, 38, 0.5); } .acentelerimiz .agent__search .agent__list tbody tr td.title { width: 80%; text-align: left; } .acentelerimiz .agent__search .agent__list tbody tr td.city { width: 20%; text-align: center; } @media screen and (max-width: 576px) { .acentelerimiz .agent__search .agent__list tbody tr td.city { display: none; } } #acentelerimiz { margin-top: 0; } .fe__agent-filter { margin-bottom: 20px; } .fe__agent-title-holder { background-color: #232323; border-radius: 10px 10px 0 0; color: #fff; width: 100%; height: 46px; line-height: 46px; } .fe__agent-title-holder > div { font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #fff; float: left; height: 46px; line-height: 46px; padding: 0 15px; } @media screen and (min-width: 576px) { .fe__agent-title-holder > div { font-size: 14px; } } .fe__agent-title-holder > div.fe__agent-title { border-right: 1px solid #fff; } .fe__agent-list-holder { border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 1px rgba(255, 255, 255, 0.05); } .fe__agent-item > div { float: left; font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: normal; color: #33434d; border-top: solid 1px #e9e9e9; padding: 10px 15px; } @media screen and (min-width: 576px) { .fe__agent-item > div { font-size: 14px; } } .fe__agent-item > div.fe__agent-title { border-right: solid 1px #e9e9e9; } .fe__agent-item:first-child > div { border-top: 0; } .fe__agent-title { width: 65%; text-align: left; } @media screen and (min-width: 768px) { .fe__agent-title { width: 80%; } } .fe__agent-city { width: 35%; text-align: center; } @media screen and (min-width: 768px) { .fe__agent-city { width: 20%; } } #bize-ulasin .fe__pageHeading .heading__content { padding: 0; width: 100%; } #bize-ulasin .fe__pageHeading .heading__content h5 { font-size: 24px; color: #2b8fd4; font-weight: 300; margin: 20px 0 10px 0; clear: left; } #bize-ulasin form { margin-top: -25px; } #bize-ulasin form .form__block { margin: 15px 0; } .contact__channels { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; overflow-y: auto; } @media screen and (max-width: 1200px) { .contact__channels { -webkit-box-pack: start; justify-content: flex-start; } } .channel__item { min-width: 180px; height: 187px; border-radius: 10px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05); background: linear-gradient(137deg, #17ead9, #6078ea); margin: 0 35px; } @media screen and (max-width: 1200px) { .channel__item { margin: 0 14px; } } .channel__item:first-child { margin-left: 0; } .channel__item:last-child { margin-right: 0; } .channel__item a { display: block; border: 1px solid #fff; background: #fff; width: 100%; height: 100%; border-radius: 10px; text-align: center; padding: 15px; } .channel__item a span { font-size: 84px; color: #4a4a4a; margin-bottom: 15px; } .channel__item a p { font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; text-align: center; color: #4a4a4a; } .channel__item:hover { padding: 1px; } .channel__item:hover a { border: 0 none; } .channel__item:hover a span { color: #3faae2; } .channel__item:hover a p { color: #262626; font-weight: normal; } .channel__item-holder { width: 100%; height: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .contact-form { padding-bottom: 10px; } .contact-form .fe-button { width: calc(100% - 40px); } .fe__content .fe__content-holder ul.pagination, .fe__mainContent .fe__wide-content ul.pagination, .simple-pagination > ul { margin-top: 30px; clear: both; overflow: hidden; width: 100%; } .fe__content .fe__content-holder ul.pagination li, .fe__mainContent .fe__wide-content ul.pagination li, .simple-pagination > ul li { padding: 0; float: left; margin-bottom: 5px; } .fe__content .fe__content-holder ul.pagination li:before, .fe__mainContent .fe__wide-content ul.pagination li:before, .simple-pagination > ul li:before, .fe__content .fe__content-holder ul.pagination li:after, .fe__mainContent .fe__wide-content ul.pagination li:after, .simple-pagination > ul li:after { display: none; } .fe__content .fe__content-holder ul.pagination li a, .fe__mainContent .fe__wide-content ul.pagination li a, .simple-pagination > ul li a, .fe__content .fe__content-holder ul.pagination li span, .fe__mainContent .fe__wide-content ul.pagination li span, .simple-pagination > ul li span { display: inline-block; border-radius: 10px; text-align: center; border: 1px solid #ddd; margin: 0 3px; color: #232323; font-size: 14px; width: 42px; height: 42px; line-height: 44px; } .fe__content .fe__content-holder ul.pagination li.active a, .fe__mainContent .fe__wide-content ul.pagination li.active a, .simple-pagination > ul li.active a, .fe__content .fe__content-holder ul.pagination li:hover a, .fe__mainContent .fe__wide-content ul.pagination li:hover a, .simple-pagination > ul li:hover a, .fe__content .fe__content-holder ul.pagination li.active span, .fe__mainContent .fe__wide-content ul.pagination li.active span, .simple-pagination > ul li.active span, .fe__content .fe__content-holder ul.pagination li:hover span, .fe__mainContent .fe__wide-content ul.pagination li:hover span, .simple-pagination > ul li:hover span { background-color: #006cb6; border: 1px solid transparent; color: #fff; font-weight: 500; } .fe__content .fe__content-holder ul.pagination li:hover a, .fe__mainContent .fe__wide-content ul.pagination li:hover a, .simple-pagination > ul li:hover a { font-weight: normal; } .fe__content .fe__content-holder .row ul.pagination, .fe__mainContent .fe__wide-content .row ul.pagination { padding: 0 20px; } .c-container { position: fixed; z-index: 99999; left: 0; top: 0; bottom: auto; width: 100%; display: block; background-color: #eee; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.85; letter-spacing: normal; color: #323247; } @media screen and (min-width: 1200px) { .c-container { width: 1200px; margin-left: -600px; left: 50%; top: auto; bottom: 0; } } @media screen and (max-width: 1300px) { .c-container { width: 800px; left: 0; margin-left: 0; } } @media screen and (max-width: 1130px) { .c-container { width: 100%; } } @media screen and (min-width: 1130px) { .c-container { top: auto; bottom: 0; } } .c-content { padding-top: 13px; padding-bottom: 13px; } @media screen and (min-width: 768px) { .c-content { height: 70px; } } .c-content a { color: #ff5b5b; font-weight: bold; } .c-close { display: block; width: 26px; height: 26px; position: absolute; top: 10px; right: 10px; background: url("/assets/img/c-close.png") left center no-repeat; } @media screen and (min-width: 768px) { .c-close { right: 20px; top: 50%; margin-top: -13px; } } .row--oksFormBasvuruButtons { margin-top: 50px; margin-bottom: 50px; } .row--oksFormBasvuruButtons .unrecognized-form__right-side .fe-button { float: right; } @media screen and (max-width: 768px) { .row--oksFormBasvuruButtons .unrecognized-form__right-side .fe-button { float: none; margin-top: 20px; } } .input__block--fileInput input { visibility: hidden; opacity: 0; position: absolute; } .input__block--fileInput label { width: 100%; display: -webkit-box !important; display: flex !important; -webkit-box-align: center; align-items: center; } .fe__backdown-process { width: 100%; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; margin: 0 auto; margin-bottom: 94px; -webkit-transition: all 0.5s; transition: all 0.5s; } .fe__backdown-process:hover .backdown-process__icon .backdown-process__box .box__content { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05); border: 1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(137deg, #17ead9, #6078ea); background-origin: border-box; background-clip: content-box, border-box; padding: 0; } .fe__backdown-process:hover .backdown-process__icon .backdown-process__box .box__content i { color: #2b8fd4; } @media screen and (max-width: 1200px) { .fe__backdown-process { margin-bottom: 40px; } } .fe__backdown-process:first-child { margin-top: 54px; } @media screen and (max-width: 1200px) { .fe__backdown-process:first-child { margin-top: 40px; } } .fe__backdown-process .backdown-process__icon { width: 180px; } @media screen and (max-width: 1200px) { .fe__backdown-process .backdown-process__icon { width: 100%; } } .fe__backdown-process .backdown-process__icon .backdown-process__box .box__content { width: 180px; height: 187px; opacity: 0.7; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border: solid 1px rgba(0, 0, 0, 0.01); display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .fe__backdown-process .backdown-process__icon .backdown-process__box .box__content:hover { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05); border: 1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(137deg, #17ead9, #6078ea); background-origin: border-box; background-clip: content-box, border-box; padding: 0; } .fe__backdown-process .backdown-process__icon .backdown-process__box .box__content:hover i, .fe__backdown-process .backdown-process__icon .backdown-process__box .box__content:hover em { color: #2b8fd4; } .fe__backdown-process .backdown-process__icon .backdown-process__box .box__content img { width: 90px; height: 90px; } .fe__backdown-process .backdown-process__icon .backdown-process__box .box__content i, .fe__backdown-process .backdown-process__icon .backdown-process__box .box__content em { font-size: 90px; } @media screen and (max-width: 1200px) { .fe__backdown-process .backdown-process__icon .backdown-process__box { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 15px; } } .fe__backdown-process .backdown-process__text { width: calc(100% - 180px); padding: 0 20px; } @media screen and (max-width: 1200px) { .fe__backdown-process .backdown-process__text { width: 100%; } } .fe__backdown-process .backdown-process__text p { font-size: 24px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.64; letter-spacing: normal; text-align: center; color: #262626; } .fe__backdown-process .backdown-process__text p strong { font-weight: 500; word-break: break-word; } @media screen and (max-width: 1200px) { .fe__backdown-process .backdown-process__text p { font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #262626; } } .fe__backdown { display: block; float: none; clear: both; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; margin-top: 30px; } @media screen and (max-width: 1200px) { .fe__backdown-process--reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } } .fe__backdown-process[data-emergence="hidden"] { opacity: 0; } .fe__backdown-process[data-emergence="visible"] { opacity: 1; } .trip-datepicker-button-container { width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 10px auto 40px; } @media screen and (max-width: 768px) { .trip-datepicker-button-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 20px auto 20px; } } .trip-datepicker-button-container > span { font-size: 50px; padding: 0 10px; } @media screen and (max-width: 992px) { .trip-datepicker-button-container > span { font-size: 35px; padding: 10px 20px; } } .trip-datepicker-button { max-width: 300px; position: relative; } @media screen and (max-width: 768px) { .trip-datepicker-button { width: 100%; } } .trip-datepicker-button .fiba-datepicker { position: absolute; top: 40px; right: 0; z-index: 2; } .trip-datepicker-button > button { margin-bottom: 10px; width: 100%; position: relative; } @media screen and (max-width: 992px) { .trip-datepicker-button > button { font-size: 15px; } } @media screen and (max-width: 768px) { .trip-datepicker-button > button { font-size: 13px; } } .trip-datepicker-button > button .fibicon-arrow-left { position: absolute; left: 10px; } .trip-datepicker-button > button .fibicon-arrow-right { position: absolute; right: 10px; } .trip-datepicker-button > input { width: 100%; } .faq__headline { padding-bottom: 80px; background-size: cover; background-position: top; background-repeat: no-repeat; } .faq__headline .headline__block { margin: 0 0 0 0; display: inline-block; width: 100%; } @media screen and (max-width: 768px) { .faq__headline .headline__block { margin: 20px 0 0 0; } } @media screen and (max-width: 576px) { .faq__headline .headline__block { margin: 10px 0 0 0; } } .faq__headline .headline__block.headline__block--title { text-align: center; padding: 0 10%; } @media screen and (max-width: 768px) { .faq__headline .headline__block.headline__block--title { padding: 0 2%; } } .faq__headline .headline__block.headline__block--title h2 { font-size: 50.5px; color: #fff; font-weight: 500; margin-bottom: 30px; } @media screen and (max-width: 992px) { .faq__headline .headline__block.headline__block--title h2 { font-size: 36px; margin-bottom: 15px; } } @media screen and (max-width: 768px) { .faq__headline .headline__block.headline__block--title h2 { font-size: 24px; font-weight: 500; } } .faq__headline .headline__block.headline__block--title h1, .faq__headline .headline__block.headline__block--title p { width: 100%; margin: 0 auto; color: #fff; font-size: 21px; line-height: 34px; font-weight: 400; } @media screen and (max-width: 992px) { .faq__headline .headline__block.headline__block--title h1, .faq__headline .headline__block.headline__block--title p { width: 100%; font-size: 18px; line-height: 1.7; } } @media screen and (max-width: 768px) { .faq__headline .headline__block.headline__block--title h1, .faq__headline .headline__block.headline__block--title p { width: 100%; font-size: 12px; line-height: 1.71; } } .faq__headline .headline__block.headline__block--title .faq__input { display: block; margin-bottom: 30px; position: relative; } @media screen and (max-width: 992px) { .faq__headline .headline__block.headline__block--title .faq__input { margin-bottom: 25px; } } @media screen and (max-width: 768px) { .faq__headline .headline__block.headline__block--title .faq__input { margin-bottom: 15px; } } .faq__headline .headline__block.headline__block--title .faq__input .input__block { display: block; text-align: center; width: 85%; margin: 0 auto; overflow: hidden; } @media screen and (max-width: 768px) { .faq__headline .headline__block.headline__block--title .faq__input .input__block { width: 100%; } } .faq__headline .headline__block.headline__block--title .faq__input .input__block input { width: 100%; height: 80px; line-height: 80px; font-size: 21px; border-radius: 12px; border: none; background-color: #fff; margin: 0 auto; padding: 0 40px 0 90px; } @media screen and (max-width: 992px) { .faq__headline .headline__block.headline__block--title .faq__input .input__block input { height: 60px; line-height: 60px; font-size: 17px; } } @media screen and (max-width: 768px) { .faq__headline .headline__block.headline__block--title .faq__input .input__block input { height: 50px; line-height: 50px; font-size: 13px; padding: 0 40px 0 80px; } } .faq__headline .headline__block.headline__block--title .faq__input .input__block:before { content: ""; background: #c0e576; background: linear-gradient(135deg, #c0e576 0%, #8cc641 100%); width: 100px; height: 100px; position: absolute; border-radius: 100px; top: 50%; left: -25px; transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); } @media screen and (max-width: 768px) { .faq__headline .headline__block.headline__block--title .faq__input .input__block:before { width: 85px; height: 85px; } } .faq__headline .headline__block.headline__block--title .faq__input .input__block span { position: absolute; left: 0; z-index: 99; color: #fff; top: 50%; left: 23px; font-size: 30px; transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); } @media screen and (max-width: 768px) { .faq__headline .headline__block.headline__block--title .faq__input .input__block span { font-size: 20px; left: 20px; } } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown { position: absolute; left: 0; right: 0; width: 85%; background-color: #fff; margin: 5px auto; border-radius: 12px; z-index: 99; box-shadow: 6px 6px 20px rgba(82, 97, 115, 0.5); opacity: 0; visibility: hidden; overflow: auto; height: 330px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } @media screen and (max-width: 768px) { .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown { width: 100%; box-shadow: 6px 6px 30px rgba(82, 97, 115, 0.6); } } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown.active { opacity: 1; visibility: visible; } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__dropdownHolder { overflow: hidden; } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock { display: inline-block; float: left; } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--suggestion { width: 70%; text-align: left; } @media screen and (min-width: 768px) { .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--suggestion { padding-right: 30px; } } @media screen and (max-width: 992px) { .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--suggestion { width: 100%; } } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--suggestion ul li { width: 100%; font-size: 16px; font-weight: 300; line-height: initial; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-radius: 0 6px 6px 0; } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--suggestion ul li a { display: block; padding: 15px 20px; color: #353535; } @media screen and (min-width: 768px) { .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--suggestion ul li a { width: 78%; padding: 16px 0 15px 50px; } } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--suggestion ul li:hover { background-color: #ebecee; } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--cta { width: 30%; padding: 15px 20px 15px 0; } @media screen and (max-width: 992px) { .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--cta { width: 100%; padding: 15px 20px; } } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--cta .faq__cta { display: inline-block; margin: 2.5px 0; position: relative; overflow: hidden; height: 140px; width: 100%; border-radius: 10px; } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--cta .faq__cta .faq__cta-holder { width: 100%; height: 100%; } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--cta .faq__cta .faq__cta-holder .faq__image { height: 100%; width: 100%; display: inline-block; position: relative; background-size: cover; background-position: center center; } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--cta .faq__cta .faq__cta-holder .faq__content { position: absolute; color: #fff; z-index: 999; top: 50%; transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); text-align: right; width: 73%; right: 20px; font-size: 16px; line-height: 21px; } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--cta .faq__cta .faq__cta-holder .faq__content b { font-weight: 500; } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--cta .faq__cta.faq__cta--right .faq__cta-holder:after { content: ""; transform: rotate(-45deg) !important; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); opacity: 0.7; border-radius: 20px; background-image: linear-gradient(326deg, #1bcedf, #5b247a); width: 250px; height: 250px; position: absolute; top: -45px; left: 80px; z-index: 2; } @media screen and (max-width: 992px) { .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--cta .faq__cta.faq__cta--right .faq__cta-holder:after { transform: none !important; -moz-transform: none; -webkit-transform: none; -o-transform: none; -khtml-transform: none; width: 100%; height: 100%; top: 0; left: 0; border-radius: 10px; } } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--cta .faq__cta.faq__cta--left .faq__cta-holder .faq__content { right: auto; left: 20px; text-align: left; } .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--cta .faq__cta.faq__cta--left .faq__cta-holder:after { content: ""; transform: rotate(-45deg) !important; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); opacity: 0.7; border-radius: 20px; background-image: -webkit-gradient( linear, left top, right top, from(#8cc641), to(#006cb6) ); background-image: linear-gradient(450deg, #8cc641, #006cb6); width: 250px; height: 250px; position: absolute; top: -45px; left: auto; right: 60px; z-index: 2; } @media screen and (max-width: 992px) { .faq__headline .headline__block.headline__block--title .faq__input .faq__dropdown .faq__ddblock.faq__ddblock--cta .faq__cta.faq__cta--left .faq__cta-holder:after { transform: none !important; -moz-transform: none; -webkit-transform: none; -o-transform: none; -khtml-transform: none; width: 100%; height: 100%; top: 0; left: 0; border-radius: 10px; } } .faq__box-area .headline__block--areas { position: relative; top: -60px; } .faq__box-area .headline__block--areas .faq__areas > .row { -webkit-box-pack: center; justify-content: center; } @media screen and (max-width: 992px) { .faq__box-area .headline__block--areas .faq__areas > .row { flex-wrap: nowrap; overflow-x: auto; -webkit-box-pack: start; justify-content: flex-start; padding-bottom: 25px; } } .faq__box-area .headline__block--areas .faq__areas .faq__area { padding: 0 20px; } @media screen and (max-width: 1200px) { .faq__box-area .headline__block--areas .faq__areas .faq__area { padding: 0 16px; } } @media screen and (max-width: 992px) { .faq__box-area .headline__block--areas .faq__areas .faq__area { width: 330px; -webkit-box-flex: 0; flex: 0 0 auto; } } @media screen and (max-width: 576px) { .faq__box-area .headline__block--areas .faq__areas .faq__area { width: 280px; } } @media screen and (min-width: 992px) { .faq__box-area .headline__block--areas .faq__areas .faq__area { margin-bottom: 40px; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } } .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__gradient { padding: 2px; } .faq__box-area .headline__block--areas .faq__areas .faq__area.active i, .faq__box-area .headline__block--areas .faq__areas .faq__area:hover i, .faq__box-area .headline__block--areas .faq__areas .faq__area.active em, .faq__box-area .headline__block--areas .faq__areas .faq__area:hover em { background: -webkit-gradient( linear, left top, left bottom, from(#1bcedf), to(#6078ea) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .faq__box-area .headline__block--areas .faq__areas .faq__area.active h4, .faq__box-area .headline__block--areas .faq__areas .faq__area:hover h4 { color: #2b8fd4; } .faq__box-area .headline__block--areas .faq__areas .faq__area.active p, .faq__box-area .headline__block--areas .faq__areas .faq__area:hover p { color: #323247; } .faq__box-area .headline__block--areas .faq__areas .faq__area.active .faq__bg, .faq__box-area .headline__block--areas .faq__areas .faq__area:hover .faq__bg { position: absolute; right: -25%; top: 8px; display: block; z-index: 999; opacity: 0.05; } .faq__box-area .headline__block--areas .faq__areas .faq__area.active .faq__bg span, .faq__box-area .headline__block--areas .faq__areas .faq__area:hover .faq__bg span { font-size: 220px; } .faq__box-area .headline__block--areas .faq__areas .faq__area.active .faq__gradient, .faq__box-area .headline__block--areas .faq__areas .faq__area:hover .faq__gradient { background: #17ead9; background: -webkit-gradient( linear, left top, right top, from(#17ead9), to(#6078ea) ); background: linear-gradient(to right, #17ead9 0%, #6078ea 100%); padding: 2px; border-radius: 17px; } .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__bg { display: none; } .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder { background-color: #fff; border-radius: 16px; padding: 35px 15px; box-shadow: 0 5px 20px rgba(82, 97, 115, 0.15); text-align: center; position: relative; overflow: hidden; } @media screen and (max-width: 992px) { .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder { padding: 25px 10px; } } @media screen and (max-width: 768px) { .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder { padding: 10px 10px; height: 150px; } } .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder i, .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder em { text-align: center; font-size: 54px; margin-bottom: 30px; display: block; -webkit-transition: all; transition: all; } @media screen and (max-width: 992px) { .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder i, .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder em { margin-bottom: 20px; } } @media screen and (max-width: 768px) { .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder i, .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder em { margin-bottom: 12px; font-size: 50px; } } .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder h4 { font-size: 21px; margin-bottom: 10px; -webkit-transition: all; transition: all; } @media screen and (max-width: 1200px) { .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder h4 { font-size: 20px; } } @media screen and (max-width: 992px) { .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder h4 { font-size: 18px; } } @media screen and (max-width: 768px) { .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder h4 { font-size: 13px; font-weight: 500; } } .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder p { color: #6e747c; font-size: 16px; -webkit-transition: all; transition: all; } @media screen and (max-width: 1200px) { .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder p { font-size: 15px; } } @media screen and (max-width: 992px) { .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder p { font-size: 14px; } } @media screen and (max-width: 768px) { .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder p { font-size: 12px; } } .faq__box-area .headline__block--areas .faq__areas .faq__area .faq__holder .faq__links { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: all; transition: all; } .faq__main { background-color: #f7f7f7; padding: 0; background: url("/assets/img/main-bg.png") #f7f7f7 right top repeat-y; background-size: 100%; } @media screen and (min-width: 768px) { .faq__main { padding: 0 0 50px 0; } } .faq__main .faq__title { text-align: center; display: inline-block; margin-bottom: 40px; width: 100%; } @media screen and (max-width: 992px) { .faq__main .faq__title { margin-bottom: 30px; } } @media screen and (max-width: 768px) { .faq__main .faq__title { margin-bottom: 20px; } } .faq__main .faq__title h3, .faq__main .faq__title h1, .faq__main .faq__title h2 { font-size: 38px; font-weight: 500; margin-bottom: 10px; } @media screen and (max-width: 992px) { .faq__main .faq__title h3, .faq__main .faq__title h1, .faq__main .faq__title h2 { font-size: 32px; } } @media screen and (max-width: 768px) { .faq__main .faq__title h3, .faq__main .faq__title h1, .faq__main .faq__title h2 { font-size: 20px; font-weight: 500; } } .faq__main .faq__title p { font-size: 16px; color: #6e747c; } @media screen and (max-width: 768px) { .faq__main .faq__title p { font-size: 14px; line-height: 1.43; } } .faq__main .faq__block { text-align: center; margin-bottom: 20px; } .faq__accordion-more-button { display: block; text-align: center; } @media screen and (max-width: 768px) { .faq__accordion-more-button { display: none; } } .headline__block.headline__block--title h5 + h5 { display: none; } /*# sourceMappingURL=fibae.css.map */