#SiteHeader nav.navbar { position: relative; margin-bottom: 0; border: none; background: none; min-height: 50px; }


#siteheader-navigation-container .navbar-header { float: none; position: relative; width: 100%; text-align: center; direction: ltr; }

#siteheader-navigation-container .navbar-brand { padding: 0px; height: 50px; width: 18%; text-align: left; float: none; display: inline-block; vertical-align: middle; }
#siteheader-navigation-container #logo-icon { max-width: 100%; max-height: 100%; float: left; max-height: 50px; filter: invert(1); }


#buttons-container { float: none; position: relative; display: inline-block; width: 18%; text-align: right; direction: rtl; }
.social-buttons .dropdown-menu { right: 0px; left: 0px; float: left; position: relative !important; top: 0; position: static; background-color: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.social-buttons .dropdown { height: 77px; width: 96px; text-align: center; background: #5D707E; position: static; }
    .social-buttons .dropdown > a { padding: 0px; height: 100%; display: table; width: 100%; }
        .social-buttons .dropdown > a > div { vertical-align: middle; display: table-cell; color: #fff; }
    .social-buttons .dropdown a div span { display: block; margin-top: 5px; line-height: 1; }
.social-buttons #navbar-cart > a { background-color: blue; }
.social-buttons #navbar-cart.open > a { background-color: lightsteelblue; }
.social-buttons #navbar-user > a { background-color: red; }
.social-buttons #navbar-user.open > a { background-color: orange; }
.social-buttons #navbar-cart i[data-counter]:after { position: absolute; left: 60%; border-radius: 50%; content: attr(data-counter); background: #5C707B; font-size: 71%; padding: 4px 7px; color: #fff; max-width: 30px; word-break: break-all; }
.social-buttons #navbar-user .sign-in { display: block; }
.social-buttons #navbar-user .logged-in { display: none; }
    .social-buttons #navbar-user.logged-in .sign-in { display: none; }
    .social-buttons #navbar-user.logged-in .logged-in { display: block; }


.social-buttons { list-style: none; }
    .social-buttons li { fill: #121212; font-family: 'HadassahFriedlaender-Bold'; }
        .social-buttons li svg { width: 20px; max-height: 20px; fill: inherit; }

@media(min-width:992px) {
    .social-buttons { position: relative; margin: 0px; padding: 0px; list-style: none; vertical-align: middle; }
        .social-buttons li { padding-left: 16px; display: inline-block; vertical-align: middle; line-height: 1; -webkit-transition: all .3s ease; transition: all .3s ease; }
            .social-buttons li:hover, .social-buttons li:focus { color: #E71163; fill: #E71163; }
            .social-buttons li:last-child { padding-left: 0; border-right: 1px solid #fff; padding-right: 16px; }
}

@media(max-width:991px) {
    .social-buttons li svg{height:20px; width:auto;}
    #mobile-small-buttons { position: absolute; top: 0; width: 100%; direction: rtl; }
        #mobile-small-buttons ul.small-menu { width: calc(49% - 32px); list-style: none; margin: 0; padding: 0; padding-top: 13px; }
            #mobile-small-buttons ul.small-menu li { display: inline-block; margin: 0 11px; }
                #mobile-small-buttons ul.small-menu li a { font-family: 'HadassahFriedlaender-Bold'; }
                #mobile-small-buttons ul.small-menu li.lang a { position: relative; top: -4px; font-size: 193%; }
            #mobile-small-buttons ul.small-menu.small1 { float: right; font-family: "futura-pt-condensed"; padding-top: 10px; }
            #mobile-small-buttons ul.small-menu.small2 { float: left; }
            #mobile-small-buttons ul.small-menu svg { width: 23px; fill: #fff; max-height: 23px }
            #mobile-small-buttons ul.small-menu .location-btn svg { }
    #siteheader-navigation-container .navbar-brand { display: none; }
    .social-buttons { width: 100%; display: block; padding: 0; font-family: "futura-pt-condensed"; font-size: 80%; }
        .social-buttons li { display: inline-block; margin: 0 5px; font-size: 70%; }
    #siteheader-navigation-container .navbar-header { display: block; position: absolute; height: 50px; background-color: #121212; z-index: 1; border-top: 2px solid #E71163; }
    #navbar-collapse-main .navbar-nav > li.dropdown > a { display: inline-block; margin: 0; }
    #navbar-collapse-main .navbar-nav > li.dropdown > button { background-color: transparent; border: none; outline: none; z-index: 4; top: 2px; padding: 0; position: relative; }
        #navbar-collapse-main .navbar-nav > li.dropdown > button svg { width: 18px; height: 17px; fill: #121212; transform: rotate(-90deg); -webkit-transition: all .3s ease; transition: all .3s ease; }
    #navbar-collapse-main .navbar-nav > li.dropdown.open > button svg { transform: rotate(90deg); }
    #navbar-collapse-main .navbar-nav > li.dropdown.open > button { /* IE 9 */ /* Chrome, Safari, Opera */ }
}

@media(max-width:991px) and (min-width:768px) {
    #siteheader-navigation-container .navbar-header { height: 68px; }
    #SiteHeader nav.navbar { min-height: 68px; }
    #mobile-small-buttons ul.small-menu svg { width: 33px; }
    #mobile-small-buttons ul.small-menu { width: auto; }
        #mobile-small-buttons ul.small-menu.small1 { float: right; margin-right: 28vw; }
        #mobile-small-buttons ul.small-menu.small2 { margin-left: 29vw; }
    .social-buttons li svg { width: 27px; max-height: 27px; }
    .social-buttons li { font-size: 70%; }
        .social-buttons li a.en-btn { position: relative; top: -4px; }
    #navbar-collapse-main .navbar-nav > li.dropdown > button svg { width: 24px; height: 24px; }
}

@media (max-width: 767px) {
    #mobile-small-buttons ul.small-menu.small1 { padding-top: 8px; }
    #mobile-small-buttons ul.small-menu.small2 a { margin: 0 6px; }
    #buttons-container { float: none; }
        #buttons-container .social-buttons { float: left; }
    #search_form_header_input { width: calc(100% - 50px); }
    #siteheader-navigation-container .navbar-brand { float: right; }



    #siteheader-navigation-container .navbar-brand { height: 45px; }
    #buttons-container .social-buttons .dropdown { max-height: 49px; width: 62px; text-align: center; background: #5D707E; position: static; }
    /*#navbar-collapse-main .navbar-nav > li.dropdown > a:after { content:" ";  width:24px; height:24px; background-image:url('https://cdn1.iconfinder.com/data/icons/general-9/500/left_arrow-24.png'); float: left; }*/

}

@media (min-width:992px) {
    #navbar-collapse-main .navbar-nav > li.dropdown > button { /* display: none */ }
}

#navbar-top { padding: 0px; display: inline-block; }
#navbar-top .navbar-nav { display: inline-block; margin: 0px; padding: 0; float: none; margin-bottom: -6px; }
        #navbar-top .navbar-nav > li { float: right; margin: 0 18px; position: relative; }
            #navbar-top .navbar-nav > li.dropdown { padding-left: 22px; }
            #navbar-top .navbar-nav > li a { border: 0px; padding: 0px; color: inherit; position: relative; background-color: transparent; text-decoration: none; }
                #navbar-top .navbar-nav > li a.drop-arrow { position: absolute; left: 0; top: 0px; width: 8px; }
#navbar-top .navbar-nav > li a.drop-arrow svg { -webkit-transition: all .3s ease; transition: all .3s ease; fill: #121212; transform: rotate(-90deg); }
                #navbar-top .navbar-nav > li a:hover { }
                #navbar-top .navbar-nav > li a:focus { }
            #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a:after, #navbar-collapse-main .navbar-nav > li > a:after, #navbar-top .navbar-nav > li > a:after { content: " "; width: 100%; background: #E71163; position: absolute; height: 2px; right: 0; bottom: 2px; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }
#navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a:after, #navbar-collapse-main .navbar-nav > li > a:after { width: 100%; left: 50%; right: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
#navbar-top .navbar-nav > li.dropdown > a:after { }
#navbar-top .navbar-nav > li > a:hover:after, #navbar-top .navbar-nav > li > a:focus:after { opacity: 1; bottom: -4px; }
#navbar-top .navbar-nav > li.dropdown.open a.drop-arrow svg { transform: rotate(90deg); }
#navbar-top .navbar-nav > li > .dropdown-menu { background: transparent; font-size: 100%; left: 50%; padding: 17px 0 0 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; box-shadow: 0 26px 22px -8px rgb(0 0 0 / 18%); border-color: transparent; }
#navbar-top .navbar-nav > li > .dropdown-menu ul { padding: 12px 17px; background-color: #fff; text-align: right; font-size: 80%; border-top: 2px solid #E71163; max-height: 0px; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; overflow: hidden; }
#navbar-top .navbar-nav > li.open > .dropdown-menu ul { padding: 17px; }
#navbar-top .navbar-nav > li.open > .dropdown-menu ul { max-height: 100vh; }
#navbar-top .navbar-nav > li > .dropdown-menu:before { content: " "; width: 15px; position: absolute; height: 6px; left: 50%; top: 11px; opacity: 1; -webkit-transition: all .3s ease; transition: all .3s ease; background-image: url('../../../000Frames/site/images/pink-triangle.png'); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); opacity: 0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
#navbar-top .navbar-nav > li.open > .dropdown-menu:before { opacity: 1 }
#navbar-top .navbar-nav > li > .dropdown-menu ul li { opacity: 0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; transition-delay: 0s; margin-bottom: 7px; }
#navbar-top .navbar-nav > li > .dropdown-menu a:after { content: " "; width: 100%; background: #E71163; position: absolute; height: 2px; right: 0; bottom: 2px; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }
#navbar-top .navbar-nav > li > .dropdown-menu a:hover:after { opacity: 1; bottom: -4px; }
#navbar-top .navbar-nav > li.open > .dropdown-menu ul li { transition-delay: 0.2s; opacity: 1; }
#navbar-top .navbar-nav > li > .dropdown-menu ul { list-style: none; }
#navbar-top .navbar-nav > li > .dropdown-menu > li > a { padding: 0px; line-height: normal; }
    #navbar-top .navbar-nav > li > .dropdown-menu > li > a:hover { color: #333; }

@media(min-width:768px) {
    #navbar-top { display: inline-block; width: 64%; vertical-align: middle; margin: 0 -6px; direction: rtl; }
    #navbar-header { text-align: center }
}

@media(max-width:767px) {
    #navbar-top { display: none; }
}

#navbar-collapse-main { padding: 0px; font-size: 225%; width: 100%; background-color: #edf1f2; margin: 0; position: fixed; bottom: -100vh; height: 100vh !important; -webkit-transition: all .3s ease; transition: all .3s ease; display: block; visibility: visible; border: none; }
    #navbar-collapse-main.in, #navbar-collapse-main.collapsing { bottom: 0; }
    #navbar-collapse-main .navbar-nav { padding: 0px; margin: 0px; padding-bottom: 5px; padding-top: 5px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; float: none; text-align: center; font-size: 120%; }
        #navbar-collapse-main .navbar-nav > li { display: block; float: none; margin-bottom: 20px; /*font-family: 'almoni-neue';*/ }
            #navbar-collapse-main .navbar-nav > li > a { color: #121212; padding: 7px 0; margin-left: 15px; line-height: 1;  display: inline-block;  }
                #navbar-collapse-main .navbar-nav > li > a:hover { color: #96aad1; }
            #navbar-collapse-main .navbar-nav > li.dropdown.open a { background-color: transparent; }
            #navbar-collapse-main .navbar-nav > li > .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; right: 0px; left: auto; padding: 5px; font-size: 100%; text-align: right; border: none; border-radius: 0px; text-align: center; padding: 0 5px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-size: 70%; }
                #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a { padding: 7px 0px; line-height: normal; color: #121212; line-height: normal; display: inline-block; position: relative; }
                #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li:last-child > a { /* padding-bottom: 30px; */ }
                #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a:hover { color: #999; }



/***FULL SCREEN OPEN MENU CSS*/

/*#navbar-collapse-main                           { overflow:hidden !important;background-image:url('../../../000Frames/site/images/homePage/aboutBg.jpg');margin-bottom:5px;margin-top: 0;transition: all 700ms cubic-bezier(.17,.67,.83,.67);transition: all 300ms ease-out;height: 100vh !important;nt;position: fixed;top: 0;opacity: 0;z-index: -20;visibility: hidden !important;}
#navbar-collapse-main.navbar-collapse.in        { width: 100%;height: 100vh !important;position: fixed;top: 0;margin-top: 0;z-index: 7;opacity: 1;visibility: visible !important;transition: all 650ms ease-out;}*/



@media(min-width:1025px) {
    #navbar-collapse-main { display: none !important; }
}

@media(min-width:768px) {
    #navbar-collapse-main .navbar-nav > li{font-size:90%;}
}

@media(max-width:767px) {
    #navbar-collapse-main { width: 100%; font-size: 141%; }
        #navbar-collapse-main .navbar-nav { width: 100%; }
            #navbar-collapse-main .navbar-nav > li { float: none; clear: both; margin-bottom: 10px; font-size: 110%; }
                #navbar-collapse-main .navbar-nav > li > a { padding: 5px 0; display: inline-block; margin: 0; }
                #navbar-collapse-main .navbar-nav > li > .dropdown-menu { border-radius: 0px; background-color: transparent; padding: 0; }
                    #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a { padding: 3px 0; }
                        #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a:hover { color: #333; }
}

@media(max-width:991px) {
    /*#siteheader-navigation-container .navbar-brand  { position:static; transform:none; width:calc(100% - 205px); float:none; display:inline-block; vertical-align:middle; height:100%; }*/
    /*#buttons-container { float:none; display:inline-block; vertical-align:middle; }*/
    .mobile-button { vertical-align: middle; }
        .mobile-button .navbar-toggle { margin-right: 5px; float: none; }
    #navbar-top { display: none; }
}

/*------------------------------------*\
    Top Bar Search 
\*------------------------------------*/

#search_form_header { max-width: 1170px; margin: 0 auto; position: relative; opacity: 0; transition: all 0.3s ease; transition-delay: 0s; }
.active #search_form_header { opacity: 1; transition-delay: 0.3s; }
#search_form_header input[type="text"] { background-color: #edf1f2; color: #121212; border: none; height: 56px; width: 100%; display: inline-block; padding: 0 15px; }
#search_form_header_input_continer { margin-left: 15px; vertical-align: middle; position: fixed; top: 90px; right: 0; background-color: #fff; width: 100%; padding: 0; -webkit-transition: all .3s ease; transition: all .3s ease; pointer-events: none; max-height: 0; overflow: hidden; transition-delay: 0.3s; }
    #search_form_header_input_continer.active { opacity: 1; pointer-events: auto; max-height: 80px; padding: 10px 0 0; transition-delay: 0s; }
#search_form_header_submit { background-color: transparent; border: none; position: absolute; left: 22px; padding: 0; top: 17px; }
    #search_form_header_submit svg { fill: #121212; width: 20px; }


@media(max-width:991px) {
    #search_form_header_input_continer { text-align: center; display: inline-block; margin: 0 auto; width: 100%; top: auto; bottom: 50px; }
    #search_form_header_input { display: inline-block; }
    #search_form_header_submit { width: 40px; display: inline-block; }
    #search_form_header_input_continer.active{padding:10px 10px 0;}
    #mobile-small-buttons ul.small-menu li a.fb-btn svg { transform: translateY(3px); }
}

#siteheader-navigation-container .navbar-search { float: left; margin-top: 12px; border: 1px solid; border-radius: 4px; font-size: 118%; opacity: 0.8; }
    #siteheader-navigation-container .navbar-search input { height: 31px; border: none; background: none; color: white; }
    #siteheader-navigation-container .navbar-search .searchicon { background-color: #F68B1F; height: 34px; padding-top: 7px; width: 36px; text-align: center; border-radius: 4px; }

.navbar-default .mobile-button { display: inline-block; text-align: center; color: #000; z-index: 1; position: absolute; top: -22px; border-radius: 50%; overflow: hidden; margin: 0; background-color: #fff; left: 50%; transform: translateX(-50%); border: 3px solid #000; }
.bg .navbar-default .mobile-button { color: #fff; }
.bg .navbar-default .navbar-toggle { padding: 0; height: 90px; width: 150px; }
.navbar-toggle { display: inline-block; float: none; margin-top: 0; }
.nav-open span.open-nav { display: none }
.navbar-toggle .mobile-button span.open-nav { display: none }
.navbar-toggle .collapsed .mobile-button span.open-nav { display: inline-block; vertical-align: middle; }
.navbar-default .mobile-button span.close-nav { display: none; }
.navbar-default .navbar-toggle:not(.collapsed) span.open-nav { display: none; }
.navbar-default .navbar-toggle:not(.collapsed) span.close-nav { display: inline-block; }

.navbar-default .navbar-toggle { width: 120px; border: 0; vertical-align: middle; margin-right: 0; padding: 9px 10px; height: 60px; transition: all 500ms ease; margin-bottom: 0; border-radius: 0px; padding: 0; width: 60px; background-color: transparent; padding-top:6px;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #000; width: 27px; height: 4px; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; }
        .navbar-default .navbar-toggle .icon-bar.up { margin-top: -6px; }
.bg .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; }
.navbar-default .navbar-toggle .icon-bar.down { width: 27px; }
.navbar-default .navbar-toggle div { display: inline-block; vertical-align: middle; }
.navbar-default .navbar-toggle span.open-nav { display: inline-block; vertical-align: middle; margin-right: 5px; }


@media (min-width:768px) and (max-width:991px) {
    .navbar-default .navbar-toggle span.open-nav { font-size: 113%; }
    .navbar-toggle .icon-bar + .icon-bar { }
}

@media (max-width:767px) {
    .navbar-default .navbar-toggle { padding-top:4px;}
        .navbar-default .navbar-toggle .icon-bar.up { margin-top: -3px; }
}
/***ANIMATION***/
.navbar-default .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-default .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-default .navbar-toggle:not(.collapsed) .icon-bar.down { display: none; }


.search-icon { height: 42px; width: 30px; display: block; padding: 11px; margin: 0; position: relative; cursor: pointer; border-radius: 4px; }
.circle { position: relative; display: block; height: 15px; width: 15px; border-radius: 50%; z-index: 0; border: 2px solid #121212; -webkit-transition: all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8); transition: all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8); z-index: 1; background-color: #fff; }
.handle { position: absolute; background-color: #121212; top: 21px; left: 7px; width: 17px; height: 2px; display: block; -webkit-transform: rotate(45deg); transform: rotate(45deg); float: right; border-radius: 2px; }
    .handle:after { content: ""; background: #121212; width: 17px; height: 2px; display: block; float: right; border-radius: 2px; -webkit-transition: all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8); transition: all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8); z-index: -1; }
.active .circle { -webkit-transform: scale(0.02); transform: scale(0.02); -webkit-transform-origin: 30% 40%; transform-origin: 30% 40%; background: white; border-color: white; }
.active .handle:after { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

@media (max-width: 767px) {
    #navbar-collapse-main .navbar-nav > li > a:focus, #navbar-collapse-main .navbar-nav > li > a:active, #navbar-collapse-main .navbar-nav > li:hover > a { color: #ec1163; }
}