@font-face { font-family: YekanBakh-Regular; src: url("../Font/YekanBakh-Regular.eot"), url("../Font/YekanBakh-Regular.ttf"), url("../Font/YekanBakh-Regular.woff"); }
@font-face { font-family: Iransans; src: url("../IRANSansWeb_Medium.eot"), url("./IRANSansWeb_Medium.ttf"), url("./IRANSansWeb_Medium.woff"); }
.Intro { background-color: #f3f3f3 !important; /*background-color:#d71379 !important;*/ margin: 0px; padding: 0px; /* background-image:url('../img/bg.jpg');*/ font-family: YekanBakh-Regular; font-weight: 400; min-height: 100vh; }
    .Intro a { cursor:pointer }
    .Intro header { padding: 1%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); background-color:#fff }
  .Intro  header nav { text-align:right; padding-top:15px; }
.Intro nav a {  text-align: right; font-size: 0.95rem; padding:8px; font-weight:bold }
.Intro header img { max-height:35px; text-align:left;padding-top:10px; }
    .Intro main {padding: 0 1%; }

        .Intro main h1 { text-align: right; padding-top: 3.5%; font-weight: bold }
.Intro main h4 { padding:1% 0;text-align:right;    }
.Intro main h5 { padding:1% 0;text-align:center; }
/*.owl-carousel .owl-stage-outer { right:20px; }*/
.owl-Systems .SysBx { background-color:#ffff ; text-align:center; padding:4px; min-height:350px; border:3px solid transparent }
    .owl-Systems .SysBx:hover { background-color: #ddd;  }
    .owl-Systems .SysBx .title { padding:30px 0px 65px 0px;font-size: 1.5rem; font-family: YekanBakh-Regular; font-weight:400 }
    .owl-Systems .SysBx .Img { background-color:#fff; /*height:230px;*/  margin-bottom:5px }
    .owl-Systems .SysBx img { margin:auto ;  position:relative; top:-25px; }
.owl-Systems .owl-dots { display:none }

@media (max-width: 576px) {
    .Intro header nav a {  font-size:0.85rem}
    .Intro header img { max-height:30px;}
}

@media (max-width: 420px) {
    .Intro header { padding:5px !important; }
    .Intro header nav a {  font-size:0.8rem; padding:5px !important;}
    .Intro header img { max-height:30px;}
}


/*@media (min-width: 768px) {

    .Intro > div*/ /*main .container*/ /*{background-image:url('../img/bgImg.png'); margin:0px; padding:10px;  background-repeat:no-repeat;*/ /*background-position-y:64%;*/ /*background-size:contain; height:100vh; }
}*/
