﻿ /*****************************  $Header Top  *******************************/
.header-top {
    background-color: #E3E9F1;
    /*border-bottom: 1px solid #3a4a61;*/
}

/*.shape .ico
{
    width: 19px;
    height: 19px;
    position: absolute;
    margin: 2px 0 0 0;
}*/

.header_chat_unread {
    color: #fff;
    margin: 1px 14px 0 0;
    font-size: 10px;
    position: absolute;
}

/*right header side*/

/*.header-top .profile img
        {
            width: 40px;
            margin: -2px 0 0 0;
        }*/

/*menu*/

/*.images
{
    width: 500px;
    height: 30px;
    background: url('../files/images1/menu/nav_header_selected_first.png');
    background: url('../files/images1/menu/nav_header_selected_last.png');
    background: url('../files/images1/menu/nav_header_selected.png');
    background: url('../files/images1/menu/nav_header_bg.png');
}*/

.menumobile {
    display: none;
}

.menularge {
    display: block;
}

nav {
}

.header-top .menu {
    margin: 7.5px auto 0 auto;
    width: auto;
    font-family: Arial;
    font-size: 15px;
    display: block;
    float:left;
    /*width: 100%;*/
    /*border:thin solid #000;*/
}

.menu .nav label {
    font-weight: normal;
    margin: 0 33px 0 0;
    float: left;
    /*border: thin solid #000;*/
}

.header-top .menu .nav li label {
    cursor: pointer;
}

.header-top .nav {
    padding: 0;
    border-width: 1px 0;
    z-index: 100;
    float: left;
    /*border: thin solid #000;*/
}

.menu .nav .ico {
    width: 27px;
    height: 27px;
    position: absolute;
    cursor: pointer;
    margin: 0 0 0 0;
    /*border: thin solid #00f;*/
}

.header-top .menu .nav li {
    float: left;
    margin: 0;
    background: #ECECDF url('../files/images1/menu/nav_header_bg.png') 0 0;
    border-right: 1px solid #cacaca;
    border-left: 1px solid #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    /*border: thin solid #000;*/
    height: 42px;
}

/*buttons*/
.nav li a {
    /*padding: 8px  10px 10px 5px !important;*/
    /*padding: 10px 12px 12px 7px !important;*/
}

/*menu left side*/
.header-top .menu .nav li:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/*menu right side*/
.header-top .menu .nav li:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.header-top .menu .nav a {
    color: #000;
}

    .header-top .menu .nav a:hover {
        z-index: 100;
        background: #ECECDF url('../files/images1/menu/nav_header_hover.png') 0 0;
    }



.header-top .nav a:link, .nav a:visited {
    /*color: #000;
    border-right: 1px solid #42432d;
    border-left: 1px solid #42432d;
    text-decoration: none;*/
    /*background: -moz-linear-gradient(top, #f9f9ec 0%, #e5e5d8 100%);
        background: -webkit-linear-gradient(top, #f9f9ec 0%,#e5e5d8 100%);
        background: linear-gradient(to bottom, #f9f9ec 0%,#e5e5d8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9ec', endColorstr='#e5e5d8',GradientType=0 );*/
}

/*.nav a:link:hover, .nav a:visited:hover
    {
        background-color: #F5F5F5;
    }*/

.header-top .menu .selected-tab {
    background: #F5F5F5 url('../files/images1/menu/nav_header_selected.png') 0 0 !important;
    z-index: 888;
}

    .header-top .menu .selected-tab:hover {
        /*border:thin solid #000;*/
        background: #F5F5F5 url('../files/images1/menu/nav_header_selected.png') 0 0 !important;
        z-index: 999 !important;
    }

/*end menu*/


/*profile*/
.header-top .profile {
    width: auto;
    text-align: center;
    margin: 8px 14px 0 auto;
    text-align: center;
    z-index: 999;
    float: right;
    display: block;
    /*border: thin solid #000;*/
}

.header-top .profile a {
    font-size: 17px;
    text-decoration: underline;
}

    .header-top .profile a:hover {
        color: red;
        text-decoration: none;
    }

.header-top .profile .shape {
    padding: 0;
    /*background-color: #a8adb3;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*height: 40px;*/
    position: relative;
    color: #000;
    float: right;
    /*border: thin solid #f00;*/
}

/*profile photo small icon*/
.profile .shape .user_photo_frame {
    position: relative;
    padding: 0;
    /*background:url('../files/photo/12_408793_s96cc.jpg');*/
    width: 41px;
    height: 41px;
    float: right;
}

    .profile .shape .user_photo_frame img {
        width: 41px;
        height: 41px;
        padding: 2px;
        background-color: #fff;
        object-fit: cover;
        position: relative;
        margin: -1px 0 0 0;
    }

    /*show ddl*/
    .profile .shape .user_photo_frame:hover {
        visibility: visible;
    }

    /*arrow*/
    .profile .shape .user_photo_frame .ico2_bg {
        width: 10px;
        height: 38px;
        margin: 1px -13px 0 0;
        position: relative;
        background-color: #c7c7c7;
        padding: 5px 0 0 0;
        opacity: 1;
        float: right;
    }

        .profile .shape .user_photo_frame .ico2_bg:hover {
            background-color: #d0d0d0;
            /*background-color:#dedede;*/
        }

.header-top .profile .ddl {
    margin: -1px 10px 0 0;
    float: left;
    /*display:none;*/
}

/*hide ddl*/

/*ico_arrow_ddl*/
.profile .shape .user_photo_frame .ico2_bg .ico2_ {
    width: 20px;
    height: 20px;
    margin: 13px 0 0 1px;
    z-index: 400;
}

/*ico_arrow_ddl*/
.profile .shape .user_photo_frame .ico_arrow_ddl {
    /*background: url(../files/images1/icons_status/arrow_ddl.png) 0 0 no-repeat;*/
    cursor: default;
    position: absolute;
    margin: 13px -4px 0 0;
    float: right;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #6b6b6b;
}

/*בזכות*/
.header-top .profile label {
    font-weight: normal;
    margin:0 25px 0 0;
}

.header-top .profile .ico_credit {
    margin: 0;
    background: url(../files/images1/icons/icons.png) 0 -411px no-repeat;
}

/*icons*/

.menu .nav .ico_search {
    background: url('../files/images1/icons/icons_header_nav_rtl.png') 0 0 no-repeat; /*0 -67px*/
}

.menu .nav .ico_search_click {
    background: url('../files/images1/icons/icons_header_nav_rtl.png') 0 -67px no-repeat; /*0 -67px*/
}

.menu .nav .ico_dating {
    background: url('../files/images1/icons/icons_header_nav_rtl.png') 0 -134px no-repeat; /*-134px -204px*/
}

.menu .nav .ico_dating_click {
    background: url('../files/images1/icons/icons_header_nav_rtl.png') 0 -204px no-repeat; /*-134px -204px*/
}

.menu .nav .ico_board {
    background: url('../files/images1/icons/icons_header_nav_rtl.png') 0 -610px no-repeat; /* -610px-681px*/
}

.menu .nav .ico_board_click {
    background: url('../files/images1/icons/icons_header_nav_rtl.png') 0 -681px no-repeat; /* -610px-681px*/
}

.menu .nav .ico_chat {
    background: url('../files/images1/icons/icons_header_nav_rtl.png') 0 -540px no-repeat; /* -272px--540 */
}

.menu .nav .ico_chat_click {
    background: url('../files/images1/icons/icons_header_nav_rtl.png') 0 -272px no-repeat; /* -272px--540 */
}

/*end icons*/

/*.menu .nav li .active
    {
        background-color: #000000;
    }

    .nav a:active
    {
        color: #fff;
    }*/

/*nav_header_selected_first.png

nav_header_selected_last.png

nav_header_selected.png

nav_header_bg.png*/

/*end menu*/

/*language*/


.header-top .logo_inner {
    float: left;
}

    .header-top .logo_inner img {
        padding: 6px 0 6px 0;
        display: block;
        margin: 0 auto;
        width: 85px;
        /*text-align: center;*/
    }

@media screen and (max-width: 1200px) {
    .header-top .menu {
        margin: 8px auto 0 auto;
        width: 400px;
        font-family: Arial;
        font-size: 15px;
        display: block;
        float: none;
        /*width: 100%;*/
        /*border:thin solid #000;*/
    }

    .header_chat_unread {
        color: #fff;
        margin: 2px 14px 0 0;
        font-size: 10px;
        position: absolute;
    }
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 992px) {
    .header-top .menu {
        margin: 8px auto 0 auto;
        width: 400px;
        font-family: Arial;
        font-size: 15px;
        display: block;
        float: left;
        /*width: 100%;*/
        /*border:thin solid #000;*/
    }

    .header_chat_unread {
        color: #fff;
        margin: 2px 14px 0 0;
        font-size: 10px;
        position: absolute;
    }
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 640px) {
    .menularge {
        display: none;
    }

    .menumobile {
        display: block;
    }

    /*menu*/
    .header-top .menu {
        margin: 7px auto 0 auto;
        width: auto;
        font-family: Arial;
        font-size: 15px;
        float: left;
        /*border:thin solid #000;*/
    }

    .header-top .nav {
        padding: 0;
        border-width: 1px 0;
        z-index: 100;
        float: left;
        /*border: thin solid #000;*/
    }

    .header-top .menu .nav li {
        float: left;
        margin: 0;
        background: #ECECDF url('../files/images1/menu/nav_header_bg.png') 0 0;
        border-right: 1px solid #cacaca;
        border-left: 1px solid #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        /*border:thin solid #000;*/
    }

    /*buttons*/
    .nav li a {
        /*padding: 8px  10px 10px 5px !important;*/
        padding: 10px 12px 12px 7px !important;
    }

    /*menu left side*/
    .header-top .menu .nav li:first-child {
        border-left: 1px solid rgba(0, 0, 0, 0.08);
        border-top-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    /*menu right side*/
    .header-top .menu .nav li:last-child {
        border-right: 1px solid rgba(0, 0, 0, 0.08);
        border-top-right-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .header-top .menu .nav a {
        color: #000;
    }

        .header-top .menu .nav a:hover {
            z-index: 100;
            background: #ECECDF url('../files/images1/menu/nav_header_hover.png') 0 0;
        }

    .header-top .menu .nav li label {
        cursor: pointer;
    }

    .header-top .nav a:link, .nav a:visited {
        /*color: #000;
    border-right: 1px solid #42432d;
    border-left: 1px solid #42432d;
    text-decoration: none;*/
        /*background: -moz-linear-gradient(top, #f9f9ec 0%, #e5e5d8 100%);
        background: -webkit-linear-gradient(top, #f9f9ec 0%,#e5e5d8 100%);
        background: linear-gradient(to bottom, #f9f9ec 0%,#e5e5d8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9ec', endColorstr='#e5e5d8',GradientType=0 );*/
    }

    /*.nav a:link:hover, .nav a:visited:hover
    {
        background-color: #F5F5F5;
    }*/

    .header-top .menu .selected-tab {
        background: #F5F5F5 url('../files/images1/menu/nav_header_selected.png') 0 0 !important;
        z-index: 888;
    }

        .header-top .menu .selected-tab:hover {
            /*border:thin solid #000;*/
            background: #F5F5F5 url('../files/images1/menu/nav_header_selected.png') 0 0 !important;
            z-index: 999 !important;
        }

    .menu .nav label {
        font-weight: normal;
        margin: 0 33px 0 0;
    }

    .header_chat_unread {
        color: #fff;
        margin: 2px 14px 0 0;
        font-size: 10px;
        position: absolute;
    }
    /*ddl with user image*/
}

@media screen and (max-width: 452px) {
    .header-top .profile {
        margin: 6px 13px 0 0;
    }

    /*menu - menu height*/
    .header-top .menu {
        margin: 5px auto 6px auto;
        width: auto;
        font-family: Arial;
        font-size: 15px;
        float: left;
        /*border:thin solid #000;*/
    }

    .header-top .logo_inner {
        display: none;
    }
}

@media screen and (max-width: 350px) {
    .header-top .menu {
        margin: 5px auto 6px auto;
        width: auto;
        font-family: Arial;
        font-size: 15px;
        float: left;
        /*border:thin solid #000;*/
    }

    .header-top .profile {
        margin: 6px 13px 0 0;
    }

    .header_chat_unread {
        color: #fff;
        margin: 1px 14px 0 0;
        font-size: 10px;
        position: absolute;
    }

    /*user image frame*/
    .profile .shape .user_photo_frame {
        position: absolute;
    }

        /*user photo*/
        .profile .shape .user_photo_frame img {
            display: none;
        }
}

@media screen and (max-width: 305px) {
    .profile .shape .user_photo_frame .ico2_bg {
        margin: 3px -13px 0 0;
    }

    .header-top .menu {
        margin: 3px auto 6px auto;
        width: auto;
        font-family: Arial;
        font-size: 15px;
        float: left;
        /*border:thin solid #000;*/
    }

  

    .header-top .profile {
        margin: 2px 13px 0 0;
    }

    .header_chat_unread {
        color: #fff;
        margin: 1px 14px 0 0;
        font-size: 10px;
        position: absolute;
    }

    /*user image frame*/
    .profile .shape .user_photo_frame {
        position: absolute;
    }

        /*user photo*/
        .profile .shape .user_photo_frame img {
            display: none;
        }
}
