@font-face{
    font-family:'Byekan';
    src:url('../fonts/BYekan.ttf') format('truetype'),url('../fonts/BYekand41d.eot?#') format('eot'),url('../fonts/BYekan.woff') format('woff');
    font-style:normal;
    font-weight:normal;
}
@font-face{
    font-family:'icomoon';
    src:url('../fonts/icomoon3c88.eot?-n2bcf6');
    src:url('../fonts/icomoond41d.eot?#iefix-n2bcf6') format('embedded-opentype'),url('../fonts/icomoon3c88.woff?-n2bcf6') format('woff'),url('../fonts/icomoon3c88.ttf?-n2bcf6') format('truetype'),url('../fonts/icomoon3c88.svg?-n2bcf6#icomoon') format('svg');
    font-weight:normal;
    font-style:normal;
}
[class^="icon-"], [class*=" icon-"]{
    font-family:'icomoon';
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
body{
    font-family:'BYekan';
    font-size:14px;
    background:#eeeeee;
    margin:0px;
}
*:focus{
    outline:none;
}
a{
    text-decoration:none;
}
.navbaned{
    width:698px;
    margin:0px auto;
}
.header{
    position:relative;
    margin:0 auto;
    direction:rtl;
    cursor:pointer;
    width:300px;
    top:5px;
}
h1.heading-logo{
    direction:rtl;
    font-weight:normal;
    font-size:40px;
    color:#3791AD;
    text-shadow:3px 3px rgba(0, 0, 0, 0.06);
    margin:0px;
}
span.small_heading-logo{
    font-size:16px;
    color:#818181;
    padding:2px 20px;
    background:rgba(255, 255, 255, 0.67);
    border-radius:4px;
    border:solid 1px #E7E7E7;
}
.ico_logo::before{
    content:"\e66a";
}
.ico_logo{
    font:normal 90px icomoon;
    top:8px;
    float:right;
    position:relative;
    margin-left:8px;
    color:#3791AD;
    text-shadow:3px 3px rgba(0, 0, 0, 0.04);
}
.metlion-central{
    border-style:solid;
    border-width:1px;
    border-color:rgb(195, 195, 195);
    border-radius:10px;
    background-color:rgba(255, 255, 255, 0.83);
    width:698px;
    height:550px;
    position:relative;
    margin:0 auto;
    margin-bottom:50px;
    top:30px;
    border-top:solid 5px #3791AD;
    clear:both;
}
.navbar{
    position:relative;
    direction:rtl;
    background:#F3F3F3;
    min-height:40px;
    padding-top:5px;
    padding-right:10px;
}
.navbar ul{
    list-style:none;
    margin:0px;
    padding:0px;
}
.navbar ul li{
    float:right;
}
a.ozv{
    background:#D36161;
    box-shadow:inset 0 1px rgba(255, 255, 255, 0.33);
}
.navbar ul li a{
    color:#FFF;
    margin:0px 2px;
    font-size:16px;
    background:#3791AD;
    padding:2px 5px;
    border:solid 1px rgba(0, 0, 0, 0.07);
    box-shadow:inset 0 1px rgba(0, 245, 255, 0.33);
    text-shadow:1px 1px rgba(0, 0, 0, 0.17);
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
}
.navbar ul li a:hover{
    box-shadow:inset 0 1px rgba(255, 255, 255, 0.33);
    background:#838383;
}
.ico_menu::before{
    content:"\e602";
}
.icom1::before{
    content:"\e724";
}
.icom2::before{
    content:"\e73c";
}
.icom3::before{
    content:"\e61e";
}
.ico_menu{
    font:normal 23px icomoon;
    color:#FFF;
    text-shadow:0px 0px 0px;
    left:3px;
    position:relative;
    margin:0px 5px;
    top:5px;
    text-shadow:1px 1px rgba(0, 0, 0, 0.17);
}
.ico_big::before{
    content:"\e632";
}
.ico_big_right::before{
    content:"\e862";
}
.ico_big{
    font:normal 150px icomoon;
    color:rgba(0, 0, 0, 0.02);
    position:absolute;
    text-align:center;
    left:30px;
    top:120px;
}
.ico_big_right{
    font:normal 150px icomoon;
    color:rgba(0, 0, 0, 0.02);
    position:absolute;
    text-align:center;
    right:30px;
    top:140px;
}
.ico_select::before{
    content:"\e639";
}
.ico_name, .ico_select, .ico_pass{
    font:normal 24px icomoon;
    color:#FFF;
    text-shadow:0px 0px 0px;
    position:relative;
    top:6px;
    right:3px;
    text-shadow:1px 1px rgba(0, 0, 0, 0.17);
    background:#868686;
    text-align:center;
    width:30px;
    padding:5px 8px;
    padding-bottom:4px;
    border-bottom:solid 2px #6B6B6B;
    border-radius:0px 5px 5px 0px;
}
.title-site{
    direction:rtl;
    float:right;
    background:#C94564;
    position:relative;
    color:#fff;
    font-size:16px;
    top:20px;
    padding:0px 0px 5px 0px;
    width:100%;
    text-shadow:1px 1px rgba(0, 0, 0, 0.19);
    box-shadow:inset 0px 1px 0px rgba(255, 181, 205, 0.33);
    border:solid 1px rgba(0, 0, 0, 0.2);
    border-right:0px;
    border-left:0px;
}
.t2{
    top:50px;
    background:#888888;
    box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.33);
}
.ico_text_login::before{
    content:"\e778";
}
.ico_text_login{
    font:normal 24px icomoon;
    color:#FFF;
    text-shadow:0px 0px 0px;
    left:3px;
    position:relative;
    margin:0px 5px;
    top:5px;
    text-shadow:1px 1px rgba(0, 0, 0, 0.17);
}
.outflat{
    position:relative;
    top:30px;
    direction:rtl;
    clear:both;
    margin:0px auto;
    display:table;
}
.select{
    font:12px tahoma;
    width:206px;
    height:33px;
    border-radius:5px 0px 0px 5px;
    border:solid 1px rgba(0, 0, 0, 0.18);
    border-right:0px;
    text-align:right;
    direction:rtl;
    color:#9B9B9B;
    background:#FDFDFD;
    box-shadow:inset 1px 2px #fff;
    border-bottom:solid 2px rgba(0, 0, 0, 0.18);
    padding-right:5px;
    margin-top:10px;
     position:relative;
}
.tf-user, .tf-pass{
    width:200px;
    height:30px;
    border-radius:5px 0px 0px 5px;
    border:solid 1px rgba(0, 0, 0, 0.18);
    border-right:0px;
    padding-right:5px;
    font:12px tahoma;
    text-align:right;
    background:#FDFDFD;
    box-shadow:inset 1px 2px #fff;
    border-bottom:solid 2px rgba(0, 0, 0, 0.18);
    position:relative;
}
.ico_name::before{
    content:"\e666";
}
.ico_pass::before{
    content:"\e640";
}
.ico_select::before{
    content:"\e639";
}
.ico_name, .ico_select, .ico_pass{
    font:normal 24px icomoon;
    color:#FFF;
    text-shadow:0px 0px 0px;
    position:relative;
    top:6px;
    right:3px;
    text-shadow:1px 1px rgba(0, 0, 0, 0.17);
    background:#868686;
    text-align:center;
    width:30px;
    padding:5px 8px;
    padding-bottom:4px;
    border-bottom:solid 2px #6B6B6B;
    border-radius:0px 5px 5px 0px;
}
.ico_select{
    font:normal 22px icomoon;
    top:5px;
}
.btn{
    width:242px;
    height:35px;
    background:#8C48A7;
    border:solid 1px rgba(0, 0, 0, 0.3);
    box-shadow:inset 1px 1px 0px rgba(238, 168, 255, 0.41);
    border-bottom:solid 2px rgba(0, 0, 0, 0.3);
    font:16px BYekan,tahoma;
    border-radius:4px;
    color:#fff;
    text-shadow:1px 1px rgba(0, 0, 0, 0.16);
    cursor:pointer;
    -moz-transition:all 0.1s ease-in;
    -webkit-transition:all 0.1s ease-in;
    -o-transition:all 0.1s ease-in;
    -ms-transition:all 0.1s ease-in;
    right:3px;
    margin-top:10px;
     position:relative;
}
.btn:hover{
    background:#999999;
    box-shadow:inset 1px 1px 0px rgba(255, 255, 255, 0.29);
}
.generatoring{
    float:right;
    direction:rtl;
    clear:both;
    position:relative;
    top:70px;
    font-size:16px;
    color:#8D8D8D;
    text-shadow:1px 1px #fff;
    right:20px;
}
.generatoring ul{
    list-style:none;
    margin:0px;
    padding:0px;
}
.ico_gh::before{
    content:"\e77a";
}
.ico_gh{
    font:normal 18px icomoon;
    color:#8F8F8F;
    text-shadow:0px 0px 0px;
    left:3px;
    position:relative;
    margin:0px 5px;
    top:5px;
    text-shadow:1px 1px #fff;
}
.generatoring ul li{
    margin-bottom:4px;
}
.generatoring ul li:hover{
    color:#B4B4B4;
}
.generatoring ul li:hover .ico_gh{
    color:#bb6cc2;
}
.ghi::before{
    content:"\e734";
}
.stand-seo{
    text-align:center;
    line-height:1.5 ;
    margin-top:50px ;
    font-family:'Yekan';
    font-size:14px ;
    color: #ee250a;
}
.power{
    text-align:center;
    margin-top:16px
}
.hide{
    display:none
}
.logined{
    position:relative;
    top:-18px;
    margin:0px auto;
    text-align:center;
    color:#fff;
    float:left;
    padding:7px 10px;
    font-size:16px;
    background:rgba(0, 0, 0, 0.17);
    text-shadow:1px 1px rgba(0, 0, 0, 0.31);
}
.footer{
    min-height:40px;
    background:;
    border-bottom:solid 5px rgba(0, 0, 0, 0.0);
    border-top:solid 5px #E6E6E6;
    margin:0px;
    padding:0px;
}
.license{
    float:right;
    text-align:right;
    position:relative;
    right:50px;
    top:10px;
    color:#fff;
    font-size:15px;
    text-shadow:1px 1px rgba(0, 0, 0, 0.33);
}
.cop{
    float:left;
    left:50px;
}
.error{
    float:right;
    text-align:right;
    position:relative;
    right:50px;
    top:10px;
    color:#ee1212;
    font-size:15px;
    text-shadow:1px 1px rgba(0, 0, 0, 0.33);
}
 @media only screen and (max-width: 740px) {
    .metlion-central{
        width: 100%;
        border-radius: 0 0 0 0 !important;
        border-left:none;
        border-right: none;
        height: auto !important;
    }
    .navbaned{
        width: 100%;
        text-align: center !important;
    }
    .generatoring{
        float: none !important;
        position: initial !important;
        margin-top: 104px !important;
    }
    .generatoring ul{
        margin: 0 20px 16px 0 !important;
    }
}
@media only screen and (max-width: 670px) {
    .metlion-central .navbar ul li{
        display: inline-block;
        width: 100%;
        float: none !important;
    }
    .navbar{
        padding: 13px !important;
    }
    .navbar ul li a{
        display: block;
        text-align: center;
    }
    .title-site{
        font-size: 14px !important;
    }
    .logined{
        top: 20px !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    .outflat{
        top: 45px !important;
    }
    .generatoring{
        right: 0 !important;
    }
    .generatoring ul li{
        font-size: 13px;
    }
}
@media only screen and (max-width: 530px){
    .license{
        float: none !important;
        display: block !important;
        box-sizing: border-box !important;
    }
    .cop{
        float: none !important;
        left: auto !important;
    }
    .footer{
        min-height: 60px !important;
    }
}