body { margin: 0px; /*font-family: 'Inter-Regular';*/ font-family: 'Inter', sans-serif; font-size: 18px; }
table { padding: 0px; margin: 0px; }
td { vertical-align: top; padding: 0px; }
p { margin-top: 0px; margin-bottom: 0px; }
a, a:hover, a:focus { color: inherit; text-decoration: none; }
img { max-width: 100%; }
input[type="text"], input[type="password"] { outline: none; }
input[type="text"]:focus, input[type="password"]:focus { -webkit-box-shadow: inherit; box-shadow: inherit; border: inherit }
input[type="password"] { font-family: inherit; }
textarea { outline: none; }
h1, h2, h3, h4 { margin: 0; }
h2 { }
ul { list-style: none; padding: 0; }
button { -webkit-appearance: none; background: transparent; border: 0; }

#GridContent { min-height: 100vh; }
#closeAccess { position: fixed; right: 40px; margin-top: -10px; padding: 0; max-width: 15px; display: none; }

@media(max-width:767px) {
    #closeAccess { display: none !important; }
}
/*FORMS*/
form label.error { position: absolute; left: 15px; font-size: 65%; top: 5px; color: #d63fa1; }
.mrw-dynamic-form .form-messages .loading, .mrw-dynamic-form .form-messages .success, .mrw-dynamic-form .form-messages .error { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0; right: 0; }
.f-h.p-vert { height: 100%; width: 100%; }

.mrw-dynamic-form#blog-form .form-messages { background: #121212; color: #ffffff; }
.mrw-dynamic-form#footer-form .form-messages { background: #0D0D0D; color: #ffffff; }
.mrw-dynamic-form#blog-form .form-messages, .mrw-dynamic-form#blog-form .form-messages .loading, .mrw-dynamic-form#blog-form .form-messages .success, .mrw-dynamic-form#blog-form .form-messages .error { color: inherit; font-size: 140%; font-family: 'Inter', sans-serif; font-weight: 800; }

form#footer-form { position: relative; }
.mrw-dynamic-form#blog-form .form-messages .success span { margin-top: 15px; font-size: 80%; }
.mrw-dynamic-form#footer-form .form-messages, .mrw-dynamic-form#footer-form .form-messages .loading, .mrw-dynamic-form#footer-form .form-messages .success, .mrw-dynamic-form#footer-form .form-messages .error { color: inherit; font-size: 110%; font-family: 'Inter', sans-serif; font-weight: 800; }


@font-face { font-family: 'NarkissBlockDigibank-Extralight'; src: url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Extralight.eot'); src: url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Extralight.eot?#iefix') format('embedded-opentype'), url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Extralight.woff') format('woff'), url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Extralight.ttf') format('truetype'); }
@font-face { font-family: 'NarkissBlockDigibank-Regular'; src: url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Regular.eot'); src: url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Regular.woff') format('woff'), url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Regular.ttf') format('truetype'); }
@font-face { font-family: 'NarkissBlockDigibank-Medium'; src: url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Medium.eot'); src: url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Medium.woff') format('woff'), url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Medium.ttf') format('truetype'); }
@font-face { font-family: 'NarkissBlockDigibank-Semibold'; src: url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Semibold.eot'); src: url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Semibold.woff') format('woff'), url('../fonts/NarkissBlockDigibank/NarkissBlockDigibank-Semibold.ttf') format('truetype'); }
@font-face { font-family: 'Inter-Regular'; src: url('../fonts/Inter/Inter-Regular.eot'); src: url('../fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter/Inter-Regular.woff') format('woff'), url('../fonts/Inter/Inter-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Inter-ExtraBold'; src: url('../fonts/Inter/Inter-ExtraBold.eot'); src: url('../fonts/Inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter/Inter-ExtraBold.woff') format('woff'), url('../fonts/Inter/Inter-ExtraBold.ttf') format('truetype'); }


h1 { font-family: 'Inter', sans-serif; font-weight: 800; }
h2 { font-family: 'Inter', sans-serif; font-weight: 800; }

.absoluteCenter { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.generalBtn { display: inline-block; background: #007aff; color: #fff; border-radius: 10px; font-size: 90%; font-family: 'Inter', sans-serif; height: 42px; line-height: 42px; width: auto; padding: 0 16px; min-width: 177px; text-align: center; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.generalBtn .arrow { height: 14px; position: relative; top: 3px; }
.generalBtn svg { fill: #fff; transform: rotate( 180deg ); }
.generalBtn.lineBtn { border: 2px solid #007aff; background-color: transparent; padding: 0; border-radius: 13px; }
.generalBtn .arrow { display: inline-block; width: 18px; height: 18px; margin-right: 2px; margin-bottom: -1px; }
.generalBtn:hover .arrow { animation: move-aside 1.4s linear infinite; }
.generalBtn:hover, .generalBtn:active { color: #fff; }
.generalBtn.blackBtn { background: #000000; }
.generalBtnStroke { border: 1px solid #fff; background-color: transparent; transition: background-color 350ms ease-in-out, color 350ms ease-in-out; }
.generalBtnStroke:hover { background-color: #007aff; border-color: #007afe; }

.btnsWrapper { margin-top: 15px; }
.btnsWrapper button { margin-right: 10px; }
.btnsWrapper button:last-child { margin-left: 0; }

.generalBtn span.svgIcon { display: inline-block; vertical-align: middle; margin-left: 9px; }
.generalBtn span.svgIcon svg { display: inline-block; vertical-align: middle; transform: rotate( 0deg ); }

@media(max-width: 767px ) {
    .btnsWrapper button { margin-left: 0; margin-bottom: 10px; min-width: 200px; }
}

.FadeInElement { opacity: 0; transform: translate(0, 30px); -webkit-transform: translate(0, 30px); transition: all 1000ms cubic-bezier(.17,.67,.83,.67); -webkit-transition: all 1000ms cubic-bezier(.17,.67,.83,.67); transition-duration: 1s; -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); }
.FadeInElement.showItem { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.FadeInElement.afterShowItem { opacity: 0; transform: translate(0, -30px); -webkit-transform: translate(0, -30px); }
.text-center { text-align:center}
.max-width { max-width: 1170px; width: 90%; }
.margin-auto { margin: auto; }

.footer-inner { display: flex; flex-wrap: wrap; }
.footer-logo { width: 13%; }
.footer-links { display: flex; flex-wrap: wrap; width: 67%; }
.footer-contact { width: 20%; }
.footer-social-nav { display: flex; margin-top: 20px; align-items: center; }
.footer-social-nav li { margin-left: 17px; }
.footer-stores-nav { width: 100%; display: flex; }
.footer-stores-nav li { }
.footer-stores-nav li img { width: 100%; }
.footer-stores-nav li:first-child { margin-right: 10px; }
footer { padding: 70px 15px; color: #fff; }
footer .nav-item { font-size: 70%; margin-bottom: 17px; }
footer .nav-item a { color: #fff; }
footer .nav-item-title { font-size: 65%; opacity: 0.6; margin-bottom: 13px; }
footer .footer-nav { width: 33.33%; }
footer .bank-israel { color: #6a6a6a; }
.footer-tnc { opacity: 0.5; font-size: 65%; padding-right: 155px; margin-top: 25px; }
footer .form-title { font-size: 70%; line-height: 1.21; margin-bottom: 5px; width: 100%; }
.footer-stores .stores-title { font-size: 70%; margin-top: 14px; margin-bottom: 5px; }
footer #email { background-color: #000; border: solid 1px #353535; border-radius: 8px; width: 188px; width: 80%; margin-left: 4%; }
footer form { display: flex; flex-wrap: wrap; }
footer form .form-submit { width: 16%; min-width: 0; border-radius: 7px; height: 35px; padding: 0; }
.footer-social { margin-top: 0px; }
.footer-stores-nav a { pointer-events: none; }


/*------------------------------------*\
    #modal
\*------------------------------------*/

.modal-vertical-align { display: table; height: 100%; width: 100%; /*pointer-events: none;*/ }
.vertical-align-center { display: table-cell; vertical-align: middle; /*pointer-events: none;*/ text-align: center; }

/*------------------------------------*\
    PopUp Feature
\*------------------------------------*/
#popup-modal.modal { padding: 0 !important; }
#popup-modal .vertical-alignment-helper { display: table; height: 100%; width: 100%; }
#popup-modal .vertical-align-center { display: table-cell; vertical-align: middle; z-index: 99999; }
#popup-modal .modal-header { border: none; padding: 0px; }
#popup-modal .close { display: block; float: none; margin: 0 auto; opacity: 1; right: auto; position: absolute; left: 50%; top: -50px; background: no-repeat; border: none; width: 40px; height: 40px; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: auto; }
#popup-modal .close svg { width: 100%; height: 100%; }
#popup-modal .close span { color: #fff; }
#popup-modal .modal-body { text-align: center; padding: 0 15px; }
#popup-modal .modal-content { border: 0px; background-color: transparent; border-radius: 0px; -webkit-box-shadow: none; width: auto; max-width: 90vw; margin: 0 auto; }
.vertical-alignment-helper { display: table; height: 100%; width: 100%; }
.vertical-align-center { display: table-cell; vertical-align: middle; }


@media(max-width:767px) {
    #popup-modal .close { width: 30px; height: 30px; }
}


#popup-modal2.modal { padding: 0 !important; }
#popup-modal2 .vertical-alignment-helper { display: table; height: 100%; width: 100%; }
#popup-modal2 .vertical-align-center { display: table-cell; vertical-align: middle; z-index: 99999; max-width: 700px; background-color: transparent; margin: 0; }
#popup-modal2 .modal-header { border: none; padding: 0px; }
#popup-modal2 .close-modal { display: block; float: none; margin: 0 auto; opacity: 1; right: auto; position: absolute; left: 50%; top: -50px; background: no-repeat; border: none; width: 40px; height: 40px; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: auto; }
#popup-modal2 .close-modal svg { width: 100%; height: 100%; }
#popup-modal2 .close-modal span { color: #fff; }
#popup-modal2 .modal-body { text-align: center; padding: 0 15px; color: #fff; direction: ltr; font-family: 'NarkissBlockDigibank-Extralight'; height: 700px; background-color: transparent; padding: 20px 80px; }
#popup-modal2 .modal-body h2 { font-size: 95%; font-family: inherit; direction: ltr; font-weight: normal; display: block; text-align: center; margin: 0 auto; }
#popup-modal2 .modal-body img { max-height: 75vh; }
#popup-modal2 .modal-content { border: 0px; background-color: transparent; border-radius: 0px; -webkit-box-shadow: none; width: auto; max-width: 90vw; margin: 0 auto; }
#popup-modal2 .pop-up-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; }
#popup-modal2 video { max-width: 100%; }
#popup-modal2 .video-play-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
#popup-modal2 .video-wrapper { position: relative; margin-top: 20px; }
#popup-modal2 .video-wrapper .video-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; }
.vertical-alignment-helper { display: table; height: 100%; width: 100%; }
.vertical-align-center { display: table-cell; vertical-align: middle; }


@media(max-width:767px) {
    #popup-modal2 .close { width: 30px; height: 30px; }
    #popup-modal2 .modal-body { height: auto; padding: 10px; }
    #popup-modal2 .modal-body img { max-height: 100px; }
    #popup-modal2 .modal-body h2, #popup-modal2 .modal-body p { font-size: 85%; }
    #popup-modal2 .modal-body p { margin-bottom: 10px }
}

/*Inner pages*/
/*.headline h1 { font-family: 'NarkissBlockDigibank-Medium'; font-size: 295%; }*/


/* 
* Content / Complex page
*/

/*pdf link*/
span.pdfLink { display: block; margin-top: 15px; }
span.pdfLink::before { content: ''; display: inline-block; width: 20.5px; height: 26px; vertical-align: middle; margin-right: 10px; background-image: url('../../Content/images/pdf-ico.svg'); background-size: 100%; }
span.pdfLink a { font-family: 'Inter', sans-serif; font-weight: 800; font-size: 16px; text-decoration: underline; display: inline-block; vertical-align: middle; }

.MainWrapper.main-content-layout { margin-top: 190px; margin-bottom: 90px; }
.main-content { font-family: 'Inter', sans-serif; font-size: 16px; }
.main-content .headline h1 { font-size: 50px; margin-bottom: 30px; font-weight: 800; max-width: 640px; }
.headline.hasSubheadline h1 { margin-bottom: 0; }
.headline.hasSubheadline h2 { margin-bottom: 30px; }
.main-content h3 { font-size: 26px; }
.main-content h4 { font-size: 21px; margin-bottom: 15px; }
.main-content h5 { font-size: 17px; }
.main-content p { font-size: 16px; }
.main-content strong { font-family: 'Inter', sans-serif; font-weight: normal; }
.main-content .contentText { margin-top: 0; max-width: 100%; }
.main-content .contentText ul li::before { content: ""; position: absolute; width: 8px; height: 8px; background: #007aff; border-radius: 50%; margin-right: 6px; top: 5px; left: 0; }
.main-content .contentText ul li { position: relative; padding-left: 15px; margin-top: 10px; }

.tabText p { font-size: 15px; }
.text-content { margin-bottom: 30px; }
.tabs-content > li { margin-bottom: 35px; }
.tabs-content .tabText { font-size: 15px; line-height: 1.5; padding-right: 15px; }


@media (max-width: 767px) {
    .MainWrapper.main-content-layout { margin-top: 115px; }
    .main-content .headline h1 { font-size: 28px; margin-bottom: 15px; }
    .main-content h3 { font-size: 20px; }
    .main-content h4 { font-size: 17px; }
    .headline.hasSubheadline h2 { font-size: 24px; }
    .headline.hasSubheadline h1 { margin-bottom: 0; }
}


/*
* Blog
*/
main.blogWrapper { overflow: hidden; }

.TopBanner { height: 350px; background: #000000; margin-top: 90px; color: #ffffff; text-align: center; }
.TopBanner .blog-tags a { background-color: rgb(219 219 219 / 50%); color: #000; line-height: 18px; }
.TopBanner .subheadline h2 { font-size: 100%; font-family: inherit; max-width: 90%; line-height: 1.2; }
/*.TopBanner .blog-tags a { background-color: rgb(219 219 219 / 50%); color: #000; line-height: 18px; padding: 0; }
.TopBanner .blog-writer { margin-top: 75px; }
.TopBanner .TopBannerContent { max-width: 700px; margin: 0px auto; padding-top: 50px; }
.TopBanner .headline h1 { font-size: 250%; line-height: 1; }
    */

/*blog-post-banner*/
.blog-post-banner { display: flex; align-items: center; justify-content: center; position: relative; background-position: bottom center; background-size: cover; }
.blog-post-banner.TopBanner .subheadline h2 { max-width: 100%; margin-bottom: 35px; }
.blog-post-banner .TopBannerContent { max-width: 700px; }
.blog-post-banner .headline { margin-bottom: 10px; }
.blog-post-banner .headline h1 { font-size: 250%; }
.blog-post-banner .blog-writer { margin-top: 75px; }
.blog-post-banner .top-content { z-index: 1; }
.blog-post-banner .bottom-content { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 1; }

.blog-post-banner.hasBannerImg:before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: #000; width: 100vw; height: 100%; opacity: 0.3; z-index: 1; }

.TopBanner.blog-lobby-banner { display: flex; align-items: center; justify-content: center; background-size: cover; background-position: bottom; }
.blog-lobby-banner .headline { margin-bottom: 20px; max-width: 630px; }
.blog-lobby-banner .headline h1 { line-height: 1.4; }

.registration-form { position: relative; width: 470px; /*height: 40px;*/ border-radius: 6px; overflow: hidden; /*box-shadow: -30px 30px 30px 0 #000;*/ margin: 0 auto; font-size: 75%; }
.registration-form input { background-color: #3d3d3d; border: none; width: 100%; height: 100%; padding-right: 10px; }
.registration-form button { position: absolute; right: 0; width: 100px; height: 100%; background-color: #007aff; }
.mrw-dynamic-form#blog-form-bottom { position: unset; width: 465px; }
.mrw-dynamic-form#blog-form-bottom .form-group { position: relative; margin: 0; }
.mrw-dynamic-form#blog-form-bottom .form-messages { background-color: #fff; border: solid 2px #e6e6e6; border-radius: 10px; background-image: none; }
.mrw-dynamic-form#blog-form-bottom .form-messages .success img { max-width: 480px; }
.mrw-dynamic-form#blog-form-bottom .form-messages .success { font-size: 175%; color: #333; }
.mrw-dynamic-form#blog-form-bottom .form-messages .success span { margin-top: 20px; }
form#blog-form input { height: 42px; color: #ffffff; }
form#blog-form button.form-submit.generalBtn { position: relative; right: 0; min-width: 0; padding: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: 100%; font-family: inherit; }
form#blog-form .form-group { position: relative; }
form#blog-form .blog-submit { position: absolute; right: 15px; padding: 0; width: 100px; border-radius: 0; }
form#blog-form label.error { left: 130px; }

@media(max-width:767px) {
    form#blog-form .blog-submit { position: unset; width: auto; right: auto; padding: 0 15px; margin: 0 auto; float: none; }
    form#blog-form button.form-submit.generalBtn { min-width: 177px; border-radius: 10px; }
}

/*blog-single-box*/
.blog-posts { display: flex; flex-wrap: wrap; }
.blog-posts .blogBox .blog-image-container { padding-bottom: 66%; margin-bottom: 15px; }

.blogBox { position: relative; width: 100%; height: 100%; overflow: hidden; text-align: left; margin-bottom: 60px; }
.blogBox .blog-image-container { border-radius: 6px; padding-bottom: 31%; position: relative; overflow: hidden; display: inline-block; vertical-align: middle; width: 100%; }
.blogBox .blog-image-container .blog-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); min-width: 100%; margin-bottom: 15px; }
.blogBox .blog-image img { width: 100%; height: auto; }
.blogBox h3.blog-title { font-family: 'Inter', sans-serif; font-weight: 800; font-size: 100%; margin-bottom: 15px; line-height: 1.3; max-width: 100%; display: -webkit-box; /*-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;*/ min-height: 52px; }
.blogBox .blog-subtitle { font-size: 80%; line-height: 1.3; font-family: 'NarkissBlockDigibank-Extralight'; }
.blogBox .blog-box-bottom { display: flex; margin-bottom: 15px; align-items: center; }
.blogBox .blog-date { font-size: 70%; color: #7e7e7e; }
.blogBox .blog-writer { margin-right: 15px; position: relative; }
.blogBox .blog-writer:after { content: ""; position: absolute; height: 15px; width: 2px; background: #7e7e7e; left: -8px; top: 6px; }

.blog-tags { line-height: 1; }
.blog-tags a { padding: 3px 12px 4px; border-radius: 1000px; background-color: #dbdbdb; display: inline-block; font-size: 65%; text-align: center; color: #7e7e7e; margin-left: 5px; }
.blog-writer { font-size: 70%; }
.blog-writer span { display: inline-block; vertical-align: middle; }
.blog-writer img { width: 30px; height: 30px; border-radius: 50%; }
.blog-writer span:first-child { margin-right: 5px; }

/* blog-single-post*/
main.blog-single-post { margin-top: 115px; }

.blog-single-post .fullText h2,
.blog-single-post .fullText h3,
.blog-single-post .fullText h4 { font-family: 'Inter', sans-serif; font-weight: 800; margin-bottom: 5px; }

.blog-single-post .summary { margin-bottom: 30px; font-family: 'Inter', sans-serif; font-weight: 800; }
.blog-single-post .fullText blockquote { border-left: none; box-shadow: 0 0 30px 0 rgb(0 122 255 / 26%); background-color: #ffffff; padding: 24px 20px; font-family: 'Inter', sans-serif; font-weight: 800; font-size: 20px; line-height: 1.3; text-align: center; margin: 60px 0; }
.blog-single-post .fullText { font-family: 'Inter', sans-serif, serif; max-width: 650px; margin: 0 auto 95px; position: relative; }
.blog-single-post .fullText h2 { font-size: 130%; margin-bottom: 15px; }
.blog-single-post .fullText h3 { font-size: 105%; }
.blog-single-post .fullText h4 { font-size: 85%; }
.blog-single-post .fullText .mainText > p { font-size: 85%; }
.blog-single-post .fullText .mainText > p a { color: #007aff; text-decoration: underline; }
.blog-single-post .fullText .mainText strong { font-weight: normal; font-family: 'Inter', sans-serif; font-weight: 500; }

.ivritamenu { max-width: 790px; margin: 0 auto 20px; font-size: 70%; }
.ivritamenu a { margin-right: 10px; }
.ivritamenu a:before { content: attr(data-icon); padding-left: 0.2em; }
.ivritamenu a.active { font-weight: bold; color: #007aff; }

.shareBox { display: block; margin-bottom: 10px; }
.shareBox img { max-width: 30px; }
.shareBoxes { position: absolute; margin-left: -70px; top: 0px; }
.shareBoxes.affix { position: fixed; top: 110px; }

@media(max-width:1250px) {
    .shareBoxes { }
}

@media(max-width:991px) {
    .shareBoxes { position: fixed; right: 0; bottom: 0; width: 100%; text-align: center; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; padding: 10px 0; top: auto; z-index: 2; margin: 0; }
    .shareBox { display: inline-block; margin: 0 10px; }
    .shareBox img { max-width: 30px; }
}

/*blog categories*/

/*blog tags*/
.blogCats { margin-top: 35px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; padding-bottom: 40px; border-bottom: none; }
ul.blogCatsList { list-style: none; padding: 0; margin: 0; text-align: center; font-size: 80%; }
ul.blogCatsList li { display: inline-block; vertical-align: middle; margin-right: 12px; }
ul.blogCatsList li button { border-radius: 10px; background-color: #ececec; min-width: 100px; padding: 10px 15px 8px; transition: all 350ms ease-in-out; }
ul.blogCatsList li button:focus, ul.blogCatsList li button:hover, ul.blogCatsList li button.active { background: #007aff; color: #ffffff; outline: none; }


.categories { position: relative; }
.categories .blogSearch { position: absolute; right: 0; top: 0; width: 40px; transition: 1s all ease-in; }
.blogCats .blogSearch.active { width: 300px; transition: 1s all ease-out; }
.blogCats .blogSearch { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: #fff; box-sizing: border-box; border-radius: 25px; border: 2px solid #000; padding: 5px; transition: 1s ease all; }
.blogCats .blogSearch input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 30px; outline: 0; border: 0; display: none; border-radius: 20px; padding: 0 25px; font-size: 75%; }
.blogCats .search-btn { box-sizing: border-box; width: 100%; height: 34px; max-width: 34px; position: absolute; top: 50%; right: 2px; transform: translateY(-50%); border-radius: 50%; color: #07051a; text-align: center; transition: all 1s; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.blogCats .blogSearch.active input { display: block; }
.blogCats .blogSearch.active .search-btn { cursor: pointer; }

.blogSearch .close-btn { display: none; cursor: pointer; }
.blogSearch.active .close-btn { display: block; position: absolute; font-size: 80%; top: 56%; transform: translateY(-50%); left: -21px; }

/*blog-releated-posts*/
.relatedPosts h2 { font-family: 'Inter', sans-serif; font-weight: 800; font-size: 250%; max-width: none; margin-bottom: 45px; color: #000; text-align: center; }


/*blog bottom form*/
.form-blog-bottom { position: relative; margin-top: 30px; }
.form-blog-bottom-inner { padding: 40px 65px 20px; border: solid 2px #e6e6e6; background-color: #ffffff; border-radius: 10px; }
.blog-single-post .fullText .form-blog-bottom-title h2 { font-size: 130%; font-family: 'Inter', sans-serif; font-weight: 800; text-align: center; line-height: 1.19; max-width: 410px; margin: 0 auto 15px; }
#blog-form-bottom .blog-submit { position: absolute; right: 0; padding: 0; width: 100px; }
#blog-form-bottom.registration-form input[type="text"] { background-color: #ececec; height: 40px; }
#blog-form-bottom.registration-form button { border-top-left-radius: 0; border-bottom-left-radius: 0; min-width: 0; height: 40px; }
#blog-form-bottom.mrw-dynamic-form label:not(.error) { color: inherit; }
#blog-form-bottom .checkboxWrapper { margin-top: 10px; }
#blog-form-bottom.mrw-dynamic-form input[type=checkbox] { margin-left: 4px; }

@media(max-width:767px) {
    .form-blog-bottom-inner { padding: 20px; }
    #blog-form-bottom.registration-form { width: 100%; }
    #blog-form-bottom .checkboxWrapper { margin-bottom: 20px; }
    #blog-form-bottom .blog-submit { position: unset; width: 100%; text-align: center; }
    #blog-form-bottom.registration-form button { position: unset; border-radius: 10px; }
}


@media(max-width:991px) {
    footer { padding: 35px 15px; }
    .footer-logo { width: 100%; text-align: center; margin-bottom: 35px; }
    .footer-contact { width: 33%; }
    .footer-tnc { padding: 0; }
}

@media(max-width:767px) {
    .footer-contact { width: 100%; order: 1; }
    .footer-links { width: 100%; order: 2; }
    footer .footer-nav { width: 100%; }
    .footer-tnc { order: 3; }
    .footer-social-nav { justify-content: center; }
    form#blog-form .recaptcha-input-wrapper { margin-top: 15px; }
}

.modal .close svg { width: 42px; height: 42px; display: inline-block; vertical-align: middle; margin-left: 4px; opacity: 0.6; }
.modal .close { float: none; opacity: 1; text-shadow: none; font-weight: normal; color: #fff; position: absolute; right: 5px; top: 5px; z-index: 100000; }
.modal-content { background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; width: 100%; }
.modal.in .modal-dialog, .modal.fade .modal-dialog { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; max-width: 800px; }
.modal-backdrop.in { opacity: 0.7; cursor: pointer; }
.modal .close .closeText { vertical-align: middle; font-size: 70%; opacity: 0.6; }
.modal-backdrop { position: fixed; z-index: 1; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; }
.modal-backdrop.in { opacity: 1; pointer-events: auto; }
.modal.in .modal-content { -webkit-animation-name: anim-open; animation-name: anim-open; }
.modal-open .modal.fade.in:after { content: ""; background: rgb(0 0 0 / 50%); position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; }

@media(max-width:991px) {
    .modal-content { width: 90%; }
}

@media(max-width:767px) {
    .modal .close { top: -40px; }
}

.mrw-dynamic-form .form-group { margin-bottom: 0; }
.mrw-dynamic-form .form-messages,
.mrw-dynamic-form .form-messages .loading,
.mrw-dynamic-form .form-messages .success,
.mrw-dynamic-form .form-messages .error { display: none; color: #ffffff; z-index: 9999; font-size: 110% }
.mrw-dynamic-form .form-messages .success { font-size: 170%; font-family: 'Inter', sans-serif; font-weight: 800; color: #ffffff; }
.mrw-dynamic-form .form-messages .success img { width: 85%; max-width: 600px; }
.mrw-dynamic-form .form-messages .success span { display: block; line-height: 1; margin-top: 35px; }
.mrw-dynamic-form span.error { position: absolute; }
.mrw-dynamic-form .form-messages { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: #1a1a1a; background-image: url(../Content/images/register-pop-bg-new.png); background-size: cover; }

@media(max-width:767px) {
    .mrw-dynamic-form .form-messages .success { font-size: 130%; }
    .mrw-dynamic-form .form-messages .success span { margin-top: 15px; }
}

input[type=number] { -moz-appearance: textfield; }

/*#register-pop .register-title img { max-width: 834px; }
#register-pop h4 { font-family: 'NarkissBlockDigibank-Semibold'; color: #fff; font-size: 120%; margin: 0; line-height: 1.21; margin-top: 47px; }
#register-pop h5 { line-height: 1.2; font-size: 90%; opacity: 0.6; color: #fff; margin: 0 0 20px 0; }
#register-pop input[type="text"] { background-color: #444444; border: none; border-radius: 6px; height: 40px; }
#register-pop.modal.in .modal-dialog, #register-pop.modal.fade .modal-dialog { max-width: 996px; }
#register-pop #register-form { }

#register-pop .all-content { background-image: url('../content/images/register-pop-bg.png'); background-size: cover; background-color: #1a1a1a; padding: 90px 40px; text-align: center; box-shadow: 0 0 99px 0 rgba(59, 223, 255, 0.2); }
#register-pop .all-content h3 { text-transform: uppercase; background: -webkit-linear-gradient(0deg, #78293B, #B73A82,#4454B0,#0A52A0, #113660 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Inter-ExtraBold'; font-size: 380%; }
#register-form-pop .generalBtn { margin-top: 30px; min-width: 149px; }
#register-form-pop .form-group > div { padding: 0 10px; }*/

.blackPop .register-title img { max-width: 834px; }
.blackPop h4 { font-family: 'Inter', sans-serif; color: #fff; font-size: 120%; margin: 0; line-height: 1.21; margin-top: 40px; margin-bottom: 15px; }
.blackPop h5 { line-height: 1.2; font-size: 85%; opacity: 0.6; color: #fff; margin: 0 0 20px 0; }
.blackPop input[type="text"], .blackPop input[type="number"], .blackPop textarea { background-color: #444444; color: #ffffff; border: none; border-radius: 6px; height: 40px; }
.blackPop.modal.in .modal-dialog, #register-pop.modal.fade .modal-dialog { max-width: 900px; }
.blackPop #register-form { }
.blackPop { }
.blackPop .all-content { background-image: url('../Content/images/register-pop-bg-new.png'); background-size: cover; background-color: #1a1a1a; padding: 90px 40px; text-align: center; box-shadow: 0 0 99px 0 rgba(59, 223, 255, 0.2); }
.blackPop .all-content h3 { text-transform: uppercase; background: -webkit-linear-gradient(0deg, #78293B, #B73A82,#4454B0,#0A52A0, #113660 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Inter', sans-serif; font-weight: 800; font-size: 380%; }
.blackPopForm .generalBtn { margin-top: 30px; min-width: 149px; }
.blackPopForm .form-group > div { padding: 0 10px; }
.blackPopForm .form-group > div.number-input-wrapper:after { content: ""; position: absolute; width: 25px; height: 25px; background: #444444; top: 7px; right: 18px; }
.blackPop .mrw-dynamic-form .form-group { max-width: 800px; margin: auto; }
.blackPop textarea { height: 120px; margin-top: 20px; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { border: 1px solid #fff; -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #444 inset; transition: background-color 5000s ease-in-out 0s; }


.Grecaptcha { text-align: center; width: 100%; margin-right: auto; margin-left: auto; display: inline-block; }
.Grecaptcha > div { display: inline-block; margin-top: 25px; transform: scale(0.9); -webkit-transform: scale(0.9); -webkit-transform-origin: 0 0; margin-left: 35px; }
.blackPopForm .generalBtn { margin-top: 10px; }
.blackPopForm .Grecaptcha iframe { width: 100%; }

.grecaptcha-badge { position: absolute !important; right: auto !important; bottom: 0 !important; left: 20px; }
.rc-anchor-invisible-nohover .rc-anchor-logo-img-large, .rc-anchor-invisible-hover:hover .rc-anchor-logo-img-large { background-size: 40px; margin: 5px 15px 0 15px; height: 40px; width: 40px; }

.rc-anchor-invisible-nohover .rc-anchor-normal-footer .rc-anchor-pt, .rc-anchor-invisible-hover:hover .rc-anchor-normal-footer .rc-anchor-pt { opacity: 1; }
#footer-form .Grecaptcha > div { transform: scale(0.7) translateX(43%); -webkit-transform: scale(0.7) translateX(43%); margin-top: 15px; max-width: 100%; }

#startup-form-pop.blackPopForm .form-group > .submit-wrapper,
#idea-form-pop.blackPopForm .form-group > .submit-wrapper { margin-top: 20px; }
#startup-form-pop.blackPopForm .form-group > .submit-wrapper,
#idea-form-pop.blackPopForm .form-group > .submit-wrapper { margin-top: 20px; }

@media (max-width:767px) {
    .Grecaptcha { width: 100%; overflow: hidden; }
    .Grecaptcha > div { transform: scale(0.8) translateX(18%); -webkit-transform: scale(0.8) translateX(18%); margin-top: 0; max-width: 100%; }
    .blackPopForm .form-group > div.recaptcha-input-wrapper { margin-bottom: 0; padding-bottom: 0; }
    .blackPopForm .form-group > div.submit-wrapper { margin-top: -5px; }
    .blackPop h5 { margin-bottom: 5px; }
    .g-iframe { left: 0 !important; }
}

@media (max-width:320px) {
    .Grecaptcha > div { transform: scale(0.8) translateX(30%); -webkit-transform: scale(0.8) translateX(30%); }
}


@media(min-width: 1200px) {
    /*blog-posts*/
    .blog-posts.bottomPost .col-sm-4 { padding-right: 20px; padding-left: 20px; }
}

@media(max-width:991px) {
    /*#register-pop .all-content { padding: 60px; }
    #register-pop .register-title img { max-width: 100%; }
    #register-form-pop .form-group > div { margin: 10px 0; }
    #register-form-pop .generalBtn { margin-top: 0; }
    #register-pop h4 { margin-top: 35px; }*/

    .blackPop .all-content { padding: 60px; }
    .blackPop .register-title img { max-width: 100%; }
    .blackPopForm .form-group > div { margin: 10px 0; }
    .blackPopForm .generalBtn { margin-top: 0; }
    .blackPop h4 { margin-top: 35px; }

    .blackPop textarea { margin-top: 0; }
    .blackPop h4 { margin-top: 15px; }
    .blackPop .all-content { padding: 20px; }
    .blackPop h4 { font-size: 100%; }
    .blackPop h5 { font-size: 75%; }
    .blackPop .register-title img { max-height: 26px; max-width: 100%; }
}

@media(max-width:991px) and (min-width:767px) {
    .blackPop h5 { max-width: 70%; margin-right: auto; margin-left: auto; }
}

#register-pop.blackPop h4 { margin-top: 40px; margin-bottom: 20px; }
#register-pop .blackPopForm .form-group > div.checkboxWrapper { margin-top: 20px; margin-bottom: 10px; }
#register-pop .blackPopForm .form-group > div.submit-wrapper { }

@media(max-width:767px) {
    #register-pop.blackPop h4 { max-width: 270px; margin: 20px auto 0; }
    #register-pop .blackPopForm .form-group > div.checkboxWrapper label { line-height: 1.4; }
    #register-pop .blackPopForm .form-group > div.checkboxWrapper { margin-top: 9px; }
}

#register-pop .blackPopForm .form-group > div.checkboxWrapper { margin-bottom: 30px; }

@media(min-width: 768px) {

    .topPosts { margin-bottom: 70px; }
    .topPosts .blogBox { margin-bottom: 0; }

    .topSmallPost .blogBox .blog-image-container { display: inline-block; width: 270px; }
    .topSmallPost .blog-content { display: inline-block; vertical-align: middle; max-width: calc(100% - 300px); margin-left: 20px; }
    .topSmallPost { margin-left: 15px; }
    .topSmallPost .blog-writer { margin-bottom: 15px; }
    .topSmallPost h3.blog-title { line-height: 1.3; }
    .topSmallPost:not(:last-child) { border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 20px; }

    .topLargePost a.blog-image-container { padding-bottom: 67%; }
    .topLargePost .blog-content { position: absolute; color: #fff; z-index: 1; padding-left: 30px; padding-bottom: 30px; bottom: 0; left: 0; padding-right: 30px; }
    .topLargePost .blog-content h3.blog-title { font-size: 150%; line-height: 1.2; }
    .topLargePost .blog-content .blog-tags a { background: rgb(219 219 219 / 20%); color: rgb(255 255 255 / 50%); }
    .topLargePost .blogBox:before { content: ""; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; border-radius: 6px; opacity: 0.6; height: 50%; }
    .topLargePost .blog-writer { color: #fff; margin-bottom: 20px; }
}


@media(max-width: 767px) {
    /*Inner Pages*/
    .TopBanner { margin-top: 65px; }
    .TopBanner .headline h1 { font-size: 140%; }
    .TopBanner .subheadline h2 { font-size: 75%; max-width: 100%; margin-top: 40px; margin-bottom: 40px; }
    .TopBanner .blog-tags a { line-height: 18px; font-size: 60%; }
    .TopBanner .registration-form { width: 80%; padding-bottom: 20px; }
    .TopBannerContent #blog-form label.error#approve-error { top: auto; left: auto; bottom: 0; right: 20px; transform: none; -webkit-transform: none; }
    /*Blog post banner*/
    .blog-post-banner { align-items: center; padding-top: 0; }
    .blog-post-banner .blog-writer { margin-top: 55px; }


    /*
    * Blog
    */

    /*blog-box*/
    .blogBox { margin-bottom: 45px; }
    .blogBox h3.blog-title { min-height: 0; }


    /*blog-head-posts*/
    .topSmallPost { margin-left: 0; }
    .topSmallPost .blog-image-container { width: 100%; display: block; padding-bottom: 0; position: static; }
    .topSmallPost .blog-content { display: block; max-width: 100%; margin-right: 0; }
    .topSmallPost .blog-image-container .blog-image { position: static; transform: none; }

    .topLargePost a.blog-image-container { display: block; padding-bottom: 0; }
    .topLargePost .blog-image-container .blog-image { position: static; transform: none; }
    .topLargePost .blog-content { padding-right: 0; position: static; color: inherit; }
    .topLargePost .blogBox:after { content: none; }
    .topLargePost .blog-content h3.blog-title { font-size: inherit; }

    /*blog-lobby-banner*/
    .TopBanner.blog-lobby-banner { background-image: url(../Content/images/blog-header-mobile.jpg); background-size: cover; min-height: 515px; }
    .TopBanner.blog-lobby-banner .headline h1 { font-size: 150%; padding: 0 15px; }


    /*blog-releated-posts*/
    .relatedPosts h2 { font-size: 175%; margin-bottom: 20px; }

    /* blog-single-post*/
    main.blog-single-post { margin-top: 40px; }

    .blog-single-post .fullText { margin-bottom: 55px; }
    .blog-single-post .fullText blockquote { margin-top: 35px; margin-bottom: 35px; }



    /*blog-categories-filter*/
    .blogCats { margin-top: 10px; margin-bottom: 60px; border-bottom: none; padding-bottom: 0; position: relative; }
    .blogCats .categoriesWrapper { padding: 0; overflow-x: auto; }
    ul.blogCatsList { text-align: left; font-size: 75%; }
    ul.blogCatsList li button { min-width: 70px; padding: 10px 5px 8px; }
    ul.blogCatsList li { margin-left: 10px; margin-right: 0; }
    .blogCats .blogSearch.active { width: 95%; }
    .categories .blogCatsList li { margin: 5px 5px; }
    .blogCats .categories { }
    .blackPop.modal.in .modal-dialog, .blackPop.modal.fade .modal-dialog { width: 100%; margin: 0; }
    .modal .close { width: 100%; text-align: center; display: inline-block; }
    .blackPop textarea { height: 90px; }
    .blogCats .blogSearch { z-index: 7; }
}





::-webkit-scrollbar { width: 3px; height: 2px; }
::-webkit-scrollbar-button { width: 6px; height: 0px; }
::-webkit-scrollbar-thumb { background: #502166; border: 0px none #171717; border-radius: 0px; }
::-webkit-scrollbar-thumb:hover { background: #502166; }
::-webkit-scrollbar-thumb:active { background: #502166; }
::-webkit-scrollbar-track { background: #171717; border: 0px none #171717; border-radius: 0px; }
::-webkit-scrollbar-track:hover { background: #ebebeb; }
::-webkit-scrollbar-track:active { background: #ebebeb; }
::-webkit-scrollbar-corner { background: transparent; }

@-webkit-keyframes anim-open {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); }
}

@keyframes anim-close {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
}


@keyframes move-aside {
    0%, 100% { transform: none; animation-timing-function: cubic-bezier(.215, .61, .355, 1); }
    50% { transform: translateX(3px); animation-timing-function: cubic-bezier(.55, .055, .675, 2); }
}

.podcastLink a { border-bottom: 1px solid #007AFF; font-family: 'Inter', sans-serif; font-weight: 800; }

/*Inner Pages INIT*/

body { background: transparent; overflow: auto; }
footer { background: #0d0d0d; }
header#SiteHeader { background: #000000; }
#SiteGridContainer { float: right; width: 100%; }
.contentText { margin-top: 25px; max-width: 90%; }

@media(max-width: 360px) {
    .TopBanner .registration-form { overflow: hidden; }
    .footer-contact { overflow: hidden; }
    .blog-lobby-banner .headline { margin-right: auto; margin-left: auto; }
    .TopBannerContent { max-width: 100%; }
}


/*.INDDesktop #INDmenu-btn { top: 300px !important; right:0px !important;}*/
.go-to-content { position: fixed; bottom: 20px; right: 30px; z-index: 3; background-color: #000; border: 2px solid #000; color: #fff; opacity: 0.5; font-size: 85%; }

@media(max-width:767px) {
    .go-to-content { display: none; }
}



/*
    CAREER
*/
.TopBanner.career-lobby-banner { display: flex; align-items: center; justify-content: center; background: #1A1A1A; position: relative; direction: ltr; overflow: hidden; overflow-y: visible; z-index: 3; background-image: url(../Content/images/career/banner.jpg); background-size: cover; }
.TopBanner.career-lobby-banner:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; pointer-events: none; }
.career-lobby-banner .TopBannerContent { position: relative; z-index: 1; }
.career-lobby-banner .TopBannerContent .headline img { max-width: 580px; max-width: 424px; }
.banner-elements { position: absolute; left: 0; right: 0; bottom: 0; top: 0; pointer-events: none; width: 100%; }
.banner-element { position: absolute; opacity: 0.5; }
.career-lobby-banner .banner-element-1 { max-height: 450px; bottom: 0; left: 0; }
.career-lobby-banner .banner-element-2 { top: 0; max-height: 237px; left: 50%; transform: translateX(-50%); margin-left: -170px; }
.career-lobby-banner .banner-element-3 { max-height: 172px; left: 50%; transform: translateX(-50%); margin-left: 310px; }
.career-lobby-banner .banner-element-4 { right: 0; max-height: 331px; bottom: 0; }



.career-lobby-banner h1 { font-size: 110%; line-height: 1.36; font-family: 'Inter', sans-serif; margin-top: 27px; font-weight: 400; }
.career-fillters { display: none; margin-top: 68px; }
.career-fillter { display: inline-block; width: 260px; margin: 0 10px; font-family: 'NarkissBlockDigibank-Extralight'; }
.clearSearch svg { width: 25px; position: relative; top: 15px; }
.clearSearch { font-size: 75%; text-decoration: underline; }
#search-career-form input[type="text"], #department-button { background-color: rgba(0, 0, 0, 0.7); height: 46px; border: none; font-size: 90%; color: #fff; font-weight: normal; font-family: 'Inter', sans-serif; border-radius: 5px; width: 100%; text-align: left; line-height: 46px; padding: 0 11px 0 21px; font-family: 'NarkissBlockDigibank-Extralight'; }
#department-button { -webkit-transition: all .3s ease; transition: all .3s ease; }
#department-button:focus { outline-color: transparent; outline: none; }
-webkit-focus-ring-color:after { outline-color: transparent; }
#department-button.ui-selectmenu-button-open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#search-career-form input[type="text"]::placeholder { color: #fff; opacity: 1; }
#search-career-form input[type="text"]:-ms-input-placeholder { color: #fff; }
#search-career-form input[type="text"]::-ms-input-placeholder { color: #fff; }
#search-career-form button { position: absolute; top: 12px; right: 15px; height: 20px; padding: 0; }
#search-career-form { position: relative; }
.ui-selectmenu-menu { display: block; -webkit-transition: max-height .3s ease; transition: max-height .3s ease; max-height: 0; overflow: hidden; }
.ui-selectmenu-menu.ui-selectmenu-open { position: absolute; max-height: 100vh; -webkit-transition: all 1s ease; transition: max-height 1s ease; display: block; }


#department-menu { text-align: left; padding: 0 11px 0 21px; line-height: 46px; background-color: rgba(0, 0, 0, 0.7); /* margin-top: -8px; */ overflow: hidden; height: auto; transition: none; -webkit-transition: none; font-family: 'NarkissBlockDigibank-Extralight'; padding-bottom: 19px; }
#department-menu .ui-menu-item { line-height: 1.8; margin-top: 0px; }
#department-menu .ui-menu-item-wrapper { line-height: 1; }
#department-button .ui-icon { background-image: url('../Content/images/career/down-arrow.svg'); background-position: center; width: 12px; height: 6px; background-size: cover; right: 7px; -webkit-transition: all .3s ease; transition: all .3s ease; }
#department-button.ui-selectmenu-button-open .ui-icon { transform: rotate(180deg); }
#department-menu .ui-menu-item-wrapper { /* border: none; */ /* border-bottom: 2px solid transparent; */ /* background: transparent; */ /* padding: 0 8px; */ /* font-size: 80%; */ /* color: inherit; */ /* padding: 0; */ }
#department-menu .ui-state-active { /* opacity: 1; */ /* border-color: #ffffff; */ margin: 0; }

.position-posts { display: flex; flex-wrap: wrap; margin-top: 63px; margin-bottom: 45px; direction: ltr; }
.position-posts > div { padding: 13px 13px; }
.positionBoxWrapper { overflow: visible; position: relative; }
.positionBoxWrapper:after { content: ""; position: absolute; background-image: url('../Content/images/career/position-bg.png'); background-size: cover; top: -50px; bottom: -50px; left: -50px; right: -50px; opacity: 0.3; }
.position-posts .clearBtnWrapper { text-align: center; margin-top: 50px; }
.positionBox { position: relative; width: 100%; height: 100%; overflow: hidden; text-align: left; background: #fff; border-radius: 12px; border: solid 1px #e6e6e6; padding: 24px 12px 17px 20px; direction: ltr; display: block; -webkit-transition: all .7s ease; transition: all .7s ease; z-index: 1; }
.positionBox:hover { border-color: #1a1a1a; }
.positionBox .position-content { position: relative; height: 105px; }

.positionBox h3 { font-family: 'Inter-Regular'; font-size: 100%; margin-bottom: 15px; line-height: 1.3; max-width: 100%; overflow: hidden; min-height: 52px; }
.positionBox .position-city { position: absolute; bottom: 40px; width: 100%; display: none; }
.positionBox .position-bottom { position: absolute; bottom: 0; display: flex; width: 100%; justify-content: space-between; align-items: center; direction: rtl; }
.positionBox .position-bottom img { max-width: 25px; }
.positionBox .position-department { line-height: 1; padding: 4px 12px 2px; border-radius: 1000px; background-color: #e7e7e7; display: inline-block; font-size: 66%; text-align: center; color: #7e7e7e; margin-left: 5px; font-family: 'Inter-Regular'; }

.did-not-fount-position { text-align: center; opacity: 0; margin-bottom: 66px; }
.did-not-fount-position.fadeInItem { animation: none; -webkit-transition: none; }
.did-not-fount-position h2 { font-size: 130%; line-height: 30px; }
.did-not-fount-position h3 { font-size: 105%; line-height: 30px; font-weight: 800; }
.did-not-fount-position p { font-size: 85%; margin-top: 7px; }
.did-not-fount-position p a { text-decoration: underline; }

@media(max-width:767px) {
    .CareersWrapper { overflow: hidden; }
    .career-lobby-banner .headline { }
    .career-lobby-banner .headline h1 { font-size: 100%; margin: 20px auto 0; max-width: 240px; }
    .career-fillters { margin-top: 10px; }
    .career-fillter { margin-top: 20px; margin: 20px 0 0; width: 200px; max-width: 80%; font-size: 90%; }
    .clearSearch { display: block; margin-top: 20px; }
    .career-lobby-banner .h1-title { max-width: 285px; }
    .TopBanner.career-lobby-banner { background-image: url(../Content/images/career/banner-m.jpg); }
    .career-lobby-banner .TopBannerContent .headline img { max-width: 280px; }

    .did-not-fount-position h2 { max-width: 280px; margin: 0 auto; }
    .did-not-fount-position h3 { max-width: 230px; line-height: 1; margin: 10px auto 0; }
    .did-not-fount-position p { max-width: 260px; margin: 10px auto 0; }
    #department-menu .ui-menu-item { line-height: 1; margin-bottom: 8px; }
    #department-menu .ui-menu-item:last-child { margin-bottom: 0; }
}

.position-view { background-color: #E9E9E9; margin-top: 90px; padding-bottom: 150px; position: relative; font-family: 'Inter', sans-serif; }
.position-view .banner-elements { bottom: auto; height: 406px; overflow: hidden; }
.position-view .banner-element { opacity: 1; }
.position-view .banner-element-1 { left: 0; }
.position-view .banner-element-3 { right: 0; top: 0; }
.position-view .banner-element-2 { left: 50%; bottom: 0; transform: translateX(-50%); }
.position-view .headline { position: relative; z-index: 1; }
.position-view .h1-wrapper { max-width: 1230px; margin: 0 auto; direction: ltr; text-align: left; }
.position-view h1 { width: 100%; text-align: left; font-size: 220%; line-height: 1.2; max-width: 670px; font-weight: 500; font-family: 'Inter', sans-serif; }
.position-view .city { text-align: center; line-height: 1.17; font-size: 120%; margin-top: 28px; display: none; }
.position-view .positionWrapper { direction: ltr; display: flex; max-width: 1250px; padding: 0 15px; margin: 40px auto 0; position: relative; z-index: 1; }
.position-view .position-single-post { max-width: 670px; width: 100%; margin-right: 100px; }
.position-view .positionSubtitle { font-family: 'Inter', sans-serif; font-size: 133%; margin-top: 40px; margin-bottom: 20px; font-weight: normal; color: #000; }
.position-view .positionSubtitle:first-child { margin-top: 0px; }
.position-view .positionContent { font-size: 89%; }
.position-view .positionContent h2 { font-family: 'Inter', sans-serif; font-size: 120%; margin-top: 40px; margin-bottom: 20px; font-weight: normal; color: #000; }
.position-side-from { width: 447px; padding: 0; margin-top: 45px; background: #fff; }
.position-side-from .req-fields { color: #333333; text-align: left; margin-top: 20px; padding: 0 15px; margin-bottom: 0; }
.position-side-from h2 { font-family: 'Inter', sans-serif; font-size: 222%; background-color: #fff; padding: 30px 32px 0; margin-bottom: -1px; font-weight: 700; }
.position-side-from .iframe-wrapper { min-height: 400px; }
.position-view .positionContent p { direction: ltr; font-weight: 300; line-height: 1.5; }
.position-view .positionContent p strong { font-weight: 400; }
.position-view .positionContent ul { padding-left: 20px; font-weight: 300; font-size: 90%; }
.position-view .positionContent ul li:after { content: ""; position: absolute; width: 6px; height: 6px; background-color: #007aff; border-radius: 50%; left: -16px; top: 7px; }
.position-view .positionContent ul li { position: relative; margin-top: 5px; }
.position-view .position-top { max-width: 1230px; margin: 0 auto; direction: ltr; text-align: left; font-size: 90%; font-weight: 300; padding: 85px 0 35px; }
.position-view .position-top a { color: #007aff; }
.position-view .position-top svg { width: 11px; position: relative; top: 2px; margin-right: 4px; }
.position-view .position-bottom { margin: 0 auto; position: relative; z-index: 1; max-width: 1250px; padding: 0 15px; text-align: left; direction: rtl; margin-top: 50px; }
.position-view .position-bottom h3 { font-size: 275%; font-weight: normal; font-family: 'Inter', sans-serif; line-height: 1.2; max-width: 695px; margin: 25px auto 0; padding: 0 15px; }
.position-view .position-bottom .generalBtn { margin-top: 0; min-width: 117px; padding-left: 10px; line-height: 44px; border: 1px solid #000000; background: transparent; color: #000; font-family: 'Inter', sans-serif; font-size: 89%; line-height: 40px; }
.position-view .position-bottom .generalBtn svg { fill: #000; width: 11px; position: relative; top: -2px; transform: rotate(0 ); }

.position-view .banner-elements.banner-bottom { top: auto; bottom: 0; height: 1160px; z-index: 0; }
.position-view .banner-element-4 { opacity: 0.7; right: 0; }
.position-view .banner-element-5 { bottom: 0; left: 50%; transform: translateX(-50%); margin-left: -300px; }
.position-view .banner-element-6 { bottom: 0; left: 50%; transform: translateX(-50%); margin-left: 150px; }
.position-view .banner-element-7 { left: 0; bottom: 220px; }

@media(max-width:1440px) {
    .position-view .positionWrapper { max-width: 1170px }
}


@media(min-width:1251px) {
    .position-view .shareBoxes { margin-left: -50px; margin-right: 0px; }
}

@media(max-width:1250px) {
    .position-view .position-single-post .mainText { padding-left: 50px; }
    .position-view .h1-wrapper { padding: 0 30px; }
    .position-view .position-top { padding: 85px 30px 35px; }
    .position-view .position-bottom { padding: 0 45px; }
}

@media(max-width:991px) {
    .position-single-post { margin-right: 40px; }
}

@media(max-width:767px) {
    .position-view { margin-top: 75px; padding-bottom: 85px; }
    .position-view .banner-element-1 { max-width: 30vw; }
    .position-view .banner-element-2 { display: none; }
    .position-view .banner-element-3 { max-width: 80vw; }
    .position-view .h1-wrapper { padding: 0 20px; }
    .position-view h1 { font-size: 155%; padding-top: 45px; padding: 40px 0px 0; }
    .position-view .position-single-post .mainText { padding-left: 0; }
    .position-view .positionWrapper { display: block; margin-top: 20px; padding: 0 20px; }
    .position-side-from { width: 100%; padding: 0px; margin-top: 50px; }
    .position-side-from h2 { font-size: 175%; }
    .position-view .position-bottom h3 { font-size: 220%; }
    .position-view .position-bottom img { max-width: 70px; }
    .position-view .banner-elements.banner-bottom { height: 1800px; }
    .position-view .banner-element-7 { display: none; }
    .position-view .banner-element-6 { bottom: auto; top: -30vw; left: -120vw; transform: none; margin-left: 0; width: 210vw; max-width: 500vw; }
    .position-view .banner-element-4 { top: 520px; }
    .position-view .position-top { padding: 40px 15px 0; }
    .position-view .positionSubtitle { font-size: 115%; }
}



.lpMode #navbar-nav-desktop { display: none; }
.lpMode #closeAccess { display: none !important; }
.lpMode #siteheader-navigation-container .navbar-header { width: 100%; }
.lpMode:not(.lpLightMode) header#SiteHeader { /* background: transparent; */ }
.lpMode #SiteHeader:before { opacity: 0; }

.lpMode footer { display: none; }
.lpPage { background-color: #101010; min-height: 100vh; align-content: center; align-items: center; position: relative; }
.lpPage .joinWrapper.container { width: 1095px; display: flex; justify-content: space-between; align-items: flex-end; padding: 0; position: relative; z-index: 2; max-width: 77vw; padding-top: 135px; padding-bottom: 155px; }
.lpContent { color: #e0e0e0; width: calc(100% - 480px); }
.lpContent h1 { font-size: 300%; font-family: 'Inter', sans-serif; font-weight: 800; line-height: 1.15; letter-spacing: -0.78px; margin-bottom: 15px; }
.lpContent .lpContentInner .lpText { font-size: 125%; font-weight: normal; line-height: 1.2; letter-spacing: -0.75px; }
.lpContentInner { max-width: 560px; }
.lpContentLogos { display: flex; align-items: center; justify-content: space-between; margin-top: 160px; margin-bottom: 30px; max-width: 520px; }


.lpContentLogo.lpContentLogoCoz img { width: 100px; }

.lpContentLogo.lpContentLogoBank img { width: 120px; }
.lpContentLogos .lpContentLogo-bank { max-width: 150px; height: 60px; }

.lpForm { width: 470px; background-color: #010101; padding: 70px 60px 65px; border-radius: 50px; position: relative; overflow: hidden; height: 723px; }
.lpForm .blackPopForm .form-control { background-color: #010101; border: none; border-radius: 0; border-bottom: 1px solid #707070; height: 45px; font-size: 105%; line-height: 1.2; letter-spacing: -0.75px; padding: 0; -webkit-box-shadow: 0 0 0 30px #010101 inset !important; color: #fff; }
.lpForm .form-group > div:not(:first-child) { margin-top: 50px; }
.lpForm .form-group > div.number-input-wrapper:after { background: #010101; right: 10px; height: 37px; }
.lpForm .generalBtn { background-color: #ffa700; height: 66px; min-width: 0; width: 100%; max-width: 280px; border-radius: 35px; color: #000; line-height: 1.18; letter-spacing: -0.84px; font-size: 28px; line-height: 66px; font-weight: bold; }
.lpForm .blackPopForm label { font-weight: normal; font-size: 65%; color: #f7f7f7; line-height: 1.5; }
.lpForm .form-group > div.submit-wrapper { margin-top: 18px; }
.lpForm .form-group > div.checkboxWrapper { margin-top: 37px; }
.lpForm .blackPopForm label.error { color: #ffa700; top: 30px; right: 9px; left: auto; }
.lpForm .mrw-dynamic-form .form-messages { background-image: none; background-color: #010101; }
.lpForm .mrw-dynamic-form .form-messages.shown { display: block; }
.lpForm .mrw-dynamic-form .form-messages .success { display: block; }
.lpForm .success .generalBtn { margin-top: 130px; }
.lpForm .success .generalBtn img { max-width: 12.5%; transform: rotate( 180deg ); }

.lpElements > div { position: absolute; }
.lpElements { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; pointer-events: none; }
.lpElements .orangeBlur { width: 37%; height: 26%; margin: 22.2px 0 0 43.1px; object-fit: contain; opacity: 0.31; -webkit-filter: blur(50px); filter: blur(50px); background-color: #e87808; border-radius: 50%; bottom: -10%; }
.lpElements .blueBlur { width: 646px; height: 377px; margin: 0px 54.4px 305.8px 0; top: 0; right: -90px; z-index: 1; }
.lpElements .bottomCircle { width: 110%; height: 200px; background-color: #000000; bottom: 0; border-top-right-radius: 50%; border-top-left-radius: 50%; left: 50%; transform: translateX(-50%); bottom: -100px; }
.bigCircle > div { position: absolute; border-radius: 50%; width: 100%; height: 100%; }
.lpElements .bgCircle { background: #262626; transform-origin: 52% 50%; animation: rotateCircle 15s infinite; animation-timing-function: linear; }
.lpElements .bigCircle { width: 52vw; height: 52vw; left: -28vw; top: -8vw; }
.lpElements .orangeStrokeCircle { border: 3px solid #e87808; opacity: 0.51; left: -20px; top: -20px; transform-origin: 49% 50%; animation: rotateCircle 10s infinite; animation-timing-function: linear; }
.lpElements .blueStrokeCircle { border: 1px solid #0012ff; opacity: 0.51; left: 10px; top: -8px; transform-origin: 52% 50%; animation: rotateCircle 10s infinite; animation-timing-function: linear; animation-direction: reverse; }

.lpForm h3 { text-align: center; color: #fff; line-height: 1.14; letter-spacing: -0.84px; font-size: 28px; font-weight: 800; }
.lpForm h4 { text-align: center; line-height: 1.2; letter-spacing: -0.75px; color: #e87808; font-size: 25px; max-width: 300px; margin: 31px auto; }
.lpForm h5 { font-size: 115%; }
.lpForm #register-form-pop { margin-top: 6px; }
.lpForm .blackPopForm .form-control[type=checkbox] { height: 18px; -webkit-box-shadow: 0 0 0 1px #fff inset !important; }
.lpForm .success h4 { font-family: 'NarkissBlockDigibank-Extralight'; }
.lpForm .success h3 { font-family: 'NarkissBlockDigibank-Regular'; }
.lpForm .form-group > div.formComment { font-size: 65%; float: right; color: #858282; text-align: center; margin-top: 20px; padding: 0 55px; }
.lpGeneral .joinWrapper.container { align-items: center; }

.lpMode .navbar-header .lp-lang { float: right; text-transform: uppercase; margin-top: 10px; }

@keyframes shine {
    from { right: -200%; }
    to { right: 200%; }
}

@keyFrames rotateCircle {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media(max-width:1440px) {
    .lpPage .joinWrapper.container { padding-top: 70px; }
    .lpForm { padding: 50px; }
    .lpForm .form-group > div:not(:first-child) { margin-top: 40px; }
}

@media(max-width:991px) {
    .lpMode #siteheader-navigation-container .navbar-brand { float: left; }
    .lpMode header#SiteHeader { position: absolute; top: 0; height: 65px; }
    .lpMode.lpLightMode header#SiteHeader { top: 0px; height: 62px; }
    .lpMode #buttons-container { display: none; }
    .lpPage .joinWrapper.container { max-width: calc(100% - 50px); flex-wrap: wrap; justify-content: center; width: 630px; padding-top: 120px; }
    .lpForm { max-width: 100%; padding: 35px 10px 26px; height: 550px; }
    .lpContent { margin-bottom: 40px; width: 100%; }
    .lpContentInner { max-width: 100%; }
    .lpContent h1 { font-size: 29px; margin-bottom: 5px; letter-spacing: -0.9px; }
    .lpContent .lpContentInner .lpText { font-size: 16px; letter-spacing: 0; }
    .lpForm h3 { font-size: 21px; }
    .lpForm h4 { font-size: 16px; margin-top: 20px; }
    .lpForm .blackPopForm .form-control { font-size: 15px; }
    .lpForm .form-group > div:not(:first-child) { margin-top: 10px; }
    .lpForm .generalBtn { height: 40px; line-height: 40px; font-size: 17px; max-width: 200px; }
    .lpElements .bigCircle { left: auto; right: -21vw; top: -21vw; width: 62vw; height: 62vw; }
    .lpElements .blueBlur { width: 74vw; height: 50vw; left: 50%; transform: translateX(-50%); top: -25vw; right: auto; }
    .lpForm .success h4 { font-size: 25px; }
    .lpForm .success h3 { font-size: 28px; }
    .lpForm .success .generalBtn { margin-top: 50px; }
    .lpForm #register-form-pop { padding: 0 15px; }
}

@media(max-width: 767px) {
    .lpForm .success h4 { font-size: 20px; max-width: 250px; }
    .lpContentLogos { margin-top: 30px; margin-bottom: 0; }
    .lpContentLogo { margin: 0 8px; }
    .lpContentLogos img { height: auto; }
    .lpContentLogos .lpContentLogo-bank { height: 20px; }

    .lpFriend #anim-lottie { height: 75vh; }
    .lpFriend #anim-lottie-svg { width: 230%; left: 50%; }
    .lpForm .form-group > div.formComment { padding: 0px 37px; }
}



.controlSlider { position: absolute; bottom: 10px; z-index: 2; left: 10px; background: transparent; border: 0px; -webkit-appearance: none; color: #fff; font-size: 150%; width: 25px; height: 25px; }
.controlSlider:after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.controlSlider.pause:after { background-image: url('/Content/images/access/pause.svg'); }
.controlSlider.play:after { background-image: url('/Content/images/access/play.svg'); }


.req-fields { font-size: 90%; color: #fff; max-width: 800px; margin: 0 auto 10px; padding: 0 10px; text-align: left; }