/*--------------------------------------------------------------------------------*/
/*EXTENDS*/
/*--------------------------------------------------------------------------------*/
.smartbanner_new { font-weight: 300; }

.user-log__login, .user-log__name, .nav-framebar__title, .smartbanner_new strong, .smartbanner_new .get_app { font-weight: 600; }

.nav-framebar__title, .smartbanner_new { font-family: Montserrat-FF, Arial, Tahoma, sans-serif; }

.smartbanner_new .sb_close { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.smartbanner_new { justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; align-items: center; }

.smartbanner_new .sb_close { align-items: center; justify-content: center; }

.box-overlay { border-radius: 4px; }

.smartbanner_new .sb_close { border-radius: 50%; }

.smartbanner_new .sb_close { color: #21409A; }

.smartbanner_new { background: #FFFFFF; }

.box-overlay { position: fixed; overflow: visible; top: 53px; right: 0; bottom: 0; left: 0; margin: 12px; padding: 8px; z-index: 100; background: #FFFFFF; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); }

.box-overlay__header { position: relative; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; align-items: center; }

.box-overlay__header-nav { position: absolute; right: 0; z-index: 3; }

.box-overlay__header-nav .icon { font-size: 24px; }

.box-overlay--arrow-logo:after { content: ""; position: absolute; width: 0; height: 0; top: 0; left: 104px; border: 8px solid black; border-color: transparent transparent #FFFFFF #FFFFFF; transform-origin: 0 0; transform: rotate(135deg); box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05); }

.box-overlay__body { position: absolute; top: 50px; right: 8px; bottom: 8px; left: 8px; overflow-x: scroll !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; }

.box-menu { visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }

.js-menu-active .box-menu { visibility: visible; opacity: 1; filter: alpha(opacity=100); }

.user-log .media__author { margin: 0; }

.user-log .media__author-image-avatar { width: 35px; height: 35px; }

.user-log__login { color: #21409A; font-size: 14px; }

.nav-framebar { padding: 8px 0; border-top: 1px solid #f0f0f0; }

.nav-framebar .nav { display: block; font-size: 12px; }

.nav-framebar .nav__item { display: inline-block; width: 100%; vertical-align: top; white-space: normal; }

.nav-framebar .nav__item a { padding: 4px; color: #666666; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; }

.nav-framebar .nav__item-new { display: inline-block; padding: 0 4px; font-size: 8px; margin-left: 4px; line-height: normal; background: #FF0000; color: #FFFFFF; }

.nav-framebar .nav__icon { width: 23px; height: 23px; display: inline-block; margin-right: 5px; }

.nav-framebar .nav__icon img { width: 100%; }

.nav-framebar .nav ul { margin: 0; padding-left: 8px; list-style: none; }

.nav-framebar .nav--two-col { columns: 2; -webkit-columns: 2; -moz-columns: 2; -webkit-column-gap: 0; /* Chrome, Safari, Opera */ -moz-column-gap: 0; /* Firefox */ column-gap: 0; }

.nav-framebar .nav.pl15 { padding-left: 15px; -webkit-column-gap: 5px; /* Chrome, Safari, Opera */ -moz-column-gap: 5px; /* Firefox */ column-gap: 5px; }

.nav-framebar__title { padding: 4px; margin-bottom: 8px; font-size: 14px; color: #333333; }

.js-overlay { position: fixed; top: 0; width: 100%; height: 100%; z-index: 25; background: #000; /* The Fallback */ background: rgba(0, 0, 0, 0.6); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }

.js-menu-active .js-overlay { opacity: 1; filter: alpha(opacity=100); }

.js-menu-active header.header { position: fixed; top: 0; }

.js-menu-active { padding-top: 88px; overflow: hidden; }

.smartbanner_new { height: 50px; padding: 0 8px; position: relative; font-size: 11px; align-items: center; text-align: left; z-index: 27; }

.smartbanner_new .app_logo { height: 36px; margin-right: 10px; }

.smartbanner_new strong { display: block; font-size: 12px; }

.smartbanner_new .get_app { margin-right: 20px; }

.smartbanner_new .sb_close { position: absolute; text-decoration: none; height: 14px; width: 14px; font-size: 10px; top: 5px; right: 5px; border: 1px solid #21409A; }

.smartbanner_new > div > span { height: 31px; }

.allobank__container { background: #fff; padding: 8px 0px; display: grid; grid-auto-flow: column; grid-auto-columns: 33%; grid-auto-columns: calc(100% / 3); color: #6C6D6D; font-size: 10px; margin-top: 5px; }

.allobank__item { display: flex; flex-flow: column nowrap; gap: 4px; align-items: center; justify-content: space-between; border-left: 1px solid #DADADA; padding: 6px 4px; }

.allobank__item:first-child { border-left: none; }

.allobank__content { color: #3F3F3F; font-weight: 600; max-width: 100%; height: 20px; display: flex; align-items: center; }

.allobank__cta { display: flex; flex-flow: column nowrap; gap: 4px; align-items: center; }

.allobank__cta .allobank__title { color: #3F3F3F; }

.allobank__cta, .allobank__cta:hover, .allobank__cta:active, .allobank__cta:focus { color: #F38000; }

.allobank__balance { display: grid; grid-auto-flow: column; align-items: center; gap: 4px; }

.allobank__balance--number { background: url("data:image/svg+xml,%3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23BDBDBD'/%3E%3C/svg%3E") center left space no-repeat; color: rgba(0, 0, 0, 0); }

.allobank__input { border: 0; padding: 0; margin: 0; font-size: 18px; color: #BDBDBD; width: 100%; background: none; cursor: default; pointer-events: none; }

.allobank__input[type='text'] { color: #3F3F3F; font-size: 10px; }

.allobank__eye { width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 2.5 10 11M9.682 9.85a2.5 2.5 0 0 1-3.364-3.7' stroke='%234F4F4F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.625 4.287C2.077 5.577 1 8 1 8s2 4.5 7 4.5a7.376 7.376 0 0 0 3.375-.788M13.038 10.57C14.401 9.348 15 8 15 8s-2-4.5-7-4.5c-.433 0-.865.035-1.292.105' stroke='%234F4F4F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.47 5.544a2.502 2.502 0 0 1 2.02 2.22' stroke='%234F4F4F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; background-size: contain; overflow: hidden; text-indent: -99999px; border: 0; z-index: 1; cursor: pointer; }

.allobank__toogle { display: none; }

.allobank__toogle:checked ~ .allobank__balance--number { color: #3F3F3F; background: none; }

.allobank__toogle:checked ~ .allobank__eye { background: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3.5C3 3.5 1 8 1 8s2 4.5 7 4.5S15 8 15 8s-2-4.5-7-4.5Z' stroke='%234F4F4F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z' stroke='%234F4F4F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; background-size: contain; }

.allobank__notif { background: #DCF7EC; border-radius: 16px; padding: 13px 13px; font-size: 12px; line-height: 15px; color: #3F3F3F; font-weight: normal; }

.allobank__notif__title { color: #0F0F0F; letter-spacing: 0.04em; font-weight: 600; display: flex; align-items: center; margin-bottom: 5px; gap: 5px; }

#modal-coupon { z-index: 100; }

#modal-coupon .modal-dialog { width: 90vw; }

#modal-coupon .close-modal { color: #AFAFAF; }

.btn--coupon-modal { background: #FFBC25; color: #333333; width: 70%; }