/****HEADER***/


/*.header--transparent:not(.onepage):not(.coursesPage) #SiteHeader { background-color: transparent;  }
.header--transparent:not(.onepage):not(.coursesPage) #SiteHeader svg { }
.header--transparent:not(.onepage):not(.coursesPage) #SiteHeader.active { background-color: #fff; color: #000; }
.header--transparent #SiteHeader.active svg, .homepage #SiteHeader.active svg path { fill: #000; transition: .35s ease-in-out fill; }
.header--transparent.onepage #SiteHeader.active, .header--transparent.coursesPage #SiteHeader.active { background-color: #fff; }

#SiteHeader { position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; background: #fff; color: #000; padding: 0 30px; transition: .35s ease-in-out background-color; }*/

/**BASIC HEADER**/
#SiteHeader { background-color: transparent; color: #fff; }
#SiteHeader svg { fill: #fff; /*transition: .35s ease-in-out fill;*/ }
#SiteHeader svg path { fill: #fff; /*transition: .35s ease-in-out fill;*/ }
#SiteHeader svg path.global-path, #SiteHeader svg circle.global-path { stroke: white; }
#SiteHeader svg path.global-path { }
#SiteHeader { position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; padding: 0 30px; -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, box-shadow 0.35s ease-in-out; transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, box-shadow 0.35s ease-in-out; }


/**COLORIZE GLOBAL SVG**/
.blackTextHeader #SiteHeader svg path.global-path,
.blackTextHeader #SiteHeader svg circle.global-path,
.whiteHeader #SiteHeader svg path.global-path,
.whiteHeader #SiteHeader svg circle.global-path,
.blogPage #SiteHeader svg path.global-path,
#SiteHeader.active svg path.global-path,
#SiteHeader.active svg circle.global-path { stroke: #000; }

/**SHADOW**/
.whiteHeader #SiteHeader,
.blogPage #SiteHeader,
#SiteHeader.active { background-color: #fff; box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.1); }
.noHeaderShadow #SiteHeader { box-shadow: none; }
/**TEXT COLOR**/
.blackTextHeader #SiteHeader,
.whiteHeader #SiteHeader,
.blackTextHeader #SiteHeader,
#SiteHeader.active { color: #000; }
/*.contentpop-open #SiteHeader { filter: blur(26px); }*/


.whiteHeader #SiteHeader svg,
.whiteHeader #SiteHeader svg path,
.blackTextHeader svg:not(.logoHeader) path,
.blackTextHeader #SiteHeader svg path,
.homepage #SiteHeader.active svg path,
#SiteHeader.active svg,
#SiteHeader.active svg path { fill: #000; }


.header-wrap { display: flex; justify-content: space-between; align-items: center; height: 90px; /* padding: 0 54px; */ max-width: 1760px; margin: 0 auto; }
.header-menu { display: flex; align-items: stretch; height: 100%; }
.header-menu .navbar-collapse > ul { display: flex; align-items: center; margin: 0; height: 100%; font-family: 'NarkissBlockonezero-Medium', sans-serif; }
.header-menu .navbar-collapse > ul > li { height: 100%; display: flex; align-items: center; padding: 0 30px; }
.header-menu .navbar-collapse > ul > li > a,
.header-menu .navbar-collapse > ul > li > a + button path { transition: .35s ease; }
.header-menu .navbar-collapse > ul > li > a:hover, .header-menu .navbar-collapse > ul > li > a:hover + button path { color: #979797; fill: #979797; }

.header-menu ul li a { font-size: 90%; line-height: normal; }
.header-menu ul li:not(:first-child) { line-height: .7; position: relative; }
.header-menu ul li.has-sub { position: relative; }
.header-menu .navbar-collapse > ul > li > a { height: auto; display: flex; align-items: center; position: relative; font-family: 'NarkissBlockonezero-Medium'; line-height: 1; margin-bottom: -2px; font-family: 'OneZeroApparat-Book'; }
.header-menu .navbar-collapse > ul > li > a.menuPhone { direction: ltr; }
.header-menu .generalBtn { align-self: center; margin-left: 20px; }
.header-menu .dropdown-menu { position: absolute; top: 111%; top: calc(100% + 10px); right: 15px; display: none; text-align: start; margin: 0; float: none; border: none; border-radius: 10px; box-shadow: 0px 4px 10px rgb(0 0 0 / 20%); padding: 0 25px; font-size: 100%; width: max-content; min-width: 204px; overflow: hidden; }
.header-menu .dropdown-menu > li:not(:last-child) { /* margin-bottom: 15px; */ }
.header-menu .navbar-collapse.collapse { align-self: stretch; }
.header-menu .dropdown-menu > li > a { padding: 15px 0; /* font-size: 90%; */ line-height: 1.4; }
.header-menu .dropdown-menu > li > a:hover, .header-menu .dropdown-menu > li > a:focus { background: none; }
.header-menu .navbar-collapse > ul > li > a:not(.generalBtn):hover::after { opacity: 1; }
.navbar-toggle { display: none; }
.header-logo a { display: block; }
.header-logo svg { display: block; fill: #000; }
.header-phone a { direction: ltr; }

.navbar-toggle { border-radius: 0%; border: 0; padding: 0; transition: all 500ms ease; background: none; margin: 0 0 0 24px; float: none; }
.navbar-toggle .icon-bar { transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; background-color: #2b2e34; height: 2px; width: 24px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; }
.navbar-toggle:not(.collapsed) .icon-bar.up { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin-top: 0px; }
.navbar-toggle:not(.collapsed) .icon-bar + .icon-bar:not(.up):not(.down) { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); margin-top: -3px; }
.navbar-toggle:not(.collapsed) .icon-bar.down { display: none; }
.navbar-toggle .icon-bar { transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; background-color: #2b2e34; height: 2px; width: 24px; }
.open > .dropdown-toggle { transform: rotate(180deg); transform-origin: center; }

.dropdown-toggle.btn-default { background: none !important; box-shadow: none; border: none !important; width: auto; font-size: 0; height: auto; flex: 0 auto; padding: 0; margin-right: 6px; }

@media(min-width:1025px) and (max-width: 1240px) {
    /*#SiteHeader { padding-right: 20px; padding-left: 20px; }*/
    .header-menu ul li a { white-space: nowrap; padding: 0 8px; }
    .header-menu .navbar-collapse > ul > li { padding: 0 15px; }
}

@media(max-width: 1024px) {
    /*.header--transparent:not(.onepage):not(.coursesPage) #SiteHeader:not(.open):not(.active) .icon-bar { background-color: #fff; }*/
    #SiteHeader { color: #000 !important; }
    #SiteHeader.open .icon-bar { background-color: #000; }
    #SiteHeader.open .header-logo svg { fill: #000; transition-delay: .3s; }
    /*#SiteHeader.open .dropdown svg, .header--transparent:not(.onepage):not(.coursesPage) #SiteHeader svg { fill: #000; }*/
    #SiteHeader svg path { fill: #000; }
    .navbar-toggle { display: block; z-index: 1; }
    #navbar-collapse-main { padding: 0px; font-size: 105%; background-color: #fff; margin: 0; position: fixed; width: 372px; right: -372px; top: 70px; z-index: 1; height: 100vh !important; transition: all 400ms ease-out; -webkit-transition: all 400ms ease-out; letter-spacing: 0.63px; box-shadow: none; }
    #navbar-collapse-main { width: 85%; direction: rtl; overflow-y: auto; background-image: none; right: -100%; display: block; padding: 0 15px; border: none; border-top: 1px solid #f5f5f5; top: 0; right: 0; transform: translateX(100%); z-index: 0; }
    #navbar-collapse-main:before { opacity: 1; }
    #navbar-collapse-main ul { height: auto; width: 100%; max-width: 100%; margin-top: 123px; font-size: 100%; }
    #navbar-collapse-main ul > li > a { font-size: 120%; font-family: 'NarkissBlockonezero-Medium', sans-serif; letter-spacing: normal; padding: 4px 0; color: inherit; }
    #navbar-collapse-main ul > li > .dropdown-menu { border-radius: 0px; background-color: transparent; position: static; transform: none; flex: 1 0 100%; margin-top: 0; box-shadow: none; padding: 0; text-align: start; }
    #navbar-collapse-main ul > li > .dropdown-menu > li > a { /* color: #999; */ /* line-height: normal; */ font-size: 100%; padding-top: 8px; padding-bottom: 8px; }
    #navbar-collapse-main ul > li > .dropdown-menu > li > a:hover { color: #333; }
    #navbar-collapse-main.in { transform: translateX(0); width: 100%; }
    .header-menu .navbar-collapse > ul > li > a:not(.generalBtn):after { content: none; }
    .header-wrap { /* padding: 15px; */ height: 70px; z-index: 1; }
    .header-menu ul { flex-direction: column; align-items: stretch; }
    .header-menu .navbar-collapse > ul > li:not(:last-child) { margin-bottom: 22px; }
    .header-menu .navbar-collapse > ul > li { width: 100%; flex-wrap: wrap; justify-content: flex-start; padding: 0; }
    .header-menu ul li { display: block; }
    .header-menu ul li a { padding: 15px 0; display: block; line-height: .7; letter-spacing: normal; font-family: 'NarkissBlockonezero-Medium', sans-serif; }
    .header-menu .dropdown-menu > li:not(:last-child) { border-bottom: none; }
    .dropdown-toggle.btn-default { margin-right: 9px; width: 14px; height: 8px; background-size: 100%; }
    .header-menu .navbar-collapse > ul > li.active { color: #007aff; }
    .header-logo { z-index: 1; }
    #SiteHeader.open .header-logo { position: fixed; left: 15px; z-index: 1000; }
    #navbar-collapse-main { position: fixed; }
    .back-drop { position: fixed; inset: 0; background: rgba(0,0,0, 0.6); z-index: 0; top: 0; opacity: 0; transition: 0.3s all ease-in-out; pointer-events: none; z-index: -1; }
    .in + .back-drop { opacity: 1; pointer-events: auto; }
    #SiteHeader.active .navbar-toggle .icon-bar { background-color: #000; }
}

@media(max-width: 767px) {
    .header-wrap { position: relative; }
    #SiteHeader .downloadApp svg path { fill: #fff; }
    #SiteHeader { padding: 0 15px; }
    .header-logo svg { max-width: 120px; width: 120px; height: 22px; transition: .5s ease-in-out; transition-delay: 0s; }
    .header-menu a:not(.phoneNum).generalBtn { display: none; }
    .boardPage #SiteHeader { background-color: #fff; }
    .homepage #SiteHeader svg { fill: #000; }

    .phone { height: 28px; line-height: 1; width: 62px; position: absolute; top: 50%; transform: translateY(-50%); right: 40px; }
    .header-menu a.phoneNum.generalBtn { width: 100%; min-width: 100%; height: 100%; display: flex; padding: 0; justify-content: center; align-items: center; font-size: 12px; direction: ltr; font-family: 'Apparat-Book'; }
    .header-menu .navbar-collapse > ul > li > a.menuPhone { display: none; }
    
}

@media(max-width: 360px) {
    .navbar-toggle { margin-left: 15px; }
    .header-menu a.generalBtn { font-size: 75%; }
}

/** Probably Ol Codes**/
/*
    .ui-selectmenu-text { margin-right: 35px; }
    .ui-selectmenu-button.ui-button, .ui-selectmenu-button.ui-button:focus { border: none; border-radius: 0; background: transparent; color: #fff; text-align: right; padding: 0; font-size: 75%; margin: 0; width: 100px; }
*/
.ui-button .ui-icon, .ui-button:hover .ui-icon { position: relative; bottom: -20px; right: 35px; }

.langsMenu span.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s { background-image: url(../../../000Frames/site/images/lang-arrow.svg); background-position: center; }

.ui-menu .ui-menu-item-wrapper { padding: 0; padding-right: 0; font-size: 76%; line-height: 1; }
.ui-menu .ui-menu-item { margin-right: 55px; margin-top: 5px; }
.ui-state-active,
.ui-widget-content .ui-state-active { background: transparent; border: none; color: inherit; }
ul li.ui-widget-content { background: none; text-align: right; color: #fff; }
.ui-widget.ui-widget-content { border: none; background: transparent; color: #fff; text-align: right; /* max-height: 0; */ /* overflow: hidden; */ transition: all 4000ms ease-out; -webkit-transition: all 4000ms ease-out; height: 200px; }

.languageSelection { display: inline-flex; position: relative; }
.dropdown-toggle.btn-default { background: none !important; box-shadow: none; border: none !important; width: auto; font-size: 0; height: auto; -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; padding: 0; margin-left: 6px; }


/**Search Header**/
.SearchDrop { display: inline-flex; position: relative; font-family: 'OneZeroApparat-Book'; color: #3E3E3E; }
.SearchDrop .dropdown-toggle.btn-default { margin-right: 31px; }
#SiteHeader .searchSvg,
.whiteHeader #SiteHeader svg.searchSvg { fill: transparent; }
#SiteHeader.active svg.searchSvg { fill: transparent; }
.header-menu .searchWrapper.dropdown-menu.open { right: 0; left: 0; width: 100vw; opacity: 1; pointer-events: auto; }
.header-menu .searchWrapper.dropdown-menu { position: fixed; top: 90px; left: 0; width: 100%; right: 0; padding: 15px 30px 130px; box-shadow: 0px 10px 10px rgb(0 0 0 / 20%); border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; max-height: calc(100vh - 200px); overflow-y: auto; display: block; pointer-events: none; opacity: 0; -webkit-transition: .35s ease-in-out all; transition: .35s ease-in-out all; }
.header-menu .open > .dropdown-toggle.searchToggle { transform: none; }
.searchWrapperInner { max-width: 1760px; margin: 0 auto; position: relative; }
.search-form-wrapper .form-group { display: flex; width: 100%; border-bottom: 1px solid #9E9E9E; align-items: center; }
.search-form-wrapper .form-group button.close-search { padding: 0; display: none; }
.search-form-wrapper .form-group button.close-search.active { display: inline-flex; }
.search-form-wrapper .form-group button.close-search svg path { fill: #fff !important; }
.query-wrapper { width: 100%; }

.query-wrapper input { border: none; height: 45px; box-shadow: none; font-size: 32px; color: #3E3E3E; font-family: 'OneZeroApparat-Medium'; }


.search-container { display: none; }

.search-container.active { display: block; margin-bottom: 50px; }
#SiteHeader .search-container.blogs.active, #SiteHeader .search-container.pages.active { display: none; }
.finalResultItem { display: none; }
.finalResultItem a { text-decoration: underline; }
.finalResultItem.active { display: block; text-align: center; font-size: 16px; margin-top: 90px; }
.search-container h3 { font-size: 18px; margin-bottom: 12px; line-height: 1.4; font-family: 'OneZeroApparat-Book'; color: #9E9E9E; }
.search-container.suggest h3 { color: #9E9E9E; }
.search-container li { margin-bottom: 15px; font-size: 20px; display: flex; align-items: flex-start; max-width: 603px; font-family: 'OneZeroApparat-Book'; }
.blogs li { margin-bottom: 35px; }
.blogs li:last-child { margin-bottom: 0; }
.search-container li:before { content: ""; background-image: url('/Content/images/arrow-left.svg'); width: 16px; height: 16px; background-size: 12px 9px; background-repeat: no-repeat; background-position: center; margin-left: 8px; flex-shrink: 0; margin-top: 8px; }
.blogs li:before { background-image: url(/Content/images/magnifying-small.svg); background-size: 13px 14px; }
.pages li:before { background-image: url(/Content/images/arrow-top-left.svg); background-size: 10px 10px; margin-top: 7px; }
.search-container li a span.query-bold { font-family: 'OneZeroApparat-Bold'; }
.search-container li a span.query-summary { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; /* number of lines to show */ line-clamp: 1; -webkit-box-orient: vertical; color: #9E9E9E; font-size: 18px; margin-top: 8px; margin-bottom: 0px; }

.search-container .capsssssssssThis { text-transform: uppercase; }
.search-open #SiteHeader { background: #fff; color: #000; }
.result-msg { font-size: 1.8rem; margin-bottom: 30px; margin-top: 30px; color: #9E9E9E; }

/*.header--transparent:not(.onepage) .languageToggle svg path { fill: #000; stroke: #000; }*/
.header-menu .dropdown-menu { position: absolute; top: 111%; top: calc(100% + 10px); right: 15px; display: none; text-align: start; margin: 0; float: none; border: none; border-radius: 10px; box-shadow: 0px 4px 10px rgb(0 0 0 / 20%); padding: 0 25px; font-size: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 204px; overflow: hidden; }
.header-menu ul li a { font-size: 90%; line-height: normal; }

.header-menu .dropdown-menu > li > a { padding: 15px 0; line-height: 1.4; }
.header-menu ul li:not(:first-child) { line-height: .7; position: relative; }
.header-menu .langWrapper.dropdown-menu.open { display: block; right: 0; left: auto; }
#GridContent .result-msg { }

@media(min-width:1025px) {
    .navbar-collapse .dropdown.languageItem, .header-menu .navbar-collapse .searchItem { display: none; }
    /*.header--transparent:not(.onepage):not(.coursesPage) #SiteHeader svg { fill: #fff; }*/
    .search-form-wrapper .form-group button.close-search.mobile,
    .search-form-wrapper .form-group button.back-header { display: none; }
}

@media (max-width: 1024px) {
    .header-menu .navbar-collapse > ul > li.dropdown.languageItem { align-items: center; }
    .header-menu .navbar-collapse > ul > li.dropdown.languageItem > a > svg { margin-right: 6px; }
    button.btn.btn-default.dropdown-toggle.languageToggle { height: 100%; flex: 0 1 18px; margin-right: 0px; }
    #SiteHeader.open .dropdown .languageToggle svg path { fill: #000; stroke: #000; }
    #navbar-collapse-main ul > li.languageItem > .dropdown-menu { padding-right: 30px; }
    .languageSelection { display: none; }
    .search-form-wrapper .form-group button.close-search.desktop { display: none; }
}

/*download app*/
@media(max-width:767px) {
    #SiteHeader { top: 50px; }
    #SiteHeader.open { top: 0; }
    .oneLinkApp { display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; background: #f3f5f4; height: 50px; padding: 0 16px; position: fixed; z-index: 4; left: 0; right: 0; }
    .downloadApp { display: flex; align-items: center; width: 100%; justify-content: space-between; flex-direction: row-reverse; }
    .downloadApp a { font-family: 'NarkissBlockonezero-Medium'; font-size: 14px; color: #2d68f3; font-family: 'OneZeroApparat-Medium'; font-size:15px; }
    .downloadApp svg path { fill: #fff !important; }
    .oneLinkApp .close { float: none; stroke: var(--Mid-black); opacity: 1; font-family: 'OneZeroApparat-Book'; font-size: 16px; transform: rotate(45deg); }
    .oneLinkApp .close path { fill: var(--Mid-black) !important;}
    .homepage #SiteHeader svg.searchSvg { fill: transparent; }
    .header-menu .searchWrapper.dropdown-menu { display: block; left: 0; transform: translateX(102%); transition: .3s all ease-in-out; max-height: 100vh; top: 0; height: 100%; padding: 130px 20px 0; box-shadow: none; border-radius: 0; }
    .header-menu .searchWrapper.dropdown-menu.open { transform: translateX(0); }
    .search-form-wrapper .form-group button.back-header { position: fixed; top: 25px; right: 20px; }
    #SiteHeader .search-form-wrapper .form-group button.back-header svg { fill: #000; }
    .search-container h3 { font-size: 16px; color: #9E9E9E; margin-bottom: 16px; }
    .header-menu .search-container ul { display: flex; flex-direction: column; }
    .search-container li, .header-menu .search-container li { display: flex; align-items: flex-start; margin-bottom: 20px; }
    .blogs li { margin-bottom: 51px; }
    .search-container li a, .header-menu .search-container li a { padding: 0; font-size: 18px; }
    .search-container li:before { margin-top: 5px; }
    .search-container.blogs li:before { margin-top: 6px; }
    .search-container.pages li:before { }
    .search-container li a span.query-summary { font-size: 16px; -webkit-line-clamp: 2; line-clamp: 2; }
    .header-menu .search-container a { font-family: 'OneZeroApparat-Book'; }
    .query-wrapper input { font-size: 24px; padding: 6px 10px; }
    .result-msg { margin: 22px 0; }
    .search-form-wrapper .form-group button.form-submit { margin-top: 2px; }
    .header-menu ul li.searchItem a .searchSvg { margin-left: 6px; }
    .header-menu ul li.searchItem a { display: flex; align-items: center; line-height: 1; }
    .search-form-wrapper .form-group button.back-header svg path { fill: #000 !important; }
}