/* Variable */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 300; src: url("../fonts/roboto_light.woff") format("woff"), url("../fonts/roboto_light.woff2") format("woff2"); }

@font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: url("../fonts/roboto_medium.woff") format("woff"), url("../fonts/roboto_medium.woff2") format("woff2"); }

@font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; src: url("../fonts/roboto_bold.woff") format("woff"), url("../fonts/roboto_bold.woff2") format("woff2"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 300; src: url("../../fonts/Montserrat-Light.woff") format("woff"), url("../../fonts/Montserrat-Light.woff2") format("woff2"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; src: url("../../fonts/Montserrat-Regular.woff") format("woff"), url("../../fonts/Montserrat-Regular.woff2") format("woff2"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: bold; src: url("../../fonts/Montserrat-Bold.woff") format("woff"), url("../../fonts/Montserrat-Bold.woff2") format("woff2"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; src: url("../../fonts/Montserrat-SemiBold.woff") format("woff"), url("../../fonts/Montserrat-SemiBold.woff2") format("woff2"); }

body { margin: 0; padding: 0; }

.pull-left { float: left; }

.pull-right { float: right; }

.text-center { text-align: center; }

.pop_box_dtkid { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 30; }

.dtkframebar { position: relative; height: 46px; font-family: "Montserrat", sans-serif; z-index: 22; }

.dtkframebar__clearfix:before, .dtkframebar__clearfix:after { content: " "; display: table; }

.dtkframebar__clearfix:after { clear: both; }

.dtkframebar__icons { width: 46px; height: 46px; background: url("../images/icon-sprite.png") no-repeat; display: block; }

.dtkframebar__icons-search { background-position: -34px 12px; }

.dtkframebar__icons-notif { background-position: 14px 12px; }

.dtkframebar__icons-setting { background-position: -80px 12px; }

.dtkframebar a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; text-decoration: none; }

.dtkframebar__btn { padding: 7px 15px; display: inline-block; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border: 2px solid #244B9C; text-decoration: none; color: #244B9C; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 13px; line-height: 13px; text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; /* box-sizing: content-box; */ }

.dtkframebar__btn:hover, .dtkframebar__btn.active, .dtkframebar__btn.blue { background: #244B9C; color: #fff; cursor: pointer; }

.dtkframebar__btn.active:hover, .dtkframebar__btn.blue:hover { background: #266eef; border-color: #266eef; }

.dtkframebar__caret-down { position: relative; }

.dtkframebar__caret-down:before { content: ''; position: absolute; top: 0; left: 0; border-top: 5px solid #9b9b9b; border-left: 5px solid transparent; border-right: 5px solid transparent; }

.dtkframebar__caret-down:after { content: ''; position: absolute; left: 1px; top: 0; border-top: 4px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent; }

.dtkframebar__bg { width: 100%; height: 46px; position: fixed; z-index: 20; top: 0; left: 0; -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; }

.dtkframebar__bg__inner { background: #FFF; border-bottom: #9B9B9B; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) ; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) ; position: absolute; top: 0; left: 0; width: 100%; height: 46px; z-index: 1; }

@media (min-width: 0px) and (max-width: 640px) { .dtkframebar__bg__inner { position: inherit; } }

.dtkframebar__wrapper { width: 1100px; margin: 0 auto; }

@media (min-width: 1025px) and (max-width: 1280px) { .dtkframebar__wrapper { width: 1000px; } }

@media (max-width: 1025px) { .dtkframebar__wrapper { width: 100%; } }

.dtkframebar__menu { padding-right: 2%; border-right: 1px solid #e5e5e5; position: relative; z-index: 10; height: 46px; overflow: hidden; }

@media (max-width: 415px) { .dtkframebar__menu { margin-left: 15px; } }

.dtkframebar__menu__icon { z-index: 11; width: 20px; height: 14px; position: relative; margin: 17px 9px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display: block; }

.dtkframebar__menu__icon span { display: block; position: absolute; height: 2px; width: 12px; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; }

.dtkframebar__menu__icon span:nth-child(1) { top: 0px; }

.dtkframebar__menu__icon span:nth-child(2) { top: 5px; }

.dtkframebar__menu__icon span:nth-child(3) { top: 10px; }

.dtkframebar__menu__icon.show { left: 5px; }

.dtkframebar__menu__icon.show span { background: #505050; }

.dtkframebar__menu__icon.show span:nth-child(1) { top: 6px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.dtkframebar__menu__icon.show span:nth-child(2) { opacity: 0; left: -60px; }

.dtkframebar__menu__icon.show span:nth-child(3) { top: 6px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.dtkframebar__menu__icon.show:before { opacity: 0; background: #f1f1f1; }

.dtkframebar__menu__icon.show:hover:before { opacity: 1; }

.dtkframebar__menu__icon:before { content: ""; display: block; border-radius: 50%; background: #244b9c; position: absolute; left: -7px; top: -7px; width: 26px; height: 26px; transition: opacity 0.2s ease; }

.dtkframebar__menu__text { font-size: 13px; font-weight: bold; color: #5b5b5b; text-align: left; letter-spacing: -0.02em; margin: 15px 0 0 0; display: inline-block; min-width: 45px; cursor: pointer; }

.dtkframebar__menu__logo { width: 28px; height: 28px; margin: 9px 0; }

.dtkframebar__menu__logo img { height: 100%; }

@media (min-width: 300px) and (max-width: 1099px) { .dtkframebar__menu__logo { margin: 10px 0; height: 25px; }
  .dtkframebar__menu__logo img { height: 25px; } }

.dtkframebar__menu__kanal { width: 440px; height: calc(100% - 46px); background: #fff; position: fixed; z-index: 1; top: 46px; left: -100%; -webkit-box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.2) ; box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.2) ; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; overflow-y: scroll; padding: 0 0 20px 0; }

@media (max-width: 415px) { .dtkframebar__menu__kanal { width: 100%; } }

.dtkframebar__menu__kanal.show { left: 0; }

.dtkframebar__menu__kanal__icon { width: 23px; height: 23px; display: inline-block; vertical-align: top; text-align: center; margin-right: 5px; }

.dtkframebar__menu__kanal__icon img { vertical-align: top; height: 23px; }

.dtkframebar__menu__kanal ul { list-style: none; margin: 7px 0 0; padding: 20px 0 20px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -moz-appearance: none !important; }

.dtkframebar__menu__kanal ul::-webkit-scrollbar-track { background-color: #eee; }

.dtkframebar__menu__kanal ul::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }

.dtkframebar__menu__kanal ul::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }

.dtkframebar__menu__kanal ul:last-child { border-bottom: none; }

.dtkframebar__menu__kanal ul li { padding: 5px 20px; position: static; margin: 0; }

.dtkframebar__menu__kanal ul li:nth-child(11) { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin-bottom: 20px; }

.dtkframebar__menu__kanal ul li .kanal__new { display: inline-block; padding: 0px 3px; background: #bb071d; color: #fff; font-size: 8px; line-height: 14px; border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; vertical-align: top; margin-left: 2px; letter-spacing: -0.02em; }

.dtkframebar__menu__kanal ul li a { font: 600 12px/24px "Montserrat", sans-serif; font-weight: normal; color: #6a6a6a; display: block; position: relative; }

.dtkframebar__menu__kanal ul li a i { display: block; width: 18px; height: 18px; float: left; margin-top: 3px; margin-right: 15px; }

.dtkframebar__menu__kanal ul li a:hover { background-color: #f8f8f8; }

.dtkframebar__menu__kanal ul li:hover a:after { border-left: 4px solid #eee; }

.dtkframebar__menu__kanal ul li:hover .show-menu { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; -webkit-transform: translateX(-5px); -moz-webkit-transform: translateX(-5px); transform: translateX(-5px); -o-transform: translateX(-5px); }

@media (min-width: 0px) and (max-width: 640px) { .dtkframebar__menu__kanal ul li .show-menu, .dtkframebar__menu__kanal ul li:before, .dtkframebar__menu__kanal ul li:after { display: none; }
  .dtkframebar__menu__kanal ul li a:before, .dtkframebar__menu__kanal ul li a:after { display: none; } }

.dtkframebar__menu__kanal ul li .show-menu { visibility: hidden; opacity: 0; position: absolute; left: 98%; background: #fafafa; border: 1px solid #9B9B9B; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; min-width: 200px; cursor: auto; z-index: 10; }

.dtkframebar__menu__kanal ul li .show-menu h3 { font: 13px "Montserrat", sans-serif; font-weight: 500; margin: 20px 30px 10px; color: #9B9B9B; }

.dtkframebar__menu__kanal ul li .show-menu:before { content: ''; position: absolute; top: 18px; left: -11px; border-right: 11px solid #9B9B9B; border-bottom: 11px solid transparent; border-top: 11px solid transparent; z-index: 10; }

.dtkframebar__menu__kanal ul li .show-menu:after { content: ''; position: absolute; left: -10px; top: 18px; border-right: 11px solid #fafafa; border-bottom: 11px solid transparent; border-top: 11px solid transparent; z-index: 11; }

.dtkframebar__menu__kanal ul li .show-menu.edge:before { bottom: 25px; top: inherit; }

.dtkframebar__menu__kanal ul li .show-menu.edge:after { bottom: 25px; top: inherit; }

.dtkframebar__menu__kanal ul li .show-menu.half { width: 420px; }

.dtkframebar__menu__kanal ul li .show-menu.half li { width: calc(100% / 2 - 61px); float: left; border-right: 1px solid #e5e5e5; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.dtkframebar__menu__kanal ul li .show-menu.half li:nth-child(2n) { border-right: none; }

.dtkframebar__menu__kanal ul li .show-menu.three { width: 600px; }

.dtkframebar__menu__kanal ul li .show-menu.three li { width: calc(100% / 3 - 61px); float: left; border-right: 1px solid #e5e5e5; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.dtkframebar__menu__kanal ul li .show-menu.three li:nth-child(3n) { border-right: none; }

.dtkframebar__menu__kanal ul li .show-menu ul { width: auto; padding-top: 0; border-bottom: none; }

.dtkframebar__menu__kanal ul li .show-menu ul li { padding: 5px 30px; }

.dtkframebar__menu__kanal ul li .show-menu ul li a { color: #202020; }

.dtkframebar__menu__kanal ul li .show-menu ul li a:after, .dtkframebar__menu__kanal ul li .show-menu ul li a:before { display: none; }

.dtkframebar__menu__kanal ul li .show-menu ul li:after, .dtkframebar__menu__kanal ul li .show-menu ul li:before { display: none; }

.dtkframebar__menu__kanal ul li .show-menu ul li:nth-child(11) { border-bottom: none; padding-bottom: 5px; margin-bottom: 0; }

.dtkframebar__menu__kanal ul li .show-menu.bottom { bottom: 0; top: inherit; }

.dtkframebar__menu__kanal ul.newlist { padding: 0; height: auto; }

.dtkframebar__menu__kanal ul.newlist > li { padding: 0; }

.dtkframebar__menu__kanal ul.newlist > li a { color: #6a6a6a; font-size: 12px; letter-spacing: -0.02em; display: block; padding: 17px 24px; }

.dtkframebar__menu__kanal ul.newlist > li > ul { padding: 0; }

.dtkframebar__menu__kanal ul.newlist > li > ul > li { padding: 3px 20px; }

.dtkframebar__menu__kanal ul.newlist > li > ul > li a { font-weight: normal; padding: 0px 15px; }

.dtkframebar__menu__kanal ul.newlist > li > ul > li span img { height: 23px; }

.dtkframebar__menu__kanal ul.newlist > li.sub_list > a { padding: 5px 24px; }

.dtkframebar__menu__kanal ul.newlist > li.pb10 a { padding-bottom: 10px !important; }

.dtkframebar__menu__kanal ul.newlist-double { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; padding: 0; }

.dtkframebar__menu__kanal ul.newlist-double > li { width: 50%; padding: 0; margin: 0 0 0px 0; }

.dtkframebar__menu__kanal ul.newlist-double > li:nth-child(11) { border: 0px; }

.dtkframebar__menu__kanal ul.newlist-double > li a { padding: 5px 8px; }

.dtkframebar__menu__kanal ul.newlist-double > li:nth-child(odd) a { padding-left: 24px; }

.dtkframebar__menu__kanal ul.newlist-double > li:nth-child(even) a { padding-right: 24px; }

.dtkframebar__menu__kanal ul.newlist-double > li.sub_list a { padding: 5px 20px; }

.dtkframebar__menu__kanal ul.newlist-double > li.sub_list:nth-child(odd) a { padding-left: 32px; }

.dtkframebar__menu__kanal ul.networkList { padding: 0; }

.dtkframebar__menu__kanal ul.networkList li { padding: 0 24px; margin: 0 0 9px 0; }

.dtkframebar__menu__kanal .kat_divide { padding: 14px 24px; font-size: 14px; font-weight: 600; color: #6a6a6a; letter-spacing: -0.02em; border-top: 1px solid #efefef; margin: 5px 0 0 0; }

.dtkframebar__search { width: 100%; text-align: center; position: absolute; left: 0; top: 0; z-index: 2; }

@media (min-width: 0px) and (max-width: 640px) { .dtkframebar__search { display: none; } }

.dtkframebar__search .dtkframebar__icons { position: absolute; right: 0; top: 0; border: none; cursor: pointer; outline: none; }

.dtkframebar__search .dtkframebar__icons-search { background-position: -34px 6px; height: 34px; }

.dtkframebar__search .dtkframebar__icons:hover { opacity: 0.7; }

.dtkframebar__search__input { position: relative; width: 380px; height: 34px; display: inline-block; margin: 6px 0; }

@media (min-width: 640px) and (max-width: 780px) { .dtkframebar__search__input { width: 30%; } }

.dtkframebar__search__input input { border: none; outline: none; text-align: left; width: 100%; display: block; background: none; margin: 0; font: 300 14px/14px "Montserrat", sans-serif; height: 34px; background: #FFF; border: 1px solid #E5E5E5; padding: 7px 40px 7px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }

.dtkframebar__search__input input:focus { border-color: #9ecaed; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.dtkframebar__search__input ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #9b9b9b; }

.dtkframebar__search__input ::-moz-placeholder { /* Firefox 19+ */ color: #9b9b9b; }

.dtkframebar__search__input :-ms-input-placeholder { /* IE 10+ */ color: #9b9b9b; }

.dtkframebar__search__input :-moz-placeholder { /* Firefox 18- */ color: #9b9b9b; }

.dtkframebar__user { display: block; text-align: right; z-index: 2; position: relative; }

.dtkframebar__user__notif { display: inline-block; opacity: 1; position: relative; cursor: pointer; z-index: 8; }

.dtkframebar__user__notif .dtkframebar__icons-notif { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.dtkframebar__user__notif:hover .dtkframebar__icons-notif { opacity: 0.5; }

.dtkframebar__user__notif .red-notif { width: 5px; height: 5px; -webkit-box-shadow: 0 0 0 2px #fff; -moz-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; background: #CC0000; position: absolute; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; top: 13px; right: 15px; }

.dtkframebar__user__notif__box { position: absolute; right: -4px; text-align: left; cursor: default; visibility: hidden; opacity: 0; top: 51px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.dtkframebar__user__notif__box-wrapper { background: #fff; width: 400px; border-top: 8px solid #F63F2D; position: relative; z-index: 8; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) ; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) ; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) ; }

.dtkframebar__user__notif__box-wrapper:before { content: ''; position: absolute; top: -18px; right: 17px; border-bottom: 11px solid #F63F2D; border-left: 11px solid transparent; border-right: 11px solid transparent; }

.dtkframebar__user__notif__box__header { padding: 15px 20px; background: #FFF; border-bottom: 1px solid #eee; }

.dtkframebar__user__notif__box__header span { font: 400 18px "Montserrat", sans-serif; color: #244B9C; display: inline-block; vertical-align: top; }

.dtkframebar__user__notif__box__header__link { text-align: right; }

.dtkframebar__user__notif__box__header__link a { color: #244B9C; font: 400 13px "Montserrat", sans-serif; display: inline-block; vertical-align: top; margin: 4px 4px; }

.dtkframebar__user__notif__box__header__link a .dtkframebar__icons-setting { background-position: -83px 3px; width: 30px; height: 25px; }

.dtkframebar__user__notif__box__header__link a .dtkframebar__icons-setting:hover { opacity: 0.6; }

.dtkframebar__user__notif__box__header__link a:last-child { margin: 0; position: relative; }

.dtkframebar__user__notif__box__header__link a:last-child:before { content: ''; width: 4px; height: 4px; background: #244B9C; position: absolute; left: 0; top: 12px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

.dtkframebar__user__notif__box__header__link a:hover { color: #F63F2D; }

.dtkframebar__user__notif__box__content { max-height: 400px; overflow: auto; -webkit-overflow-scrolling: touch; }

.dtkframebar__user__notif__box__content__list { padding: 10px 20px; border-bottom: 1px solid #dedede; font: 300 13px "Montserrat", sans-serif; color: #444; background: #fff; }

.dtkframebar__user__notif__box__content__list.read { background: #eee; }

.dtkframebar__user__notif__box__content__list p { display: block; padding: 0; margin: 0; font-size: 13px; line-height: 17px; }

.dtkframebar__user__notif__box__content__list p a { font-weight: 700; color: #444; }

.dtkframebar__user__notif__box__content__list p a:hover { color: #F63F2D; }

.dtkframebar__user__notif__box__content__list .text-center { text-align: center; }

.dtkframebar__user__notif__box__content__list .dtkframebar__btn { margin-top: 10px; padding: 8px 30px; }

.dtkframebar__user__notif__box__content__list .dtkframebar__btn:hover { background: #F63F2D; border-color: #F63F2D; }

.dtkframebar__user__notif__box__content__list .dtkframebar__btn.half { width: calc(50% - 66px); }

.dtkframebar__user__notif__box__more { text-align: center; padding: 10px 20px; background: #FFF; border-top: 1px solid #eee; }

.dtkframebar__user__notif__box__more a { color: #244B9C; font: 400 14px "Montserrat", sans-serif; }

.dtkframebar__user__notif__box__more a:hover { color: #F63F2D; }

.dtkframebar__user__notif__box.show { visibility: visible; opacity: 1; -webkit-transform: translateY(-5px); -moz-webkit-transform: translateY(-5px); transform: translateY(-5px); -o-transform: translateY(-5px); }

@media (min-width: 0px) and (max-width: 640px) { .dtkframebar__user { position: inherit; }
  .dtkframebar__user__notif { position: inherit; }
  .dtkframebar__user__notif .red-notif { display: none; }
  .dtkframebar__user__notif__box-wrapper { width: 100%; }
  .dtkframebar__user__notif__box-wrapper:before { display: none; }
  .dtkframebar__user__notif__box__header__link { float: left; }
  .dtkframebar__user__notif__box__header__link a { margin: 4px 10px 4px 0px; }
  .dtkframebar__user__notif__box__content { max-height: 250px; }
  .dtkframebar__user__notif__box__content .dtkframebar__btn.half { width: 100%; padding: 5px 0; } }

.dtkframebar__user__login { display: inline-block; vertical-align: top; padding: 8px 10px 7px; border-left: 1px solid #E5E5E5; position: relative; }

.dtkframebar__user__login__in { display: block; margin: 0 0; cursor: pointer; }

.dtkframebar__user__login__in h4 { font-size: 13px; line-height: 13px; font-weight: 500; color: #444; display: inline-block; vertical-align: top; margin: 9px 10px 9px 5px; max-width: 100px; white-space: nowrap; overflow: hidden; font-family: "Montserrat", sans-serif; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.dtkframebar__user__login__in__img { width: 30px; height: 30px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; overflow: hidden; position: relative; display: inline-block; vertical-align: top; }

.dtkframebar__user__login__in__img img { height: 100%; }

.dtkframebar__user__login__in .dtkframebar__caret { display: inline-block; vertical-align: top; margin-left: 5px; margin-top: 14px; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.dtkframebar__user__login__in__db { background: #f7f7f7; width: 100%; width: min-content; border-top: 2px solid #F63F2D; position: relative; z-index: 8; position: absolute; right: 0; top: 51px; text-align: left; visibility: hidden; opacity: 0; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; cursor: default; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) ; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) ; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) ; }

.dtkframebar__user__login__in__db.show { visibility: visible; opacity: 1; -webkit-transform: translateY(-5px); -moz-webkit-transform: translateY(-5px); transform: translateY(-5px); -o-transform: translateY(-5px); }

.dtkframebar__user__login__in__db:before { content: ''; position: absolute; bottom: 100%; right: 37px; border-bottom: 11px solid #F63F2D; border-left: 11px solid transparent; border-right: 11px solid transparent; }

.dtkframebar__user__login__in__db ul { list-style: none; margin: 0; padding: 0; }

.dtkframebar__user__login__in__db ul li { margin: 0; }

.dtkframebar__user__login__in__db ul li > a { padding: 10px 20px; display: block; color: #444; font: 14px "Montserrat", sans-serif; }

.dtkframebar__user__login__in__db ul li > a:hover { background: #eee; }

.dtkframebar__user__login__in__db ul li:last-child { border-top: 1px solid #E5E5E5; }

.dtkframebar__user__login__in__db .allobank__container { background: #fff; filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08)); padding: 6px 0px; display: grid; grid-auto-flow: column; grid-auto-columns: 33%; grid-auto-columns: calc(100% / 3); color: #6C6D6D; font-size: 10px; min-width: 340px; }

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

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

.dtkframebar__user__login__in__db .allobank__content { color: #3F3F3F; height: 20px; display: flex; align-items: center; }

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

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

.dtkframebar__user__login__in__db .allobank__cta, .dtkframebar__user__login__in__db .allobank__cta:hover, .dtkframebar__user__login__in__db .allobank__cta:active, .dtkframebar__user__login__in__db .allobank__cta:focus { color: #F38000; font-size: 10px; padding: 0; text-align: center; }

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

.dtkframebar__user__login__in__db .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); }

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

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

.dtkframebar__user__login__in__db .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; }

.dtkframebar__user__login__in__db .allobank__toogle { display: none; }

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

.dtkframebar__user__login__in__db .allobank__toogle:checked ~ .allobank__balance--number.alt { color: #F38000; }

.dtkframebar__user__login__in__db .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; }

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

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

.dtkframebar__user__login__in__db .allobank__reload { display: grid; grid-auto-flow: column; align-items: center; gap: 4px; color: #F38000; cursor: pointer; }

.dtkframebar__user__login__in__db .allobank__reload label { font-size: 10px; cursor: pointer; }

.dtkframebar__user__login__in__db .allobank__reload .icon__reload { width: 12px; height: 12px; background-size: contain; overflow: hidden; text-indent: -99999px; border: 0; z-index: 1; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTk1Ni45LDEyNS41bC03MS43LDcxLjdjLTM5LjItNDkuOC04OC05MS45LTE0My4yLTEyMy4zQzY2OC42LDMyLjEsNTg0LjksMTAsNTAwLDEwYy02Ni4xLDAtMTMwLjMsMTMtMTkwLjgsMzguNWMtNTguNCwyNC43LTExMC44LDYwLTE1NS43LDEwNWMtNDUsNDUtODAuMyw5Ny40LTEwNSwxNTUuN0MyMywzNjkuNywxMCw0MzMuOSwxMCw1MDBjMCw2Ni4xLDEzLDEzMC4zLDM4LjUsMTkwLjhjMjQuNyw1OC40LDYwLDExMC44LDEwNSwxNTUuN2M0NSw0NSw5Ny40LDgwLjMsMTU1LjcsMTA1QzM2OS43LDk3Nyw0MzMuOSw5OTAsNTAwLDk5MGM4Ny42LDAsMTczLjYtMjMuNCwyNDguNy02Ny43YzcyLjgtNDMsMTMzLjYtMTA0LjQsMTc1LjktMTc3LjZjMTkuMy0zMy41LDcuOS03Ni4zLTI1LjYtOTUuNmMtMzMuNS0xOS4zLTc2LjMtNy45LTk1LjYsMjUuNmMtMzAuMiw1Mi40LTczLjcsOTYuMy0xMjUuOCwxMjdDNjI0LDgzMy4zLDU2Mi42LDg1MCw1MDAsODUwYy05My41LDAtMTgxLjQtMzYuNC0yNDcuNS0xMDIuNUMxODYuNCw2ODEuNCwxNTAsNTkzLjUsMTUwLDUwMGMwLTkzLjUsMzYuNC0xODEuNCwxMDIuNS0yNDcuNUMzMTguNiwxODYuNCw0MDYuNSwxNTAsNTAwLDE1MGM2MC43LDAsMTIwLjUsMTUuOCwxNzIuOCw0NS42YzQ0LjMsMjUuMiw4Mi45LDYwLjEsMTEyLjUsMTAxLjZsLTk5LjgsOTkuOGMtMTguMywxOC4zLTEyLjEsMzMuMSwxMy43LDMzLjFIOTU1YzE5LjQsMCwzNS0xNS43LDM1LTM1LjFWMTM5LjJDOTkwLDExMy40LDk3NS4yLDEwNy4zLDk1Ni45LDEyNS41eiIvPjwvZz4NCjwvc3ZnPg=="); filter: invert(43%) sepia(79%) saturate(1124%) hue-rotate(8deg) brightness(104%) contrast(101%); }

.dtkframebar__user__login:hover h4 { color: #F63F2D; }

.dtkframebar__user__login:hover .dtkframebar__caret-down:before { border-top: 5px solid #F63F2D; }

@media (min-width: 300px) and (max-width: 640px) { .dtkframebar__user__login { padding: 7px 0 8px 10px; position: inherit; }
  .dtkframebar__user__login .dtkframebar__btn { font-size: 11px; padding: 7px 10px; }
  .dtkframebar__user__login .dtkframebar__btn:last-child { margin-right: 10px; }
  .dtkframebar__user__login .dtkframebar__btn:first-child { display: none; }
  .dtkframebar__user__login__in h4 { display: none; }
  .dtkframebar__user__login__in__db { width: 100%; } }

.dtkframebar__user__login__cookies { position: absolute; left: 0; top: 46px; text-align: left; cursor: default; display: block; }

.dtkframebar__user__login__cookies-wrapper { background: #f7f7f7; width: auto; border-top: 8px solid #F63F2D; position: relative; z-index: 8; padding: 20px; }

.dtkframebar__user__login__cookies-wrapper p { font: 300 15px "Montserrat", sans-serif; color: #444; text-align: center; }

.dtkframebar__user__login__cookies-wrapper a { color: #244B9C; display: block; text-decoration: underline; text-align: center; }

.dtkframebar__user__login__cookies-wrapper .dtkframebar__btn { display: block; margin: 20px 0 0; padding: 8px 0; text-decoration: none; font-size: 15px; }

.dtkframebar__user__login__cookies:after { content: ''; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 7; top: 46px; left: 0; }

.ac_results { padding: 0px; border: 0px solid #ccc; overflow: hidden; background-color: #fff; z-index: 99999; width: 298px !important; font-family: helvetica, arial; -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2); position: fixed !important; }

.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }

.ac_results iframe { display: none; display: block; position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); width: 3000px; height: 3000px; }

.ac_results li { margin: 0px; padding: 8px 13px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 14px; overflow: hidden; color: #525252; font-family: helvetica, arial; }

.ac_loading { background: #AFD2FD url("img/loader.gif") right center no-repeat; }

.ac_input { padding: 5px; border: 1px solid #ccc; }

.ac_over { background-color: #e6e6e6; color: black; }

#modal-coupon { overflow-y: hidden; }

#modal-coupon .modal-body { overflow-y: hidden; }

.btn--coupon-modal { background: #FFBC25; border-radius: 24px; color: #333333; font-weight: 600; font-size: 12px; min-width: 70%; border: 0; padding: 8px 16px; display: inline-block; cursor: pointer; }

.btn--coupon-modal:hover { color: inherit; }

/* modal part */
#modal-background { display: none; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 25; }

#modal-allobank { background: #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 316px; width: min-content; padding: 20px; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); font-weight: 600; font-size: 14px; line-height: 17px; color: #333; animation-name: animatemodal; animation-duration: 0.4s; font-family: 'Inter', sans-serif; }

.close-x { position: absolute; top: 19px; right: 19px; display: block; color: #afafaf; font-size: 27px; font-weight: normal; cursor: pointer; z-index: 2; }

@keyframes animatemodal { from { top: -300px;
    opacity: 0; }
  to { top: 50%;
    opacity: 1; } }

.loader-content-allo { display: inline-block; position: relative; width: 50px; height: 10px; overflow: hidden; }

.loader-content-allo div { display: inline-block; position: absolute; left: 8px; width: 7px; background: #F38000; animation: loader-content-allo 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.loader-content-allo div:nth-child(1) { left: 10%; animation-delay: -0.30s; }

.loader-content-allo div:nth-child(2) { left: 30%; animation-delay: -0.24s; }

.loader-content-allo div:nth-child(3) { left: 49%; animation-delay: -0.18s; }

.loader-content-allo div:nth-child(4) { left: 67%; animation-delay: -0.10s; }

.loader-content-allo div:nth-child(5) { left: 86%; animation-delay: 0; }

@keyframes loader-content-allo { 0% { top: 0;
    height: 10px; }
  50%, 100% { top: 5px;
    height: 3px; } }