@font-face { font-family: 'IRANSans'; src: url('fonts/IRANSansWeb_Medium.eot') format('embedded-opentype'), url('fonts/IRANSansWeb_Medium.ttf') format('truetype'), url('fonts/IRANSansWeb_Medium.woff') format('woff'); }

body { margin: 0; font-size: 11pt; font-family: IRANSans; /*background: #efefef; background:url('bg.png'); background-repeat:repeat;*/ }
    body a { text-decoration: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; color: #555; }
a:hover { text-decoration: none; }

.shine { margin: auto; margin-top:15% }
    .shine img {height:212px;width:700px;  }
.Intro { text-align: center; font-family: IRANSans; max-width: 750px; }
    .Intro .Intro-btn {
        margin: auto;
        font-size: 15pt;
        padding: 7%;
        margin-top: 10% !important;
        background-color: #fff;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        transition: 0.9s all;
        -webkit-transition: 0.9s all;
        background: linear-gradient(#a63ecb,#b9fe01);
        -ms-background: linear-gradient(#a63ecb,#b9fe01);
        -webkit-background: linear-gradient(#a63ecb,#b9fe01);
    }
        .Intro .Intro-btn:hover {
            background: linear-gradient(#b9fe01,#a63ecb);
            -ms-background: linear-gradient(#b9fe01,#a63ecb);
            -webkit-background: linear-gradient(#b9fe01,#a63ecb);
        }
        .Intro .Intro-btn a { color: #fff; }
        .Intro .Intro-btn h2 { font-size:15pt !important; margin: 5px !important;}

        .Sign { direction:ltr; font-size:9pt; padding-top:10%; }


@media only screen and (max-width:800px) {
    .shine img { height: 182px; width: 600px; }
}

@media only screen and (max-width:479px) {
    .shine img { height:106px;width:350px;}
    .Intro .Intro-btn { font-size:12pt !important; }
   
}