<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    direction: rtl;
    font-family: 'Open Sans Hebrew', Helvetica, Arial, Sans-Serif;
}

ul, li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ol, ol li {
    margin: 0px;
    padding: 0px;
}

* {
    margin: 0;
    padding: 0;
    /*font-family: Verdana,Arial;*/
}

body {
    line-height: 1;
    color: black;
    /*font-family: Arial;*/
    font-size: 28px;
    margin: 0 auto;
    padding: 0;
    direction: rtl;
    background: #EFEFEF;
    /*font-family: fbspoilerhebeng-regularwebfont;*/
    width: 500px;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}


.hover {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.clear {
    clear: both;
}

.selects input.hint, .asakim .form .hint, input[type=text].hint, [data-hint].hint {
    color: gray;
    /*font-style: italic;*/
    font-weight: 100;
    font-size: 25px;
    /*font-family: Arial;*/
}

.contact-us form input[type=text].not-valid, .contact-us textarea.not-valid, .contact-us form .upload-div.not-valid {
    background: #FAA none repeat scroll 0% 0%;
}

.orange, .m-text-container .m-text-wrapper p.orange,
.m-text-container .m-text-wrapper h1.orange, p.m-text,
.right h1 {
    /*color: #FF6900;*/
    font-size: 45px;
    padding: 12px 12px 12px 12px;
}

.text-wrapper h2 {
    margin: 0 2%;
}

.text {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 96%;
    margin: 0 auto;
    /*outline:1px solid red;*/
}

    .text p {
        margin-bottom: 10px;
    }

    .text h2 {
        /*font-family: fbspoilerhebeng-boldwebfont;*/
        font-size: 24px;
        color: #F85901;
        margin: 20px 0px 5px;
    }

    .text ul {
        margin: 0px 35px 0px 0px;
    }

    .text li {
        list-style: outside none disc;
    }

    .text a {
        color: #F85901;
        font-weight: 900;
    }

    .text img {
        width: 300px;
        float: left;
        margin: 0 15px 15px 0;
    }

.back-link {
    margin-right: 2%;
    color: #434343;
}

    .back-link a {
        color: #434343;
    }

.wrapper {
    width: 500px;
    margin: 0 auto;
    overflow: hidden;
    background: url('http://www.hayabar.co.il/images/bg.jpg') 0 60px no-repeat;
    background-size: 1500px auto;
}

.inner-wrapper {
    width: 96%;
    margin: 0 auto;
}

.menu-wrapper {
    width: 100%;
    z-index: 9;
    position: fixed;
}


.menu {
    width: 500px;
    height: 60px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    z-index: 9;
    background-color: #313131;
}

.nav-button {
    height: 60px;
    width: 500px;
    background-color: #313131;
    top: 0;
    position: absolute;
    z-index: 9;
}

    .nav-button.open {
        height: 60px;
        width: 90px;
        background-color: #313131;
        top: 0;
        position: absolute;
        z-index: 9;
    }

    .nav-button .icon-bar {
        background-color: #C1C1C1; /*BFBFBF*/
        height: 4px;
        border: 1px solid #7E7E7E;
        -moz-border-radius: 2px !important;
        -webkit-border-radius: 2px !important;
        border-radius: 2px !important;
        width: 70px;
        position: relative;
        margin: 6px 8px 0 auto;
        display: block;
    }

        .nav-button .icon-bar:first-of-type {
            margin-top: 15px;
        }

/*head menu*/

.head-menu {
    float: left;
    background-color: #313131;
}

    .head-menu li {
        height: 60px;
        float: left;
        width: 201px;
        background-color: #313131;
    }

        .head-menu li:hover {
            background: #EFEFEF;
        }

    .head-menu img {
        float: left;
        width: 4px;
        height: 60px;
    }

    .head-menu li:last-child {
        width: 227px;
    }

    .head-menu li a {
        color: #C2C2C2;
        display: block;
        padding: 19px 10px 10px 10px;
        font-size: 22px;
        float: right;
    }

    .head-menu li:hover a {
        color: #313131;
    }



/*end head menu*/


/*main-menu*/
.main-menu {
    width: 100%;
    position: absolute;
    top: 0;
    background: #564D4D;
}

    .main-menu .top {
        width: 100%;
    }

        .main-menu .top a {
            height: 60px;
            float: left;
            color: white;
            text-align: center;
            background-image: url(http://www.avni.org.il//Img/mobile/menu_close_button_icon.png);
            background-position: center 8px;
            background-repeat: no-repeat;
            background-size: 16px;
        }

            .main-menu .top a.facebook {
                width: 180px;
                background-image: url(http://www.avni.org.il//Img/mobile/menu_facebook_button.png);
            }

            .main-menu .top a.phone {
                background-image: url(http://www.avni.org.il//Img/mobile/menu_phone_button.png);
            }

            .main-menu .top a span {
                margin: 30px 8px 8px 12px;
                display: block;
                text-align: center;
                font-size: 20px;
            }

.main-list &gt; li {
    background-color: #313131;
    display: block;
    color: white;
    font-size: 22px;
    position: relative;
    float: right;
    width: 100%;
}

    .main-list &gt; li a {
    }
    /*ul.main-list ul li a {
            display: block;
            padding: 9px 90px 6px 0;
            color: white;
            font-size: 22px;
            background-image: url(/Img/mobile/menu_item_bg.png);
            background-repeat: no-repeat;
            background-position: right+70px center;
            position: relative;
        }*/
    .main-list &gt; li &gt; .main-list-button {
        float: left;
        width: 60px;
        height: 60px;
        font-size: 31px;
        padding: 0 20px 0 20px;
        text-align: center;
        -moz-transition: all .6s ease;
        -o-transition: all .6s ease;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
        display: block;
        margin-left: 15px;
        margin-top: 3px;
    }

        .main-list &gt; li &gt; .main-list-button span {
            margin-left: 0px;
            margin-top: 15px;
            margin-bottom: 15px;
            display: block;
        }

    .main-list &gt; li &gt; .main-list-item {
        display: block;
        padding: 20px 40px 20px 0;
        color: white;
        font-size: 32px;
        position: relative;
        width: 60%;
        float: right;
    }

        .main-list &gt; li &gt; .main-list-item:active {
            color: #1C6A97;
        }

    .main-list &gt; li.current {
        color: #1C6A97;
    }

        .main-list &gt; li.current &gt; .main-list-item {
            color: #1C6A97 !important;
        }

    .main-list &gt; li ul li.current &gt; a {
        background-color: #56A8D7 !important;
    }

.main-list li ul li ul li.current a {
    background-color: green !important;
}

ul.main-list &gt; li.open &gt; .main-list-item {
    color: #24739A;
}

ul.main-list &gt; li.open &gt; .main-list-button span {
    color: #24739A;
}

ul.main-list &gt; li.open &gt; .main-list-button span {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: 1s;
}

ul.main-list &gt; li:not(:last-child)::after {
    content: "";
    height: 1px;
    width: 98%;
    background: black;
    box-shadow: 1px 1px 1px #BFBFBF;
    clear: both;
    margin: 0 auto;
    display: block;
    position: absolute;
    right: 1%;
    bottom: 2px;
}

ul.main-list ul {
    padding: 0 0px 0 0;
    display: none;
    clear: both;
}

.menu-wrapper-2 &gt; ul {
    display: block;
    background-color: #25729C;
}

    .menu-wrapper-2 &gt; ul a {
        display: block;
        background-color: #25729C;
        color: white;
        /*padding-right:40px;*/
        font-size: 30px;
        padding: 9px 40px 6px 0;
    }

ul li .main-list-childitem {
    font-size: 24px;
    padding: 5px 71px 7px 0;
    position: relative;
}

    ul li .main-list-childitem::before {
        content: "";
        position: absolute;
        top: 15px;
        right: 55px;
        font-size: 20px;
        color: yellow;
        z-index: 9;
        width: 8px;
        height: 8px;
        background-color: white;
        border-radius: 50%;
    }



.separator-v {
    margin-top: 5px;
    height: 50px;
    width: 1px;
    background: black;
    box-shadow: 1px 1px 1px #BFBFBF;
    float: left;
}

.separator-h {
    height: 1px;
    width: 98%;
    background: black;
    box-shadow: 1px 1px 1px #BFBFBF;
    margin: 0 auto;
    clear: both;
}

/*end main-menu*/


/*footer*/
.footer {
    background-color: #EAEAEA;
    clear: both;
    /*box-shadow:#D6D6D6 0px 10px inherit;*/
    box-shadow: #E0E0E0 0 -6px 5px 0;
}

    .footer:before {
    }

#imgfooter img {
    display: block;
    margin: 0 auto;
}

#footer_right {
    float: right;
    margin-bottom: 20px;
    margin-top: 10px;
    margin-right: 45px;
    /*border-left: 2px solid;
    border-color: #F9F9F9;*/
    width: 41%;
    list-style: none;
    /*font-family: Arial;*/
    text-align: right;
}

    #footer_right a {
        font-size: 22px;
        font: bold;
        /*font-family: Arial;*/
        text-decoration: none;
        color: #1C6A97;
        /*padding-left: 10px;*/
    }

#footer_left {
    float: left;
    margin-top: 10px;
    margin-left: 45px;
    margin-right: 7px;
    /* width: 125px; */
    list-style: none;
    /*font-family: Arial;*/
    text-align: right;
}

    #footer_left a {
        font-size: 22px;
        font: bold;
        /*font-family: Arial;*/
        text-decoration: none;
        color: #1C6A97;
        padding-right: 10px;
    }



.footer #credits img {
    position: relative;
    top: 3px;
}

.face_box {
    /*background-color: white;
    text-align: center;
    direction: rtl;
    border: 1px solid #CDCDCD;
    margin-left: 20px;
    margin-right: 20px;
    clear: both;
    width: 460px;
    height: 200px;*/
}


#fb-root {
    text-align: center;
}

.Sponsorship {
    width: 360px;
    margin: 0 auto;
}

.credit {
    clear: both;
    width: 480px;
    border-top: 2px solid #F9F9F9; /*#F9F9F9*/
    margin: 20px auto 0 auto;
    padding: 25px 0 25px 0;
    text-align: center;
}

#credits {
    clear: both;
    color: #D1D1D1;
    font-size: 22px;
    text-decoration: none;
    display: block;
    padding: 19px 2px 15px 2px;
    border-radius: 3px;
    background: #343434;
}

/*Content Page*/

.page_cont {
    /*margin-top:60px;*/
    background-color: #EAEAEA;
    width: 500px;
}

.nivoSlider {
    height: 417px;
}

.img_header {
    margin-top: 44px;
    width: 100%;
    display: block;
    height: 125px;
    filter: alpha(opacity=100);
    opacity: 0.9;
    background-repeat: no-repeat;
    background-size: 500px 265px;
    background-position: center;
}

    .img_header img {
        display: block;
        margin: 0 auto 0 auto;
        padding-top: 15px;
        width: 170px;
        opacity: 0.7;
    }

.phbig {
    background: #EBE9EC;
    height: 60px;
    padding-top: 1px;
    padding-bottom: 15px;
}


.phonebig {
    /*outline:1px red solid;*/
    background: -webkit-linear-gradient(#1B6793, #196089); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1B6793, #196089); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1B6793, #196089); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1B6793, #196089); /* Standard syntax */
    border-radius: 5px;
    font-size: 42px;
    /*font-family: Arial;*/
    color: white;
    width: 490px;
    height: 60px;
    background-repeat: no-repeat;
    display: block;
    box-shadow: #666666 0 2px 0 0;
    text-align: center;
    margin: 5px auto 10px auto;
    position: relative;
    padding-top: 12px;
}

    .phonebig::after {
        content: "";
        position: absolute;
        /*outline:1px red solid;*/
        background-image: url('http://www.avni.org.il/Img/mobile/menu_phone_button.png');
        background-size: 30px;
        background-position: center;
        width: 30px;
        height: 30px;
        top: 20px;
        left: 345px;
    }

    .phonebig:hover {
        text-decoration: none;
    }


.Banner {
    padding-bottom: 10px;
    position: relative;
    left: 10px;
    max-width: 490px;
    top: 2px;
}

    .Banner &gt; img:first-of-type {
        left: 5px;
        /*width:500px;
   height:109px;*/
    }


.hayaSmall {
    float: right;
    position: absolute;
    top: -3px;
}
/*text_content from db*/
#breadcrumb {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
}

    #breadcrumb span {
        font-size: 20px;
        color: #C0C0C0;
    }

    #breadcrumb a {
        color: #C0C0C0;
        font-size: 20px;
    }

.txt {
    margin-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
}

h1 {
    font-size: 34px;
    color: #1C6A97;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
}

h2 {
    margin-top: 5px;
    font-size: 24px;
    font-weight: bold;
    color: #1C6A97;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 27px;
}

.txt p, .txt h1, .txt h2 {
    margin-top: 5px;
    font-size: 24px;
    color: #333333;
    margin-bottom: 10px;
    line-height: 27px;
}

.txt img {
    max-width: 480px;
}

.txt p a {
    color: #1C6A97;
}

.txt ul {
    margin: 0 35px 0 0;
    padding-right: 40px;
}

.txt li {
    list-style: disc;
}

.txt ul li a {
    margin-top: 5px;
    font-size: 20px;
    margin-bottom: 10px;
    max-width: 480px;
    padding-right: 10px;
    padding-left: 10px;
}

.txt ol {
    margin: 0 35px 0 0;
}

    .txt ol li {
        list-style: decimal;
    }

.txt p a:hover {
    text-decoration: none;
}

.txt p img {
    height: auto !important;
    margin-bottom: 10px;
}


a.articles_item {
    display: block;
    margin-bottom: 5px;
    background-color: #1A618B;
    /* position: relative; */
    height: 60px;
    padding-top: 20px;
    margin-top: 10px;
    padding-right: 10px;
    color: #F7F7F7;
    font-size: 40px;
}

iframe {
    max-width: 480px;
}

.gallery {
    display: block;
    width: 490px;
    margin-top: 30px;
}

.product-img {
    float: right;
    max-height: 230px;
    max-width: 31.3%;
    /* height: 185px !important; */
    margin: 1.02%;
    box-shadow: 0px 2px 1px 0px #4a4a4a;
}

.logo_content {
    margin: 0 auto;
    display: block;
    width: 380px;
}


/*socialShare*/
.social {
    margin-top: 20px;
}

    .social ul.socialShare {
        overflow: hidden;
        margin: 40px auto 20px auto;
        padding: 0px 0 10px 0;
        width: 480px;
    }

.socialShare li {
    width: 22.6%;
    margin-left: 3.2%;
    float: left;
    list-style: none;
}

    .socialShare li:first-child {
        margin-left: 0;
    }

    .socialShare li a {
        width: 100%;
        display: block;
        padding: 13% 0 11% 0;
    }

    .socialShare li.mail a {
        background-color: #4c596a;
    }

        .socialShare li.mail a:after {
            background-position: 0 -72px;
        }

    .socialShare li a:after {
        content: '';
        display: block;
        margin: 0 auto;
        background: transparent url('http://www.avni.org.il/WebsiteMedia/images/General/icon_social_sprite%402x.png') 0 0 no-repeat;
        width: 29px;
        height: 24px;
        background-size: 29px 96px;
    }

    .socialShare li.whatsShare a {
        background-color: #4ec46d;
    }

        .socialShare li.whatsShare a:after {
            background-position: 0 -48px;
        }

    .socialShare li.gPlus a {
        background-color: #d11414;
    }

        .socialShare li.gPlus a:after {
            background-position: 0 -24px;
        }

    .socialShare li.fbShare a {
        background-color: #3b579d;
    }
/*endSocialShare*/

/*contact*/
.wrappercontact {
    background-color: white;
}

.minicontact {
    position: relative;
    bottom: 20px;
    height: auto;
    width: 480px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #DDDDDD;
}

.contacttitle {
    color: #1A648E;
    font-size: 36px;
    height: 60px;
    text-shadow: 1px 1px 1px #c0c0c0;
    margin: 0 auto;
    text-align: center;
}

    .contacttitle span {
        padding-top: 12px;
        display: block;
    }

.irow {
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

    .irow span {
        color: #E98107;
        font-size: 30px;
        display: block;
        margin-right: 10px;
    }
    /*.irow label {
        float: right;
        font-size: 21px;
        color: rgb(240, 236, 236);
        margin-right: 30px;
        padding-top: 10px;
        width: 80px;
        font-weight: bold;
        text-shadow: 1px 1px 4px gray;
    }*/
    .irow textarea {
        height: 40px;
        width: 90%;
        color: #4C4C4C;
        font-size: 22px;
        border: 1px solid #d2d3d9;
        border-radius: 5px;
        padding-right: 4px;
        font-family: 'Open Sans Hebrew', Helvetica, Arial, Sans-Serif;
        height: 80px;
    }

    .irow input {
        width: 90%;
        height: 40px;
        color: #4C4C4C;
        font-size: 22px;
        border: 1px solid #d2d3d9;
        border-radius: 5px;
        padding-right: 4px;
    }

    .irow select {
        width: 261px;
        height: 40px;
        font-size: 20px;
        color: #4C4C4C;
        border: 1px solid #d2d3d9;
        padding-right: 3px;
    }

.star {
    float: left;
    padding-top: 14px;
    margin-left: 60px;
    font-size: 16px;
    color: red;
}

button, input[type=text], input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=image] {
    width: 263px;
    display: block;
}

input[type=text].not-valid {
    background: #FFAAAA;
    color: red;
}

select#thems.not-valid {
    background: #FFAAAA;
    color: red;
}

.submit-wrapper {
    position: relative;
}

    .submit-wrapper input {
        width: 90%;
        cursor: pointer;
        height: 60px;
        font-size: 36px;
        color: White;
        text-shadow: 1px 1px 1px #c0c0c0;
        background-color: #1A648E;
        border-radius: 5px;
        margin: 0 auto;
        text-align: center;
        display: block;
        z-index: 11;
        position: relative;
        margin-top: 15px;
    }
    /*.submit-wrapper input {
       
        background: url("http://www.avni.org.il//Assets/Media/Webframe/contactSend.png")no-repeat 50%;
        background-size: contain;
        outline: none;
        border: none;
        height: 53px;
        width: 263px;
        color: white;
        font-size: 28px;
        margin: 0 auto;
        display: block;
        cursor: pointer;
        position: relative;
        border-radius: 4px;
        margin-top: 15px;
        margin-right: 23.5%;
    }*/

    .submit-wrapper img {
        position: absolute;
        top: 41%;
        left: 45%;
        z-index: 0;
    }
/*-----------------[carusla]-----------------*/
.caruosal {
    direction: ltr !important;
    margin-right: 60px;
    max-width: 365px;
}

.carusalWarpper {
    background-image: url('http://www.hayabar.co.il/images/ourClients.png');
    background-position: 0 10px;
    background-repeat: no-repeat;
    height: 160px;
    width: 480px;
    margin: 0 auto;
}

.caruosal li {
    height: 110px !important;
}

    .caruosal li img {
        width: 110px;
        margin: 5px;
    }

.caruosal &gt; ul {
    max-height: 160px;
}

.prev {
    float: right;
    left: 5px;
    position: relative;
    top: 70px;
    background-image: url('http://www.hayabar.co.il/images/next.png');
    background-repeat: no-repeat;
    width: 39px;
    height: 32px;
}

.next {
    /*top: 10px;*/
    bottom: 72px;
    float: left;
    left: 10px;
    position: relative;
    background-image: url('http://www.hayabar.co.il/images/prev.png');
    width: 58px;
    background-repeat: no-repeat;
    height: 67px;
}
/*-----------------END[carusla]-----------------*/
/*START CONTENT*/
/*.contact{position:relative;bottom:20px;background-image:url('../NewFolder1/mobile-form-background.png');background-repeat:no-repeat;height:500px;width: 480px;}
     .leftcontent{ width:480px;}
         .h2{color:#2167B5; padding-top:2px; display:block; font-size:20px;}
         .contacttitle{ font-size:11px;color:#013F84; font-weight:bold ;font-size:11px;padding-top:6px; display:block; line-height:1.3em;}
         .name{padding-top:0;  direction:rtl; width:480px; padding-left:15px;}      
         .contxt div{float:right;color:white; font-size:18px; font-weight:bold; padding-top:7px; margin-right: 6px;padding-left:65px;}
         .contxt input{float:left;margin-left: 6px;  width: 255px;}
         .context{direction:rtl; width:200px; padding-left:15px; color:#ffffff;}
         .context p{ padding-bottom:4px;}
         .contxt div.star{ float:left; color:Red;padding-top:10px; font-size:15px;}
          .contxt div.starh{ float:left; color:Red;padding-top:7px; font-size:15px; visibility:hidden;}
         .btn{width:150px; padding-top:10px; padding-left:8px;}
         input:focus {border-color: #339933;}
         .contxt{clear:left; padding-top:9px;}   
 dinput[type=text]  {border:1px solid #d2d3d9; height:40px;   width: 220px; margin-left: 10px; font-size: 12px;}
          
          .contactTitle{margin-right:65px;color:White;font-size:40px; display:block; width:400px;  text-shadow: 1px 1px 1px #c0c0c0; }
.contactText{ font-size:11px;color:white; font-weight:bold ;font-size:11px;padding-top:6px; display:block; line-height:1.3em;}
.contactText p{  line-height: normal; font-size: 12px; font-weight: normal; letter-spacing: 0.3px;}
.context{direction:rtl; width:200px; padding-left:15px;padding-top:22px;}
#ctl00_contact1_ddSubject{ width:159px;height:29px; margin-right:11px; position:relative;right:3px!important; font-size: 13px;}
.fb_edge_widget_with_comment{bottom: 4px!important;position: relative;right: -4px!important;}
.likeHeader{float: left; position: relative;top: 2px;}
.topTitle{ color: #898989;font-size: 12px;padding-right: 26px;padding-top: 9px;text-align: right;}*/

/*END CONTENT*/
/*new menu-list dropdown*/
</pre></body></html>