/********************************************************************

Header css

*********************************************************************/


.bg-logo, .main_menu, #advanced_menu_toggle{
    display: none!important;
}

.logo{
    display: none!important;
}

.custom-logo{
    float: left;
    height: 100%;
}
.custom-logo svg, .header-scrolled .header-taptap-main-wrapper-active .custom-logo svg {
    max-height: 80px;
    width: 105px;
     -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}
.custom-logo .st0 {
    opacity: 1;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}
.custom-logo:hover .st0 {
     opacity: 0.8;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}

.header-scrolled .custom-logo a{
    max-height: none!important;
}

#header_main{
    background:none;
     -webkit-transition: all 0.5s ease-out!important;
    transition: all 0.5s ease-out!important;
}

.avia-msie #header{
    z-index: 9999999999!important;
} 
.header-scrolled #header_main{
    background-color: rgb(29, 29, 29);
    border-bottom: 1px solid #e8e8e8!important;
    -webkit-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}
.header-scrolled .header-taptap-main-wrapper-active{
       background-color: transparent!important;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}

.av-logo-container{
    height: 80px!important;
    line-height: 80px!important; 
}

.header-scrolled .av-logo-container{
    height: 65px!important;
    line-height: 65px!important; 
}
.header-scrolled .custom-logo svg{
    max-height: 65px;
    width: 100px;
}
.header-scrolled .custom-logo .st0 {
    fill: #fff;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}
.header-scrolled .taptap-menu-button-wrapper, .header-scrolled .taptap-search-button-wrapper {
    top: 9px;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}

.header-scrolled .taptap-search-button-wrapper--active{
    top: 14px;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important; 
}

.header-scrolled .taptap-menu-active {
       top: 14px;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}

.page-taptap-search-wrapper-active #header{
    display: none;
}


#top.home .header-scrolled #header_main:is(:not(.header-taptap-main-wrapper-active)){
    background-color: white!important;
}

#top.home .header-scrolled #header_main:is(:not(.header-taptap-main-wrapper-active)) .custom-logo .a{
        fill: #0d3f7a!important;
}


#header .widget_text{
    position: absolute;
    top: 0;
    padding: 0;
    height: 100%;
    right: 105px;
}


/********************************************************************

מצבי סטייל - בר עליון

*********************************************************************/

#top #header_main {
    background-color: white;
      -webkit-transition: all 0.2s ease-out!important;
          transition: all 0.2s ease-out!important;
}

.s-header-dark-tr #header_main, #top .header-taptap-main-wrapper-active, .dark-tr-section-header #header_main, .light-tr-section-header #wrap_all .header-scrolled #header_main, .dark-tr-header #header_main, .light-tr-header #header_main,
.s-header-light-tr #header_main
{
    background:none!important;
      -webkit-transition: all 0.2s ease-out!important;
          transition: all 0.2s ease-out!important;
}

.s-header-dark-tr .custom-logo .a, .header-taptap-main-wrapper-active .custom-logo .a, .dark-section-header .custom-logo .a, .dark-tr-section-header .custom-logo .a, .dark-tr-header .custom-logo .a

{
    fill:white;
      -webkit-transition: all 0.2s ease-out!important;
          transition: all 0.2s ease-out!important;
}


.header-taptap-main-wrapper-active #lang_sel_list a, .dark-section-header #lang_sel_list a, .dark-section-header #lang_sel_list a, .dark-tr-section-header #lang_sel_list a, .dark-tr-header #lang_sel_list a{
        color: #ababab;
}

.header-taptap-main-wrapper-active #lang_sel_list li span:before, .dark-section-header #lang_sel_list li span:before, .dark-tr-section-header #lang_sel_list li span:before, .dark-tr-header #lang_sel_list li span:before{
        color: #ffffff;
}


.taptap-menu-active .taptap-main-menu-button-six:after, .taptap-menu-active .taptap-main-menu-button-six:before, 
.dark-section-header .taptap-main-menu-button-six:after, .dark-section-header .taptap-main-menu-button-six:before,
.dark-tr-section-header .taptap-main-menu-button-six:after, .dark-tr-section-header .taptap-main-menu-button-six:before,
.dark-tr-header .taptap-main-menu-button-six:after, .dark-tr-header .taptap-main-menu-button-six:before

{
    background-color: #cbcbcb!important;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}

.taptap-search-button-wrapper--active .taptap-search-button,
.dark-section-header .taptap-search-button,
.dark-tr-section-header .taptap-search-button,
.dark-tr-header .taptap-search-button
{
        border-color:#cbcbcb!important;
}
.taptap-search-button-wrapper--active .taptap-search-button::after,
.dark-section-header .taptap-search-button::after,
.dark-tr-section-header .taptap-search-button::after,
.dark-tr-header .taptap-search-button::after
{
        background-color: #cbcbcb!important;
}

.taptap-search-button-wrapper--active:hover .taptap-search-button::after,
.s-header-dark-tr .taptap-search-button-wrapper:hover .taptap-search-button::after,
.dark-section-header .taptap-search-button-wrapper:hover .taptap-search-button::after,
.dark-tr-section-header .taptap-search-button-wrapper:hover .taptap-search-button::after,
.dark-tr-header .taptap-search-button-wrapper:hover .taptap-search-button::after

{
    background-color: #cbcbcb!important;
}

/*
.taptap-search-button-wrapper--active:hover .taptap-search-button::after {
    opacity: 0.7;
    -webkit-transition: all 0.2s ease-out!important;
          transition: all 0.2s ease-out!important;
}
*/



.page-taptap-search-wrapper-active #header_main {
    background-color: white!important;
    -webkit-transition: all 0.2s ease-out!important;
          transition: all 0.2s ease-out!important;
    
}


.dark-tr-header .header-scrolled #header_main{
     background-color: white!important;
    -webkit-transition: all 0.2s ease-out!important;
          transition: all 0.2s ease-out!important;
}



.s-header-dark-tr .page-taptap-search-wrapper-active .custom-logo .a, .dark-tr-header .header-scrolled .custom-logo .a, .page-taptap-search-wrapper-active .custom-logo .a{
        fill: #0d3f7a!important;
     -webkit-transition: all 0.2s ease-out!important;
          transition: all 0.2s ease-out!important;
}

.dark-tr-header .header-scrolled .taptap-main-menu-button-six:after,
.dark-tr-header .header-scrolled .taptap-main-menu-button-six:before,

.page-taptap-search-wrapper-active #wrap_all .taptap-main-menu-button-six:after,
.page-taptap-search-wrapper-active #wrap_all .taptap-main-menu-button-six:before,

.dark-tr-section-header .page-taptap-search-wrapper-active #wrap_all .header-scrolled .taptap-main-menu-button-six:after,
.dark-tr-section-header .page-taptap-search-wrapper-active #wrap_all .header-scrolled .taptap-main-menu-button-six:before
{
        background-color: #0d3f7a!important;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}


.dark-tr-header .header-scrolled .taptap-search-button
{
        border-color:#0d3f7a!important;
}

.dark-tr-header #wrap_all .header-scrolled .taptap-search-button::after
{
        background-color: #0d3f7a!important;
}

.dark-tr-header .header-scrolled #lang_sel_list ul a,
.page-taptap-search-wrapper-active #wrap_all #lang_sel_list ul a,
.dark-section-header .page-taptap-search-wrapper-active .header-scrolled  #lang_sel_list ul a,
.dark-tr-section-header .page-taptap-search-wrapper-active #wrap_all #lang_sel_list ul a
{
        color: #444444!important;
}

.dark-tr-header .header-scrolled #lang_sel_list li span:before, .s-header-dark-tr .page-taptap-search-wrapper-active #lang_sel_list li span:before{
    color: #0d3f7a;
}

.dark-section-header #top #header_main  {
    background-color: #101010!important;
   -webkit-transition: all 0.4s ease-out!important;
    transition: all 0.4s ease-out!important;
    
}

.dark-section-header #top #header_main,
.dark-tr-section-header #top #header_main,
.light-tr-section-header #top #header_main
{
     border-bottom:none!important;
}

.dark-tr-section-header .header-scrolled .custom-logo .a,
.dark-section-header .dark-tr-header .header-scrolled .custom-logo .a
{
    fill:white!important;
      -webkit-transition: all 0.2s ease-out!important;
          transition: all 0.2s ease-out!important;
}

.dark-section-header .header-scrolled  #lang_sel_list a{
        color: #ababab!important;
}

.dark-section-header .header-scrolled #lang_sel_list li span:before,
.dark-tr-section-header .header-scrolled #lang_sel_list li span:before,
.dark-tr-page-header #wrap_all .header-scrolled #lang_sel_list li span:before

{
        color: #ffffff;
}

.dark-section-header .dark-tr-header .taptap-main-menu-button-six:after,
.dark-section-header .dark-tr-header .taptap-main-menu-button-six:before,

.dark-tr-header .taptap-menu-active .taptap-main-menu-button-six:after,
.dark-tr-header .taptap-menu-active .taptap-main-menu-button-six:before,

.dark-tr-section-header #wrap_all .header-scrolled .taptap-main-menu-button-six:after,
.dark-tr-section-header #wrap_all .header-scrolled .taptap-main-menu-button-six:before,

.dark-tr-page-header #wrap_all .header-scrolled .taptap-main-menu-button-six:after,
.dark-tr-page-header #wrap_all .header-scrolled .taptap-main-menu-button-six:before

{
    background-color: #cbcbcb!important;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}


.dark-section-header .dark-tr-header .taptap-search-button,
.dark-tr-header .header-scrolled .taptap-search-button-wrapper--active .taptap-search-button,
.dark-tr-section-header #wrap_all .header-scrolled .taptap-search-button, .dark-tr-page-header #wrap_all .header-scrolled .taptap-search-button
{
        border-color:#cbcbcb!important;
}

.dark-section-header .dark-tr-header #wrap_all .taptap-search-button::after,
.dark-tr-header #wrap_all .header-scrolled .taptap-search-button-wrapper--active .taptap-search-button::after,
.dark-tr-section-header #wrap_all .header-scrolled .taptap-search-button::after,
.dark-tr-page-header #wrap_all .header-scrolled .taptap-search-button::after
{
        background-color: #cbcbcb!important;
}



#top .header-scrolled .header-taptap-main-wrapper-active, .dark-section-header #top #wrap_all .header-scrolled .header-taptap-main-wrapper-active, .dark-tr-section-header .header-scrolled #header_main, .dark-tr-page-header #wrap_all .header-scrolled #header_main, .light-tr-page-header #wrap_all .header-scrolled #header_main, .light-tr-header #wrap_all .header-scrolled .header-taptap-main-wrapper-active, .dark-header #wrap_all .header-scrolled .header-taptap-main-wrapper-active {
    background:none!important;
    border: none!important;
      -webkit-transition: all 0.2s ease-out!important;
          transition: all 0.2s ease-out!important;
}

.dark-section-header .dark-tr-header .header-scrolled  #lang_sel_list a, .dark-tr-section-header #wrap_all .header-scrolled  #lang_sel_list a, .dark-tr-header #wrap_all .header-taptap-main-wrapper-active #lang_sel_list a, .dark-tr-page-header #wrap_all .header-scrolled  #lang_sel_list a{
        color: #ababab!important;
}

.dark-tr-header .header-scrolled .taptap-search-button-wrapper--active:hover .taptap-search-button::after {
    opacity: 1;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}

.dark-tr-header .header-taptap-main-wrapper-active .custom-logo .a, .dark-tr-page-header #wrap_all .header-scrolled .custom-logo .a{
    fill: white!important;;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}

.dark-tr-header .header-taptap-main-wrapper-active #lang_sel_list li span:before {
    color: #ffffff!important;
}

.dark-section-header .page-taptap-search-wrapper-active .header-scrolled .custom-logo .a,
.dark-tr-section-header .page-taptap-search-wrapper-active .header-scrolled .custom-logo .a
{
         fill: #0d3f7a!important;
     -webkit-transition: all 0.2s ease-out!important;
          transition: all 0.2s ease-out!important;
}

.page-taptap-search-wrapper-active #wrap_all #lang_sel_list li span:before {
    color: #0d3f7a!important;
}

.dark-section-header .page-taptap-search-wrapper-active #wrap_all #header_main,
.dark-tr-section-header .page-taptap-search-wrapper-active #wrap_all #header_main,
.light-tr-section-header .page-taptap-search-wrapper-active #wrap_all #header_main,
.light-tr-header .header-scrolled #header_main
{
       background-color: white!important;
      -webkit-transition: all 0.2s ease-out!important;
          transition: all 0.2s ease-out!important;
}



/********************************************************************

מערכת שפות

*********************************************************************/



.widget_icl_lang_sel_widget{
    position: absolute;
    right: 95px;
    margin-top: 23px;
    padding: 0!important;
          -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}

.he .widget_icl_lang_sel_widget .icl-he, .en .widget_icl_lang_sel_widget .icl-en, .taptap-by-bonfire .menu-item-language-current{
    display: none!important;
}

#lang_sel_list a{
    font-size: 18px!important;
    background: none!important;
    color: #797979;
    text-decoration: none;
}

#lang_sel_list li a span:before {
       content: '' !important;
    font-family: 'fontello'!important;
    color: #0d3f7a;
    font-size: 20px;
    position: absolute;
    left: -18px;
    top: 14px;
    line-height: 0;
}

.header-scrolled .widget_icl_lang_sel_widget{
    margin-top: 18px;
          -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}

.header-scrolled .header-taptap-main-wrapper-active .widget_icl_lang_sel_widget{
    margin-top: 23px;
          -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}


.page-taptap-search-wrapper-active .widget_icl_lang_sel_widget, .page-taptap-search-wrapper-active #scroll-top-link{
    display: none;
}

.wpml-ls-legacy-list-horizontal {
    border: none!important;
    padding: 0!important;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    display: block;
}


.avia-image-container.av-hover-grow img:hover, .avia-image-container.av-hover-grow .avia-image-overlay-wrap:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}






/********************************************************************

Responsive Rules - DESKTOP

*********************************************************************/



@media only screen and (min-width: 2000px) and (max-width: 3200px){

    .header-scrolled .custom-logo svg {
        max-height: 65px;
        width: 100px;
    }
      
        
        .widget_icl_lang_sel_widget {
      right: 100px;
        margin-top: 23px;
    }

    .header-scrolled .widget_icl_lang_sel_widget {
        margin-top: 16px;
    }
        .header-scrolled .taptap-menu-button-wrapper, .header-scrolled .taptap-search-button-wrapper {
        top: 7px;
    }
        .header-scrolled .taptap-menu-active {
        top: 14px;
    }
        
       .header-scrolled .taptap-search-button-wrapper {
        top: 8px;
    }
        
        .header-scrolled .taptap-search-button-wrapper--active {
        top: 14px;
    }
        
        #header .widget_text {
        right: 110px;
    }


}


@media only screen and (min-width: 1100px) and (max-width: 2000px){}



@media only screen and (max-width: 2000px){}

            
@media only screen and (max-width: 1700px){}


@media only screen  and (max-width: 1600px){}


@media only screen and (max-width: 1450px) {

    .custom-logo svg, .header-scrolled .header-taptap-main-wrapper-active .custom-logo svg {
        max-height: 70px;
        width: 92px;
    }
           .av-logo-container {
        height: 70px!important;
        line-height: 70px!important;
    }
       
        .header-scrolled .custom-logo svg {
        width: 95px;
    }

    #header .widget_text {
        top: 2px;
    }
    
        .widget_icl_lang_sel_widget {
        margin-top: 21px;
    }

}


@media only screen and (max-width: 1370px) {


    .custom-logo svg, .header-scrolled .header-taptap-main-wrapper-active .custom-logo svg {
        max-height: 65px;
        width: 90px;
    }
           .av-logo-container {
        height: 65px!important;
        line-height: 65px!important;
    }
       
        .header-scrolled .custom-logo svg {
        width: 88px;
        max-height: 55px;
    }
            .header-scrolled .av-logo-container {
        height: 55px!important;
        line-height: 55px!important;
    }
    .widget_icl_lang_sel_widget {
        margin-top: 16px;
    }
        
        .header-scrolled .widget_icl_lang_sel_widget {
        margin-top: 12px;
    }
        #header .widget_text {
        top: 0px;
    }

}


@media only screen and (max-width: 1200px){}



@media only screen and (max-width: 1300px) and (min-height: 950px){}


@media only screen and (min-width: 1100px) and (max-width: 1450px){}




/********************************************************************

Responsive Rules - TABLETS

*********************************************************************/

/*
All Mobiles & tablets
================================================== */
@media only screen and (max-width: 1150px){

    .custom-logo svg, .header-scrolled .header-taptap-main-wrapper-active .custom-logo svg {
        width: 87px;
    }

    .header-scrolled #header_main {
        background-color: #171717;
    }

    .widget_icl_lang_sel_widget {
        right: 87px;
    }
        #lang_sel_list a {
        font-size: 17px!important;
    }
        #lang_sel_list li:before {
        font-size: 18px;
        left: -20px;
            top: 8.4px;
    }
        .widget_icl_lang_sel_widget {
        margin-top: 18px;
    }
}




/*
BIG tablets
================ */

@media only screen and (max-width: 1150px) and (orientation :  portrait){}


@media only screen and (max-width: 1150px) and (orientation : landscape){}




/*
SMALL tablets
================ */

@media only screen and (max-width: 1100px) and (orientation : landscape){}


@media only screen and (max-width: 1100px) and (min-height: 600px) and (orientation : landscape){}


@media only screen and (max-width: 990px){

    #icl_lang_sel_widget-2 {
        display: none;
    }
}


@media only screen and (max-width: 990px) and (orientation : portrait){

    .custom-logo svg, .header-scrolled .header-taptap-main-wrapper-active .custom-logo svg {
        width: 90px;
            max-height: 70px;
    }

    .av-logo-container {
        height: 70px!important;
        line-height: 70px!important;
    }
    
    
}



@media only screen and (max-width: 780px) and (min-height: 900px)  and (orientation : portrait){}




/********************************************************************

Responsive Rules - MOBILE

*********************************************************************/



@media only screen and (max-width: 767px){

    #icl_lang_sel_widget-2{
        display: none;
    }
       #top #scx-widget .scx-popup {
    z-index: 999999!important;
}

}

@media only screen and (max-width: 767px) and (orientation : portrait){

    .html_header_top #top .av_header_stretch .container {
        width: 90%!important;
        max-width: 90%!important;
    }
    #top #header .av-logo-container {
        height: 60px!important;
        line-height: 60px!important;
    }
        .custom-logo svg, .header-scrolled .header-taptap-main-wrapper-active .custom-logo svg {
        max-height: 60px;
        width: 85px;
    }  

    #top #wrap_all .header-scrolled .av-logo-container {
        height: 55px!important;
        line-height: 55px!important;
    }
    
    
}

@media only screen and (max-width: 767px) and (orientation : landscape){

    .custom-logo svg, .header-scrolled .header-taptap-main-wrapper-active .custom-logo svg {
        max-height: 55px;
        width: 80px;
    }
        
        #top .header-scrolled .av-logo-container {
        height: 50px!important;
        line-height: 50px!important;
    }
      .header-scrolled .custom-logo svg {
        width: 78px;
        max-height: 50px;
    } 
        .header-scrolled .taptap-menu-button-wrapper {
        top: 0px;
    }
        
       .header-scrolled .taptap-search-button-wrapper {
        top: 2px;
    }

}



/*
iphone X
================ */
@media only screen and (device-width : 375px) and (device-height : 812px) and ( -webkit-min-device-pixel-ratio:3 ) and (orientation : portrait){}


/*
MOBILE XL
================ */

@media only screen and (min-width: 375px) and (max-width: 767px) and (orientation : portrait){}


/*
MOBILE M
================ */

@media only screen and (max-width: 375px) and (orientation : portrait){

    .custom-logo svg, .header-scrolled .header-taptap-main-wrapper-active .custom-logo svg {
        max-height: 55px;
        width: 85px;
    }
        #top #header .av-logo-container {
        height: 55px!important;
        line-height: 55px!important;
    }
        .header-scrolled .header-taptap-main-wrapper-active .custom-logo svg {
        max-height: 62px;
    }

    #top .header-scrolled .av-logo-container {
        height: 55px!important;
        line-height: 55px!important;
    }
        .header-scrolled .custom-logo svg {
        width: 82px;
        max-height: 55px;
    }
}

@media only screen and (max-width: 667px) and (orientation: landscape){}



/*
MOBILE SM
================================================== */

@media only screen and (max-width: 320px) and (orientation : portrait){

    #top #header .av-logo-container {
        height: 50px!important;
        line-height: 50px!important;
    }

    .html_header_top #top .av_header_stretch .container {
        width: 88%!important;
        max-width: 88%!important;
    }
        
    .custom-logo svg {
       max-height: 50px;
        width: 76px;
    }
        .header-scrolled .custom-logo svg {
        width: 76px;
        max-height: 50px;
    }
        #top .header-scrolled .av-logo-container {
        height: 50px!important;
        line-height: 50px!important;
    }

}

@media only screen and (max-width: 568px) and (orientation : landscape){}

 
