﻿.KeyMenuHeader
{
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: 80px;
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    font-size: 0.95em;
    cursor: pointer;
    direction: rtl;
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-webkit-transition: all 0.3s cubic-bezier(0.700, 0.000, 0.300, 1.000);
	transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
}
.KeyMenuSubMain
{
    position: relative;
    width: auto;
    height: 80px;
    padding-left: 17px;
    padding-right: 17px;
    color: #FFFFFF;
    text-align: center;
    -moz-transition: all 0.6s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-ms-transition: all 0.6s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-o-transition: all 0.6s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-webkit-transition: all 0.6s cubic-bezier(0.700, 0.000, 0.300, 1.000);
	transition: all 0.6s cubic-bezier(0.000, 0.700, 0.300, 1.000);
}
.KeyMenuSubMain_Over
{
    position: absolute;
    display: block;
    width: 100%;
    height: 30%;
    bottom: 0px;
    left: 0px;
    background-color: rgba(255,255,255,0.0);
    z-index: 1000;
    -moz-transition: all 0.6s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-ms-transition: all 0.6s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-o-transition: all 0.6s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-webkit-transition: all 0.6s cubic-bezier(0.700, 0.000, 0.300, 1.000);
	transition: all 0.6s cubic-bezier(0.000, 0.700, 0.300, 1.000);
}
.KeyMenuSubMain_Sep
{
    position: absolute;
    display: table;
    width: 1px;
    height: 16px;
    top: 32px;
    left: 0px;
    background-color: rgba(255,255,255,1.0);
    z-index: 10;
}
.KeyMenuHeader:hover .KeyMenuSubMain_Over
{
    height: 10%;
    background-color: rgba(255,255,255,0.3);
}
.KeyMenuHeader:hover .KeyMenuSubMain
{
    color: #FFFFFF;
}

.KeyMenuSubBody
{
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    min-width: 200px;
    top: 80px;
    right: 0px;
    padding: 10px 0 20px 0;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.75);
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5);
    z-index: 1000;
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-webkit-transition: all 0.3s cubic-bezier(0.700, 0.000, 0.300, 1.000);
	transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
}
.KeyMenuSub
{
    position: relative;
    width: auto;
    height: auto;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgba(255,255,255,0.0);
    border-bottom: solid 1px #EAEAEA;
    font-size: 1.0em;
    font-weight: 500;
    color: #000000;
    text-align: right;
    cursor: pointer;
    clear: both;
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-webkit-transition: all 0.3s cubic-bezier(0.700, 0.000, 0.300, 1.000);
	transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
}
.KeyMenuSub:hover
{
    background-color: rgba(255,255,255,1.0);
    padding-right: 15px;
    color: #E60000;
}





.KeyMenuAppMain
{
    background-image: url('ImagesFA/Sign-Menu2.png');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 70px;
    height: 50px;
    right: 0px;
    top: 0px;
    cursor: pointer;
}
.KeyMenuAppSub
{
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0px;
    top: 50px;
    background-color: #333333;
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9em;
    color: White;
    text-align: right;
    z-index: 100000;
    overflow: hidden;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
    z-index: 3000;
}
.KeyMenuAppSubItem
{
    background-image: url('ImagesFA/Sign-Menu2Sub.png');
    background-repeat: no-repeat;
    background-position: 5% center;
    background-color: Transparent;
    width: 90%;
    height: auto;
    border-bottom: solid 1px #B3B3B3;
    padding: 10px 5% 10px 5%;
    cursor: pointer;
    direction: rtl;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.KeyMenuAppSubItem:hover
{
    background-color: #4B4B4B;
}
.KeyMenuAppSubItemUp
{
    background-image: url('ImagesFA/Sign-Menu2Sub2.png');
    background-repeat: no-repeat;
    background-position: 5% center;
    background-color: Transparent;
    width: 90%;
    height: auto;
    border-bottom: solid 1px #B3B3B3;
    padding: 10px 5% 10px 5%;
    cursor: pointer;
    direction: rtl;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.KeyMenuAppSubItemUp:hover
{
    background-color: #4B4B4B;
}
.KeyMenuAppSubItemBody
{
    background-color: Black;
    width: 100%;
    height: 0px;
    overflow: hidden;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.KeyMenuAppSubItemLink
{
    background-color: Black;
    width: 90%;
    height: auto;
    border-bottom: solid 1px #B3B3B3;
    padding: 10px 10% 10px 0%;
    text-decoration: none;
    color: #D0D0D0;
    direction: rtl;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.KeyMenuAppSubItemLink:hover
{
    background-color: #E60000;
    color: White;
}
.KeyMenuAppSubItemLinkAlone
{
    background-color: Black;
    width: 90%;
    height: auto;
    border-bottom: solid 1px #B3B3B3;
    padding: 10px 5% 10px 5%;
    text-decoration: none;
    color: #D0D0D0;
    direction: rtl;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.KeyMenuAppSubItemLinkAlone:hover
{
    background-color: #E60000;
    color: White;
}


@media screen and (min-width:0px) and (max-width:600px)
{
    .KeyMenuAppMain
    {
        background-image: url('ImagesFA/Sign-Menu3.png');
        width: 86px;
    }
}