/*
Author:wpdesigner
Author:URI: http://wpdesigner.ir/
Email:info@wp-desinger.ir
*/

/* The main container */

.homeicon {
    background: #006fbb;
    background-image: url('../../img/page/logo.png');
    background-repeat: no-repeat;
    background-position: 12px 20px;
    background-size: 31px;
    border-radius: 12px;
}

.producticon {
    background-image: url('../../img/page/02product.png');
    background-repeat: no-repeat;
    background-position: 42px 35px;
    background-size: 34px;
}

.brandicon {
    background-image: url('../../img/page/03brand.png');
    background-repeat: no-repeat;
    background-position: 34px 35px;
    background-size: 34px;
}

.Kilinikiconnew {
    background-image: url('../../img/page/07klinik.png');
    background-repeat: no-repeat;
    background-position: 41px 35px;
    background-size: 34px;
}


.Kilinikicon {
    background-image: url('../../img/page/08MedicalGoods.png');
    background-repeat: no-repeat;
    background-position: 39px 35px;
    background-size: 34px;
}

.shoppingicon {
    background-image: url('../../img/page/09Drag.png');
    background-repeat: no-repeat;
    background-position: 39px 35px;
    background-size: 34px;
}

.Store {
    background-image: url('../../img/page/shopping.png');
    background-repeat: no-repeat;
    background-position: 32px 35px;
    background-size: 34px;
}
.newsicon {
    background-image: url('../../img/page/04news.png');
    background-repeat: no-repeat;
    background-position: 32px 35px;
    background-size: 34px;
}

.reserchicon {
    background-image: url('../../img/page/05riserch.png');
    background-repeat: no-repeat;
    background-position: 41px 35px;
    background-size: 34px;
}

.abouticon {
    background-image: url('../../img/page/06about.png');
    background-repeat: no-repeat;
    background-position: 35px 35px;
    background-size: 34px;
}

.contacticon {
    background-image: url('../../img/page/07contact.png');
    background-repeat: no-repeat;
    background-position: 40px 35px;
    background-size: 34px;
}



.nav {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 1030px; /*width: 1010px;*/ /*width: 886px;*/ /* width: 884px; */
    margin: 0 auto;
    height: 100%;
    list-style: none;
    /* background: #E8E8E8; */
    text-align: right;
    z-index: 1000;
    font-family: webYekan-Regular;
}

    .nav > li {
        display: block;
        float: right;
        margin: 0;
        padding: 0 4px 0 8px;
        position: relative;
        height: 100%;
    }

        /* The main navigation links */
        .nav > li > a {
            display: block;
            height: 80%;
            padding: 8px 17px;
            line-height: 13px;
            text-decoration: none;
            font-size: 13px;
            color: #515556;
            font-weight: bold;
            -webkit-transition: background .6s;
            -moz-transition: background .6s;
            -o-transition: background .6s;
            -ms-transition: background .6s;
            border-radius: 0 0 30px 30px;
        }

            /* The hover state of the navigation links */
            .nav > li > a:hover, .nav > li:hover > a {
                background: #006fbb;
                color: #fff;
                border-radius: 0 0 40px 40px;
                -webkit-transition: background .6s;
                -moz-transition: background .6s;
                -o-transition: background .6s;
                -ms-transition: background .6s;
            }




    .nav > .dropdown > a {
        padding-left: 15px;
    }

        /* The '+' sign which indicates a submenu */

        .nav > .dropdown > a::after {
            content: "";
            position: absolute;
            top: 19px;
            width: 1px;
            height: 5px;
            background: #0a89ea;
            left: 13px;
        }

        .nav > .dropdown > a::before {
            content: "";
            position: absolute;
            top: 21px;
            width: 5px;
            height: 1px;
            background: #0a89ea;
            left: 11px;
        }

        .nav > .dropdown > a:hover::after, .nav > .dropdown:hover > a::after {
            background: transparent;
        }


    /* General submenu styling */
    .nav ul {
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
        padding: 7px 0;
        background: #e6e6e6;
        border-bottom: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
        right: 9999px;
        z-index: 1000;
    }


        .nav ul li {
            position: relative;
            background: #e6e6e6;
            padding: 0 9px;
            width: 0px;
            height: 0px;
            -webkit-transition: height .3s, width .3s;
            -moz-transition: height .3s, width .3s;
            -o-transition: height .3s, width .3s;
            -ms-transition: height .3s, width .3s;
        }

    /* Level 1 submenus */
    .nav > li:hover > ul {
        right: 0px;
    }


    /* Level 2+ submenus */
    .nav ul ul {
        border-top: 1px solid #d8d8d8;
    }

    .nav ul > li:hover > ul {
        top: -8px;
        right: 249px;
    }

    .nav .homeicon a {
        border-radius: 0;
        color: #fff;
    }

        .nav .homeicon a:hover {
            background-image: url('../../img/page/01home.png');
            background-repeat: no-repeat;
            background-position: -1px 17px;
            background-size: 41px;
            border-radius: 0;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            -ms-transition: all .2s;
            height: 39px;
        }

    .nav .abouticon a:hover {
        background-image: url('../../img/page/06aboutw.png');
        background-repeat: no-repeat;
        background-position: 23px 28px;
        background-size: 38px;
        border-radius: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
    }

    .nav .producticon a:hover {
        background-image: url('../../img/page/02productw.png');
        background-repeat: no-repeat;
        background-position: 34px 28px;
        background-size: 38px;
        border-radius: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
    }

    .nav .brandicon a:hover {
        /*background-image: url('../../img/page/shoppingw.png');*/
        background-image: url('../../img/page/03brandw.png');
        background-repeat: no-repeat;
        background-position: 25px 28px;
        background-size: 38px;
        border-radius: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
    }

    .nav .Kilinikiconnew a:hover {
        background-image: url('../../img/page/07klinikw.png');
        background-repeat: no-repeat;
        background-position: 31px 28px;
        background-size: 38px;
        border-radius: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
    }



    .nav .newsicon a:hover {
        background-image: url('../../img/page/04newsw.png');
        background-repeat: no-repeat;
        background-position: 24px 28px;
        background-size: 38px;
        border-radius: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
    }

    .nav .reserchicon a:hover {
        background-image: url('../../img/page/05riserchw.png');
        background-repeat: no-repeat;
        background-position: 30px 28px;
        background-size: 38px;
        border-radius: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
    }

    .nav .Kilinikicon a:hover {
        background-image: url('../../img/page/08MedicalGoodsw.png');
        background-repeat: no-repeat;
        background-position: 28px 28px;
        background-size: 38px;
        border-radius: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
    }

    .nav .shoppingicon a:hover {
        background-image: url(../../img/page/09Dragw.png);
        background-repeat: no-repeat;
        background-position: 28px 35px;
        background-size: 38px;
        border-radius: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
    }
        .nav .Store a:hover {
        background-image: url(../../img/page/shoppingw.png);
        background-repeat: no-repeat;
        background-position: 19px 35px;
        background-size: 38px;
        border-radius: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
    }



    .nav .contacticon a:hover {
        background-image: url('../../img/page/07contactw.png');
        background-repeat: no-repeat;
        background-position: 30px 28px;
        background-size: 38px;
        border-radius: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
    }




    /* Expanding the submenus on hover */
    .nav li:hover > ul > li {
        width: 230px; /*---hm---*/
        height: 25px;
    }

    /* The links of the submenus */
    .nav ul li a {
        /* Layout */
        direction: rtl;
        display: block;
        position: relative;
        padding: 5px 10px;
        border-radius: 3px;
        width: 210px;
        /* Typography */
        font-size: 12px;
        text-decoration: none;
        color: rgb(128, 128, 128);
        /* Effects */
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
    }

        /* The hover state of the submenu links */
        .nav ul li a:hover, .nav ul li:hover > a {
            background: #0a89ea;
            color: #fff;
        }

    /* The '+' sign indicating a level 2+ submenu */
    .nav ul > .dropdown > a::after {
        content: "";
        position: absolute;
        top: 11px;
        width: 1px;
        height: 5px;
        background: #0a89ea;
        left: 8px;
    }

    .nav ul > .dropdown > a::before {
        content: "";
        position: absolute;
        top: 13px;
        width: 5px;
        height: 1px;
        background: #0a89ea;
        left: 6px;
    }

    .nav ul > .dropdown:hover > a::after {
        background: transparent;
    }

    .nav ul > .dropdown:hover > a::before {
        background: rgb(0, 0, 0);
    }