body {
    background-color: rgb(30,70,100);
}

@font-face {
    font-family: 'B NAZANIN';
    src: url('Fonts/BNAZANIN.TTF') format('truetype');
}
@font-face {
    font-family: 'B Nazanin B';
    font-weight:bold;
    src: url('Fonts/BNAZANB.TTF') format('truetype');
}
@font-face {
    font-family: 'B ROYA';
    src: url('Fonts/BROYA.TTF') format('truetype');
}
@font-face {
    font-family: 'B ROYA B';
    font-weight:bold;
    src: url('Fonts/BROYABD.TTF') format('truetype');
}
@font-face {
    font-family: 'B TITR';
    src: url('Fonts/BTITRBD.TTF') format('truetype');
}
@font-face {
    font-family: 'B TRAFFIC';
    src: url('Fonts/BTRAFFIC.TTF') format('truetype');
}
@font-face {
    font-family: 'B TRAFFIC B';
    font-weight:bold;
    src: url('Fonts/BTRAFB.TTF') format('truetype');
}
@font-face {
    font-family: 'B YEKAN';
    src: url('Fonts/BYEKAN.TTF') format('truetype');
}









.title1 {
    direction: rtl;
    text-align: center;
    font-family: "B Traffic";
    font-size: 25px;
    color: rgb(230,210,140);
    width: auto;
    min-width: 500px;
    margin-top: 100px;
}

.band {
    height: 80px;
    background-color: rgb(50,90,110);
    width: auto;
    min-width: 500px;
    margin-bottom: 20px;
}

.title2 {
    direction: rtl;
    text-align: center;
    font-family: "B Roya";
    font-weight: bold;
    color: rgb(230,210,140);
    font-size: 80px;
    line-height: 70px;
    width: auto;
    min-width: 500px;
    margin-bottom: 20px;
}

.title3 {
    direction: rtl;
    text-align: center;
    font-family: "B Roya";
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}


.loginBox {
    direction: rtl;
    width: 500px;
    height: auto;
    background-color: rgb(232,237,243);
    margin: auto;
    border-radius: 15px;
}

.txt {
    width: 350px;
    height: 60px;
    direction: rtl;
    margin: 0 auto;
    background-color: White;
    border: 50px;
    border-color: Black;
    text-align: right;
    font-family: "B Traffic";
    font-weight: bold;
    font-size: larger;
    padding-right: 5px;
}


.button {
    height: 40px;
    direction: rtl;
    text-align: center;
    font-family: "B Traffic";
    font-weight: bold;
    font-size: medium;
    position: relative;
    float: left;
    margin-left: 35px;
    background-color: white;
    cursor: pointer;
    text-decoration: none;
    border: 5px;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border: 2px solid rgb(230,210,140);
}

    .button:hover {
        background-color: rgb(230,210,140);
        border: 2px solid white;
    }


.box_icon {
    width: 60px;
    height: 60px;
    position: relative;
    float: right;
    background-color: rgb(220,220,220);
    margin-right: 50px;
    text-align: center;
    padding-top: 2px;
}

.message {
    direction: rtl;
    text-align: right;
    font-family: "B Roya";
    font-weight: bold;
    font-size: medium;
    margin-right: 50px;
    margin-top: 20px;
}

.err {
    direction: rtl;
    text-align: right;
    font-family: "B Roya";
    font-weight: bold;
    font-size: medium;
    margin-right: 50px;
    color: red;
    visibility: hidden;
}

a {
    color: inherit;
    text-decoration: none;
} 

a:hover 
{
     text-decoration:none; 
     cursor:pointer;  
}

.info{
    direction: rtl;
    text-align: right;
    font-family: "B Roya";
    font-weight: bold;
    font-size: 16px;
    text-align:center;
    margin:auto;
}






/*11111111111111111111111111111*/
@media only screen and (min-width: 0px) and (max-width: 327px) {

    
   
}
/*22222222222222222222222222222*/
@media only screen and (min-width: 328px) and (max-width: 500px) {
   
}
/*33333333333333333333333333333*/
@media only screen and (min-width: 501px) and (max-width: 700px) {
}
/*44444444444444444444444444444*/
@media only screen and (min-width: 701px) and (max-width: 900px) {
   
}
/*55555555555555555555555555555*/
@media only screen and (min-width: 901px) and (max-width: 1024px) {
    
}
/*66666666666666666666666666666*/
@media only screen and (min-width: 1025px) {
    
}